@charset "utf-8";


#body_wrapper {
	position: relative;
	height: 100%;
}

/* top-promotion_area01 */
/* ----------------------------------------------------- */
.top-promotion_area01 {
	margin: 10px 0;
	padding: 0;
		width: 100%;
		min-height: 95px;
			background: url("../sp_img/index_main-visual01.jpg") center top no-repeat;
		background-size: contain;
	clear: both;
}

	.top-promotion_area01 h2 a {
		position: relative;
		display: block;
		zoom: 1;
		text-indent: -9999px;
		overflow: hidden;
	}
	
		/* top-promotion_area02 */
/* ----------------------------------------------------- */
.top-promotion_areaS {
		position: relative;
		display: block;
		zoom: 1;
		/*text-indent: -9999px;
*/		overflow: hidden;
}
	
.top-promotion_areaS img {width: 100%;}

/* point of reasons */
/* ----------------------------------------------------- */
.top-contents-box01 {
	padding-top: 20px;
	clear: both;
}

	.top-contents-box01 h2 {
		position: relative;
		display: block;
		padding-bottom: 10px;
		height: 19px;
		background: url("../images/top_reason_head.gif") center top no-repeat;
		border-bottom: solid 3px #003399;
		zoom: 1;
		text-indent: -9999px;
		cursor: pointer;
	}

.top-contents-box01 ul {
	padding-top: 20px;
	text-align: center;
}

	.top-contents-box01 ul li {
 			display: inline-block;
			padding-bottom: 10px;
	}
	.top-contents-box01 ul li a {
		position: relative;
		display: block;
		width: 300px;
		height: 54px;
		zoom: 1;
		text-indent: -9999px;
		cursor: pointer;
	}
/* 100人100色のパーソナルレッスン */
		.top-contents-box01 ul li.top-reason01 a {
			background: url("../sp_img/index_btn_reason_01.png") left top no-repeat;
		background-size: contain;
		}
			.top-contents-box01 ul li.top-reason01 a:hover {			background: url("../sp_img/index_btn_reason_01.png") left top no-repeat; background-size: contain;
}

/* 子どもに本気で向き合う講師陣 */
		.top-contents-box01 ul li.top-reason02 a {
			background: url("../sp_img/index_btn_reason_02.png") left top no-repeat;
		background-size: contain;
		}
			.top-contents-box01 ul li.top-reason02 a:hover {			background: url("../sp_img/index_btn_reason_02.png") left top no-repeat; background-size: contain;
}

/* ご家庭とのコミュニケーション */
		.top-contents-box01 ul li.top-reason03 a {
			background: url("../sp_img/index_btn_reason_03.png") left top no-repeat;
		background-size: contain;
		}
			.top-contents-box01 ul li.top-reason03 a:hover {			background: url("../sp_img/index_btn_reason_03.png") left top no-repeat; background-size: contain;
}


/* What'sNew? */
/* ----------------------------------------------------- */
.column-left_in01 {
	padding-top: 20px;
}

