@charset "UTF-8";

#main h1 {width:709px; height:103px}
#main h1 span {display:none}
#main h1.ttl_top{background:url(../images/h1.jpg)}
#main h1.ttl_schedule {background:url(../images/h1_schedule.jpg)}
#main h1.ttl_firststage {background:url(../images/h1_firststage.jpg)}
#main h1.ttl_sbj-transition {background:url(../images/sbj-transition/h1.jpg)}
#main h1.ttl_area {background:url(../images/area/h1.jpg)}
#main h1.ttl_late-stag {background:url(../images/late-stag/h1.jpg)}
#main h1.ttl_h-course {background:url(../2014/images/h-course/h1.jpg)}
#main h1.ttl_s-course {background:url(../2014/images/s-course/h1.jpg)}
#main h1.ttl_ad-changes {background:url(../images/h1_ad-changes.jpg)}
#main h1.ttl_passing-grade {background:url(../images/h1_passing-grade.jpg)}
#main h1.ttl_average {background:url(../images/h1_average.jpg)}
#main h1.ttl_borderline {background:url(../images/h1_borderline.jpg)}
#main h1.ttl_transition {background:url(../images/h1_transition.jpg)}
#main h1.ttl_mechanism {background:url(../images/mechanism/h1.jpg)}
#main h1.ttl_difference {background:url(/exam/images/h1_difference.jpg)}
#main h1.ttl_score-distribution {background:url(/exam/images/h1_score-distribution.jpg)}
#main h1.ttl_research {background:url(/exam/images/h1_research.jpg)}
#main h1.ttl_additionally2016 {background:url(/exam/images/h1_additionally.jpg)}
#main h1.ttl_h-course2016 {background:url(/exam/images/h1_h-course.jpg)}
#main h1.ttl_s-course2016 {background:url(/exam/images/h1_s-course.jpg)}
#main h1.ttl_trend-2nd {background:url(/exam/images/h1_trend-2nd.jpg)}
#main h1.ttl_trend-3nd {background:url(/exam/images/h1_trend-3nd.jpg)}

#main h1.ttl_zen {background:url(/exam/images/h1_zen.jpg)}
#main h1.ttl_forecast {background:url(/exam/images/h1_forecast.jpg)}
#main h1.ttl_forecast2016 {background:url(/exam/images/h1_forecast2016.jpg)}
#main h1.ttl_forecast2017 {background:url(/exam/images/h1_forecast2017.jpg)}

#main h1.ttl_soku_forecast {background:url(/exam/images/h1_soku_forecast.jpg)}
#main h1.ttl_crTrend2015 {background:url(/exam/images/h1_cr-trend2015.jpg)}
#main h1.ttl_crTrend2016 {background:url(/exam/images/h1_cr-trend2016.jpg)}
#main h1.ttl_crTrend2017 {background:url(/exam/images/h1_cr-trend2017.jpg)}

#main h1.ttl_difference2016 {background:url(/exam/2016/images/h1_difference.jpg)}
#main h1.ttl_research2016 {background:url(/exam/2016/images/h1_research.jpg)}
#main h1.ttl_score-distribution2016 {background:url(/exam/2016/images/h1_score-distribution.jpg)}
#main h1.ttl_additionally2015{background:url(/exam/2016/images/h1_additionally.jpg)}


#main h1.ttl_result {background:url(/exam/images/h1_result.jpg)}
#main h1.ttl_deviation {background:url(/exam/images/h1_deviation.jpg)}
#main h1.ttl_recommendation {background:url(../images/recommendation/h1.jpg)}

#main .sectionH2 table.NewTlf{table-layout:fixed; margin-top:5px;}
#main .sectionH2 tbody.ValignM th,
#main .sectionH2 tbody.ValignM td{vertical-align: middle;}
#main .sectionH2 tbody.ValignM td{padding: 8px 5px;}


#main h1 + p{margin:0 0 15px}

#main .infoArea:before,
#main .infoArea:after{
content:"";
display:table;}

#main .infoArea:after{clear:both;}

#main .infoArea{
margin:0 0 15px;
zoom:1;/* For IE 6/7 */}

#main .infoArea .back{float:right}

#main .infoArea p{
color:#666;
float:left}

#main ul.anchor{
background:#ECF5FC;
margin:0 0 15px;
padding:5px 0 7px;
text-align:center}

#main ul.anchor li{
background:url(../images/mechanism/icon01.gif) no-repeat 0 2px;
display:inline;
font-size:85%;
margin:0 0 0 10px;
padding:0 0 0 15px;}

#main ul.anchor li:first-child{margin:0}

#main p,
#main h2{margin:0 0 10px}

#main .sectionH2{margin:0}

#main .sectionH2 ~ .sectionH2{margin:30px 0 0}


#main .sectionH2 h2{
margin:0 0 15px;}

