@charset "utf-8";



/* ---------------------------------------------------
school_detail.css
スクール詳細用CSS
--------------------------------------------------- */


/*------------------
メインイメージ
--------------------*/
.mainImgBox {
	margin: 0 35px 30px 35px;
	padding: 0;
}
.mainImgBox .mainimg,
.mainImgBox h3 {
	margin: 0;
	padding: 0;
	border: none !important;
}

/*------------------
カテゴリ分けボックス
--------------------*/
.categoryBox {
	margin-left: 35px;
	margin-right: 35px;
}

.categoryBox h3 {
	margin: 30px 0 20px 0;
	padding: 0;
	border: none !important;
}
.categoryBox .sec {
	margin: 0 30px;
}

.cl {
	clear: both;
}
.ta_center {
	text-align: center;
}

.categoryBox .sec h4 {
	margin: 0 0 10px 0;
	padding: 0 0 0 20px;
	background: url(../images/subttl.gif) no-repeat left center;
	font-weight: bold;
	line-height: 1.7;
	color: #1f3a04;
}
.categoryBox .sec h4.imgh4 {
	margin: 0 0 15px 0;
	padding: 0;
	background: transparent;
}
.categoryBox .sec h4.imgh4 img {
	display: block;
	margin: 0;
	padding: 0;
}

.categoryBox .sec .red {
	color: #f00;
}


.pagenavi {
	margin: 20px 35px;
	padding: 10px;
	background: #f7f7f7;
	text-align: center;
}


/* sec01 */
.categoryBox .sec01_set01 {
}
.categoryBox .sec01_set01 p {
	margin: 0 0 20px 0;
	padding: 0;
}
.categoryBox .sec01_set02 {
}
.categoryBox .sec01_set02 p {
	margin: 0 0 20px 20px;
	padding: 0;
}

.categoryBox .sec01_set02 table {
	width: 770px;
	margin: 0 20px 20px 20px;
	padding: 0;
	border: 0;
}
.categoryBox .sec01_set02 table th {
	width: 30%;
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	background: #ccc;
	text-align: center;
	vertical-align: middle;
}
.categoryBox .sec01_set02 table td {
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	text-align: center;
	vertical-align: middle;
}

/* sec02 */
.categoryBox .sec02_item01 {
	width: 770px;
	margin: 0 0 20px 20px;
}
.categoryBox .sec02_item01 .txt {
	float: left;
	width: 500px;
}
.categoryBox .sec02_item01 .txt p {
	margin: 0 0 1em 0;
	padding: 0;
}
.categoryBox .sec02_item01 .img {
	float: right;
	width: 250px;
	margin: 0;
	padding: 0;
}
.categoryBox .sec02_item01 .txt2 {
	width: 150px;
}
.categoryBox .sec02_item01 .img2 {
	width: 520px;
	text-align: right;
}


/* sec03 */
.categoryBox .sec03 {
	margin-bottom: 20px;
}
.categoryBox .sec03 dl {
	margin: 0 20px;
	padding: 0;
}
.categoryBox .sec03 dl dt {
	margin: 0 0 10px 0;
	padding: 0 0 0 40px;
	background: url(../images/icn_q.gif) no-repeat left top;
	line-height: 31px;
}
.categoryBox .sec03 dl dd {
	margin: 0 0 15px 0;
	padding: 7px 0 15px 40px;
	background: url(../images/icn_a.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
}
.categoryBox .sec03 dl dd.last {
	margin-bottom: 30px;
}


/* sec04 */
.categoryBox .sec04 h3 {
	margin: 0 0 20px 0;
	padding: 2px 0 2px 5px;
	background: #f7f7f7;
	border-bottom: 2px solid #1f3a04 !important;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.7;
	color: #1f3a04;
}
.categoryBox .sec04 table {
	width: 770px;
	margin: 0 20px 30px 20px;
	padding: 0;
	border: 0;
}
.categoryBox .sec04 table th {
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	background: #ccc;
	text-align: center;
	vertical-align: middle;
}
.categoryBox .sec04 table td {
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	text-align: center;
	vertical-align: middle;
}
.categoryBox .sec04 table td.td1 {
	background: #e1f3cf;
}

.categoryBox .sec04 .sec04_set01 {
	width: 770px;
	margin-left: 20px;
}
.categoryBox .sec04 .sec04_set01 .img {
	width: 200px;
	float: left;
	padding-bottom: 30px;
}
.categoryBox .sec04 .sec04_set01 .tablewrap {
	width: 530px;
	float:right;
	padding-bottom: 30px;
}
.categoryBox .sec04 .sec04_set01 .tablewrap table {
	width: 530px;
	margin: 0;
}

/* sec05 */
.categoryBox .sec05 table {
	width: 810px;
	margin: 0 0 30px 0;
	padding: 0;
	border: 0;
}
.categoryBox .sec05 table th {
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	background: #ccc;
	text-align: center;
	vertical-align: middle;
}
.categoryBox .sec05 table td {
	margin: 0;
	padding: 5px;
	border: 1px solid #333;
	text-align: center;
	vertical-align: middle;
}



@media (max-width: 640px) {
	/*------------------
	メインイメージ
	--------------------*/
	.mainImgBox {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	/*------------------
	カテゴリ分けボックス
	--------------------*/
	.categoryBox {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.categoryBox .sec {
		margin: 0;
		padding: 0px;
	}
	.pagenavi {
		margin: 20px 0;
		padding: 2px 3%;
	}

	.categoryBox .sec01_set02 p {
		margin-left: 0;
	}
	.categoryBox .sec01_set02 table {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.categoryBox .sec01_set02 table th,
	.categoryBox .sec01_set02 table td {
		width: 100%;
		display: block;
		padding-left: 0;
		padding-right: 0;
	}
	/* sec02 */
	.categoryBox .sec02_item01 {
		width: 100%;
		margin: 0 0 20px 0;
	}
	.categoryBox .sec02_item01 .txt {
		float: none;
		width: 100%;
	}
	.categoryBox .sec02_item01 .txt p {
		margin: 0 0 1em 0;
	}
	.categoryBox .sec02_item01 .img {
		float: none;
		width: 100%;
		text-align: center;
	}
	/* sec03 */
	.categoryBox .sec03 dl {
		margin: 0;
	}
	/* sec04 */
	.categoryBox .sec04 table {
		margin-left: 0;
		margin-right: 0;
	}
	.categoryBox .sec04 .sec04_set01 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.categoryBox .sec04 .sec04_set01 .img {
		display: none;
	}
	.categoryBox .sec04 .sec04_set01 .tablewrap {
		width: 100%;
		float: none;
	}
	.categoryBox .sec04 .sec04_set01 .tablewrap table {
		width: 770px;
	}

}
