/*
Theme Name: wk_sthitsuke
Theme URI:
Description: 躾支援塾 のPCテーマです
Author: ihata
Author URI: none
Version: 1.0
*/

@charset "utf-8";


/* ====================================================================================
CF:共通
==================================================================================== */


/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{ display: block;}

/* !Reseting
---------------------------------------------------------- */
body {
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	color: #222222;
}
/* ie7 */ *:first-child+html body { font-size: 94%;}
/* ie6Below */ * html body { font-size:94%;}
/* ie8 */ html>/**/body { font-size /*\**/: 94%\9;}
body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td
{ margin: 0; padding: 0;}
input, textarea
{ margin: 0; font-size: 100%; color: #ebebeb;}
label
{ cursor: pointer;}
table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
fieldset, img
{ border: 0;}
img
{ vertical-align: top;}
address, caption, cite, code, dfn, em, th, var
{ font-style: normal; font-weight: normal;}
ol, ul
{ list-style: none;}
caption, th
{ text-align: left;}
h1, h2, h3, h4, h5, h6
{ font-size: 100%; font-weight: normal;}
q:after, q:before
{ content:'';}
a, input
{ /* outline: none; */ }
abbr, acronym
{ border: 0;}

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td
{ margin: 0; padding: 0;}
.reset input, .reset textarea
{ margin: 0; font-size: 100%;}
.reset table
{ border-collapse: collapse; border-spacing: 0; font-size: 100%;}
.reset fieldset, .reset img, .reset abbr, .reset acronym
{ border: 0;}
.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var
{ font-style: normal; font-weight: normal;}
.reset ol, .reset ul
{ list-style: none;}
.reset caption, .reset th
{ text-align: left;}
.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6
{ font-size: 100%; font-weight: normal;}
.reset a, .reset input
{ /* outline: none; */ }
.reset q:after, .reset q:before
{ content:'';}

/* !Clearfix
---------------------------------------------------------- */
.clearfix,
#contents,
.section
{
	display: block;
	min-height: 1%;
}
.clearfix:after,
#contents:after,
.section:after
{
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix,
* html #contents,
* html .section
{
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}
/* !Layout
---------------------------------------------------------- */
html { overflow-y: scroll;}
body { text-align: center;}
@media print {
	html,
	html body { *zoom: 0.65;}
}
/* !wrapper
---------------------------------------------------------- */
#wrapper {
	overflow: hidden;
	margin: 0 auto;
	min-width: 1210px;
	width: 100%;
	text-align: left;
	background: #222;
}
/* !header
---------------------------------------------------------- */
#header {
	min-width: 1210px;
	width: 100%;
	background: #222222;
}
	#header .h1Wrap {
		min-width: 1210px;
		width: 100%;
		background: #424242;
		color: #b3b3b3;
		text-align: left;
	}
		#header h1 {
			min-width: 960px;
			width: 960px;
			padding: 1px 0 0 7px;
			margin: 0 auto;
			font-size: 80%;
		}
		#headerIn {
			overflow: hidden;
			width: 960px;
			margin: 0 auto;
			padding: 23px 0 22px 0;
			text-align: left;
		}
			.h2Wrap {
				width: 960px;
				margin: 0 auto;
			}
				#headerLogo {
					float: left;
				}
					.headerTel01 {
						float: left;
						margin-left: 88px;
					}
						.headerEmail01 {
							float: right;
						}
							.headerEmail01 p {
								margin: 0 0 0 21px;
							}
/* !gNavi
---------------------------------------------------------- */
#gNavi {
	min-width: 1210px;
	width: 100%;
	background: #000;
}
	#gNavi ul {
		display: block;
		position: relative;
		width: 960px;
		height: 64px;
		margin: 0 auto;
	}
		#gNavi li {
			overflow: hidden;
			position: absolute;
			left: 0;
			top: 0;
			height: 64px;
		}
		#gNavi li#gNav01 { width: 162px; left: 0;}
		#gNavi li#gNav02 { width: 149px; left: 162px;}
		#gNavi li#gNav03 { width: 162px; left: 311px;}
		#gNavi li#gNav04 { width: 162px; left: 473px;}
		#gNavi li#gNav05 { width: 162px; left: 635px;}
		#gNavi li#gNav06 { width: 163px; left: 797px;}
			#gNavi li a {
				display: block;
			}
			#gNavi li#gNav01 a { width: 162px; margin-left: 0;}
			#gNavi li#gNav02 a { width: 149px; margin-left: -162px;}
			#gNavi li#gNav03 a { width: 162px; margin-left: -311px;}
			#gNavi li#gNav04 a { width: 162px; margin-left: -473px;}
			#gNavi li#gNav05 a { width: 162px; margin-left: -635px;}
			#gNavi li#gNav06 a { width: 163px; margin-left: -797px;}
			#gNavi li a:hover,
			#gNavi li a:focus {
				margin-top: -64px;
			}
			#Top #gNav01 a ,
			#School #gNav02 a ,
			#VoiceList #gNav03 a ,
			#Faq #gNav04 a ,
			#Message #gNav05 a ,
			#Diary #gNav06 a {
				margin-top: -64px;
			}
