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

/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}
img{ width:100%; height:auto;}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea { position:relative;}
#headerAreaInner {}
#headerAreaLogo {}
#headerTxt{}

#topHed{padding-top:2.0em;}

#headTxt{ position:absolute; top:0; left:0; overflow:hidden; width:100%; background:#39BAC3; padding:0.6% 1% 0.4% 1%;}
#headTxt #topTxt{ float:left; color:#FFF; font-weight:bold; height:1.4em; vertical-align:bottom; margin:0;}
#headTxt #pwdTxt{ float:right; color:#FFF; height:1.4em; font-size:90%; margin:0;}
#headTxt #pwdTxt img{ height:100%; width:auto; vertical-align:top;}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/
#gnavi{}
#gnavi li{}


/*----------------------------------------------------------------------------
 ***                                                             mainimg
----------------------------------------------------------------------------*/
#mainImgBox{}




/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea {}
#contentsAreaInner {}


/*----------------------------------------------------------------------------
 ***                                                               mainImgBox
----------------------------------------------------------------------------*/
#mainImgBox{}



/*----------------------------------------------------------------------------
 ***                                                              mainsection
----------------------------------------------------------------------------*/
.mainSection {}
.mainSectionInner {}
.mainSection section .sectionInner{ width:100%; margin:0 auto; padding:0;}




#scTokuSec{ margin:0 2%; border:#39BAC3 solid 5px; padding:2%;}
#scTokuSec{}
.hAddTxt{ color:#39BAC3; margin-bottom:0.5em; border-top:#39BAC3 dotted 1px; padding-top:0.5em;}
#imgDl{  border-top:#CCC dotted 1px; padding-top:0.2em;}
#imgDl dt{ color:#F00; border-bottom:#CCC dotted 1px; padding:0.2em 0;}
#imgDl dd{ border-bottom:#CCC dotted 1px; padding:0.1em 0; font-weight:bold;}

#scTokuSec h3{ line-height:1.2em; font-size:120%; margin-bottom:0.2em;}
#canListBox{ overflow:hidden;}
#scComSec { clear:both; margin:1em 0 0 0; overflow:hidden;}
#scComSec h3{ background:#39BAC3; padding:0.2em 1% 0.1em 1%; color:#FFF; clear:both; margin-bottom:0.5em;}

#kinrinBox h3{ background:#000; line-height:1.2em;}
#kinrinBox h3{ background:#000; text-align:center; color:#FFF; font-size:140%; line-height:1.8em;}
#kinrinBox ul li{font-size:120%; margin-bottom:2%; margin-top:1%; border-bottom:#666 dotted 1px; padding-bottom:1%; padding-left:2%;}


.estSclDP{ padding:1% 1.6% 0 1.6%; margin:0;}
.estSclDP2{ margin:0; padding:0 4.5% 2% 2.5%;}



#scInfoSec{}
#scInfoSec{}

#hsTitleBox{
	background-position:right 50%; background-repeat:no-repeat; background-size:auto 100% ;
	margin:1% 2%;
}
header#topHed #hsTitleBox h1{font-size:160%; line-height: 1.2em;}
header#topHed #hsTitleBox h1 span{ display:block; line-height:1.1em;}
#scInfoSTxt{background-position:left 50%; background-repeat:no-repeat; background-size:auto 100%; font-size:70%; font-weight:normal; padding:1% 0 1% 11%; margin-bottom:1%;}
#scInfoSTxt2{}
#scInfoSTxt2{ color:#39BAC3; font-size:70%; font-weight:normal;}


#scInfoBox{}
#scInfoBox .sectionInner{ padding:1em 2% 0 2%;}
#scInfoBox .sectionInner .sectionInner{ padding:0;}
#scInfoBox h2{ background:#000; text-align:center; color:#FFF; font-size:140%; line-height:1.8em;}
#scInfoBox td,
#scInfoBox th{ padding:0.1em 2%;}
#scInfoBox th{ background:#E8E8E8; width:40%;}



#scRBox{}
#scRBox h3{ background:#000; line-height:1.2em; padding:0.5em 0;}
#scRBox h3 img{ padding-top:0.3em; margin:0;}
#bnr2Box{ border-top:#000 solid 5px; padding-top:1em;}
#bnr2Box ul{ border-top:#CCC dotted 1px;}
#bnr2Box li{ background:#FFF; border-bottom:#CCC dotted 1px; padding:0.5em 0; text-align:center;}
#bnr2Box li img{ width:40%;}





