@charset "UTF-8";
/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
background:url(../img/bodyBg.jpg) repeat-x;
margin:0;
padding:0;
text-align:center}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;
padding:0;
color:#666;
font-style:normal;
font:14px/140% verdana, "ヒラギノ角ゴ Pro W4",ヒラギノ角ゴ Pro W4, Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",  Osaka, sans-serif}

table{
border-collapse:separate;
border-spacing:1px;
background: #CCC;
}

textarea,input{margin:0;padding:0}

caption,th{text-align:left}
td,th{padding:3px 2px;background:#FFF;text-align:center;width:100px;font-size:80%;}
th {background: #999;color:#FFF;font-weight:normal;}
fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}

a,a:link{color:#FF6600;text-decoration:underline}
a:visited{color:#FF6600}
a:hover{color:#FF6600;text-decoration:none}
strong{color:#FF9900;font-weight:bold}

img{vertical-align:bottom}

/***********************************************/
/* layout divs                                 */
/***********************************************/

#wrapper{
background:url(../img/wrapbg_201707.jpg) no-repeat 50% 0;
margin:0 auto;
width:1500px}

#head{
background:url(../img/wrapbg_201707.jpg) no-repeat 50% 0;
height:1188px;
margin:0 auto;
position:relative;
text-align:left;
width:990px}

#main{
background:#fff;
margin:0 auto 50px;
text-align:left;
width:990px}

#foot{background:url(../img/footBg.jpg) repeat-x}


/***********************************************/
/* #head style                                 */
/***********************************************/

#head h1{
color:#FF6600;
font-size:85%}

#head h2{
position:absolute;
top:10px;
left:-4px}

#head ul:before,
#head ul:after{
content:"";
display:table;}

#head ul:after{clear:both;}

#head ul{
position:absolute;
zoom:1;/* For IE 6/7 */}

#head ul li{float:left}

#head ul#nav{
top:150px;
left:331px}

#head ul#nav li{margin:0 0 0 12px}

#head ul#nav li:first-child{margin:0}

#head ul#subNav{
top:187px;
left:29px}

#head ul#subNav li{margin:0 9px 0 0}

#head #headLead01{
position:absolute;
top:248px;
left:6px}

#head #headBtn{
position:absolute;
top:508px;
left:20px}

#head #headLead02{
position:absolute;
top:647px;
left:20px}



/***********************************************/
/* #main style                                 */
/***********************************************/

#main #mainVisual{
margin:0 auto 30px;
padding:0 0 0 20px}

#main #headBtn{
margin:0 auto 35px;
text-align:center}

#main .pageTop{
text-align:right}

#main .pageTop a{
background:url(../img/pageTop.jpg) no-repeat 0 3px;
color:#666;
padding:0 0 0 20px}

#main .sectionH3{margin:0 0 40px}

#main #h301{background:url(../img/photo_06_2.png) no-repeat 0 0}

#main #h301 h3{margin:0 0 15px}

#main #h301 .lead{margin:0 0 20px}

#main #h301 .sectionH4{
background:url(../img/h401bg.jpg) repeat-y;
border-bottom:3px solid #FF9900;
margin:0 20px 30px 423px}

#main #h301 .sectionH4 .fbArea{padding:10px 20px 15px}

#main #h301 .pageTop{padding:0 20px 0 0}

#main #h302 .h3cont{padding:0 20px}

#main #h302 h3{margin:0 0 15px}

#main #h302 h4{margin:0 0 5px}

#main #h302 ul.about{
background:#F5F5F5;
border-top:4px solid #ccc;
margin:0 0 25px;
padding:25px 30px}

#main #h302 ul.about li{
background:url(../img/h302icon.gif) no-repeat 0 5px;
margin:7px 0 0;
padding:0 0 0 20px}

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

#main #h302 h5{margin:0 0 10px}

#main #h302 .h401 .sectionH5:before,
#main #h302 .h401 .sectionH5:after{
content:"";
display:table;}

#main #h302 .h401 .sectionH5:after{clear:both;}

#main #h302 .h401 .sectionH5{
margin:0 0 30px;
zoom:1;/* For IE 6/7 */}