.whatsnew {
	width: 100%;
	margin: 0;
	padding: 10px 0;
	border: none;
}
	.whatsnew h2 {
		border-bottom: 3px solid #d80c25;
		font-size: 139%;
		text-align: center;
		color: #d80c25;
	}
	.whatsnew table {
		width: 95%;
		margin: 12px 10px 5px;
	}
		.whatsnew table th {
			padding: 0 12px 7px 0;
			font-weight: normal;
			color: #d80c25;
			font-size: 86%;
			white-space: nowrap;
		}
		.whatsnew table td {
			padding: 0 0 7px 0;
		}
			.whatsnew table td span {
				margin-left: 5px;
				padding: 2px 3px;
				background: #d80c25;
				font-weight: normal;
				font-size: 79%;
				color: #fff;
			}
	.whatsnew p.viewall {
		margin-right: 10px;
		text-align: right;
	}
			.whatsnew p.viewall a:link { color: #d80c25; text-decoration: none; }
			.whatsnew p.viewall a:visited { color: #d80c25; text-decoration: none; }
			.whatsnew p.viewall a:hover { color: #333; text-decoration: none; }
			.whatsnew p.viewall a:active { color: blue; text-decoration: none; }


/* top-promotion_area02 */
/* ----------------------------------------------------- */
.top-promotion_area02 {
	width: 100%;
	padding: 20px 0;
	background: #d80c25;
}
.top-promotion_area02 ul {
		margin: 0 4px;
}

.top-promotion_area02 ul li {
	float: left;
	width: 44%;
	margin: 0 4px;
	padding: 50px 3px 5px;
	border: solid 2px #fff;
	text-align: center;
}
.top-promotion_area02 ul li a:link { color: #fff; text-decoration: none; }
.top-promotion_area02 ul li a:visited { color: #fff; text-decoration: none; }
.top-promotion_area02 ul li a:hover { color: #fff; text-decoration: none; }
.top-promotion_area02 ul li a:active { color: #fff; text-decoration: none; }

/* 名学館代表著作紹介 */
	.top-promotion_area02 ul li.sato-books {
		background: url("../common/sp_img/footer_banner_ico_01.gif") center 10px no-repeat;
		background-size: 25%;
	}
		.top-promotion_area02 ul li.sato-books a:hover {background: url("../common/sp_img/footer_banner_ico_01.gif") !important;		background-size: contain;}

/* 名学館の講師になろう！ */
	.top-promotion_area02 ul li.be_instructor {
		background: url("../common/sp_img/footer_banner_ico_02.gif") center 10px no-repeat;
		background-size: 25%;
	}
		.top-promotion_area02 ul li.be_instructor a:hover {background: url("../common/sp_img/footer_banner_ico_02.gif") !important;		background-size: contain;}



/* 校舎検索 */
/* ----------------------------------------------------- */
.colimn-right {display: none;}
.top_school-search {display: none;}
	.top_school-search h3 {display: none;}
		.top_school-search ul {display: none;}
		.top_school-search ul li {display: none;}
			.top_school-search ul li a {display: none;}
				.top_school-search ul li.top-s_hokkaido a {display: none;}
					.top_school-search ul li.top-s_hokkaido a:hover{display: none;}
				.top_school-search ul li.top-s_tohoku a{display: none;}
					.top_school-search ul li.top-s_tohoku a:hover {display: none;}
				.top_school-search ul li.top-s_kanto a{display: none;}
					.top_school-search ul li.top-s_kanto a:hover {display: none;}
				.top_school-search ul li.top-s_koshinetsu a{display: none;}
					.top_school-search ul li.top-s_koshinetsu a:hover{display: none;}
				.top_school-search ul li.top-s_tokai a{display: none;}
					.top_school-search ul li.top-s_tokai a:hover {display: none;}
				.top_school-search ul li.top-s_hokuriku a{display: none;}
					.top_school-search ul li.top-s_hokuriku a:hover{display: none;}
				.top_school-search ul li.top-s_kansai a{display: none;}
					.top_school-search ul li.top-s_kansai a:hover{display: none;}
				.top_school-search ul li.top-s_chugoku-shikoku a{display: none;}
					.top_school-search ul li.top-s_chugoku-shikoku a:hover{display: none;}
				.top_school-search ul li.top-s_kyusyu-okinawa a{display: none;}
					.top_school-search ul li.top-s_kyusyu-okinawa a:hover{display: none;}
				.top_school-search ul li.top-s_overseas a{display: none;}
					.top_school-search ul li.top-s_overseas a:hover{display: none;}
					
.top_school-searchB {display: none;}
.top_school-searchB h3 {display: none;}
.top_school-searchB ul {display: none;}
.top_school-searchB ul li {display: none;}
.top_school-searchB ul li a {display: none;}
.top_school-searchB ul li.top-s_tohokuB a {display: none;}
.top_school-searchB ul li.top-s_tohokuB a:hover{display: none;}		
.top_school-searchB ul li.top-s_kantoB a {display: none;}
.top_school-searchB ul li.top-s_kantoB a:hover{display: none;}			
.top_school-searchB ul li.top-s_tokaiB a {display: none;}
.top_school-searchB ul li.top-s_tokaiB a:hover{display: none;}
.top_school-searchB ul li.top-s_kansaiB a {display: none;}
.top_school-searchB ul li.top-s_kansaiB a:hover{display: none;}			
					
					

#foot-wrapper {
	width: 100%;
	position: relative;
	border-top: solid 2px #fff;
	padding-top: 0;
	text-align: center;
	clear: both;
}


/* 20160616add*/
	.article_plainbox04 {
		width: 80%;
		margin: 0 auto;
		padding: 1rem 0;
		text-align: center;
	}
		.article_plainbox04 img {
				width: 100%;
				height: auto;
		}
	.pc_only {
		display: none;
}
	.smp_only {
		display: block;
}