@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:385px; padding:0 15px; display:block;}
#main_top p { font-size:10px; position:absolute; left:27px; top:113px; color:#e4442d;}
ul.btn { clear: both; top:155px; left:0; position: absolute; width:710px;} 
ul.btn li { float: left; list-style: none; width: 166px; padding:0 5px 0 6px; }

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