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

/*  レイアウトに関するCSSのみ記載する。　*/


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_
  Mobile First
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_*/


body {
	font-family: "Lucida Grande", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	background-color: #fff;
	font-size: 14px;
	line-height: 150%;
	color: #333;
	 } 


.mb_s {margin-bottom:10px;}
.mb_m {margin-bottom:20px;}
.mb_l {margin-bottom:30px;}
.mb_xl {margin-bottom:40px;}
.mb0 {margin-bottom:0px;}




/*  -------------sub-heaer------------- */

#sub-header {
	width:100%;
	background-color:#FEF6EE;
	padding:4px 0;
	margin:0 0 6px 0;
}

#sub-header .box{
	text-align:center;
	}
	
#sub-header .box .area1{
	}
	
#sub-header .box .area2{
	}



/*  -------------その他共通------------- */

#header,#gnav, #main, #sub-footer{
	width:96%;
	margin:0 auto;
	}


.pankuzu {
	font-size: 10px;
	margin-bottom: 8px;
}

.pankuzuA {
	font-size: 10px;
	margin-bottom: 8px;
}

.pankuzuA li {
	display: inline;
}

.pankuzuA li:not(:last-child):after {
    content: " > ";
}

.gototop {
	display: block;
	font-size: 12px;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	}

/*  -------------header------------- */

#header {
	margin-bottom:10px;
	}

#header .logo {
	text-align:center;

	}

#header .head-bnr {
	}


/*  -------------Gnav------------- */


#gnav {
	margin-bottom:10px;
	}


/*  -------------footer------------- */

#footer {
	background-color:#FEF6EE;
	padding:20px;
	margin:0 auto;
	text-align:center;
	}


.footer_heading1 {
	margin:0 0 10px 0;
	color: #F00;
	}
	 
#footer ul li {
	display:inline;
	margin:0 10px 0 0;
	font-size:12px;
	}


footer {
	background-color:#FEF6EE;
	padding:20px;
	margin:0 auto;
	text-align:center;
	}


/*  -------------include_の追加＠2016-08-23------------- */	
	
footer {
	background-color:#FEF6EE;
	padding:20px;
	margin:0 auto;
	font-size:12px;
	}
	
 
.footer_b h6 {
	margin: 1em 0 0 0;
	font-weight: bold;
	}

.footer_b {
	text-align:left;
	line-height:130%;
	}

.footer_list li {
	display:inline;
	padding:0 0.5em 0 0;
	margin:0 0.5em 0 0;
	text-align:left;
}

.footer_cr {
	margin:0.5em 0 0 0
	}




/*  -------------top-スクール特集------------- */

.feature_school {
	margin:0 0 10px 0;
	border-bottom:dotted 1px #CCC;
	padding:6px 0 6px 0;
	}
	

/*  -------------top-資格試験------------- */

.license_list li {
	float: left;
	width: 33%;
	list-style-type: none;
	text-align: center;
	margin:0 0 10px 0;
}


/*  -------------top-特集_PC------------ */

.topics_cube {
	float:left;
	width:46%;
	padding:2%;
	display:inline-block;
	margin-bottom:4px;
	}
	
.topics_cube img {
	width:100%;
	margin:0 0 10px 0;
}



/*  -------------SCHOOL------------- */


#area_under_school {
	margin-bottom:10px;
	}

#area_under_school img {
	width:90px;
	float:left;
	padding:0 10px 10px 0;
}


.tit_area_under {
	}

.area_under_campaign li {
	list-style:none;
	margin:0 0 8px 0;
	}


/*  -------------Licencee------------- */

.licence_guide_a dl{
	
}

.licence_guide_a dt{
	float:left;
	clear:both;
	width:20%;
	text-align:center;
	
}

.licence_guide_a dd{
	margin: 0 0 10px 22%;
	padding:0 0 8px 8px;
	border-left:solid 1px #CCC;
	
}




/*  -------------side------------- */


.side_section {margin:0 0 10px 0;}


.side_pickup_sc {
	margin-bottom:10px;
	}

.side_pickup_sc img {
	width:60px;
	float:left;
	padding:0 10px 10px 0;
}



.side_entry {
	border:1px solid #F00;
	padding:10px;
	margin:40px 0 10px;
	text-align:center;
	}

/*  -------------ADAREA------------- */

.adbx {
	margin: 30px 0;
	
	}

.adbx_l {
	width:300px;
	margin:0 auto;
	}
.adbx_r {
	width:300px;
	margin:20px auto 0;
	}


/*  -------------area_link------------- */


.area_link_tit {
	padding: 0.8em;
	border: 1px solid #999;
	text-align: center;
	font-size:14px;

}

h5.list_area {
	font-size:12px;
}