/*kakitashi*/
#scImgBox{ width:100%; overflow:hidden;}


#mapDataSec{}
#mapBox{ width:70%; margin:0 auto; padding-top:3%;}
#mapDataSec iframe{ width:100%; height:20em;}
#mapDataSec p{ text-align:center;}


#movieDataSec{}
#movieDataSec #movieBox{ width:90%; margin:0 auto;}


#slImgBox{}
#slImgBox ul{ overflow:hidden; background:#DDD;}
#slImgBox li{ width:30%; float:left; text-align:center; overflow:hidden;}
#slImgBox li img{ height:7em; margin:0 5%; width:auto;}

#thumBox{ width:100%; overflow:auto;}


#commentSec{}

#commentSec h2{ background:url(../study_abroad/school_search/images_school_n/ico09.png) 2% bottom no-repeat; background-size:auto 95%; color:#333; border:#000 solid 5px;}
#scInfoBox .sectionInner #commentSec .sectionInner{ border:#000 solid 5px; border-top:none; padding:2% 3%; overflow:hidden;}
#commentSec .photo{ float:left; width:40%; padding-right:2%;}



#muryoSec{}
#secTopTxt{ border-top:#16B9C4 solid 8px; background:url(../study_abroad/school_search/images_school_n/back_contents12.jpg) right 50% no-repeat; background-size:auto 90%;}
#secTopTxtInner{ padding:2% 32% 2% 3%;}
#muryoSec h2{ font-size:120%; line-height:1.6em;}
#muryoSec h2 span{ font-size:140%;}
#muryoSec h3{ background:url(../study_abroad/school_search/images_school_n/ico10.png) left top no-repeat; background-size:auto 100%; padding-left:6%; vertical-align:bottom; padding-top:1%;}

#btnBox { margin:0 2.5% 2% 2.5%; overflow:hidden;}
#btnBox li{width:48%; text-align:center; margin:auto; float:left; margin-right:2%;}



#douTxtBox section{ border-top:#FFF solid 1px; border-bottom:#CCC solid 1px; background:#E3E4E4; padding:1.5% 2.5% 1% 2.5%; margin:0;}






/*----------------------------------------------------------------------------
 ***                                                               form
----------------------------------------------------------------------------*/
#swFrom{}
#swFrom .fmTitleC{ width:80%; margin:0 auto;}
#swFrom .fmTitleC h3{ float:left; width:49%; background:#39BAC3; color:#FFF; margin:0; padding:1em 0; text-align:center; font-size:120%; line-height:1.2em;}
#swFrom .fmTitleC p{ float:right; width:49%; background:#A3CFE0; color:#000; margin:0; padding:1em 0; text-align:center; font-size:120%; line-height:1.2em;}

#swFrom2{ display:none;/**/}
#swFrom2 .fmTitleC{ width:80%; margin:0 auto;}
#swFrom2 .fmTitleC h3{ float:right; width:49%; background:#39BAC3; color:#FFF; margin:0; padding:1em 0; text-align:center; font-size:120%; line-height:1.2em;}
#swFrom2 .fmTitleC p{ float:left; width:49%; background:#A3CFE0; color:#000; margin:0; padding:1em 0; text-align:center; font-size:120%; line-height:1.2em;}



.formSec{ border:#39BAC3 solid 8px; padding:1.5em 2% 0 2%;}
.formSec h4{ font-size:180%; border-bottom:#CCC dotted 1px; font-weight:normal; margin-bottom:0.2em; padding-bottom:0.2em;}
.formSec h5{ font-size:120%; background:#eee; padding:0.2em 1%; margin-bottom:0.5em;}
.formSec section { margin-bottom:2em;}
.formSec section  section{ margin-top:2em; padding:0 4%;}

#ofChoBox{ overflow:hidden;}
#ofChoBox div span{ display:block; width:25%; float:left; line-height:3em; font-size:120%;}



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


/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{}
#footerAreaInner {}
#footerAreaLink{}
#footerAreaTxt{}
#footerAreaLogo {}
#footerCopyright{}


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


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