@charset "utf-8";



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

/*------------------
メインイメージ
--------------------*/
.mainImgBox {
	width: 870px;
	margin: 0 auto 30px auto;
	padding: 0;
}
.mainImgBox .mainimg {
	margin: 0;
	padding: 0;
}

/*------------------
会員募集ボックス
--------------------*/
.campBox {
	width: 700px;
	margin: 30px 0 20px 115px;
	padding: 0;
	background: #ededed url(../images/camp01_bg.gif) no-repeat left top;
}
.campBox h3 {
	margin: 0;
	padding: 0;
}
.campBox h3 img {
	display: block;
	margin: 0;
	padding: 0;
}
.campBox h4 {
	margin: 0 0 0 154px;
	padding: 0;
}
.campBox h4 img {
	display: block;
	margin: 0;
	padding: 0;
}
.campBox p.txt {
	margin: 0 0 0 154px;
	padding: 15px 0 0 0;
	line-height: 1.5;
}
.campBox p.btn {
	margin: 15px 0 0 0;
	padding: 0 0 15px 0;
	text-align: center;
}



/*------------------
カテゴリ分けボックス
--------------------*/
.categoryBox h3 {
	margin: 30px 0 20px 0;
	padding: 0;
	border: none !important;
}
.categoryBox h4 {
	margin: 30px 20px 20px 20px;
	padding: 10px 30px 5px 30px;
	background: #e4e4e4 url(../images/ttl_bg.gif) no-repeat left top;
	border-bottom: 1px solid #626a07;
	color: #103607;
	font-size: 100%;
	font-weight: bold;
	line-height: 1.5;
}
.categoryBox h4 span {
/*	font-size: 88%;*/
	font-weight: normal;
}


/*------------------
pagemenu
--------------------*/
.pagemenu {
	margin: 30px 35px;
	padding: 13px 10px;
	background: #6da55d;
	text-align: center;
/*	font-size: 93%;*/
}
.pagemenu a {
	font-weight: bold;
	color: #123a08;
}
.pagemenu a:hover {
	font-weight: bold;
	color: #fff;
}

/*------------------
item01
--------------------*/
.cl {
	clear :both;
}


.item01 {
	position: relative;
	margin: 20px;
	padding: 20px;
	background: #f7f7f7;
}
.item01 p {
	margin: 0 0 15px 0;
	line-height: 1.5;
}
.item01 p.img01 {
	text-align: center;
}
.item01 p.line {
	margin: 0 0 25px 0;
	padding-bottom: 25px;
	border-bottom: 1px solid #ccc;
}

.item01 .mess01 {
	width: 750px;
	margin: 0 20px 15px 20px;
	padding: 0;
}
.item01 .mess01 p.mess_icn {
	float: left;
	width: 75px;
	margin: 0 0 10px 0;
	padding: 0;
}
.item01 .mess01 p.mess_txt {
	float: left;
	width: 675px;
	margin: 0 0 10px 0;
	padding: 0;
	color: #bb0000;
}

.item01 .voice {
	width: 790px;
	margin: 0 0 15px 0;
	padding: 0;
}
.item01 .voice p.img {
	float: left;
	width: 110px;
	margin: 0 0 10px 0;
	padding: 0;
}
.item01 .voice div.rightbox {
	float: left;
	width: 680px;
	margin: 0 0 10px 0;
	padding: 0;
}
.item01 .voice div.rightbox p.txt {
	margin: 0 0 15px 0;
	font-size: 120%;
	font-weight: bold;
	color: #103607;
}
.item01 .voice div.rightbox p.name {
	margin: 0 0 10px 0;
	line-height: 1.2;
}
.item01 .voice div.rightbox p.memo {
	margin: 0;
/*	font-size: 88%;*/
	line-height: 1.2;
}


.item02 {
	position: relative;
	width: 840px;
	margin: 20px;
	padding: 20px 0px;
	background: #f7f7f7;
}
.item02 p {
	margin: 0 20px 15px 20px;
	line-height: 1.5;
}
.item02 p.img {
	float: left;
	width: 240px;
	margin: 0 20px 20px 20px;
}
.item02 p.line {
	margin-bottom: 25px;
}
.item02 h5 {
	margin: 0 0 10px 20px;
	padding: 0;
	font-weight: bold;
	color: #103607;
	font-size: 100%;
}
.item02 table.staff {
	width: 790px;
	margin: 0 0 10px 20px;
	padding: 0;
	border-collapse: collapse;
}
.item02 table.staff th {
	width: 200px;
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #ccc;
	background: #e2eae0;
	font-weight: bold;
}
.item02 table.staff td {
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #ccc;
	background: #fff;
}


.item03 {
	position: relative;
	width: 670px;
	margin: 20px 100px;
	padding: 20px 0px;
	background: #f7f7f7;
}
.item03 .inner {
	width: 480px;
	margin-left: 95px;
}
.item03 p {
	margin: 0 20px 15px 20px;
	line-height: 1.5;
}
.item03 p.img01 {
	float: left;
	width: 240px;
	margin: 0 20px 20px 0px;
}
.item03 p.img02 {
	text-align: center;
}
.item03 p.img01_1 {
	margin-right: 50px;
}
.item03 p.txt01 {
	margin-top: 30px;
	line-height: 2.5;
}
.item03 p.txt {
	margin-right: 0;
}
.item03 p.txt02 {
/*	font-size: 88%;*/
	line-height: 1.2;
}

.item03 h5 {
	margin: 0 0 10px 20px;
	padding: 0;
	font-weight: bold;
	color: #103607;
	font-size: 100%;
}
.item03 h5.bdr {
	padding-top: 20px;
	border-top: 1px solid #ccc;
}