/* !breadcrumb
---------------------------------------------------------- */
.borderTop01 { border-top: 1px solid #393939;}
#breadcrumb {
	width: 960px;
	overflow: hidden;
	*zoom: 1;
	margin: 0 auto;
	padding: 16px 0;
	font-size: 80%;
}
	#breadcrumb a {
		float: left;
		white-space: nowrap;
		color: #fff;
		display: block;
		margin: 0 10px 0 0;
		text-decoration: none;
	}

		#breadcrumb a+a:before{
			content: ">";
			margin: 0 10px 0 0;
		}

		#breadcrumb a.home {
			margin-left: 1px;
			padding-left: 20px;
			background: url(images/common/ico_home01.png) left 3px no-repeat;
		}
		#breadcrumb a:hover {
			text-decoration: underline;
		}
/* !main
---------------------------------------------------------- */
.contentsIn {
	width: 960px;
	margin: 0 auto;
}
#main {
	width: 960px;
	margin: 0 auto;
	color: #FFF;
}
	#mainColL {
		position: relative;
		z-index: 1;
		float: left;
		width: 690px;
	}
/* !subColR
---------------------------------------------------------- */
#subColR {
	position: relative;
	z-index: 1;
	float: right;
	width: 240px;
}
/* !mainimg
---------------------------------------------------------- */
.mainimgWrap {
	min-width: 1210px;
	width: 100%;
	background: #e7c400 url(images/bg_mainimg01.gif) center top no-repeat;
}
#mainimg {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 6px 0 3px 0;
}
	#mainimg .txtNumber01 {
		position: absolute;
		top: 324px;
		right: 44px;
		color: #cfcfcf;
		font-size: 113%;
		text-align: right;
	}
	#mainimg .txtNumber01 span {
		position: relative;
		font-size: 246%;
		color: #fffffe;
	}
/* !contents
---------------------------------------------------------- */
#contents {
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
/* !pageTop
---------------------------------------------------------- */
.pageTop {
	position: fixed;
	width: 960px;
	text-align: right;
	bottom: 50px;
}
	.pageTop a {
		margin-right: -122px;
	}
/* !footer
---------------------------------------------------------- */
#footer {
	min-width: 1210px;
	width: 100%;
	text-align: left;
	border-top: 2px solid #ffdb12;
}
	#footerIn {
		 color: #fff;
	}
		#footerIn p{
			margin: 0;
		}

		#footerIn.box {
			width: 960px;
		}
			.boxFooter01 { overflow: hidden; padding: 20px 0 28px 0; background: #363636;}
			.boxFooter02 { overflow: hidden; padding: 20px 0; background: #000000;}
			.boxFooter03 { overflow: hidden; background: #6d6d6d; font-size: 74%;}
			.boxIn { width: 960px; margin: 0 auto;}
				.footerLogo {
					position: relative;
					z-index: 1;
					float: left;
					margin-left: 25px;
				}
				.footerLogo p {
					font-size: 87%;
					margin: 10px 0 0 !important;
				}
					.footerLinksWrap {
						position: relative;
						z-index: 1;
						float: right;
						margin-top: 2px;
						font-size: 94%;
					}
						#footerLinks {
							overflow: hidden;
							width: 555px;
							margin: -1px 5px 0 0;
							padding: 22px 0 12px 5px;
							background: #707070;
						}
							#footerLinks li {
								float: left;
								margin: 0 0 5px 20px;
							}
								#footerLinks li span {
									margin-right: 8px;
									font-size: 74%;
								}
									#footerLinks li a {
										color: #fff;
									}
			.boxFooter02 .tit_tel02 {
				float: left;
				margin-left: 25px;
			}
				.boxFooter02  .boxEmail01 {
					position: relative;
					z-index: 1;
					float: right;
					margin-right: 5px;
				}
					.txt_commercial {
						margin: 5px 10px 0 0;
						text-align: right;
						color: #CCC;
					}
					.txt_commercial a{
						color: #CCC;
					}

						.boxFooter03 .txt_footer01 {
							float: left;
							margin: 30px 0 25px 21px !important;
						}
							.boxIn #copyright {
								float: right;
								margin: 66px 5px 25px 0;
							}
/* !h(n)eading
---------------------------------------------------------- */
.h1_basic01 {}
.h2_basic01 {}
.h3_basic01 {}
.h4_basic01 { margin-bottom: 10px; text-align: center;}
	.h4Wrap01 {
		padding: 20px 0 18px 29px;
		margin-bottom: 25px;
		background: url(images/common/bg_h4_01.gif) left bottom no-repeat;
		color: #222;
	}
		.h4Wrap01 h3 {
			font-size: 187%;
			font-weight: bold;
		}