h6.list_area {
	padding: 0.4em 0 0.1em;
	font-size:12px;
}

.list_area li {
	display: inline;
	list-style-type: none;
	margin:0 10px 0 0;
	border-right:solid 1px #333;
	padding:0 10px 0 0;
	font-size:12px;
}

.area_page h2 {
	background-color: #f8f6f0;
    color: #e60012;
    font-size: 20px;
    line-height: 150%;
    margin-bottom: 12px;
    padding: 10px;
	}

/*  エリア一覧2017/02/07  */

.areaSclList {
	border-top: dotted 1px #666;
	margin-top: 0.8em;
	padding-top: 0.8em;
}

.areaSclName a {
	font-size: 20px;
	margin-bottom: 4px;

}
.areaSclInfo {
	display: block;
	margin-bottom: 6px;
}
.areaSclDesc {
	clear: both;
}

.areaSclSub {margin-top: 0.4em;}

.areaSclSub img {
	width:20%;
	float:left;
	margin-right: 2%;
	border:1px solid #ccc;
    padding:1%;
}

.areaSclCam {
	color: #F6070B;
	display: block;
	margin-bottom: 0.5em;
}


/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_*/


/*  あえてスマホ向けのスタイル：~769px */
@media only screen and (max-width: 768px) {


.pc {display:none;}


.img1 {width:100%}



/*  -------------バナーエリア_共通------------- */

.bnr_side {width:300px;margin:0 auto;}

.bnr_txtunder {width:336px;margin:0 auto;}

/*  -------------header------------- */

#header {
	margin-bottom:10px;
	}

#header .logo img {
	width:55%;
	margin:0 0 10px 0;
	}

#header .head-bnr {
	}




#gnav ul li {
	width: 49%;
	text-align: center;
	list-style-type: none;
	display: table-cell;
	float: left;
	padding:8px 0;
	color: #F00;
	font-size: 14px;
	border-collapse: collapse;

	border-bottom-width: 1px;
	
	border-bottom-style: solid;
	licence_subhead
	border-bottom-color: #CCC;
	}
	




/*  -------------top-新着教室------------- */
.logbox {
	height: 330px;
    overflow: auto;
	padding: 2%;
	width:90%;
	border: 1px solid #CCC; 
	margin:0 0 10px 0;  
}




/*  -------------エリア一覧------------ */


h2 .area_page {
	background-color: #70b5ba;
    border: 1px solid #73b5b9;
    color: #fff;
    font-weight: bold;
	text-align:center;
	}
	
.area_tit {
	background-color: #70b5ba;
    border: 1px solid #73b5b9;
    color: #fff;
    font-weight: bold;
	text-align:center;
	}


.table_area th {
    /*border-bottom: 1px solid #b9b9b9; */
    padding: 10px 6px;
    text-align: left;
	}
	
.table_area td {
	/* border-bottom: 1px solid #b9b9b9; */
    padding: 10px 6px;
    text-align: center;
    width: 80px;}	








}






/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_
  Media Queries による切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/__/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_//_/_*/


/*  PC向けのスタイル：769px～ */
@media only screen and (min-width: 769px) {

	 
body {
	font-size:16px;
	 } 	 


.smh {display:none;}

/*  -------------sub-heaer------------- */

#sub-header {
	width:100%;
	background-color:#FEF6EE;
	padding:10px 0;
	margin:0 0 10px 0;
}

#sub-header .box{
	width:1000px;
	margin:0 auto;
	}
	
#sub-header .box .area1{
	float:left;
	}
	
#sub-header .box .area2{
	float:right;
	}


/*  -------------その他共通------------- */

#header,#gnav, #main, #sub-footer {
	width:1000px;
	margin:0 auto;
	}


/*  -------------header------------- */

#header {
	margin-bottom:20px;
	}

#header .logo {
	float:left;
	width:260px;
	vertical-align:bottom;
	height:90px;
	}

#header .head-bnr {
	float:right;
	width:728px;
	height:90px;
	}

/*  -------------Gnav------------- */


#gnav {
	margin-bottom:20px;
	}

#gnav ul li {
	width: 248px;
	text-align: center;
	list-style-type: none;
	display: inline-block;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #F00;
	float: left;
	padding:8px 0;
	color: #F00;
	font-size: 21px;
	}
	
.gnav-end{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #F00;
	}


/*  -------------メイン------------- */

#main #contents {
	width:680px;
	float:left;
	}

/*  -------------top-エリアボックス------------- */

.area_box1 {
	float:left;
	width:330px;
	margin:0 20px 0 0;
	line-height:150%;
	}


.area_box2{
	float:left;
	width:330px;
	margin:0;
	line-height:150%;
	}




/*  -------------top-スクール特集------------- */

