@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {position:relative; z-index:0;}

li a:hover{ opacity:0.6; background:rgba(255,255,255,0.3)}
#footerAreaLink li a:hover{opacity:1; background:none;}

/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}
#headerAreaInner{width:100%;}
#headerAreaLogo {}
#headerTxt{}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}
#navLBox{ float:right;}
#navLBox li{ float:right; margin-left:10px;}
#headerArea{width:100%; background:rgba(0,0,0,0.7); z-index:999; height:60px; position:relative; display:none; position:fixed;}
.navi{width:960px; margin:auto; padding-top:12px; }
.slTitle{ float:left;}

/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox{background:url(../images/top_backImg01c.jpg); background-size:auto 100%;}
#mainImgBox .mainImgBoxInner{background:url(../images/top_backImg01b.jpg) no-repeat; background-size:auto 100%; height:515px;/*height:600px;*/ background-position:center;}
#mainImgBox .sectionInner{width:668px; margin:auto; padding-top:70px;}
#mainImgBox .sectionInner p{margin:-5px 0 0; padding:0;}
#mainImgBox h1{margin-top:15px;}
#mainImgBox .gnavi{width:960px; margin:auto;}
/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


span.red{color:#FA0026;}


/*国別！費用目安*/
#KunibetuHiyou { background: url(/study_abroad_costs/images/sec_number02.png) left top no-repeat;border: none;padding-bottom: 30px;}
#HiyouTable { margin: 0 auto;width:100%;}
#HiyouTable table,td,th {border: 1px dotted #595959;border-collapse: collapse;}
#HiyouTable td, th{width: 132px; padding: 3pxwidth: 132px;text-align: center;vertical-align: middle;}
#HiyouTable th {height: 34px;background: #333333;color: #fff;font-size:18px;}
#HiyouTable td {height: 42px;font-size:16px;}
#HiyouTable img {margin-right: 20px;}
#HiyouTable .tableWorld{width: 239px;vertical-align: middle;text-align: left;padding-left: 15px;}


/*----------------------------------------------------------------------------
 ***                                                              ページタイトル
----------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection{margin:auto; width:100%;}
.mainSectionInner {}
.mainSection .sectionInner{width:960px; margin:auto;}

p.yajirushi{text-align:center; border-bottom:#000 solid 5px; padding-bottom:20px; padding-top:40px;}


#menuSec{border-bottom:#000 solid 5px;}
#menuSec .sectionInner{ width:960px; margin:15px auto;}
#menuSec ul li{display:inline-block; margin-right:20px;}
#menuSec ul li.last{margin-right:0;}


h2{text-align:center; margin:auto; font-size:50px; border-bottom:#000 solid 2px; margin-bottom:15px; margin-top:50px;}
span.ss{font-size:20px; font-weight:normal;}
p.caption{line-height:1.6em; margin-bottom:20px;}



#sptSetSec{margin-top:50px;}
#sptSetSec .section{ float:left; width:290px; margin-right:42px;}
#sptSetSec .last{margin-right:0;}
#sptSetSec .section .sectionInner{ width:290px;}
#sptSetSec .section {padding-top:275px;background-position: center top;background-repeat:no-repeat;margin-bottom: 2em;}
#sptSetSec .section h3{line-height:1.1em;border-left:#FA0026 solid 10px;padding-left:10px;font-size: 25px;width:270px;margin:0 auto 10px auto;}
#sptSetSec .section .sectionInner{ border-top:#CCC dotted 1px; padding-top:10px; margin-bottom:20px;}
#sptSetSec #spt2Sec .sectionInner,
#sptSetSec #spt5Sec .sectionInner{ width:290px; margin:0 auto;}
#sptSetSec #spt1Sec{ background-image:url(../images/img_contents05_b.jpg);}
#sptSetSec #spt2Sec{ background-image:url(../images/img_contents06.jpg);}
#sptSetSec #spt3Sec{ background-image:url(../images/img_contents07.jpg);}
#sptSetSec #spt4Sec{ background-image:url(../images/img_contents08_b.jpg);}
#sptSetSec #spt5Sec{ background-image:url(../images/img_contents09.jpg);}
#sptSetSec #spt6Sec{ background-image:url(../images/img_contents10.jpg);}


#reason3 ul li,
#reason3 dl{ float:left; width:340px;}
#reason3 dt,
#reason3 dd{ width:280px; margin-bottom:10px;}

#reason3 ul li.last,
#reason3 dl.last{ width:280px;}

#reason3 ul{ clear:both;}

#trySec li{float:left; font-size:16px; margin-right:21px; margin-bottom:20px;}
#trySec ul.top li{width:300px; font-size:20px; margin-right:30px;}
#trySec ul.top li a{display:block; width:290px; padding:148px 0 0px 12px; color:#FFF; text-decoration:none;}
#trySec ul li p{width:165px;  padding:152px 0 0px 10px; color:#FFF;}
#trySec ul li a{display:block; width:165px;  padding:152px 0 0px 10px; color:#FFF; text-decoration:none;}
#trySec ul li.last{margin-right:0;}
#trySec ul.top li.li01{background:url(../images/img_contents17.png) no-repeat;}
#trySec ul.top li.li02{background:url(../images/img_contents18.png) no-repeat;}
#trySec ul.top li.li03{background:url(../images/img_contents19.png) no-repeat;}
#trySec ul li.li04{background:url(../images/img_contents20.png) no-repeat;}
#trySec ul li.li05{background:url(../images/img_contents21.png) no-repeat;}
#trySec ul li.li06{background:url(../images/img_contents22.png) no-repeat;}
#trySec ul li.li07{background:url(../images/img_contents23.png) no-repeat;}
#trySec ul li.li08{background:url(../images/img_contents24.png) no-repeat;}
#trySec ul li.li09{background:url(../images/img_contents25.png) no-repeat;}
#trySec ul li.li10{background:url(../images/img_contents26.png) no-repeat;}
#trySec ul li.li11{background:url(../images/img_contents27.png) no-repeat;}
#trySec ul li.li12{background:url(../images/img_contents28.png) no-repeat;}
#trySec ul li.li13{background:url(../images/img_contents29.png) no-repeat;}
#trySec ul {}


.appSec{background:url(../images/shadow.png); background-position:bottom; background-repeat:repeat-x; padding-top:30px; padding-bottom:25px;}
.appSec .sectionInner{width:668px; margin:auto; padding:40px 0; margin-top:30px;}
.appSec .sectionInner p{text-align:center; font-size:16px; font-weight:bold; padding-bottom:10px;}
.appSec .box{background-color:#F0F0F1;}
#ftAp{ background:none; padding-bottom:0;}

#priceSec p.caption2{font-size:12px; padding-top:10px;}
#priceSec .check{border:#000 dotted 1px; position:relative; margin-top:30px;}
#priceSec .check p.ab{position:absolute; top:-16px; left:15px;}
#priceSec .check .Inner{padding:25px 20px 20px 20px;}
#priceSec .check .Inner .floatL{width:500px;}
#priceSec .check .Inner .floatL h3{font-size:25px; font-weight:normal;}
#priceSec .check .Inner .floatL p{font-size:12px; font-weight:normal; border-top:#000 solid 1px; padding-top:10px;}
#priceSec .check .Inner .floatR{width:380px;}
#priceSec .check .Inner .floatR p{text-align:center; font-size:19px; color:#FA0026;}

#yosanDl{}
#yosanDl dt,
#yosanDl dd{ margin-bottom:20px;}



/*----------------------------------------------------------------------------
 ***                                                              rightsection
----------------------------------------------------------------------------*/
.rightSection {}
.rightSectionInner {}


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ background:#666666; padding-top:30px;}
#footerAreaInner { width:960px; margin:0 auto 20px auto;}
#footerAreaLink{ float:left; background:url(../images/back_contents09.png) right top repeat-y; width:555px;}
#footerAreaLink .udLink1{ float:left; width:175px;}
#footerAreaLink .udLink2{ float:left; width:120px;}
#footerAreaLink .udLink3{ float:left; width:145px;}
#footerAreaLink .udLink4{ float:left; width:165px;}
#footerAreaLink li{ background:url(../images/ico_contents08.png) left 3px no-repeat; padding-left:10px; margin-bottom:3px; font-size:12px;}
#footerAreaLink a{ color:#FFF;}
#footerAreaTxt{ float:right; width:391px;}
#footerAreaTxt li{ float:left;}
.btn_footerNavi{ margin-top:15px;}
.btn_footerNavi li{}
.btn_footerNavi li:first-child{ margin-right:17px;}
#footerAreaLogo {}
#footerCopyright{ border-top:#ccc dotted 1px; padding:10px 0; clear:both;}
#footerCopyright p{ width:950px; margin:0 auto; text-align:right; color:#FFF;}



/*----------------------------------------------------------------------------
 ***                                                              ページトップ
----------------------------------------------------------------------------*/
.pagetop {}


/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}