@charset "utf-8";
/* -----------------------------------------------------------------------
base setting
------------------------------------------------------------------------- */
h2{
	background:url(../images/h2_.png);
	padding:2%;
	color:#FFF;
	/*border-radius:10px;*/
	font-size:25px;
	padding-left:50px;
	padding-top:13px;
}

body{
	background:#fff;
	font-size:0.875em;
	color:#333333;
	font-family:  "メイリオ", Meiryo, sans-serif,Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* font-size:12px */

a{ color:#000; text-decoration:underline;}
a:hover{color:#4abc48; text-decoration:none;}

p{line-height:1.7;}

/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
	body{font-size:12px;}
}

/*for SP*/
@media only screen and (max-width: 767px) {
	html{font-size:10px;}
	body{font-size:1.4rem;}
}

/* -----------------------------------------------------------------------
header
------------------------------------------------------------------------- */
/*---h1---*/
#titletxt{
	background-color:#ff00ff;
	height:20px;
}

#titletxt h1{
	color:#000;
	font-size:13px;
	font-weight:normal;
	line-height:20px;	
}

#titletxt h1 a{
	color:#fff !important;
	text-decoration:none !important;
}

/*--logo--*/

header{
	background-color:#00ffff;
}

#hdrOuter{
	overflow:hidden;
	padding:0 0 7px 0;
}

#hdrOuter #hdrLogo {
    width: 30%;
    float: left;
    padding: 30px 0 10px;
    text-align: left;
}
	
#hdrOuter #hdrLogo img{
	margin-left:10px;
}

/*--siteInfo--*/
#hdrInner{
	width:35%;
	float:left;
    padding: 60px 10px 20px 20px;
}

#hdrInner2{
/*--width:35%;--*/
	float:right;
    padding: 26px 10px 20px 20px;
}

.address_area, .address_area2{
	display:block;
}

.address_area img{
	display:block;
	margin:4px 5px 0 0 ;
}
.address_area2 img{
	display:block;
	margin:4px 0 0 0 ;
}


/*============================
partsHeader.php
==============================*/
.partsHeader p{
	text-align:right;
	padding-bottom:5px;
	margin-right:15px;
}

.partsHeader p.tel{
	font-weight:bold;
	font-size:1.286em;	
}

/*for SP*/
@media only screen and (max-width: 767px) {
	#titletxt{
		height:auto;
	}
	/*---h1---*/
	#titletxt h1{
		padding:10px;
		line-height:1.3;
	}
	/*--logo--*/
	#hdrOuter{ background:none;}
	#hdrOuter #hdrLogo{
		width:100%;
		float:none;
		padding:10px;
	}
	/*--siteInfo--*/
	#hdrInner{
		width:100%;
		float:none;
		padding:0 10px 10px;
	}
	#hdrInner *{
		text-align:left !important;
	}
	
	#hdrInner ul li{
		margin-right:1em;
	}
	#hdrInner2{
		width:100%;
		float:none;
		padding:0 10px 10px;
		position:relative;
		height:110px;
	}
	.mail_area{
		position:absolute;
		height:38px;
		bottom:0;
		left:10px;
	}
	.address_area2{
		position:absolute;
		height:69px;
		top:0;
		left:10px;
	}
	
}

/* gNav
--------------------------------------------------------*/
header nav,
footer nav{
	background:#fff;
	border-bottom:3px solid #ff00ff;
	border-top:3px solid #ff00ff;
}

header nav ul,
footer nav ul{
	overflow:hidden;
}

header nav ul li,
footer nav ul li{
	width:14.2857%;
	float:left;
	border-right:3px solid #ff00ff;
}

header nav ul li:first-child,
footer nav ul li:first-child{
	border-left:3px solid #ff00ff;
}

header nav ul li a,
footer nav ul li a{
	font-size:12px;
	display:block;
	position:relative;
	padding:14px 0;
	height:40px;
	text-align:center;
	color:#000;
	text-decoration:none !important;
}