.h5_basic01 {
	margin-bottom: 35px;
}
.h5Wrap01 {
	margin-bottom: 23px;
	border-bottom: dotted 1px #5b5b5b;
}
	.h5Wrap01 div {
		margin-bottom: 2px;
		border-bottom: dotted 1px #5b5b5b;
	}
.h5_basic02 {
	line-height: 1.1;
	color: #e8c70f;
	font-size: 174%;
	font-weight: bold;
	padding: 11px 0 20px 0;
	margin-bottom: 2px;
	border-bottom: dotted 1px #5b5b5b;
}
	.h5_basic02 a { color: #e8c70f;}
/* !Section
---------------------------------------------------------- */
.sectionContent01 {
	min-width: 1210px;
	width: 100%;
	overflow: hidden;
	background: #0e0e0e url(images/bg_content01.gif) center top no-repeat;
}
	.boxContent01 {
		position: relative;
		z-index: 1;
		width: 960px;
		margin: 0 auto;
		padding: 53px 0 0 0;
	}
		.boxTag01 {
			overflow: hidden;
			text-align: center;
			margin: 0 0 36px -4px;
		}
			.boxTag01 img {
				margin: 0 0 4px 0;
			}
				.listHelp01 {
					overflow: hidden;
					margin: 0 0 20px -15px;
				}
					.listHelp01 li {
						float: left;
						width: 310px;
						margin-left: 15px;
					}
						.listHelp01 li span {
							display: block;
							margin: 10px 0;
							text-align: center;
						}
						.listHelp01 li.hover {
							opacity: 0.8;
							-moz-opacity: 0.8;
							-khtml-opacity: 0.8;
							filter:alpha(opacity=80);
						}
.btnWrap01 {
	text-align: right;
}

.sectionContent02 {
	min-width: 1210px;
	width: 100%;
	background: #e3d874;
	text-align: center;
	padding: 52px 0 48px 0;
}
.sectionContent03 {
	min-width: 1210px;
	width: 100%;
	overflow: hidden;
	background: #f1ecd1 url(images/bg_content02.gif) center bottom no-repeat;
	border-top: 8px solid #1b1b1b;
}
	.boxContent02 {
		position: relative;
		z-index: 1;
		width: 980px;
		margin: 0 auto;
		padding-bottom: 43px;
	}
		.listEducation01 {
			overflow: hidden;
			margin-left: -15px;
			padding-top: 20px;
		}
			.listEducation01 li {
				position: relative;
				float: left;
				margin: 0 0 17px 10px;
				padding: 6px 8px 12px 12px;
				background: #fbf9f1;
				border: 1px solid #fff;
				-webkit-box-shadow: 0 0 5px rgba(4,0,0,.15);
				-moz-box-shadow:    0 0 5px rgba(4,0,0,.15);
				box-shadow:         0 0 5px rgba(4,0,0,.15);
				min-height:         205px;
			}
				.listEducation01 li span {
					position: absolute;
					margin: 5px 0 0 -16px;
					z-index: 1;
					-webkit-box-shadow: 0 0 5px rgba(4,0,0,.4);
					-moz-box-shadow:    0 0 5px rgba(4,0,0,.4);
					box-shadow:         0 0 5px rgba(4,0,0,.4);
				}

					.listEducation01 li .thumb {
					background: url(images/common/noimageS.png) center top no-repeat;
					width: 164px;
					height: 132px;
					margin: 0 0 10px;
					}


						.listEducation01 li .thumb img{
							margin: 0;
							width: 164px;
						}
						.listEducation01 li a {
							display: block;
							width: 164px;
							font-size: 87%;
							color: #202020;
						}
						.hover span {
							opacity: 1;
							-moz-opacity: 1;
							-khtml-opacity: 1;
							filter:alpha(opacity=100);
						}
						.hover div {
							opacity: 0.8;
							-moz-opacity: 0.8;
							-khtml-opacity: 0.8;
							filter:alpha(opacity=80);
						}
							.hover:hover {
								cursor: pointer;
							}
							.hover:hover a {
								text-decoration: none;
							}
.sectionContent04 {
	min-width: 1210px;
	width: 100%;
	overflow: hidden;
	background: #252525 url(images/bg_content03.gif) center top no-repeat;
}
	.boxDetail01 {
		margin-bottom: 183px;
		padding: 60px 40px 50px 45px;
		background: url(images/bg_content06.jpg) center top no-repeat;
		line-height: 1.6;
	}
		.boxDetail01 .txt_detail01 { font-size: 94%;}
		.boxDetail01 p span { display: block;}
		.boxDetail01 p span.colL {
			display: block;
			width: 435px;
		}

.sectionContent05 {
	min-width: 1210px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 53px;
	background: #c3be91 url(images/bg_content04.gif) center bottom no-repeat;
}
	.listDiary01 {
		width: 910px;
		overflow: hidden;
		margin: 0 auto;
		padding-top: 30px;
	}
		.listDiary01 li {
			position: relative;
			float: left;
			margin: 0 0 17px 15px;
			padding: 4px 9px 12px 9px;
			background: #edecdf;
			border: 1px solid #fff;
			-webkit-box-shadow: 0 0 5px rgba(4,0,0,.15);
			-moz-box-shadow:    0 0 5px rgba(4,0,0,.15);
			box-shadow:         0 0 5px rgba(4,0,0,.15);
			min-height:244px;
		}
			.listDiary01 li span {
				position: absolute;
				z-index: 1;
				margin: 5px 0 0 -17px;
				-webkit-box-shadow: 0 0 5px rgba(4,0,0,.4);
				-moz-box-shadow:    0 0 5px rgba(4,0,0,.4);
				box-shadow:         0 0 5px rgba(4,0,0,.4);
			}

				.listDiary01 li .thumb {
				background: url(images/common/noimage.png) center top no-repeat;
				width: 190px;
				height: 154px;
				margin: 0 0 10px;
				}
				.listDiary01 li img {
					margin-top: 0;
				}


					.listDiary01 li .title01 {
						margin-bottom: 5px;
						font-size: 80%;
						color: #837819;
					}
					.listDiary01 li a {
						width: 190px;
						display: block;
						font-size: 87%;
						color: #202020;
					}
					.listDiary01 li a:hover {
						cursor: pointer;
					}
.sectionContent06 {
	min-width: 1210px;
	width: 100%;
	overflow: hidden;
	padding-bottom: 70px;
	background: #1b1b1b;
}
	.listDiary02 {
		padding: 0 30px;
		margin-bottom: 40px;
	}
		.listDiary02 li {
			overflow: hidden;
			margin-bottom: 10px;
		}
			.listDiary02 li  span {
				display: block;
				float: left;
				font-size: 80%;
				line-height: 1.8;
			}
			.listDiary02 li  .ico {
				margin-right: 18px;
				color: #fff;
			}
			.listDiary02 li  .date {
				color: #a3a3a3;
			}
				.listDiary02 li a {
					display: block;
					float: left;
					width: 745px;
					margin-left: 40px;
					color: #fff;
					font-size: 94%;
				}
/* h3Wrap01 */
.h3Wrap01 {
	padding: 28px 0;
	margin-bottom: 40px;
	background: #e7c400 url(images/common/bg_h3_01.gif) center bottom no-repeat;
	border-top: 1px solid #fff2aa;
}
	.h3Wrap01 h2 {
		width: 948px;
		margin: 0 auto;
		border-left: 3px solid #000;
		font-size: 240%;
		line-height: 1;
		padding: 1px 0 1px 12px;
		color: #000;
		font-weight: bold;
	}
		.h3Wrap01 h2 span {
			position: relative;
			top: 0px;
			display: block;
			margin-left: 2px;
			font-size: 34%;
			font-weight: normal;
		}
.opacity img {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
}

/* common id4 , 7 , 9 , 11 */
.box_basic01 {
	margin-bottom: 85px;
}
	.txtTitle01 {
		margin-bottom: 25px;
		color: #AAA;
	}
		.txtTitle01 .text {
			color: #b0a01c;
			font-size: 94%;
		}
		.txtTitle01 .txt_date01 {
			color: #b0a01c;
			font-size: 80%;
		}
			.txtTitle01 .tag {
				padding: 0 8px;
				margin-left: 15px;
				background: #b0a01c;
				font-size: 94%;
				font-weight: bold;
			}
				.txtTitle01 .tag a{
					color: #222;
					text-decoration: none;
				}
				.txtDetail01 p {
					margin-bottom: 30px;
					color: #fefefe;
				}
					.boxControls01 {
						width: 623px;
						overflow: hidden;
						margin: 0 auto 35px auto;
						border:1px solid #7f7f7f;
					}
						.boxControls01 a {
							float: left;
							width: 254px;
							display: block;
							color: #fff;
							font-size: 94%;
							font-weight: bold;
							text-decoration: none;
						}
							.boxControls01 .prev {
								padding: 28px 17px 23px 40px;
								background: url(images/voice/ico_arrowL01.png) 14px center no-repeat;
							}
							.prev_most,
							.next_most{
								color: #FFF;
								float: left;
								border-left: 1px solid #7f7f7f;
								padding: 28px 34px 23px 22px;
								width: 254px;
								font-size: 94%;
							}

							.boxControls01 .next {
								padding: 28px 34px 23px 22px;
								border-left: 1px solid #7f7f7f;
								background: url(images/voice/ico_arrowR01.png) 281px center no-repeat;
							}
								.boxControls01 a:hover {
									text-decoration: underline;
								}

.boxList01 {
	margin-bottom: 25px;
}
	.boxList01 p{
		margin: 0;
	}

.ul_basic01 {
	padding: 22px 11px 10px 11px;
	border-top: 1px solid #b1a21b;
	background: #393939;
	-webkit-box-shadow: 0 0 5px rgba(4,0,0,.15);
	-moz-box-shadow:    0 0 5px rgba(4,0,0,.15);
	box-shadow:         0 0 5px rgba(4,0,0,.15);
	color:         #FFF;
}
	.ul_basic01 li {
		margin-bottom: 10px;
	}
			.ul_basic01 li a {
				color: #fff;
				text-decoration: none;
				font-size: 94%;
				font-weight: bold;
			}
			.ul_basic01 li:before {
				content: "▶";
				margin-right: 15px;
				color: #ebcd29;
				font-size: 87%;
			}

				.ul_basic01 li a:hover { text-decoration: underline;}
.ul_basic02 {
	border-top: 1px solid #b1a21b;
	padding-top: 6px;
	background: #393939;
	-webkit-box-shadow: 0 0 5px rgba(4,0,0,.15);
	-moz-box-shadow:    0 0 5px rgba(4,0,0,.15);
	box-shadow:         0 0 5px rgba(4,0,0,.15);
}
	.ul_basic02 li {
		padding: 13px 15px 14px 15px;
		border-bottom: 1px dotted #828282;
	}
	.ul_basic02 li.last {
		border-bottom: none;
	}
		.ul_basic02 li span {
			display: block;
			color: #b0a01c;
			font-size: 74%;
		}
		.ul_basic02 li span.date {
			margin-bottom: 5px;
		}
			.ul_basic02 li a {
				display: block;
				font-size: 94%;
				color: #fff;
				text-decoration: none;
				font-weight: bold;
			}
			.ul_basic02.type01 li a {
				font-size: 87%;
			}
				.ul_basic02 li a:hover {
					text-decoration: underline;
				}

.boxPagination01 {
	margin-bottom: 175px;
}
	.ul_pagination01 {
		width: 319px;
		overflow: hidden;
		margin: 0 auto;
	}
		.ul_pagination01 li {
			float: left;
			margin-left: 10px;
		}
		.ul_pagination01 li.first { margin-left: 0;}
			.ul_pagination01 li a {
				display: block;
				width: 37px;
				padding: 9px 0 6px 0;
				text-align: center;
				text-decoration: none;
				background: #dadada;
				color: #232323;
				font-size: 94%;
				font-weight: bold;
			}
				.ul_pagination01 li a:hover , .ul_pagination01 li.active a{
					background: #fcec92;
				}
.ul_basic03 {
	border-top: 1px solid #b1a21b;
	background: #393939;
	-webkit-box-shadow: 0 0 5px rgba(4,0,0,.15);
	-moz-box-shadow:    0 0 5px rgba(4,0,0,.15);
	box-shadow:         0 0 5px rgba(4,0,0,.15);
}
	.ul_basic03 li {
		overflow: hidden;
		padding: 15px 8px 14px 10px;
		border-bottom: 1px dotted #828282;
	}
	.ul_basic03 li.last {
		border-bottom: none;
	}
		.ul_basic03 li span {
			display: block;
			color: #b0a01c;
			font-size: 74%;
		}
			.ul_basic03 li a {
				display: block;
				font-size: 87%;
				font-weight: bold;
				color: #fff;
				text-decoration: none;
				line-height: 1.3;
			}
				.ul_basic03 li a:hover {
					text-decoration: underline;
				}
					.ul_basic03 li .colL {
						float: left;
						width: 60px;
						height: 60px;
						background: url(images/common/noimage_side.png) center top no-repeat;
					}
						.ul_basic03 li .colL img {
							margin: 0;
						}

					.ul_basic03 li .colR {
						float: right;
						width: 153px;
						margin-top: -2px;
					}
#subColR .hover:hover a {
	text-decoration: underline;
}
	#subColR .hover div {
		opacity: 1;
		-moz-opacity: 1;
		-khtml-opacity: 1;
		filter:alpha(opacity=100);
	}
