@charset "utf-8";

/*
--------------------------------------------------------------------------------------------------------------
--------------------------------------------------GLOBAL RESET------------------------------------------------
--------------------------------------------------------------------------------------------------------------
*/

	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,table,tbody,th,td{margin:0em;padding:0em;}
	/*body{font-size:62.5%;font-family:"メイリオ","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}*/
	body{font-size:62.5%;font-family:メイリオ, Meiryo, Osaka, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;}
	/*table{border-collapse:collapse;border-spacing:0em;}*/
	fieldset,img,abbr{border:0em;}
	address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
	caption,th{text-align:left;}
	ul{list-style:none;}
	img{vertical-align:bottom; border:none;}
	
	.clearfix:after {
	  content: ".";  /* 新しい要素を作る */
	  display: block;  /* ブロックレベル要素に */
	  clear: both;
	  height: 0;
	  visibility: hidden;
	}
	
	.clearfix {
	  min-height: 1px;
	}
	
	* html .clearfix {
		
	  height: 1px;
	  /*?*//*/
	  height: auto;
	  overflow: hidden;
	  /**/
	}
	
body { background:url(../img/backimage.gif); background-repeat:repeat-x repeat-y; }



/*-------------------------------------------header-------------------------------------------*/

#headline {
	width:100%;
	height:85px;
	background:#fff;
}

#header {
	width:953px;
	height:85px;
	margin:0px auto;
}

	#logo { padding: 20px 0 0 15px; display:block; float:left; }
	h1 {
		font-size:12px;
		color:#577812;
		padding:20px 0 0 10px;
		display:inline-table;text-align:center;
		float:left;
		line-height:1.5em;
		text-shadow: #FFF 1px 1px 3px ;
	}
	
	#sub01 {
		display:block;
		float:right;
		padding: 35px 25px 0 10px;
	}
	#sub02 {
		display:block;
		float:right;
		padding: 35px 0 0 0;
	}
	
	#tel {
		display:block;
		float:right;
		padding:7px 0 0;
	}
	
	#headcatch {
		display:block;
		float:right;
		padding: 10px 25px 0 0;
	}

#headbox {
	width:100%;
	height:70px;
	background-image:url(../img/headback.png);
	background-repeat:repeat-x;
	background-color:#fff;
	margin:0 0 10px;
}

	#headnavi {
		width:953px;
		height:72px;
		margin:0px auto;
	}
	
	#headnavi li {
		display:block;
		float:left;
	}

#topimage {
	width:100%;
	height:288px;
	background-image:url(../img/topimage_back.png);
	background-repeat:repeat-x;
	background-position:0 0px;
}

	#imagebox {
		width:953px;
		height:288px;
		margin:0px auto;
		position:relative;
	}
	#imagebox img{
		position:absolute;
		top:0;
		left:-80px;
		_left:-31px;
	}
/* iphone */
@media screen and (max-device-width: 480px) {
	#imagebox {
		width:100%;
		overflow:hidden;
		height:288px;
		margin:0px auto;
		position:relative;
	}
	#imagebox img{
		position:absolute;
		top:0;
		left:-67px;
	}
}
	
	#contact{
		padding:154px 0 0 696px;
	}
	
	#Lbtn{
		padding:90px 0 0 25px;
	}

/*-------------------------------------------container-------------------------------------------*/

#container {
	width:953px;
	margin:0px auto;
}


/*-------------------------------------------left-------------------------------------------*/

#topleft { width:214px; margin-top:2px; display:block; float:left; }
#left { width:214px; margin-top:20px; display:block; float:left; }
#Lcontact {
	width:214px;
	height:180px;
	background-image:url(../img/left_contact.png);
}
#topleft .access_guide{
	color:#3B1100;
	padding:0 0 0 10px;
	margin:0 0 10px;
	font-size:1.1em;
}
#topleft .large_map{
	text-align:center;
	font-size:1.3em;
	margin:0 0 10px;
}
#topleft .large_map a{
	color:#000;
} 

.experience{
	margin:0 0 30px;
}





.bar {
	margin-top: 10px;
}

#list { width:214px; }

#list li { margin-bottom:3px; }
#list li.navi01 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi01_off.png);
}

#list li.navi01 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#fe8e1e;
}

#list li.navi01 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi01_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi02 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi02_off.png);
}

#list li.navi02 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#ffbb2a;
}

#list li.navi02 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi02_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi03 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi03_off.png);
}

#list li.navi03 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#7ccf21;
}

#list li.navi03 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi03_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi04 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi04_off.png);
}

#list li.navi04 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#42a85e;
}

#list li.navi04 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi04_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi05 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi05_off.png);
}

#list li.navi05 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#3cb0a2;
}

#list li.navi05 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi05_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi06 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi06_off.png);
}

#list li.navi06 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#2d74ae;
}

#list li.navi06 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi06_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi07 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi07_off.png);
}

#list li.navi07 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#4957cf;
}

#list li.navi07 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi07_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}