.item04 {
	position: relative;
	margin: 20px;
	padding: 20px;
	background: #f7f7f7;
}
.item04 dl {
	margin: 0;
	padding: 0;
	line-height: 1.5;
/*	font-size: 93%;*/
	font-size: 100%;
}
.item04 dl dt {
	margin: 0 0 0 0;
	padding: 5px 0 20px 40px;
	background: url(../images/faq_icn01.gif) no-repeat left top;
	color: #103607;
	font-weight: bold;
}
.item04 dl dd {
	margin: 0 0 20px 0;
	padding: 5px 0 20px 40px;
	background: url(../images/faq_icn02.gif) no-repeat left top;
	border-bottom: 1px solid #ccc;
}


.item05 {
	position: relative;
	width: 840px;
	margin: 20px;
	padding: 20px 0px;
	background: #f7f7f7;
}
.item05 p {
	margin: 0 20px 15px 20px;
	line-height: 1.5;
}
.item05 h5 {
	margin: 0 0 10px 20px;
	padding: 0;
	font-weight: bold;
	color: #103607;
	font-size: 100%;
}
.item05 table.pricetable {
	width: 790px;
	margin: 0 0 10px 20px;
	padding: 0;
	border-collapse: collapse;
}
.item05 table.pricetable th {
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #ccc;
	font-weight: bold;
	background: #103607;
	color: #fff;
}
.item05 table.pricetable td {
	margin: 0;
	padding: 7px 10px;
	border: 1px solid #ccc;
	background: #fff;
}
.item05 table.pricetable td.style01 {
	width: 300px;
	background: #e2eae0;
	font-weight: bold;
}
.item05 table.pricetable td.style01 span {
	font-weight: normal;
}
.item05 ul {
	margin: 0;
	padding: 0;
}

.item06 {
	position: relative;
	width: 840px;
	margin: 20px;
	padding: 20px 0px;
	background: #f7f7f7;
}
.item06 p {
	margin: 0 20px 15px 50px;
	line-height: 1.5;
}
.item06 p.img {
	margin-left: 20px;
	text-align: center;
}
.item06 h5 {
	margin: 0 0 10px 20px;
	padding: 0;
	font-weight: bold;
	color: #103607;
	font-size: 100%;
}
.item06 .inner {
	width: 400px;
	margin: 20px;
	padding: 20px;
	border: 1px solid #ccc;
}
.item06 .inner p {
	margin: 0;
}
.item06 .inner h5 {
	margin: 0 0 10px 0;
	font-size: 120%;
}


/*------------------
バナー
--------------------*/
.bnrBox {
	text-align: center;
	margin-bottom: 30px;
}




@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;
	}
	.pagemenu {
		margin: 20px 0;
		padding: 2px 3%;
	}

	.categoryBox h4 {
		margin-left: 0;
		margin-right: 0;
	}

	.campBox {
		width: 100%;
		margin-left: 0;
		background: #ededed;
	}
	.campBox h3 img {
		display: block;
		margin: 0;
		padding: 0;
	}
	.campBox h4 {
		margin: 0;
	}
	.campBox h4 img {
		display: block;
		margin: 0;
		padding: 0;
	}
	.campBox p.txt {
		margin: 0 3%;
	}
	.campBox p.btn {
		margin-left: 3%;
		margin-right: 3%;
	}

	.item01 {
		margin: 20px 0;
		padding: 3%;
	}

	.item01 .mess01 {
		width: 98%;
		margin: 0 0 15px 0;
	}
	.item01 .mess01 p.mess_icn {
		width: 20%;
	}
	.item01 .mess01 p.mess_txt {
		float: right;
		width: 78%;
	}

	.item01 .voice {
		width: 100%;
	}
	.item01 .voice p.img {
		display: none;
	}
	.item01 .voice div.rightbox {
		float: none;
		width: auto;
	}

	.item02 {
		width: 100%;
		margin: 20px 0;
	}
	.item02 p {
		margin: 0 3% 15px 3%;
	}
	.item02 p.img {
		float: none;
		width: auto;
		margin: 0 0 20px 0;
		text-align: center;
	}
	.item02 h5 {
		margin: 0 3% 10px 3%;
	}
	.item02 table.staff {
		width: auto;
		margin: 0 3% 10px 3%;
	}
	.item02 table.staff th {
		width: 25%;
	}

	.item03 {
		width: 100%;
		margin: 20px 0;
	}
	.item03 .inner {
		width: auto;
		margin-left: 0;
	}
	.item03 p {
		margin: 0 3% 15px 3%;
		line-height: 1.5;
	}
	.item03 p.img01 {
		float: none;
		width: 100%;
		margin: 0 0 20px 0px;
		text-align: center;
	}
	.item03 p.img01_1 {
		margin-right: 0;
	}
	.item03 p.txt01 {
		margin-top: 30px;
		line-height: 2.5;
	}
	.item03 p.txt {
		margin-right: 0;
	}

	.item03 h5 {
		margin: 0 3% 10px 3%;
	}
	.item03 h5.bdr {
		padding-top: 20px;
		border-top: 1px solid #ccc;
	}

	.item04 {
		margin: 20px 0;
		padding: 20px 3%;
	}

	.item05 {
		width: 100%;
		margin: 20px 0;
	}
	.item05 p {
		margin: 0 3% 15px 3%;
	}
	.item05 h5 {
		margin: 0 0 10px 3%;
	}

	.item06 {
		width: 100%;
		margin: 20px 0;
	}
	.item06 p {
		margin: 0 3% 15px 3%;
	}
	.item06 p.img {
		margin: 0 3% 15px 3%;
	}
	.item06 h5 {
		margin: 0 0 10px 3%;
	}
	.item06 .inner {
		width: auto;
		margin: 20px 3%;
		padding: 5px;
		border: 2px solid #ccc;
	}

}