header nav ul li:first-child{
	display:inline;
}



	

/*
header nav ul li:last-child a{
	border-right:none;
}*/

header nav ul li a:hover,
footer nav ul li a:hover{
	color:#000;
	font-weight:bold;
	background:url(../images/nav_hover.png);
}


/* -----------------------------------------------------------------------
container wrap
------------------------------------------------------------------------- */
#container{
	background-color:#fff;
	margin-top:25px;
	padding-bottom:30px;
}


/*for SP*/
@media only screen and (max-width: 767px) {
#container > #contents,
#container > #side{
	width:100%;
	padding:0 2%;
}
}



/* -----------------------------------------------------------------------
topicPath
------------------------------------------------------------------------- */

#topicPath {
    padding: 10px 15px 0;
    text-align: left;
    margin-bottom: 14px;
}

/* -----------------------------------------------------------------------
contents
------------------------------------------------------------------------- */

article section{
	margin-bottom:40px;
	background-color:#fff;
}

article section h2{
	margin-bottom:15px;
	background-repeat:no-repeat;
}


article section h2 a{
	color:#000;
	text-decoration:none;
}

article section h3{
	margin:0 0 20px 0px;
	padding:10px 0 5px 30px;
	background:url(../images/h3_bg.png) no-repeat 0 7px;
	border-bottom:3px solid #ff00ff;
	font-size:20px;
	font-weight:normal;
}

article section h4{
	color:#097c25;
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5;
}


article section p{
	padding:0 0px  15px 0;
	font-size:14px;
}

.context{
	padding:0 35px 0;
	margin-bottom:25px;
}
	
	

/*--top contents--*/

.teacer_itd{
	width:73%;
	float:right;
}

.teacer_itd p{
	padding:0 0 5px 0;
}

.address{
	background:url(../images/address_icon.png) no-repeat 0 3px;
	padding:0 0 0 30px;
	font-size:22px;
}

.tel{
	background:url(../images/tel_icon.png) no-repeat 0 17px;
	padding:10px 0 0 30px;
	font-size:22px;
}

.goukaku{
	background:url(../images/goukaku_mark.png) no-repeat;
	padding:0 0 5px 35px;
	margin:0 0 0 100px;
}

.goukaku2{
	background:url(../images/goukaku_mark.png) no-repeat;
}



.rsl_mgn{
	margin:0 120px 0 0;
}



/*for SP*/
@media only screen and (max-width: 767px) {
	article section h2{
		background:#ff52b8;
		color:#fff;
		margin-top:10px;
	}
	
	article section h3{
	color:#097c25;
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5;
	}
	
	.context{
		padding:0 2%;
	}
	
	.teach_pic{
		width:30%;
	}
	
	.teacer_itd{
		width:65%;
	}
	
	.rsl_mgn{
		margin:0 30px 0 0px;
	}
	
	.goukaku{
		margin: 0 0 0 20px;
		background-size:contain;
		font-size:14px;
	}


	
	
}




/*--post--*/
.post{
	padding:0 15px;
}

.single .post,
.page .post{
	padding:0;
}

/* module parts */

/*--title--*/

.post h2{
/*--background:url(../images/h2_.png) no-repeat;--*/
	padding:2%;
	color:#fff;
	/*border-radius:10px;*/
	font-size:25px;
	padding-left:50px;
	padding-top:13px;
}



.post h3{
	margin:0 0 20px 0px;
	padding:10px 0 5px 30px;
/*--background:url(../images/h3_bg.png) no-repeat 0 10px;--*/
	border-bottom:3px solid #ff00ff;
	font-size:20px;
	font-weight:normal;
}



.post h4{
		color:#097c25;
	font-size:18px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:1.5;
}

.post h5{
	border-bottom:#E7E7E7 1px solid;
	padding:0 0 10px;
	font-weight:bold;
	margin-bottom:15px;
}

