@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%; }
.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.gif) no-repeat 0 0; height:300px; padding:0 15px; display:block;}
#main_top p { font-size:12px; position:absolute; left:27px; top:115px; color:#e4442d;}
ul.btn { clear: both; top:145px; left:0; position: absolute; width:650px; margin:0 30px; clear:both; display:inline;} 
ul.btn li { float: left; list-style: none;}
ul.btn li img { margin-right:25px;}

/*教材*/
.contents_box { width:710px; height:auto; background:url(../images/bg_main.gif) bottom; margin-top:15px; overflow:hidden; padding-bottom:20px; clear:both;}
.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:45px; display:inline-block; float:left; width:138px;}
.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 .left { margin-right:23px; display:inline-block; float:left; width:160px;}
.contents_box .box .left img { margin-bottom:10px;}

/*表*/
.contents2_box { width:640px; height:auto; background:url(../images/bg_naiyou.gif) bottom; margin:15px 35px 0; overflow:hidden;}
.contents2_box p { text-align:left; color:#555555; margin:5px 20px 10px;}
.contents2_box div { text-align:left; color:#555555; margin:10px 25px;}

.noBorder { border-top:solid 1px #ffffff;}


/*教材見本部分*/
.contents3_box { width:640px; height:auto; background:url(../images/bg_mihon.gif) bottom; margin:15px 35px 0; padding-bottom:15px; clear:both; overflow:hidden; }

.contente3_box .box2 { width:640px; clear:both; height:auto; display:block; overflow:hidden; }
.contents3_box .box2 .left2 { width:285px; height:auto; background:#ffffff; margin:10px 15px 0 25px; padding-bottom:10px; float:left; display:inline-block; /display:inline; /zoom:1; }
.contents3_box .box2 .left2 table { margin: 10px 10px; text-align:left; display:block;}
.contents3_box .box2 .left2 p { text-align:left; color:#555555; margin:5px 15px;}

.contents3_box .box2 .right2 { width:285px; height:auto; background:#ffffff; margin:10px 25px 0 0; padding-bottom:10px; float:left; display:inline-block; /display:inline; /zoom:1;}
.contents3_box .box2 .right2 table { margin: 10px 10px; text-align:left; display:block;}
.contents3_box .box2 .right2 p { text-align:left; color:#555555; margin:5px 15px;}

.contents3_box .box2 .offer { display:block; padding:20px 70px; clear:both; height:auto;}



/*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;}