@charset "shift_jis";
@import "exam_common.css";
/*------------------------------------------------------------*/
/* selector (#main) */
.specified_school_recommendation {
  color: #777777;
}

/*== page common ========================*/

/*-- text color ----------*/
.specified_school_recommendation .clr01 {/* jidou gakubu */
  color: #faa0c0;
}

.specified_school_recommendation .clr02 {/* shinnri */
  color: #88ccad;
}

.specified_school_recommendation .clr03 {/* bungaku */
  color: #f9cc73;
}

.specified_school_recommendation .clr04 {/* ninngen */
  color: #f2a999;
}

.specified_school_recommendation .clr05 {/* onngaku */
  color: #99b7ed;
}

.specified_school_recommendation .clr06 {/* tannki */
  color: #ccacd6;
}

.specified_school_recommendation .clr07 {/* daigakuinn */
  color: #ccbaa4;
}

.specified_school_recommendation .clr08 {/* kango */
  color: #99d4db;
}


/*== header ========================*/
.specified_school_recommendation .page_content_header {
  width: 656px;
  margin: 0 auto;
  height: 34px;
  padding: 8px;
  background: #8dccde;
}

/*-- icon ----------*/
.specified_school_recommendation .page_content_header .icon {
  float: left;
  height: 34px;
  padding-right: 8px;
}

.specified_school_recommendation .page_content_header .icon li {
  float: left;
  padding-right: 2px;
}

/*-- title ----------*/
.specified_school_recommendation .page_content_header h3 {
  float: left;
}

/*-- year ----------*/
.specified_school_recommendation .page_content_header .year {
  float: right;
  color: #ffffff;
  font-size: 12px;
  line-height: 34px;
}


/*== hash tag nav ========================*/
.specified_school_recommendation .hash_tag_nav {
  height: 26px;
  margin: 0 auto 16px;
}

.specified_school_recommendation .hash_tag_nav li {
  float: left;
  padding-right: 18px;
}



/*== section 1 ========================*/
.specified_school_recommendation #section01 {
  width: 672px;
  margin: 0 auto 30px;
}

.specified_school_recommendation #section01 h4 {
  margin: 0 auto 4px;
}


/*-- text ----------*/
.specified_school_recommendation #section01 .text {
  text-align: left;
  line-height: 1.7;
}

.specified_school_recommendation #section01 .text strong {
  color: #8DCCDE;
  font-weight: normal;
}

.specified_school_recommendation #section01 .note {
  margin-left: 1em;
  font-size: 11px;
  text-align: left;
  text-indent: -1em;
  line-height: 1.7;
}

/*-- table ----------*/
.specified_school_recommendation #section01 table {
  width: 672px;
  margin: 0 auto 14px;
  border-collapse: collapse;
  font-size: 11px;
}

.specified_school_recommendation #section01 th {
  padding: 2px 10px;
  border: 1px solid #9e9e9e;
  font-weight: normal;
}

.specified_school_recommendation #section01 td {
  padding: 8px 10px;
  border: 1px solid #9e9e9e;
}

.specified_school_recommendation #section01 thead {
  background: #E8E2D9;
  color: #444444;
}

.specified_school_recommendation #section01 tbody {}

.specified_school_recommendation #section01 .cel01 {
  border-bottom: none;
}

.specified_school_recommendation #section01 .cel02 {
  width: 177px;
  padding: 0;
  border-top: none;
}


/*== section 2 ========================*/
.specified_school_recommendation #section02 {
  width: 672px;
  margin: 0 auto 30px;
}

.specified_school_recommendation #section02 h4 {
  margin: 0 auto 14px;
}


#section01_2 {
  position: relative;
  width: 672px;
  margin: 0 auto 60px;
  padding-bottom: 2px;
  background: url(../exam/summary/images/admission_office/bg_pattern01.png);
}

#section01_2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  width: 672px;
  height: 2px;
  background: url(../exam/summary/images/admission_office/bg_border01.png);
  content: "";
  zoom: 1;
}

#section01_2 h5 {
  margin: 0px 0px 2px;
  padding-top: 15px;
  color: #EFBD56;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

#section01_2 .text {
  margin: 0 25px 5px;
  text-align: left;
  line-height: 1.7;
}

#section01_2 .text strong {
  color: #8DCCDE;
  font-weight: normal;
}

/* text link */
#section01_2 .btn_detail {
  margin: 0 25px 20px;
  text-align: left;
}

#section01_2 .btn_detail a,
#section01_2 .btn_detail a:link,
#section01_2 .btn_detail a:visited {
  display: inline-block;
  padding: 0 10px 0 10px;
  background: url(../common_img/icon_arrow4.png) no-repeat left center;
  color: #8DCCDE;
  text-decoration: none;
}

#section01_2 .btn_detail a:hover,
#section01_2 .btn_detail a:active,
#section01_2 .btn_detail a:focus {
  text-decoration: underline;
}




/*-- table ----------*/
.specified_school_recommendation #section02 table {
  width: 672px;
  margin: 0 auto 14px;
  border-collapse: collapse;
  font-size: 11px;
}

.specified_school_recommendation #section02 th {
  padding: 2px 10px;
  border: 1px solid #9e9e9e;
  font-weight: normal;
}

.specified_school_recommendation #section02 td {
  padding: 8px 10px;
  border: 1px solid #9e9e9e;
}

