
.mainSection .Details {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    color: #FFF;
    background: #02434E url(../images/btn_icon01.png) no-repeat center right 5px;
}
.mainSection .Details:hover {
    background-color: #2E626C;
}

section{}
section h3{background: #005873;color: #fff;font-size: 30px;padding: 10px 20px 5px;border-radius: 10px 10px 0 0;margin-bottom: 20px;}
section h3 span{
    border-left: 5px solid;
    padding-left: 10px;
    display: block;
    height: 35px;
}


/*----------------------------------------------------------------------------
 ***                                                                mainImgBox
----------------------------------------------------------------------------*/
#mainImgBox{background: url(../images/img_bk01.jpg) no-repeat bottom center/auto 100%;position:relative;padding-top: 20px;height: 450px;}
#mainImgBox .mainImgInr{
    max-width: 1100px;
    margin: 0px auto;
}
#titleBox{
}
#titleBox h2{font-size: 40px;}
#titleBox p{ margin-top:2px; }
#titleBox .dispInBlock{
    font-size: 20px;
    background: #e61673;
    color: #fff;
    padding: 6px 30px 3px;
    margin-bottom: 10px;
}
#titleBox .mainTxt01{
    font-size: 14px;
    margin-bottom: 10px;
}

#titleBox .mainTxt02{
    font-size: 14px;
    margin-bottom: 10px;
}

#mainLinkBox{
    position: relative;
    max-width: 480px;
    margin-top: 20px;
}
#mainLinkBox .tel{
    margin-bottom: 20px;
}
#mainLinkBox .linkBtn01{}
#mainLinkBox .usagi{
    position: absolute;
    top: 20px;
    right: 10px;
}

#gnavi{ margin-bottom:10px;}
.nav{background-color:#FFF;height: auto;box-shadow:0 3px 3px grey}
.nav ul{max-width: 1100px;margin:0 auto;}
.nav ul li{color:#fff;border-left:1px dotted #666666;font-size:15px;width: calc((100% - 5px) / 4);padding: 1em 1em 0.5em;text-align:center;display: inline-block;box-sizing: border-box;}
.nav #nav_L{ border-right:1px dotted #666666;}
.nav ul li.last{border-right:1px dotted #fff;}
.nav ul li a{text-decoration:none; color:#000;}
.nav ul li a:hover{text-decoration:none; color:#f5316c;}
.nav .linkArrow{
    color: #0099cc;
}

.sectionInner{max-width:1100px;margin:0 auto;position:relative;padding: 3em 0;}


/*----------------------------------------------------------------------------
***                                                                   meritSec 
----------------------------------------------------------------------------*/
#meritSec{/* padding-top: 60px; */background: url(../images/line.png) repeat-x bottom;/* padding-bottom: 60px; */}
#meritSec ul{width: calc(100% - 320px);}
#meritSec li{padding: 1em;}
#meritSec dt{font-size: 20px;margin-bottom: 10px;}
#meritSec dt img{margin-bottom: 5px;}
#meritSec dd{font-size: 15px;line-height: 1.5em;}
.sectionInner .formBtn{position:absolute;bottom: 0;left: 50%;transform: translate(-50%, 40%);}

/*----------------------------------------------------------------------------
***                                                                   resultSec 
----------------------------------------------------------------------------*/
#resultSec{padding: 3em 0 0 0;background: url(../images/line.png) repeat-x bottom;}
#resultSec .resultInr{background:#efefef;padding-bottom: 10px;margin-bottom: 3em;}
#resultSec h3{}
#resultSec .resultBox{max-width: 960px;margin: 3em auto 1em;}
#resultSec .resultBox h4{font-size: 20px;}
#resultSec .resultBox h4 img{margin-bottom:5px;margin-right:5px;}

#resultSec .resultBox ul{
    margin: 10px 0 10px;
}
#resultSec  .resultBox li{
    display: inline-block;
    width: 24%;
    font-size: 16px;
    margin-bottom: 0.5em;
}

#resultSec .sectionInner .formBtn{/* position:absolute; *//* bottom: -110px; *//* left: 300px; */}

/*----------------------------------------------------------------------------
***                                                                   courseSec 
----------------------------------------------------------------------------*/
#courseSec{padding-top: 3em;background: url(../images/line.png) repeat-x bottom;}
#courseSec .courseInr{padding-bottom: 2em;}
#courseSec .courseInr .courseTxt{
    font-size: 18px;
}
#courseSec h3{}
#courseSec table{
    width: 100%;
    margin-top: 10px;
}
#courseSec tr{}
#courseSec th{
    background: #f39800;
    color: #fff;
    font-size: 16px;
    padding: 5px 0 3px;
}
#courseSec td{
    font-size: 14px;
    padding: 3px 5px;
}
#courseSec td span{
    font-size: 12px;
}
#courseSec .floatL{
    width: calc(100% - 320px);
}
#courseSec .floatR{
    margin-top: 20px;
}
#courseSec .bgGray{background:#efefef;}