#list li.navi08 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi08_off.png);
}

#list li.navi08 a{
	font-size:11px;
	height:25px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 36px ;
	color:#b646b0;
}

#list li.navi08 a:hover{
	font-size:11px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi08_on.png);
	padding: 11px 0 0 36px ;
	color:#ece5d7;
}

#list li.navi09 {
	width:214px;
	height:39px;
	background-image:url(../img/leftnavi09_off.png);
}

#list li.navi09 a{
	font-size:12px;
	height:26px;
	display:block;
	text-decoration:none;
	padding: 11px 0 0 38px ;
	color:#d33d79;
}

#list li.navi09 a:hover{
	font-size:12px;
	display:block;
	text-decoration:none;
	background-image:url(../img/leftnavi09_on.png);
	padding: 11px 0 0 38px ;
	color:#ece5d7;
}


/*-------------------------------------------right-------------------------------------------*/

#topright {
	width:720px;
	display:block;
	float:right;
}
#toprightTop{
	width:710px;
	border-left:5px solid #F8D748;
	border-right:5px solid #F8D748;
	border-bottom:5px solid #F8D748;
	background:#fff;
	_overflow:hidden;
}

#right {
	width:728px;
	display:block;
	float:right;
	margin-top:5px;
}

.enjoy{
	padding:0 0 0 1px;
}
ul#parent_voice{
	background:url(../img/parent_voice_bg.png) 0 0 no-repeat;
	width:509px;
	height:309px;
	padding:15px 50px 0 150px;
	font-size:1.1em;
	color:#391100;
		_overflow:hidden;

}
	ul#parent_voice li{
		margin:0 0 30px;
		height:70px;
		padding:10px 0 0;
	}
	ul#parent_voice li h4{
		font-weight:700;
		font-size:1.1em;
	}
#interest{
	background:url(../img/interest.jpg) 0 0 no-repeat;
	width:339px;
	height:261px;
	padding:50px 170px 0 200px;
	color:#391100;
	font-size:1.1em;
	line-height:1.7em;
}
	#interest h4{
		margin:0 0 10px;
	}
	#interest p{
		padding:0 0 0 30px;
	}

	#threebox {
		width:728px;
	}
	
		#three01{
			width:728px;
			height:169px;
			background-image:url(../img/three01.png);
		}
		
		#three02{
			width:728px;
			height:210px;
			background-image:url(../img/three02.png);
		}
		
			#three02 p{
				width:625px;
				font-size:12px;
				color:#4a3101;
				line-height:2.3em;
				padding: 70px 0 0 60px ;
			}
		
		#three03{
			width:728px;
			height:260px;
			background-image:url(../img/three03.png);
		}
		
			#three03 p{
				width:625px;
				font-size:12px;
				color:#4a3101;
				line-height:2.1em;
				padding: 70px 0 0 60px ;
			}
		
		#three04{
			width:728px;
			height:255px;
			background-image:url(../img/three04.png);
		}
		
			#three04 p{
				width:625px;
				font-size:12px;
				color:#4a3101;
				line-height:2.1em;
				padding: 70px 0 0 60px ;
			}

	#course_box {
		margin:20px 0 0 3px;
	}
	
		.course_box01 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box01.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
		}
		
		.course_box01 span {
			color:#fe8e1e;
			font-weight:bold;
		}
		
		.course_box01 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box01 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box01 a:hover{
			text-decoration:underline;
			color:#fe8e1e;
		}
		
		
		.course_box02 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box02_01.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
			margin-left:5px;
		}
		
		.course_box02 span {
			color:#ffbb2a;
			font-weight:bold;
		}
		
		.course_box02 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box02 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box02 a:hover{
			text-decoration:underline;
			color:#ffbb2a;
		}
		
		
		.course_box03 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box03.png);
			display:block;
			float:left;
			padding: 180px 0 0 5px ;
			margin-left:10px;
		}
		
		.course_box03 span {
			color:#7ccf21;
			font-weight:bold;
		}
		
		.course_box03 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box03 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box03 a:hover{
			text-decoration:underline;
			color:#7ccf21;
		}
		
		
		.course_box04 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box04.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
		}
		
		.course_box04 span {
			color:#42a85e;
			font-weight:bold;
		}
		
		.course_box04 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box04 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box04 a:hover{
			text-decoration:underline;
			color:#42a85e;
		}
		
		
		.course_box05 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box05.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
			margin-left:5px;
		}
		
		.course_box05 span {
			color:#3cb0a2;
			font-weight:bold;
		}
		
		.course_box05 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box05 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box05 a:hover{
			text-decoration:underline;
			color:#3cb0a2;
		}
		
		
		.course_box06 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box06.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
			margin-left:5px;
		}
		
		.course_box06 span {
			color:#2d74ae;
			font-weight:bold;
		}
		
		.course_box06 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box06 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box06 a:hover{
			text-decoration:underline;
			color:#2d74ae;
		}
		
		
		.course_box07 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box07.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
		}
		
		.course_box07 span {
			color:#4957cf;
			font-weight:bold;
		}
		
		.course_box07 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box07 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box07 a:hover{
			text-decoration:underline;
			color:#4957cf;
		}
		
		
		.course_box08 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box08.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
			margin-left:5px;
		}
		
		.course_box08 span {
			color:#b646b0;
			font-weight:bold;
		}
		
		.course_box08 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box08 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box08 a:hover{
			text-decoration:underline;
			color:#b646b0;
		}
		
		
		.course_box09 {
			width:215px;
			height:135px;
			background-image:url(../img/course_box09.png);
			display:block;
			float:left;
			padding: 180px 0 0 20px ;
			margin-left:5px;
		}
		
		.course_box09 span {
			color:#d33d79;
			font-weight:bold;
		}
		
		.course_box09 p{
			width:195px;
			font-size:12px;
			line-height:2em;
		}
		
		.course_box09 a{
			text-decoration:none;
			color:#4a3101;
		}
		
		.course_box09 a:hover{
			text-decoration:underline;
			color:#d33d79;
		}
		

	#mainbox {
		width:728px;
		background:url(../img/mainback_m.png);
		background-repeat:repeat-y;
		padding:14px;
	}
	
	#boxfooter {
	}
	
	
	#ninnkiBox {
	}
	
	.ninnkiBtn {
		padding: 70px 0 0 17px;
	}
	
		#ninnkiList {
		}
		
		#ninnkiList li p {
			font-size:11px;
			color:#4a3101;
			line-height:1.8em;
			padding: 88px 15px 0 17px ;
		}
		
		#ninnkiList .nl01 {
			width:235px;
			height:315px;
			background-image:url(../img/ninnki01.png);
			display:block;
			float:left;
			margin-right: 7px;
		}
		
		#ninnkiList .nl01 p a{
			color:#fe8e1e;
			font-size: 11px;
			text-decoration: underline;
			float: right;
		}
		
		#ninnkiList .nl01 p a:hover{
			text-decoration: none;
		}
		
		#ninnkiList .nl02 {
			width:235px;
			height:315px;
			background-image:url(../img/ninnki02.png);
			display:block;
			float:left;
			margin-right: 7px;
		}
		
		#ninnkiList .nl02 p a{
			color:#ffbb2a;
			font-size: 11px;
			text-decoration: underline;
			float: right;
		}
		
		#ninnkiList .nl02 p a:hover{
			text-decoration: none;
		}
		
		#ninnkiList .nl03 {
			width:235px;
			height:315px;
			background-image:url(../img/ninnki03.png);
			display:block;
			float:left;
		}
		
		#ninnkiList .nl03 p a{
			color:#7ccf21;
			font-size: 11px;
			text-decoration: underline;
			float: right;
		}
		
		#ninnkiList .nl03 p a:hover{
			text-decoration: none;
		}
	

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