.h3Wrap02 {
	padding: 28px 0;
	margin-bottom: 40px;
	background: #e7c400 url(images/common/bg_h3_01.gif) center top no-repeat;
	border-top: 1px solid #fff2aa;
}
	.h3Wrap02 .boxTitle01 {
		overflow: hidden;
		width: 963px;
		margin: 0 auto;
	}
		.boxTitle01 h2 {
			float: left;
			margin: 0 auto;
			border-left: 3px solid #000;
			font-size: 240%;
			line-height: 1;
			padding: 1px 0 1px 12px;
			color: #000;
			font-weight: bold;
		}
			.boxTitle01 h2 span {
				position: relative;
				top: 0px;
				display: block;
				margin-left: 2px;
				font-size: 34%;
				font-weight: normal;
			}
			.boxTitle01 .txtGuide01 {
				float: left;
				margin: 0 0 0 35px;
				font-size: 94%;
			}
.boxList02 {
	margin-bottom: 4px;
}
	.ul_basic04 {
		overflow: hidden;
		margin: 5px 0 0 -26px;
	}
		.ul_basic04 li {
			float: left;
			padding: 10px 11px;
			margin: 0 0 26px 26px;
			background: #e9e9e9;
			min-height: 246px;
		}
			.ul_basic04 li .thumb {
			background: url(images/common/noimage.png) center top no-repeat;
			width: 190px;
			height: 154px;
			}
			.ul_basic04 li img {
				margin-top: 0;
			}

				.ul_basic04 li .date {
					margin: 6px 0 2px 2px;
					color: #7c6a03;
					font-size: 74%;
				}
					.ul_basic04 li a {
						display: block;
						width: 190px;
						margin-bottom: 1px;
						color: #202020;
						font-size: 94%;
						font-weight: bold;
					}
	.ul_basic05 {
		overflow: hidden;
		margin: 5px 0 0 -26px;
	}
		.ul_basic05 li {
			position: relative;
			float: left;
			padding: 10px 11px;
			margin: 0 0 26px 26px;
			background: #e9e9e9;
			min-height: 246px;
		}
			.ul_basic05 li .thumb {
			background: url(images/common/noimage.png) center top no-repeat;
			width: 190px;
			height: 154px;
			margin: 0 0 10px;
			}
			.ul_basic05 li img {
				margin-top: 0;
			}
				.ul_basic05 li .date {
					margin: 0 0 2px 2px;
					color: #7c6a03;
					font-size: 74%;
				}
					.ul_basic05 li a {
						display: block;
						width: 190px;
						margin-bottom: 1px;
						color: #202020;
						font-size: 94%;
						font-weight: bold;
					}
						.ul_basic05 li .tag {
							position: absolute;
							z-index: 1;
							margin: -2px 0 0 -16px;
							-webkit-box-shadow: 0 0 5px rgba(4,0,0,.4);
							-moz-box-shadow:    0 0 5px rgba(4,0,0,.4);
							box-shadow:         0 0 5px rgba(4,0,0,.4);
						}