.post h6{
	padding:0 0 10px;
	font-weight:bold;
	margin-bottom:15px;
}


/*for SP*/
@media only screen and (max-width: 767px) {
	
	
	
	.single .post, .page .post{
		padding:2%;
	}
	
	.post h2{
		background:#72b948;
		padding:2%;
	}
	
	.page .post h3{
		width:100%;
		background:none;
	}

}




/*--table --*/


.green_tbl{
	border-collapse:collapse;
	border:1px  solid #72b948;
	width:100%;
	margin:10px 0;
	font-size:18px;
}

.green_tbl th{
	padding:8px;
	background:#fad296;
	border:1px  solid #000000;
	text-align:center;
}

.green_tbl td{
	padding:12px 12px 12px 150px;
	line-height:1.2;
	border:1px  solid #000000;
	vertical-align:middle;
}

.seika td,.seika th{
	padding:10px;
	text-align:left;
}

.seika {
	margin-bottom:20px;
}



/*for SP*/
@media only screen and (max-width: 767px) {
	.green_tbl td{
		padding:2% 2% 2% 10%;
		font-size:14px;
	}
}
	

/*============================
partsBtmcontents.php
==============================*/
.partsBtmcontents ul{
}

.partsBtmcontents ul li {
	list-style-type:none !important;
	margin-left:0 !important;
	padding-bottom:0 !important;
	
}
.partsBtmcontents ul li img{
	border:#ccc 1px solid;
}

/* -----------------------------------------------------------------------
side
------------------------------------------------------------------------- */

.sideBox01{
	background-color:#fff;
}
.sideBox01 h3{
	margin-bottom:20px;
}

.sideBox01 ul{
	padding:7px;
}

.sideBox01 ul li{
	padding-bottom:10px;
	font-size:14px;
	overflow:hidden;
	margin-bottom:20px;
}

.sideBox01 ul li a{
	color:#000;
}

.sideBox01 ul li img{
	display:block;
	float:left;
	margin:0 15px 0 0 ;
}

/*会社概要*/
.sideBox01 .sideInfo{
	padding:7px;
}

.sideBox01 iframe{
	width:180px;
	margin: 25px auto 5px;
	display:block;
}
.sideBox01 .sideInfoTit{
	margin-bottom:0;
}

.side_cont{
	padding:0 7px 15px;
	border-bottom:1px dashed #8d6c48;
}

#side .address {
    background: url(../images/s_address_icon.png) no-repeat 0 -2px;
    padding: 0 0 0 20px;
	font-size: 14px;
}

#side .tel {
    background: url(../images/s_tel_icon.png) no-repeat 0 2px;
    padding: 0 0 0 20px;
    font-size: 18px;
    font-weight: bold;
}


.bnr_area{
	padding:0 3px;
	text-align:center;
}

.bnr_area img{
	margin-bottom:10px;
}

.bnr_area a img:hover{
	opacity:0.8;
}


/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
	
}
/*for SP*/
@media only screen and (max-width: 767px) {
	.sideBox01 h3{
		min-height:inherit;
		background:#ff901f;
		text-align:center;
		margin-bottom:20px;
	}
	
	.sideBox01{
		text-align:center;
	}
	
	.sideBox01 p{
	}
	.sideBox01 ul{ padding:0;}
	.sideBox01 ul li {padding:0;}
	.sideBox01 ul li a{
		display:block;
		padding:15px;
		font-size:1.5rem;
		border-bottom:#fff 1px solid;
	}
	
	.sideBox01 iframe{
		width:100%;
		height:200px;
	}
	
	#side .address,#side .tel{
		text-align:left;
		width:60%;
		margin:0 auto;
	}
	
	
}


/* -----------------------------------------------------------------------
footer
------------------------------------------------------------------------- */


footer .pagetop{
	text-align:right;
}