.specified_school_recommendation #section02 thead {
  background: #E8E2D9;
  color: #444444;
}

.specified_school_recommendation #section02 tbody {}

.specified_school_recommendation #section02 .cel01 {
  border-bottom: none;
}

.specified_school_recommendation #section02 .cel02 {
  width: 177px;
  padding: 0;
  border-top: none;
}


/*-- text ----------*/
.specified_school_recommendation #section02 .note {
  margin: 0 auto 10px;
  padding-left: 1.5em;
  font-size: 11px;
  text-align: left;
}

.specified_school_recommendation #section02 .note p {
  text-indent: -1.5em;
}


/*== section 3 ========================*/
.specified_school_recommendation #section03 {
  width: 672px;
  margin: 0 auto 30px;
}

.specified_school_recommendation #section03 h4 {
  margin: 0 auto 14px;
}


/*-- table ----------*/
.specified_school_recommendation #section03 table {
  width: 672px;
  margin: 0 auto 14px;
  border-collapse: collapse;
}

.specified_school_recommendation #section03 th {
  padding: 2px 10px;
  border: 1px solid #9e9e9e;
  font-weight: normal;
}

.specified_school_recommendation #section03 td {
  padding: 8px 10px;
  border: 1px solid #9e9e9e;
  vertical-align: top;
}

.specified_school_recommendation #section03 thead {
  background: #E8E2D9;
  color: #444444;
}

.specified_school_recommendation #section03 tbody {
  text-align: left;
}

.specified_school_recommendation #section03 .cel01 {
  width: 50%;
}

.specified_school_recommendation #section02 .cel02 {

}

.specified_school_recommendation #section03 td li {
  padding: 2px 0;
}


/*-- text ----------*/
.specified_school_recommendation #section03 .note {
  margin: 0 auto 10px;
  padding-left: 1em;
  font-size: 11px;
  text-indent: -1em;
  text-align: left;
}


/*== section 4 ========================*/
.specified_school_recommendation #section04 {
  width: 672px;
  margin: 0 auto 30px;
}

.specified_school_recommendation #section04 h4 {
  margin: 0 auto 14px;
}


/*-- text ----------*/
.specified_school_recommendation #section04 .text {
  text-align: left;
  line-height: 1.7;
}

.specified_school_recommendation #section04 .note {
  margin: 0 auto 10px;
  padding-left: 1em;
  font-size: 11px;
  text-align: left;
  text-indent: -1em;
  line-height: 1.7;
}


/*-- lsit ----------*/
.specified_school_recommendation #section04 ol {
  text-align: left;
  line-height: 1.7;
}

.specified_school_recommendation #section04 li {
  margin-left: 1em;
  text-indent: -1em;
}

/*-- table ----------*/
.specified_school_recommendation #section04 table {
  width: 672px;
  margin: 0 auto 14px;
  border-collapse: collapse;
}

.specified_school_recommendation #section04 th {
  padding: 2px 10px;
  border: 1px solid #9e9e9e;
  font-weight: normal;
}

.specified_school_recommendation #section04 td {
  padding: 8px 10px;
  border: 1px solid #9e9e9e;
  vertical-align: top;
}

.specified_school_recommendation #section04 thead {
  background: #E8E2D9;
  color: #444444;
}

.specified_school_recommendation #section04 tbody {
  text-align: left;
}

.specified_school_recommendation #section04 .cel01 {
  width: 50%;
}

.specified_school_recommendation #section04 .cel02 {

}

.specified_school_recommendation #section04 td li {
  padding: 2px 0;
}



/*== section 5 ========================*/
.specified_school_recommendation #section05 {
  width: 672px;
  margin: 0 auto 30px;
}

.specified_school_recommendation #section05 h4 {
  margin: 0 auto 14px;
}


/*-- text ----------*/
.specified_school_recommendation #section05 .text {
  text-align: left;
  line-height: 1.7;
}

.specified_school_recommendation #section05 .note {
  margin: 0 auto 10px;
  padding-left: 1em;
  font-size: 11px;
  text-align: left;
  text-indent: -1em;
  line-height: 1.7;
}


/*-- lsit ----------*/
.specified_school_recommendation #section05 ul {
  text-align: left;
  line-height: 1.7;
}

.specified_school_recommendation #section05 li {
  margin-left: 1em;
  text-indent: -1em;
}

.specified_school_recommendation #section05 li a,
.specified_school_recommendation #section05 li a:link,
.specified_school_recommendation #section05 li a:visited {
  color: #8DCCDE;
  text-decoration: none;
}

.specified_school_recommendation #section05 li a:hover,
.specified_school_recommendation #section05 li a:active,
.specified_school_recommendation #section05 li a:focus {
  text-decoration: underline;
}

.specified_school_recommendation #section05 li a:first-child {
  padding-left: 10px;
  background: url(../exam/images/admission_common/icon_arrow4.png) no-repeat left center;

}


/*== section 6 ========================*/
.specified_school_recommendation #section06 {
  width: 672px;
  margin: 0 auto 50px;
}


/*-- text ----------*/
.specified_school_recommendation #section06 .note {
  margin: 0 auto 30px;
  padding-left: 1em;
  font-size: 11px;
  text-align: left;
  text-indent: -1em;
  line-height: 1.7;
}