/* ====================================================================================
CF:school
==================================================================================== */

.sectionSchool01 {
	position: relative;
	z-index: 1;
	color: #ebebeb;
}
	.txtSchool01 {
		margin-bottom: 50px;
	}
		.btnSchool01 {
			overflow: hidden;
			margin-bottom: 65px;
		}
			.btnSchool01 a {
				display: block;
				float: left;
				margin-right: 23px;
			}
.listSchoolWrap01 {
	padding: 0 30px;
}
	.listSchool01 {
		overflow: hidden;
		margin-bottom: 25px;
	}
		.listSchool01 li {
			overflow:hidden;
			margin-bottom: 30px;
			border-bottom: 1px dotted #999;
		}
		.listSchool01 li.last {
			border-bottom: none;
		}
			.listSchool01 li .title01 {
				margin-bottom: 10px;
			}
			.listSchool01 li .boxContent03 {
				overflow: hidden;
			}
				.listSchool01 li .boxContent03 p {
					margin-bottom: 40px;
				}
					.listSchool01 li .boxContent03 .flL {
						width: 620px;
						margin-bottom: 30px;
					}
					.listSchool01 li .boxContent03 .flImgR img {
						display: block;
						margin-bottom: 13px;
					}
						.btnSchool02 {
							display: block;
							text-align: right;
							margin: 5px 0 0 0;
						}
							.boxPrice01 {
								overflow: hidden;
								padding: 0 30px;
								margin-bottom: 140px;
							}
								.boxPrice01 .colL {
									float: left;
									width: 400px;
									overflow: hidden;
								}
								.boxPrice01 .colR {
									float: right;
									width: 500px;
									overflow: hidden;
								}
									.boxPrice01 .boxCost01 {
										float: left;
										width: 138px;
										padding: 6px 0 4px 0;
										margin-right: 25px;
										background: #c6b836;
										color: #222;
										text-align: center;
										font-weight: bold;
									}
										.boxPrice01 .txtPrice01 {
											font-size: 174%;
											font-weight: bold;
											margin: 0;
										}
											.boxPrice01 .txtCost01 {
												font-size: 54%;
											}
											.boxPrice01 .txtCase01 {
												font-size: 54%;
												display: block;
												margin: 0 0 0 165px;
												font-weight: normal;
											}
												.boxPrice01 .txtGuide01 {
													font-size: 80%;
												}
												.boxPrice02 { overflow: hidden;}
	.boxSchool01 {
		padding: 0 30px;
		margin-bottom: 125px;
	}
		.table_school01 {
			border-top: 1px dotted #999;
		}
			.table_school01 tr {
				border-bottom: 1px dotted #999;
			}
				.table_school01th  {
				}
				.table_school01 td {
					padding: 25px 0 30px 0;
				}

