@charset "UTF-8";
@import "browserreset.css";
@import "fonts.css";
@import "slidemenu.css";
@import "layout.css";
/* CSS Document */

body {
	background:url(../images/bg_stripe.png);
	}
	
#wrapper {
	margin:0px auto;
	width:830px;
	background-color:#330000;
	padding:0px 0px 15px;
	}

#container {
	width:810px;
	margin:0px 10px;
	background-color:white;
	}

/*HEADstart----------------------------------------------------*/
#headhead {
	padding:5px 10px;
	border-bottom:#DCB482 1px dashed;
	}
#headhead p {
	font-size:10px;
	}


/*LEFTstart-----------------------------------------------------*/
#left {
	width:180px;
	float:left;
	}

/*NAVISstart----------------------------------------------------*/
#navi {
	width:160px; height:350px;
	padding-top:10px; padding-bottom:10px;
	border-bottom:#DCB482 1px dashed;
	margin:0px auto;
	text-align:center;
	}
*:first-child+html #navi, *:first-child+html #navi2 { margin:0px;}
* html #navi, * html #navi2 { margin-right:10px; }

#navi li {
	margin-bottom:5px;
	list-style:none;
	}
	
#navi li a {
	display:block;
	width:160px; height:40px;
	text-indent:-9877em;
	border:none;	
	overflow:hidden;
	}
*:first-child+html #navi li a {margin:0px;}

#navi li.top a {background:url(../images/navis.gif) no-repeat -160px 0px;}
#navi li.top a:hover, #navi li.top_on a {background:url(../images/navis.gif) no-repeat 0px 0px;}

#navi li.concept a {background:url(../images/navis.gif) no-repeat 0px -45px;}
#navi li.concept a:hover, #navi li.concept_on a {background:url(../images/navis.gif) no-repeat -160px -45px;}

#navi li.preschool a {background:url(../images/navis.gif) no-repeat 0px -90px;}
#navi li.preschool a:hover, #navi li.preschool_on a {background:url(../images/navis.gif) no-repeat -320px -90px;}

#navi li.afterschool a {background:url(../images/navis.gif) no-repeat 0px -135px;}
#navi li.afterschool a:hover, #navi li.afterschool_on a {background:url(../images/navis.gif) no-repeat -480px -135px;}

#navi li.event a {background:url(../images/navis.gif) no-repeat 0px -180px;}
#navi li.event a:hover, #navi li.event_on a {background:url(../images/navis.gif) no-repeat -640px -180px;}

#navi li.schoolfee a {background:url(../images/navis.gif) no-repeat 0px -225px;}
#navi li.schoolfee a:hover, #navi li.schoolfee_on a {background:url(../images/navis.gif) no-repeat -800px -225px;}
	
#navi li.about a {background:url(../images/navis.gif) no-repeat 0px -270px;}
#navi li.about a:hover, #navi li.about_on a {background:url(../images/navis.gif) no-repeat -960px -270px;}

#navi li.message a {background:url(../images/navis.gif) no-repeat 0px -315px;}
#navi li.message a:hover, #navi li.message_on a {background:url(../images/navis.gif) no-repeat -1120px -315px;}




/*NAVI2start----------------------------------------------------*/
#navi2 {
	width:160px;
	padding-top:10px; padding-bottom:10px;
	border-bottom:#DCB482 1px dashed;
	margin:0px auto;
	text-align:center;
	}
*:first-child+html #navi2 { margin:0px;}
* html #navi2 { margin-right:10px; }

#navi2 li {
	margin-bottom:5px;
	list-style:none;
	}
	
#navi2 li a {
	display:block;
	width:160px; height:40px;
	text-indent:-9877em;
	border:none;	
	overflow:hidden;
	}
*:first-child+html #navi2 li a {margin:0px;}

#navi2 li.top a {background:url(../images/navis3.gif) no-repeat 0px 0px;}
#navi2 li.top a:hover, #navi2 li.top_on a {background:url(../images/navis3.gif) no-repeat -160px 0px;}

