/****************************************

			container

****************************************/

/* container */
#container {
	padding:100px 20px 0 20px;
	max-width:1500px;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}

/*　ヘッダーエリア-------------------------- */
.indexhead_wrap {
	width: 100%;
	margin:20px 0 0 0;
}

	/* ヘッダーエリア左 */
	.indexhead_left {
		width: 100%;
		margin:0 0 0 0;
		display:block;
		float:left;
	}
		.indexarea_wrap {
			margin-right: 320px;
		}
			.indexarea {
				width:100%;
				/*height: 400px;*/
				/*padding: 10px;*/
				margin: 0 0 40px 0;
				/*border-color: #b7e1ec;
				background-color:#e2f4f9;*/
			}
			/* エリアタイトル */
			.indexarea_title {
				color: #111;
				font-size: 16px
			}

			/* エリアpicリスト */
			.indexarea_listpic {
				width: 100%;
				margin:10px 0 10px 0;
			}
				/* エリアリスト左 */
				.indexarea_left {
					position: relative;
					width: 50%;
					-webkit-box-sizing: border-box; /* paddingを中に含める */
					padding-right: 5px;
					display:block;
					float:left;
				}
					.indexarea_lpictitle {
						position: absolute;
						font-size: 24px;
						color: #fff;
						line-height: 20px;
						top: 50%;
						left: 1%;
						right: 1%;
						-webkit-transform: translateY(-50%);
						transform: translateY(-50%);
						text-align: center;
						text-shadow: 0px 0px 6px #000;
					}
					.indexarea_left img {
						/*position: absolute;*/
						width: 100%;
						height: auto;
						padding-right: 5px;
					}
				/* エリアリスト右 */
				.indexarea_right {
					/*position: relative;*/
					width: 50%;
					-webkit-box-sizing: border-box; /* paddingを中に含める */
					padding-left: 5px;
					display:block;
					float:right;
				}
					.indexarea_rightuchi {
						padding-bottom: 10px;
					}
						.indexarea_spicleft {
							position: relative;
							width: 50%;
							-webkit-box-sizing: border-box; /* paddingを中に含める */
							padding-right: 5px;
							display:block;
							float:left;
						}
							.indexarea_spicleft img {
								width: 100%;
								height: auto;
							}
						.indexarea_spicright {
							position: relative;
							width: 50%;
							-webkit-box-sizing: border-box; /* paddingを中に含める */
							padding-left: 5px;
							display:block;
							float:right;
						}
							.indexarea_spicright img {
								width: 100%;
								height: auto;
							}
							.indexarea_spictitle {
								position: absolute;
								font-size: 24px;
								color: #fff;
								line-height: 20px;
								top: 50%;
								left: 1%;
								right: 1%;
								-webkit-transform: translateY(-50%);
								transform: translateY(-50%);
								text-align: center;
								text-shadow: 0px 0px 6px #000;
							}

			/* エリアtextリスト */
			.indexarea_listtext {
				width: 100%;
				margin:10px 0 0 0;
			}

					.indexarea_text {
						font-size: 14px;
						width: 100%;
						display: table;
						margin: 0 0 0 0;
					}
						.indexarea_text dl {
							margin:0 0 10px 0;
						}
							.indexarea_text dt {
								width: 100px;
								font-weight: bold;
								float: left;
							}
							.indexarea_text dd {
								display: table-cell;
								/*width: 250px;*/
							}
							.indexarea_text dd a {
								padding: 0 4px;
								float: left;
								display: inline-block;
								border-right: 1px solid #ccc;
							}
							.indexarea_text dd a:last-child {
								border-right: none;
							}

	/* ヘッダーエリア右 */
	.indexhead_right {
		width:300px;
		margin-left: -320px;
		display:block;
		float:right;
	}
		.indexhead_right img {
			width:300px;
			height: auto;
		}


	/* 新着お教室タイトル------------------- */
	.newschool_title {
		font-size: 20px;
		font-weight:100;
		color:#2A86D1;
		padding:20px 0 10px 0;
		border-bottom:#ccc solid 1px;
		display:block;
		margin:0;
	}
	/* 新着お教室リスト */
	.newschool_list {
		width: 100%;
		margin:20px 0 60px 0;
	}
		/* 新着教室 */
		.newschool_wrap {
			width:20%;
			display:block;
			margin-right: auto;
			/*border: 1px solid #ccc;*/
			float: left;
			-webkit-box-sizing: border-box; /* paddingを中に含める */
			padding: 10px;
			/*margin-left: 14px;*/
		}
			.newschool_photo {
				width:100%;
			}
			.newschool_photo img {
				width:100%;
				height:auto;
			}
			.newschool_name {
				width: 100%;
				text-align: left;
				margin: 10px 0 10px 0;
				display: block;
			}
			.newschool_text {
				margin: 0 0 10px 0;
				width: 100%;
				display: block;
			}
			/* 資料請求ボタン */
			.genre_shiryo {
				width: 100%;
				text-align: center;
				margin-top: 2%;
			}
			.genre_shiryo a {
				color: #fff !important;
				text-decoration: none !important;
			}
				.genre_shiryobutton {
					width: 100%;
					display: block;
					border-radius: 4px;
					padding: 6px 0 6px 0;
					margin-top: 0px;
					background-color: #F4646F;
					text-align: center;
					color: #fff;
					font-size: 14px;
					/*font-weight:bold;*/
					text-decoration: none;
				}
				.genre_shiryobutton a:focus !important; {
					color: #fff;
				}
				.genre_shiryobutton a:visited {
					color: #fff;
				}
				.genre_shiryobutton:hover {
					background-color: #F03140;
					text-decoration: none;
					color: #fff;
				}








	/* ジャンルリストタイトル------------------- */
	.genrethum_title {
		font-size: 20px;
		font-weight:100;
		color:#2A86D1;
		padding:20px 0 10px 0;
		border-bottom:#ccc solid 1px;
		display:block;
		margin:0;
	}
		.genrethum_list {
			width: 100%;
			margin:10px 0 10px 0;
		}
			/* ジャンル教室 */
			.genrethum_wrap {
				width:25%;
				display:block;
				margin-right: auto;
				/*border: 1px solid #ccc;*/
				float: left;
				-webkit-box-sizing: border-box; /* paddingを中に含める */
				padding: 10px;
				/*margin-left: 14px;*/
			}
				.genrethum_photo {
					width:100%;
				}
				.genrethum_photo img {
					width:100%;
					height:auto;
				}
				.genrethum_name {
					width: 100%;
					text-align: left;
					margin: 10px 0 2px 0;
					display: block;
				}
				.genrethum_text {
					margin: 0 0 10px 0;
					width: 100%;
					display: block;
				}


	/* 口コミタイトル------------------- */
	.review_title {
		font-size: 20px;
		font-weight:100;
		color:#2A86D1;
		padding:20px 0 10px 0;
		border-bottom:#ccc solid 1px;
		display:block;
		margin:0;
	}
	/* 新着お教室リスト */
	.review_list {
		width: 100%;
		margin:20px 0 60px 0;
	}





/* 口コミタイトル------------------- */
.footer {
	padding:100px 20px 0 20px;
	max-width:1500px;
	min-width:1000px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
}