.schoolImgbox {
  margin: -10px 0 50px;
}
.listSchoolImg {
  float: left;
}
.listSchoolImg+ .listSchoolImg {
  margin: 0 0 0 8px;
}



/* ====================================================================================
CF:faq
==================================================================================== */

.sectionFaq01 {
	position: relative;
	z-index: 1;
	padding-bottom: 120px;
}
	.listFaq01 {
		color: #fff;
	}
		.listFaq01 li {
			margin-bottom: 18px;
		}
			.listFaq01 .question {
				padding: 20px 35px 20px 62px;
				background: #454545 url(images/faq/ico_q01.png) 17px 18px no-repeat;
				border-top: 1px solid #585858;
				font-weight: bold;
				font-size: 108%;
			}
			.listFaq01 .answer {
				padding: 20px 35px 20px 62px;
				background: url(images/faq/ico_a01.png) 17px 18px no-repeat;
			}
				.listFaq01 li a {
					color: #e9ca1a;
				}
					.link01 span {
						margin-right: 10px;
						color: #e9ca1a;
					}
						.listFaq01 li .link01 {
							margin-top: 9px;
						}


/* ====================================================================================
CF:message
==================================================================================== */
.sectionMessage01 {
	position: relative;
	z-index: 1;
	color: #ebebeb;
}
	.boxMessage01 {
		width: 335px;
		padding: 75px 515px 150px 60px;
		margin: 0px auto 110px auto;
		background: url(images/message/bg_message_content01.jpg) left top no-repeat;
		color: #fefefe;
	}
		.txtMessage01 {
			margin-bottom: 40px;
		}
			.table_message01 {
				margin: 0 auto 75px auto;
			}
				.table_message01 tr {
					border-bottom: 1px dotted #999;
				}
				.table_message01 tr.last {
					border-bottom: none;
				}
					.table_message01 th {
						padding: 22px 0 18px 0;
						color: #c6b836;
						font-weight: bold;
					}
						.table_message01 td {
							padding: 22px 0 17px 0;
						}
						.table_message01.type01 th {
							padding: 19px 0 14px 0;
						}
						.table_message01.type01 td {
							padding: 19px 0 14px 0;
						}
							.txtMessage02 {
								padding: 0 30px;
								margin-bottom: 40px;
							}
		.listMessage01 {
			padding: 0 30px;
			margin-bottom: 77px;
		}
			.listMessage01 li {
				overflow: hidden;
				padding: 0 20px;
				margin-bottom: 15px;
				background: #393939;
			}
				.listMessage01 li .img_num01 {
					display: table-cell;
					vertical-align: middle;
					padding-right: 15px;
				}
					.listMessage01 li p {
						display: table-cell;
						padding: 20px 0 16px 0;
					}
						.mb145 {
							margin-bottom: 145px;
						}