footer .pagetop a{
	margin-top:-15px;
	width:auto;
	float:right;
	display:block;
	padding:0.5em 1em;
	background-color:#ff00ff;
	border-radius:10px 10px 0 0;
	color:#fff !important;
	text-decoration:none !important;
}

footer .copy{
	background:#ff00ff;
	text-align:center;
	color:#fff;
	font-size:	0.714em;
	margin:20px 0 50px;
	padding:5px 0;
}
/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
	footer{
		padding-left:15px;
		padding-right:15px;
	}
}

/*for SP*/
@media only screen and (max-width: 767px) {
	footer nav{
		display:none;
	}
	footer .copy{
		color:#fff;
		margin:0px;
		font-size:	0.714em;
		padding:10px 0 30px;
		text-align:center;
	}
}

/* -----------------------------------------------------------------------
second page common parts
------------------------------------------------------------------------- */
/* mainTitle
--------------------------------------------------------*/
#mainTitle{
	background:#333 url(../images/bg_maintitle.png) 0 0 no-repeat;
	padding:45px 20px;
	text-align:right;
	font-size:2em;
	letter-spacing:5px;
	color:#fff;	
}

.pager{
	margin:20px 0;
	overflow:hidden;
}

.pre_p{
	float:left;
}

.pre_n{
	float:right;
}


.local_menu{
	overflow:hidden;
	margin-bottom:20px;
}

.post ul.local_menu li{
	float:left;
	border-top:1px solid #b28247;
	border-bottom:1px solid #b28247;
	border-right:1px solid #b28247;
	list-style:none;
	width:180px;
	margin:0;
	background:url(../images/ul_allow.png) no-repeat 10px 10px;
	padding:0 0 0 25px
}

.post ul.local_menu li a{
	display:block;
	line-height:30px;
	font-size:14px;
	padding:0;
}

.post ul.local_menu li:first-child{
	border-left:1px solid #b28247;
}



article ul li{
	padding:10px;
}




/*for SP*/
@media only screen and (max-width: 767px) {
	
	.post table{
		width:100%;
	}
	
	.post ul.local_menu li,.post ul.local_menu li:first-child{
		width:auto;
		text-align:center;
		border:none;
	}
	
	.post ul.local_menu li a{
		padding:0 20px 0 0px;
	}
	

	iframe{
		width:100%;
	}
	
	
}



/* -----------------------------------------------------------------------
toppage local parts
------------------------------------------------------------------------- */
/* mainimage
--------------------------------------------------------*/
#mainImage{
	padding:30px 0 0;
	text-align:center;
	background-color:#fff;
}

/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
	#mainImage{
		width:100%;
		height:auto;
	}
}
/*for SP*/
@media only screen and (max-width: 767px) {
	#mainImage{
		width:100%;
		height:auto;
	}
	
	#mainImage .flR{
		display:none;
	}
}

.a1{
	background:url(../images/a1_bg.png) no-repeat right;
	padding:10px 150px 10px 85px;
	height:172px;
	margin:10px 0 40px 0;
}

.a1 p{
	padding: 0px 0 5px  0px;
}

.a2{
	background:url(../images/a2.png) no-repeat right;
	padding:10px 150px 10px 85px;
	height:146px;
	margin:10px 0 20px 0;
}

.a2 p,.a3 p,.a4 p,.a5 p{
	padding: 0px 0 5px  0px;
}


.a3{
	background:url(../images/a3_bg.png) no-repeat right;
	padding:10px 150px 10px 85px;
	height:151px;
	margin:10px 0 20px 0;
}


.a4{
	background:url(../images/a4_bg.png) no-repeat right;
	padding:10px 150px 10px 85px;
	height:146px;
	margin:10px 0 20px 0;
}

.a5{
	background:url(../images/a5_bg.png) no-repeat right;
	padding:10px 150px 10px 85px;
	height:146px;
	margin:10px 0 20px 0;
}


td.white{
	padding:0!important;
	width:137px;
}

td.yellow{
	background:#ffebd2;
}