#footer {
	width:953px;
	height:207px;
	background:url(../img/footerback.png);
	margin:0px auto;
	margin-bottom:50px;
	margin-top:20px;
}

	#footerlogo{
		display:block;
		float:left;
		width:450px;
		padding: 30px 0 0 40px;
		color:#ffffff;
	}
	.photo{
		float:left;
		margin-right:10px;
	}
	.org{
		float:left;
		margin-top:5px;
	}
	
	.adr{
		float:left;
	}
	
	
	
	#fList {
		display:block;
		float:left;
		/*margin: 55px 0 0 50px;*/
		margin: 25px 0 0 50px;
	}
	
	#fList li{
		display:block;
		float:left;
		margin-right:20px;
	}
	
	#fList li a{
		font-size:12px;
		text-decoration:none;
		color:#ece5d7;
		background-image:url(../img/arrow.png);
		background-repeat:no-repeat;
		background-position:left;
		padding: 2px 25px 2px 25px;
		border:1px solid #322923 ;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#fList li a:hover{
		font-size:12px;
		color:#8abe1d;
		text-decoration:none;
		background-color:#f1e7cd;
		border:1px solid #8abe1d ;
	}
	
	
	#fList_s {
		display:block;
		float:left;
		margin: 20px 0 0 50px;
		clear:both;
		width:700px;
	}
	
	#fList_s li{
		display:block;
		float:left;
		margin-right:20px;
	}
	
	#fList_s li a{
		font-size:12px;
		text-decoration:none;
		color:#ece5d7;
		background-image:url(../img/arrow.png);
		background-repeat:no-repeat;
		background-position:left;
		padding: 2px 25px 2px 25px;
		border:1px solid #322923 ;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	#fList_s li a:hover{
		font-size:12px;
		color:#8abe1d;
		text-decoration:none;
		background-color:#f1e7cd;
		border:1px solid #8abe1d ;
	}
	
	#copy {
		width:380px;
		float:right;
		font-size:12px;
		color:#8abe1d;
		margin-top:35px;
		/*margin: 7px 0 0 295px;*/
	}
	#copy a{
		color:#8abe1d;
		text-decoration: none;
	}