/* ====================================================================================
CF:contact
==================================================================================== */
.sectionContact01 {
	position: relative;
	z-index: 1;
	color: #ebebeb;
}
	.boxContact01 {
		padding: 0 63px;
	}
		.inquiryWrap {
			overflow: hidden;
			margin-bottom: 60px;
		}
			.boxInquiry {
				width: 192px;
				float: left;
				background: url(images/contact/bg_contact01.gif) left bottom no-repeat;
				min-height: 320px;
			}
				.boxInquiry .title {
					padding: 0 1px;
				}
				.boxInquiry .detail {
					padding: 0 19px 15px 19px;
					margin-top: 5px;
					font-size: 94%;
				}
					.inquiryWrap .arrow {
						float: left;
						margin-top: 115px;
					}
						.h4Wrap01 {
							overflow: hidden;
							margin-bottom: 58px;
						}
							.h4Wrap01 h3 {
								float: left;
							}
							.h4Wrap01 .txtGuide01 {
								float: left;
								margin-left: 25px;
								font-size: 94%;
							}
								.h4Wrap01 .txtGuide01 p{
									margin: 0;
								}

.tableWrap01 {
	padding: 0 30px;
}
	.table_Contact01 {
		margin-bottom: 60px;
	}
		.table_Contact01 tr {
			border-bottom: 1px dotted #5b5b5b;
		}
			.table_Contact01 th {
				font-weight: bold;
			}
			.table_Contact01 th .txtGuide02 {
				display: block;
				font-size: 94%;
				font-weight: normal;
				color: #b2b2b2;
			}
			.table_Contact01 th .txtMust01 {
				display: block;
				width: 57px;
				padding: 3px 0 2px 0;
				margin: 5px 0 10px 0;
				background: #e8d144;
				color: #222;
				font-size: 80%;
				text-align: center;
			}
				.table_Contact01 td {
					padding: 28px 0 25px 0;
				}
					.labelBasic01 {
						margin-right: 45px;
					}
					.checkboxBasic01 , .radioBasic01 {
						position: relative;
						top: 2px;
						margin-right: 10px;
					}
					html[xmlns*=""] body:last-child, .checkboxBasic01 , .radioBasic01 { top: -1px; }
						.inputBasic01 {
							padding: 13px 5px !important;
							background: #434343;
							border: 2px solid #919191;
						}
						.inputBasic01.w155 {
							width: 155px;
						}
						.inputBasic01.w590 {
							width: 590px;
						}
							.txtGuide03 {
								position: relative;
								top: 15px;
								margin-left: 15px;
							}
								.table_Contact01 textarea {
									width: 593px !important;
									height: 229px !important;
									padding: 5px !important;
									background: #434343;
									border: 2px solid #919191;
									resize: none;
								}

								.w155problem{
									width: 155px;
								}

								.w590problem{
									width: 590px;
								}
									.textareaBasic01.h110 {
										height: 101px;
									}
										.selectBasic01 {
											height: 50px;
											padding: 14px 50px 14px 25px;
											background: #434343;
											border: 2px solid #919191;
											color: #fff;
										}
										.selectBasic01:hover {
											cursor: pointer;
										}
											.btnSubmit01 {
												margin-bottom: 114px;
												height: 88px;
												width: 304px;
												background: url(images/contact/btn_contact01.png) no-repeat;
												border: none;
												text-indent: -9999px;
											}
												.btnSubmit01:hover {
													opacity: 0.8;
													-moz-opacity: 0.8;
													-khtml-opacity: 0.8;
													filter:alpha(opacity=80);
												}