/*
#main .sectionH2 h2.ttl{
background:url(../images/subject/h2.gif) no-repeat 0 5px;
border-bottom:1px solid #09ACBB;
color:#09ACBB;
font-size:120%;
font-weight:bold;
padding:0 0 5px 15px}

#main .sectionH2 h3{
background:url(../images/subject/h3.gif) no-repeat 0 8px;
border-bottom:1px dotted #B4B4B4;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px 15px}

#main .sectionH2 h3.ttl{
background:none;
border-bottom:none;
margin:15px 0 5px 0;
padding:0}
*/

.detail h2.ttl {
background:url(../images/h2.gif) no-repeat 10px 10px #4591e7;
color:#fff;
font-size:120%;
font-weight:bold;
margin:25px 0 0 0 !important;
padding:3px 10px 3px 30px}

.detail h3.ttl{
background:url(../images/subject/h2.gif) no-repeat 0 5px;
border-bottom:1px solid #09ACBB;
color:#09ACBB;
font-size:120%;
font-weight:bold;
padding:0 0 5px 15px}

.detail h4{
background:url(../images/subject/h3.gif) no-repeat 0 8px;
border-bottom:1px dotted #B4B4B4;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px 15px}

.detail h5{
border-bottom:1px dotted #B4B4B4;
font-weight:bold;
margin:0 0 10px;
padding:0 0 5px 0}

#main .sectionH2 h3 ~ h3{margin:30px 0 10px}

#main .sectionH2 table{
border:2px solid #ccc;
margin:0 0 10px;
width:100%}

#main .sectionH2 table th{
background:#72adf0;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
color:#fff;
font-weight:bold;
padding:5px;
text-align:center;
}

#main .sectionH2 table th.sbH {
background:#72adf0;
}

#main .sectionH2 table th.sub{width:230px}
#main .sectionH2 table th.day{width:70px}
#main .sectionH2 table th.num{width:90px}
#main .sectionH2 table.firststage th.num{width:75px;}
#main .sectionH2 table .num {text-align:center}
#main .sectionH2 table .num2 {width:15%; text-align:center}
#main .sectionH2 table .number,
#main .sectionH2 table .percent {text-align:right}
#main .sectionH2 table th.number {text-align:center}

#main .sectionH2 table td{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:5px 4px;
vertical-align:top;
line-height:1.2em;
}

#main .sectionH2 table td.rTxt {text-align:right !important;}

#main .sectionH2 table .rB {border-right: 2px solid #ccc;}
#main .sectionH2 table .bB {border-bottom:2px solid #ccc;}

#main .sectionH2 table .numeric, 
#main .sectionH2 table .number {
    text-align: right;
}



/* note */
#main .sectionH2 ul.note li{
line-height:120%;
margin:4px 0 0;
padding:0 0 0 1em;
text-indent:-1em}

#main .sectionH2 ul.note2 {
margin:15px 0 20px 0}

#main .sectionH2 ul.note2 li{
line-height:120%;
margin:4px 0 0 0;
padding:0 0 0 1em;
text-indent:-1em;
color:#666;}

#main .sectionH2 ul.note3 li{
line-height:120%;
margin:4px 0 0;
padding:0 0 0 2em;
text-indent:-2em}

/* atn */
#main .sectionH2 p.atn {margin:-5px 0 0 0; font-size:90%; text-align:right;}

/* borderlist */
.borderList {}
.borderList li {background:url(../images/icon05.gif) 0 5px no-repeat;	padding:0 0 0 16px;}
.borderList li .list2 { display:block;margin-left:2em; text-indent:-2em;}

/* adlist */
.adList {}
.adList li {margin:0 0 10px 3em; text-indent:-3em;}

/* tableTtl */
.tableTtl {margin:15px 0 5px 0 !important}
.tableTtl span {padding:5px 10px; background:#4591e7; color:#fff; font-weight:bold;}

/* link */
#main .detail a.link[target="_blank"]{
background:url(../../common/images/foot_icon03.gif) no-repeat 100% 1px;
padding:0 20px 0 0}


.red {color:#ff0000;}
.ul {text-decoration:underline}

ul.list1 {margin:5px 0 10px 1em;}
ul.list1 li {margin-left:1em; text-indent:-1em}

ul.list2 {margin:5px 0 10px 0;}
ul.list2 li {margin-left:2.5em; text-indent:-2.5em}

ul.list3 {margin:5px 0 10px 0;}
ul.list3 li {margin-left:1em; text-indent:-1em}


#main .detail .box:before,
#main .detail .box:after{
content:"";
display:table;}

#main .detail .box:after{clear:both;}

#main .detail .box{zoom:1;/* For IE 6/7 */ margin-top:15px;}

#main .detail .box .pict{float:left}

#main .detail .box .txt{
float:right;
width:180px}

#main .detail ul.pdf li{
background:url(/common/images/sub_icon.gif) no-repeat 0 4px;
font-weight:bold;
line-height:140%;
margin:5px 0 0;
padding:0 0 0 17px}

