@charset "Shift_JIS";
/*code format
----------------------------------------
position
list-style
display
float
clear
background
width
height
margin
padding
font-family
font-size
font-weight
font-style
line-height
color
text-decoration
text-align
border
text-indent
overflow
z-index
----------------------------------------
*/

/*初期化*/
* { margin: 0px; padding: 0px; }
a { overflow: hidden; }
hr { display: none; margin: 0px; padding: 0px; }
table { font-size: inherit; }
img { border: none;}

/*clearfix*/
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; content: "."; }
.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/* End hide from IE-mac */

/*フォントサイズ設定*/
html { font: 13px "ＭＳ Ｐゴシック", arial, helvetica, clean, sans-serif; font: x-small; font-size: small; }
body { font: 100%; font-size: inherit; line-height: 150%; }
.px9 { font-size:8px;}
.px10 { font-size:10px; line-height:150%;}
.j10 { font-size: 77%; line-height: 150%; }
.j11 { font-size: 85%; line-height: 150%; }
.j12 { font-size: 93%; line-height: 150%; }
.j13 { font-size: 100%; line-height: 150%; }
.j14 { font-size: 108%; line-height: 150%; }
.j15 { font-size: 116%; line-height: 150%; }
.j16 { font-size: 123.1%; line-height: 150%; }
.j17 { font-size: 131%; line-height: 150%; }
.j18 { font-size: 138.5%; line-height: 150%; }
.j19 { font-size: 146.5%; line-height: 150%; }
.j20 { font-size: 153.9%; line-height: 150%; }
.j21 { font-size: 161.6%; line-height: 150%; }
.j22 { font-size: 167%; line-height: 150%; }
.j23 { font-size: 174%; line-height: 150%; }
.j24 { font-size: 182%; line-height: 150%; }
.j25 { font-size: 189%; line-height: 150%; }
.j26 { font-size: 197%; line-height: 150%; }