#navi2 li.concept a {background:url(../images/navis3.gif) no-repeat 0px -45px;}
#navi2 li.concept a:hover, #navi2 li.concept_on a {background:url(../images/navis3.gif) no-repeat -160px -45px;}

#navi2 li.nursery a {background:url(../images/navis3.gif) no-repeat 0px -90px;}
#navi2 li.nursery a:hover, #navi2 li.nursery_on a {background:url(../images/navis3.gif) no-repeat -160px -90px;}

#navi2 li.esl a {background:url(../images/navis3.gif) no-repeat 0px -135px;}
#navi2 li.esl a:hover, #navi2 li.esl_on a {background:url(../images/navis3.gif) no-repeat -160px -135px;}

#navi2 li.service a {background:url(../images/navis3.gif) no-repeat 0px -180px;}
#navi2 li.service a:hover, #navi2 li.service_on a {background:url(../images/navis3.gif) no-repeat -160px -180px;}

#navi2 li.event a {background:url(../images/navis3.gif) no-repeat 0px -225px;}
#navi2 li.event a:hover, #navi2 li.event_on a {background:url(../images/navis3.gif) no-repeat -160px -225px;}

#navi2 li.about a {background:url(../images/navis3.gif) no-repeat 0px -270px;}
#navi2 li.about a:hover, #navi2 li.about_on a {background:url(../images/navis3.gif) no-repeat -160px -270px;}

#navi2 li.message a {background:url(../images/navis3.gif) no-repeat 0px -315px;}
#navi2 li.message a:hover, #navi2 li.message_on a {background:url(../images/navis3.gif) no-repeat -160px -315px;}

#takujijyo {
	border:#339900 1px solid;
	padding:10px;
	margin:10px 10px;
	text-align:center;
	}


/*BANNERstart--------------------------------------------------*/
#banners {
	width:160px;
	padding:10px 0px;
	margin:0px auto;
	}
*:first-child+html #banners { margin:0px; text-align:center;}

#banners li {list-style:none;}
#banners li a {
	width:160px; height:40px;
	text-indent:-9877em;
	display:block;
	margin-bottom:10px;
	overflow:hidden;
	}

#banners li.blog_b a {background:url(../images/b_blog.jpg) no-repeat;}
#banners li.blog_b a:hover {
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
	}
	
#banners li.freelesson a {background:url(../images/b_freelesson.jpg) no-repeat;}
#banners li.freelesson a:hover {background:url(../images/b_freelessonH.jpg) no-repeat;}
	
#banners li.inquiry a {background:url(../images/b_inquiry.gif) no-repeat;}

#banners li.staffwanted a {background:url(../images/b_staff.gif) no-repeat;}
#banners li.staffwanted a:hover {background:url(../images/b_staffH.gif) no-repeat;}

#music {
	width:160px;
	background:url(../images/themsong.gif) no-repeat top;
	background-color:#FFFF99;
	margin:0px auto;
	padding:40px 0px 10px;
	}



/*RIGHTstart----------------------------------------------------*/
#right {
	width:620px;
	margin-left:180px;
	border-left:#DCB482 1px dashed;
	}
*:first-child+html #right { width:620px; margin-left:185px; }
* html #right {/*IE*/
	width:620px;
	margin-left:185px;
	}

/*MAINstart----------------------------------------------------*/
#main {
	margin:0px 10px;
	padding-bottom:10px;
	}
*:first-child+html {margin:10px 5px;}/*IE7*/
* html #main {/*IE*/
	margin:10px;
	}
#main img {
	margin:5px 0px;
	}

#mainwithlogo {
	margin:0px 10px;
	padding-bottom:10px;
	background-color:white;
	background-image:url(../images/backlogo.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
* html #mainwithlogo p {
	margin-left:5px;
	}

/*FOOTERstart----------------------------------------------------*/
#footer {
	border-top:#DCB482 1px dashed;
	width:800px;
	padding:5px 0px;
	clear:both;
	}
#footer p {
	font-size:11px;
	margin-left:15px;
	float:left;
	}
* html #footer p {
	margin-left:7px;
	}
	
#footer p.copyright {
	text-align:right;
	margin-right:15px;!important
	margin-right:7px;
	float:right;
	}