/*mailformproCSS強制変更用*/
form#mailformpro label {
display: inline !important;
margin: 7px !important;
}

form#mailformpro label.mfp_checked {
padding: 3px;
background-color: #9c9165 !important;
}


/* ====================================================================================
CF:diary
==================================================================================== */

.box_basic01 {
	margin-bottom: 120px;
}
	.box_basic01.mb85 {
		margin-bottom: 85px;
	}

.page_navi {
	clear:both;
	padding:0 0 80px;
	position:relative;
	text-align:center;
}

	.page_navi span, .page_navi a {
		display:inline-block;
		margin: 2px 2px 2px 0;
		padding:12px 16px 10px;
		text-decoration:none;
		width:auto;
		color:#232323;
		font-weight: bold;
		font-size: 94%;
		background: #dadada;
	}

	.page_navi a:hover{
		background: #fcec92;
	}

	.page_navi .current{
		background: #fcec92;
	}



/* TOPアクセスカウンター */

.counter{
	width: 960px;
	margin: 0 auto;
	color: #FFF;
	text-align: center;
	background: #1b1b1b;
	padding: 0 0 20px;
	font-size: 12px;
}

.counter table{
	display: block;
	margin: 0 auto;
}

.counter td{
	padding: 0 20px 0 0;
}


/* ====================================================================================
CSSスプライト
==================================================================================== */

.sp{background: url(images/common/sp.png) no-repeat top left;}

.sprite-btn_email01{ background-position: 0 0; width: 245px; height: 69px; }
.sprite-btn_email02{ background-position: 0 -119px; width: 285px; height: 69px; }
.sprite-btn_pagetop01{ background-position: 0 -238px; width: 109px; height: 108px; }
.sprite-h2_logo01{ background-position: 0 -396px; width: 280px; height: 88px; }
.sprite-logo_footer01{ background-position: 0 -534px; width: 217px; height: 63px; }
.sprite-tit_email01{ background-position: 0 -647px; width: 244px; height: 13px; }
.sprite-tit_sitemap01{ background-position: 0 -710px; width: 109px; height: 18px; }
.sprite-tit_tel01{ background-position: 0 -778px; width: 275px; height: 88px; }
.sprite-tit_tel02{ background-position: 0 -916px; width: 566px; height: 91px; }



/* iCheck plugin Square skin, orange
----------------------------------- */
.icheckbox_square-orange,
.iradio_square-orange {
    display: inline-block;
    *display: inline;
    vertical-align: middle;
    margin: 0;
    padding: 0;
    width: 22px;
    height: 22px;
    background: url(images/contact/orange.png) no-repeat;
    border: none;
    cursor: pointer;
}

.icheckbox_square-orange {
    background-position: 0 0;
}
    .icheckbox_square-orange.hover {
        background-position: -24px 0;
    }
    .icheckbox_square-orange.checked {
        background-position: -48px 0;
    }
    .icheckbox_square-orange.disabled {
        background-position: -72px 0;
        cursor: default;
    }
    .icheckbox_square-orange.checked.disabled {
        background-position: -96px 0;
    }

.iradio_square-orange {
    background-position: -120px 0;
}
    .iradio_square-orange.hover {
        background-position: -144px 0;
    }
    .iradio_square-orange.checked {
        background-position: -168px 0;
    }
    .iradio_square-orange.disabled {
        background-position: -192px 0;
        cursor: default;
    }
    .iradio_square-orange.checked.disabled {
        background-position: -216px 0;
    }

/*pcSwitch*/
.pcSwitcher {
  position: relative;
  z-index: 100;
}
.pcSwitcher a {
  font-size: 300%;
  display: block;
  padding: 50px 0 40px;
}

/* column */
#column .h3Wrap02 {
  background: #6de700;
  border-top: 1px solid #98f346;
}
#column .h5_basic02 a {
  color: #6de700;
}
#column .txtTitle01 .tag a {
  color: #222;
}
#column .txtDetail01 h2 {
  font-size: 1.4em;
  line-height: 1.2;
  font-weight: bold;
  color: #6de700;
  border-left: 5px solid;
  padding: 4px 0 1px 12px;
}
#column .txtDetail01 h3 {
  font-size: 1.2em;
  font-weight: bold;
  color: #6de700;
}