#courseSec .sectionInner .formBtn{}

/*----------------------------------------------------------------------------
***                                                                   eventSec 
----------------------------------------------------------------------------*/
#eventSec{padding-top: 3em;background: url(../images/line.png) repeat-x bottom;}
#eventSec .sectionInner{padding-bottom: 6em;}
#eventSec .eventInr{
    width: calc(100% - 320px);
}
#eventSec .eventInr .eventTxt{ font-size:18px;}
#eventSec h3{}

#eventSec .eventList{
    background: #ffe;
    border-radius: 10px;
    padding: 15px 15px;
    margin-top: 20px;
}
#eventSec .eventList h4{color: #e4007f;font-size: 18px;}
#eventSec .eventList h4 img{margin-bottom:5px;margin-right:5px;}
#eventSec .eventList ul{}
#eventSec .eventList li{
    font-size: 16px;
    display: inline-block;
    margin: 10px 25px 0px 0px;
}

#eventSec .floatL{}
#eventSec .floatR{margin-top: 0px;}

#eventSec .sectionInner .formBtn{position:absolute;}

/*----------------------------------------------------------------------------
***                                                                   form 
----------------------------------------------------------------------------*/

#sLBox{margin-bottom:25px;margin-top: 80px;}
#sLBox h3{}
#sLBox h2{font-size: 290%;
	line-height: 1.0em;
    height: 78px;
	margin-bottom: 13px;
	text-align: center;}
#sLBox .sectionInner{
    background: #00a1c9;
    max-width: 1100px;
    margin: 0 auto;
    padding: 20px 12px;
 }

#formTable{     
}

#sLBox table{ 
	background: #fff;
    border-collapse: collapse;
    margin: 0 auto;
    width: 922px;
    border: none;
	}
#sLBox table tr{} 
#sLBox table th,#sLBox table td{border-left:none; border-right:none;}
#sLBox table th{
    text-align: left;
    width: 150px;
	padding-left: 40px;
	line-height:1.5em;
	}
#sLBox table td{ 
    padding: 10px 0 10px 15px;
	
	}
	
#sLBox table input{ 
    padding: 3px;
	
	}

#sLBox table label{ 
	vertical-align: sub;
	
	}
#sLBox #corseTd li{ 
	float: left;
	width:315px;} 
	
#sLBox ul li{ 
    padding: 10px 0 ;
	vertical-align:bottom;
	} 

#sLBox ul li input{ 
	vertical-align: -0.15em;
	} 
	
#sLBox ul li span{ 
	font-size:90%;
	} 

#privacy {
    width: 960px;
    margin: 0 auto;
    padding-top: 10px;
}

#submit-area{ margin-top:20px;}
#submit-area .tac input {    padding: 10px 35px;}

/*----------------------------------------------------------------------------
 ***                                                                  menuSec
----------------------------------------------------------------------------*/
#menuSec li {
    background-image: url(../common_images/icon05.png);
}

/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ 
	width:960px; 
	margin:0 auto;
    border-top: 1px solid #ccc;
    padding-top: 18px;}
#footerAreaInner {}

#footerAreaLink{}
#footerAreaLogo {}
#footerTxt{}
#footerCopyright{}


#footerLogo{width:250px; float:left; }
#footerTel{width:299px; float:Right; }