.strategyList {
}
.strategyList.list {
    margin: 0 0 1em 1em;
}
.strategyList li {
    background: url("/common/images/icon01.gif") no-repeat scroll 0 7px;
    padding: 0 0 0 16px;
}
.strategyList li ul {
    margin: 0 0 1em;
}
.strategyList li ul li {
    background: url("/common/images/icon02.gif") no-repeat scroll 0 5px;
    font-size: 90%;
    padding: 0 0 0 16px;
}

/*20150413*/
.strategyListIndEm1 {
}
.strategyListIndEm1 .list {
    margin: 0 0 1em 1em;
}
.strategyListIndEm1 li {
    background: url("/common/images/icon01.gif") no-repeat scroll 25px 5px;
    padding: 0 0 0 3em;
}
.strategyListIndEm1  li ul {
    margin: 0 0 1em;
}
.strategyListIndEm1 li ul li {
    background: url("/common/images/icon02.gif") no-repeat scroll 0 5px;
    font-size: 90%;
    padding: 0 0 0 16px;
}


.textIndEm1 {
    padding-left: 1em;
    text-indent: -1em;
}

.textIndEm2 {
    padding-left: 2em;
    text-indent: -2em;
}

.textIndEm2_7 {
    padding-left: 2.7em;
    text-indent: -2.7em;
}

/*20150810*/
ul.scheduleList{margin-bottom:1em;}
ul.scheduleList li{
    padding-left: 2.7em;
    text-indent: -2.7em;
}

tbody.subjectTb th{text-align:left !important;}

/*20151021*/
#main .sectionH2 table.dataList{margin:10px 0 0}
#main .sectionH2 table.research td,
#main .sectionH2 table.dataList td{padding:5px 4px}
ul.list1 {margin:5px 0 10px 1em}

/*20151222*/
@media screen and (max-device-width: 640px) {
#main .moreContentsArea .moreContents ul li.font{ font-size:12px !important;}
}


/*20160613 */
.deviationBox {
background: #edf6fb none repeat scroll 0 0;
border: 1px solid #a3deff;
margin: 0.5em 0;
width: 100%;
}

.deviationBox p{
    padding-left: 2em;
    text-indent: -1em;
}


/*20160712*/
.w25per{width:25% !important;}
.w16per{width:16.5% !important;}
.w17per{width:17% !important;}
.w11per{width:11% !important;}
.w10per{width:10% !important;}
.w9per{width:9% !important;}
.w8per{width:8% !important;}
.w6per{width:6% !important;}
.w5per{width:5% !important;}
.w4per{width:4% !important;}
.w3per{width:3% !important;}
.verMid{vertical-align: middle !important;}
.txtAl-l{text-align: left !important;}

/* others */
.detail .other{
border:3px solid #4cb5ec;
border-top:none;
margin:0 0 20px 0;
padding:0 0 10px 0}
.detail .other h2{margin:-3px -3px 0 -3px}
.detail .other {margin-top:10px}
.detail .other ul,
.detail .other ul:before,
.detail .methodDetail .other ul:after{
width:100%;
content:"";
display:table}
.detail .other ul {padding:0 10px 10px 10px;}
.detail .other ul li{
float:left;
background:url(../../images/sub_icon.gif) no-repeat 0 6px;
line-height:160%;
margin:5px 10px 0 0;
padding:0 0 0 17px}
.detail .other ul li a {font-size:100%}
.grafBox{overflow:hidden; width:709px;}
.grafBox .grafL{float:left; width:50%; text-align:center;}
.grafBox .grafR{float:right; width:50%; text-align:center;}
.grafBox .grafL02{float:left;}
.grafBox .grafR02{float:right;}
.grafBox .grafL02 p,.grafBox .grafR02 p{padding-left:10px;}

#main .grafBox02{overflow:hidden; width:689px;margin:1em 0 2em 1em;}
#main .grafBox02 p{margin-bottom:0px;}

#main .averageBox{margin:20px auto 0 auto;width:518px;}

/*こちらもおすすめ*/
#main .other {margin-top:20px;}
#main .other li{width:46%;}

/*リストテーブル*/
#main .sectionH2 table.scoreTbl{
border:none;
margin:20px 10px 10px 10px;
width:689px;
}
#main .sectionH2 table.scoreTbl th,#main .sectionH2 table.scoreTbl td{
border:none;
margin:0;
padding:0;
vertical-align:top;
padding-bottom:10px;
text-align:center;
}
#main .sectionH2 table.scoreTbl th{
background:url(/common/images/icon01.gif) no-repeat scroll 0 5px;
padding: 0 0 0 10px;
width:10%;
color: #111;
}
#main .sectionH2 table.scoreTbl td{}
#main .sectionH2 table.scoreTbl td{width:5%;}
#main .sectionH2 table.scoreTbl td:last-child{width:85%;text-align:left;}