.price td,.price th{
	padding:10px;
	text-align:center;
}

.price {
	margin-bottom:20px;
}

/*for SP*/
@media only screen and (max-width: 767px) {
	.a1,.a2,.a3,.a4{
		background:#f1f8e9;
		height:auto;
		padding:3%;
	}
	
	.address_tex{
		float:none;
	}
	
	.address_tex .green_big,.address{
		font-size:18px;
	}

	
}
	

/* -----------------------------------------------------------------------
WP Social Bookmarking Light
------------------------------------------------------------------------- */

.wp_social_bookmarking_light{
	padding-top:15px;
	overflow:hidden;
	
}
.wp_social_bookmarking_light div{
	display:inline-block;
    margin: 0 5px 0px 0;
    min-height: 30px;
    line-height: 18px;
}
.wp_social_bookmarking_light img{
    border: 0 !important;
    padding: 0;
    margin: 0;
    vertical-align: top !important;
}
.wp_social_bookmarking_light_clear{
    clear: both !important;
}
#fb-root{
    display: none;
}
.wsbl_twitter{
    width: 100px;
}
.wsbl_facebook_like iframe{
    max-width: none !important;
}

.wsbl_google{
	min-height:inherit;
    line-height:inherit;
	vertical-align:middle;
}

/* -----------------------------------------------------------------------
Contact Form 7 
------------------------------------------------------------------------- */
.contact_form{
	border:1px solid #000;
	border-collapse:collapse;
	width:92%;
	margin:20px auto;
	padding:20px;
}

.contact_form th{
	background:#bedc82;
	border-bottom:1px solid #000;
	padding:15px;
	vertical-align:middle;
	text-align:left;
}

.contact_form td{
	padding:15px;
	background:#e6f0c8;
	border-bottom:1px solid #000;
}

.your-name{
	margin:0 20px 0 0;
}

.contact_form p{
	padding:0;
}


.wpcf7{}

.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="tel"],
.wpcf7-form-control-wrap textarea{
width:200px;
   height:25px;
   padding:0 3px;
   margin:3px 0;
}

.wpcf7-form-control-wrap input[type="email"]{
	 height:25px;
   padding:0 3px;
	width:100%;
}
	
	
.wpcf7-form-control-wrap textarea{
	   padding:0 3px;
	height:100px;
		width:80%;
}


.wpcf7-form-control-wrap input[type="text"],
.wpcf7-form-control-wrap input[type="email"],
.wpcf7-form-control-wrap textarea, 
.wpcf7-form-control-wrap select{ 
   outline: none;
}

.wpcf7 input[type="submit"]{
   border-radius: 5px;
   -moz-border-radius: 5px;
   -webkit-border-radius: 5px;
   -o-border-radius: 5px;
   -ms-border-radius: 5px;
   padding:10px 60px;
   cursor:pointer;
   color:#fff;
   font-weight:bold;
   background:#ff00ff;
}

.wpcf7c-conf{
	background:#EBFFFC;
}

/*for SP*/
@media only screen and (max-width: 767px) {
	
	.contact_form{
		width:95%;
	}
	
	.wpcf7-form-control-wrap textarea{
		width:100%;
	}
	
	.contact_form th{
		width:30%;
		padding:3%;
	}
	
	.contact_form td{
		padding:3%;
	}
	
}


/* common parts
--------------------------------------------------------*/
.attention{color:#FF0004;}
.attention2{background-color:#FFED00;}

.waku{border:#FF0004 1px solid; padding:10px;}

.green_big{
	color:#ff00ff;
	font-size:25px;
	font-weight:bold;
	line-height:1.3;
}

.gray{
	color:#898989;
	font-size:28px;
}

.middle{
	font-size:20px;
}


/*for SP*/
@media only screen and (max-width: 767px) {
	.spno_mgn{
		margin:0 0 20px 0!important;
		padding:0!important;
	}
	
	.sp_noflt{
		float:none;
	}

}