.feature_school {
	float:left;
	width:330px;
	margin:0 0 10px 0;
	border-bottom:dotted 1px #CCC;
	padding:6px 0 6px 0;
	}
	
.feature_school_1{margin:0 20px 0 0;}

.feature_school_tit {margin:0 0 10px 0;}



/*  -------------top-新着教室------------- */
.logbox {
    height: 330px;
    overflow: auto;
    width: 100%;
	margin:0 0 10px 0;
}



#main #side {
	width:300px;
	float:right;}



#side .side_tit1 {
	padding: 6px;
	border: 1px solid #999;
	text-align:center;
	margin-bottom: 6px;
}



/*  -------------top-新着教室------------- */



	
/*  -------------top-資格試験------------- */

.license_list li {
	float: left;
	width: 136px;
	list-style-type: none;
	text-align: center;
}

/*  -------------top-特集_PC------------ */

.topics_cube {
	float:left;
	width:160px;
	padding:5px;
	}


/*  -------------エリア一覧 各エリアの一覧ページ用　.area_page　で囲む------------ */


.area_page h2 {
	background-color: #f8f6f0;
    color: #e60012;
    font-size: 24px;
    line-height: 150%;
    margin-bottom: 12px;
    padding: 10px;
	
	}

.area_page .area_tit {
	background-color: #70b5ba;
    border: 1px solid #73b5b9;
    color: #fff;
    font-weight: bold;
	}


.area_page .table_area th {
	border-bottom: 1px solid #b9b9b9;
	padding: 10px 6px;
	text-align: left;
	}
	
.area_page .table_area td {
	border-bottom: 1px solid #b9b9b9;
    padding: 10px 6px;
    text-align: center;
    width: 80px;}	
	

/*  エリア一覧2017/02/07  */

.areaSclList {
	border-top: dotted 1px #666;
	margin-top: 0.8em;
	padding-top: 0.8em;
}

.areaSclName a {
	float: left;
	width:64%;
	font-size: 20px;
	margin-bottom: 4px;

}
.areaSclInfo {
	float: right;
	text-align: right;
	width:30%;
	margin-right: 4%;
}
.areaSclDesc {
	clear: both;
}

.areaSclSub {margin-top: 0.4em;}

.areaSclSub img {
	width:20%;
	float:left;
	margin-right: 2%;
	border:1px solid #ccc;
    padding:1%;
}

.areaSclCam {
	color: #F6070B;
	display: block;
	margin-bottom: 0.5em;
}	
	
	
	
/*  -------------Licencee------------- */

.licence_guide_a dl{
	
}

.licence_guide_a dt{
	float:left;
	clear:both;
	width:100px;
	text-align:center;
	
}

.licence_guide_a dd{
	margin: 0 0 10px 120px;
	padding:0 0 8px 8px;
	border-left:solid 1px #CCC;
	
}






/*  -------------side------------- */



.side_section {margin:0 0 10px 0;}


.side_pickup_sc {
	margin-bottom:10px;
	}

.side_pickup_sc img {
	width:60px;
	float:left;
	padding:0 10px 10px 0;
}



/*  -------------ADAREA------------- */

.adbx {
	border:solid 1px #999;
	padding:15px;
	margin:30px 0;
	
	}

.adbx_l {
	float:left;
	width:300px;
	}
.adbx_r {
	float:left;
	width:300px;
	margin:0 0 0 40px;
	}


/*  -------------sub-footer------------- */


#sub-footer {margin:0 0 20px 0;}

/*  -------------footer------------- */


#footer {
	background-color:#FEF6EE;
	padding:20px;
	width:960px;
	margin:0 auto;
	text-align:center;
	}
	 
.footer_heading1 {
	margin:0 0 10px 0;
	color: #F00;
	}
	 
#footer ul li {
	display:inline;
	margin:0 10px 0 0;
	font-size:12px;
	}

#footer .footer_txt{
	margin:10px 30px;
	font-size:12px;
	}
	
address {
	text-align:center;
	font-size:12px;
	}
	 
/*  -------------include_の追加＠2016-08-23------------- */	
	
footer {
	background-color:#FEF6EE;
	padding:20px;
	width:960px;
	margin:0 auto;
	font-size:12px;
	}
	
.footer_a {
	float:left;
	width:300px;
	}

.footer_a li {
	list-style-type: none;
	display: inline;
	}

.footer_b {
	float:left;
	width:600px;
	margin:0 0 0 30px;
	text-align:left;
	line-height:130%;
	}
	 
.footer_b h6 {
	margin:1em 0 0 0;
	}

.footer_list li {
	display:inline;
	padding:0 0.5em 0 0;
	margin:0 0.5em 0 0;
	text-align:left;
}

.footer_cr {
	font-size: small;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}

}