#main #h302 .h401 .sectionH5 table{
border:1px solid #ccc;
border-top:4px solid #68A5FF;
float:left;
width:470px}

#main #h302 .h401 .sectionH5 table.right{float:right}

#main #h302 .h401 .sectionH5 table th{
background:#F5F5F5;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
vertical-align:middle;
text-align:center}

#main #h302 .h401 .sectionH5 table th[scope="col"]{
background:#E1EDFF;
font-weight:bold;
padding:10px}

#main #h302 .h401 .sectionH5 table td{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
padding:10px 5px;
vertical-align:middle;
text-align:center}

#main #h302 .h401 .sectionH5 table td.note{
font-weight:bold}

#main #h302 .h401 .sectionH5 table td.note span{
font-weight:normal;
font-size:80%}

#main #h302 .h402{margin:40px 0 0}

#main #h302 .h402 ul.about{margin:0 0 10px}

#main #h302 .h402 .h4cont:before,
#main #h302 .h402 .h4cont:after{
content:"";
display:table;}

#main #h302 .h402 .h4cont:after{clear:both;}

#main #h302 .h402 .h4cont{
background:url(../img/h402bg_2.gif) repeat-y;
margin:15px 0 0;
zoom:1;/* For IE 6/7 */}

#main #h302 .h402 .sectionH5{
float:left;
margin:0 0 0 10px;
padding:15px 10px 15px 15px;
width:285px}

#main #h302 .h402 .h502{margin:0}

#main #h302 .h402 .sectionH5 ul li{
font-size:85%;
margin:5px 0 0;
padding:0 0 0 1em;
text-indent:-1em}

#main #h302 .h402 .sectionH5 ul li:first-child{margin:0}





#main #h303 h3{margin:0 0 15px}

#main #h303 .h3cont{padding:0 20px}

#main #h303 .fig{margin:0 0 10px}

#main #h303 ul{margin:0 0 20px}

#main #h303 ul li{
font-size:85%;
padding:0 0 0 1em;
text-indent:-1em}

#main #h303 ul li span{color:#FF9900}

#main #h304{background:url(../img/photo_09_2.png) no-repeat 100% 25px}

#main #h304 h3{margin:0 0 5px}

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

#main #h304 .h3cont:after{clear:both;}

#main #h304 .h3cont{zoom:1;/* For IE 6/7 */}

#main #h304 .h3cont{
padding:0 20px 160px;
position:relative}

#main #h304 .btn{
position:absolute;
bottom:0;
left:20px}

#main #h304 .inq{
position:absolute;
bottom:0;
right:20px;
z-index:3}

#main #h304 .sectionH4{
float:left;
position:relative;
width:460px;
z-index:10}

#main #h304 .h402{
float:right;
padding:240px 0 0}

#main #h304 .sectionH4 h4{margin:0 0 10px}

#main #h304 .h401 p{
background:url(../img/h304border.jpg) no-repeat 0 100%;
margin:0 0 10px;
padding:0 0 15px}

#main #h304 .sectionH4 ol{
background:url(../img/h304border.jpg) no-repeat 0 100%;
padding:0 0 10px}

#main #h304 .sectionH4 ol li{
margin:0 0 5px -5px;
padding:0 0 0 3em;
text-indent:-3em}

#main #h304 .sectionH4 strong.g{color:#666}

#main table td span {font-size:80%;}
#main table td span.red {color:#FF0000;font-size:120%;}
#main table td span.through {text-decoration: line-through;}
#main table td.cource_a {background:#fba72b;color:#FFF;}
#main table td.cource_b {background:#f97e32;color:#FFF;}
#main table td.cource_c {background:#f75151;color:#FFF;}
#main table td.cource_d {background:#63a0f9;color:#FFF;}
/***********************************************/
/* #foot style                                 */
/***********************************************/

#foot #footCont{
background:url(../img/footBg.jpg) repeat-x;
margin:0 auto;
padding:0 255px 20px;
text-align:left;
width:990px}

#foot #footCont .pageTop{
margin:0 0 5px;
text-align:right}

#foot #footCont address{color:#fff}