/*フォントカラー*/
.red { color: #ff0000;}

/*全体*/
#main_top { position:relative; background:url(../images/header_main.jpg) no-repeat 0 0; height:390px; padding:0 15px; display:block;}
#main_top p.txt { font-size:12px; position:absolute; left:36px; top:144px; color:#e4442d; width:650px; }
#main_top p.txt2 { font-size:12px; position:absolute; left:27px; top:360px; color:#555555; line-height:125%; width:650px;}
#main_top ul.btn { clear: both; top:195px; left:64px; position: absolute; width:640px;} 
#main_top ul.btn li { float: left; list-style: none; width: 279px; padding:0 30px 0 0; }

/*全体_0224*/
#main_top2 { position:relative; background:url(../images/header_main2.jpg) no-repeat 0 0; height:196px; padding:0 15px; display:block;}
#main_top2 p.txt { font-size:12px; position:absolute; left:27px; top:150px; color:#e4442d; width:650px;}
#main_top2 p.txt2 { font-size:12px; position:absolute; left:27px; top:360px; color:#555555; line-height:125%; width:650px;}


/*現在の学年*/
#present_top { position:relative; background:url(../images/header_present.gif) no-repeat 0 0; height:650px; padding:0 15px; display:block;}
#present_top p.txt { font-size:12px; position:absolute; left:27px; top:143px; color:#e4442d;}
#present_top p.txt2 { font-size:12px; position:absolute; left:27px; top:360px; color:#555555; line-height:125%;}
#present_top ul.btn_left { clear: both; top:98px; left:16px; position: absolute; width:220px;} 
#present_top ul.btn_left li { float: left; list-style: none; display:inline; margin-bottom:5px;}
#present_top ul.btn_left li.l { float: left; list-style: none; width: 105px; display:inline; margin:3px 10px 3px 0;}
#present_top ul.btn_left li.r { float: left; list-style: none; width: 105px; display:inline; margin:3px 0;}

#present_top div.btn_right { clear: both; top:98px; left:248px; position: absolute; clear:both; width:462px; height:auto;}
 
#present_top div.btn_right div.l { float: left; width: 143px; display:inline; margin-right:10px;}
#present_top div.btn_right div.l ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px; }
#present_top div.btn_right div.l p { text-align:center;}
#present_top div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#e1f2ff; color:#0070cd; font-weight:bold;}
#present_top div.btn_right img { float: left; none; display:inline; padding-bottom:7px;}
*:first-child+html #present_top div.btn_right div.l ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px;}


#present_top div.btn_right div.r { float: left; width: 143px; display:inline;}
#present_top div.btn_right div.r ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px; }
#present_top div.btn_right div.r p { text-align:center;}
#present_top div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#e1f2ff; color:#0070cd; font-weight:bold;}
#present_top div.btn_right img { float: left; none; display:inline; margin-bottom:5px;}
#present_top div.btn_right p.ttl_o { width:440px; float: left; display:inline; padding:0 5px; background:#FFFFFF; color:#0070cd; font-weight:bold;}
*:first-child+html #present_top div.btn_right div.r ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px; }


          
/*4月からの学年*/
#future_top { position:relative; background:url(../images/header_future.gif) no-repeat 0 0; height: 630px; padding:0 15px; display:block;}
#future_top p.txt { font-size:12px; position:absolute; left:27px; top:143px; color:#e4442d;}
#future_top p.txt2 { font-size:12px; position:absolute; left:27px; top:360px; color:#555555; line-height:125%;}
#future_top ul.btn_left { clear: both; top:98px; left:16px; position: absolute; width:220px;} 
#future_top ul.btn_left li { float: left; list-style: none; display:inline; margin-bottom:5px;}
#future_top ul.btn_left li.l { float: left; list-style: none; width: 105px; display:inline; margin:3px 10px 3px 0;}
#future_top ul.btn_left li.r { float: left; list-style: none; width: 105px; display:inline; margin:3px 0;}

#future_top div.btn_right { clear: both; top:98px; left:248px; position: absolute; clear:both; width:462px;}
 
#future_top div.btn_right div.l { float: left; width: 143px; display:inline; margin-right:10px;}
#future_top div.btn_right div.l ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px;}
#future_top div.btn_right div.l p { text-align:center;}
#future_top div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top div.btn_right img { float: left; none; display:inline; padding-bottom:7px;}
*:first-child+html #future_top div.btn_right div.l ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px;}

#future_top div.btn_right div.r { float: left; width: 143px; display:inline;}
#future_top div.btn_right div.r ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px; }
#future_top div.btn_right div.r p { text-align:center;}
#future_top div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top div.btn_right p.ttl_o { width:440px; float: left; display:inline; padding:0 5px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top div.btn_right img { float: left; none; display:inline; padding-bottom:7px;}
*:first-child+html #future_top div.btn_right div.r ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px; }



/*4月からの学年_0418*/
#future_top2 { position:relative; background:url(../images/header_future_0418.gif) no-repeat 0 0; height: 630px; padding:0 15px; display:block;}
#future_top2 p.txt { font-size:12px; position:absolute; left:27px; top:143px; color:#e4442d;}
#future_top2 p.txt2 { font-size:12px; position:absolute; left:27px; top:360px; color:#555555; line-height:125%;}
#future_top2 ul.btn_left { clear: both; top:98px; left:16px; position: absolute; width:220px;} 
#future_top2 ul.btn_left li { float: left; list-style: none; display:inline; margin-bottom:5px;}
#future_top2 ul.btn_left li.l { float: left; list-style: none; width: 105px; display:inline; margin:3px 10px 3px 0;}
#future_top2 ul.btn_left li.r { float: left; list-style: none; width: 105px; display:inline; margin:3px 0;}

#future_top2 div.btn_right { clear: both; top:98px; left:248px; position: absolute; clear:both; width:462px;}                                                                
 
#future_top2 div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top2 div.btn_right img { float: left; none; display:inline; padding-bottom:7px;}
#future_top2 div.btn_right div.l { float: left; width: 143px; display:inline; margin-right:10px;}
#future_top2 div.btn_right div.l ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px;}
#future_top2 div.btn_right div.l p { text-align:center;}
*:first-child+html #future_top2 div.btn_right div.l ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px;}

#future_top2 div.btn_right p.ttl { width:133px; float: left; display:inline; padding:5px; margin-bottom:8px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top2 div.btn_right p.ttl_o { width:440px; float: left; display:inline; padding:0 5px; background:#fceaec; color:#c1272d; font-weight:bold;}
#future_top2 div.btn_right img { float: left; none; display:inline;}
#future_top2 div.btn_right div.r { float: left; width: 143px; display:inline;}
#future_top2 div.btn_right div.r ul { display:inline; float:left; padding-left:7px; line-height:125%; /padding:0; /margin-left:-7px;  }
#future_top2 div.btn_right div.r p { text-align:center;}
*:first-child+html #future_top2 div.btn_right div.r ul { display:inline; float:left; line-height:125%; padding-left:15px; text-indent:-15px; }



/*教材*/
.contents_box { width:710px; height:auto; background:url(../images/bg_main.gif) bottom; margin-top:15px; overflow:hidden; padding-bottom:20px;}
.contents_box .box { width:630px; margin-left:50px; margin-top:10px; clear:both; overflow:hidden;}
.contents_box .box p { text-align:left; color:#555555; margin-bottom:10px;}
.contents_box .box .left { margin-right:35px; display:inline-block; float:left; width:148px;}
.contents_box .box .right { display:inline-block; float:left; width:445px;}
.contents_box .box .right img { display: inline-block;}
.contents_box .box .right .btn { display:inline-block; text-align:right; width:445px;}
.contents_box .box .right .btn img { padding:5px;}

.contents_box .box .left2 { margin-right:23px; display:inline-block; float:left; width:160px;}
.contents_box .box .left2 img { margin-bottom:10px;}

/*FAQ*/
.qa { width:710px; height:auto; clear:both;}
.qa ul , .qa p { padding-left:20px;}

/*application*/
.apply { width:690px; height:auto; clear:both; display:inline-block; margin:15px 10px 0; color:#555555;}