@charset "UTF-8";
/* CSS Document */


@import "reset.css";

body{ 
background:#FFF;
color:#666;
}
#wrap{ width:100%;}
#header{ width:100%; background:url(../img/header_bg.png) repeat-x;}
#header .header_inner{ position:relative; width:900px; height:165px; margin:0 auto;}
#header .header_inner h1#ID{
	position:absolute;
	top:30px;
	left:0px;
}
#header .header_inner p.discription{text-align:right; color:#bba06b; padding:20px 0 0 0;}
#header .header_inner ul.header_Nav{
	position:absolute;
	top:50px;
	right:10px;
}
#header .header_inner ul.header_Nav li{ display:block; float:left; padding-left:10px;}
#header .header_inner ul.header_Nav li a{ background:url(../img/arrow_red.png) no-repeat left center; padding-left:15px;}

#pankuzu{ background:#fff1f3; clear:both; padding:5px 5px 5px 10px; font-size:92%; width:870px; margin:0 auto 10px auto;}

#mainimg{ position:relative; width:900px; height:355px; margin:0 auto; background:url(../img/mainimg.jpg) center top no-repeat;}
#mainimg img.flower{
	position:absolute;
	top:0;
	left:-50px;
}

#contents{ margin:0px auto 0px auto; width:900px; line-height:1.7; font-size:92%; background:url(../img/contents_bg2.png) 10px top repeat-y; position:relative;}
 #contents:after{content:"."; clear:both; height:0; display:block; visibility:hidden;}
 * html #contents{display:inline-block;}
 *:first-child+html #contents{display:inline-block;}
 
#contents .leftbox{ width:210px; float:left; padding-left:10px;}

#contents .leftbox h2{ width:210px; height:66px; margin:0 auto;}
#contents .leftbox ul.left_column{ float:left; width:210px;}

/*about*/
#contents .leftbox ul.left_column li.about01 a{ width:210px; height:32px; background-image:url(../img/subcol_about01.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about01 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_about01.png); background-position:0 -33px;  text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about02 a{ width:210px; height:32px; background-image:url(../img/subcol_about02.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about02 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_about02.png); background-position:0 -33px;  text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about03 a{ width:210px; height:32px; background-image:url(../img/subcol_about03.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about03 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_about03.png); background-position:0 -33px;  text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about04 a{ width:210px; height:32px; background-image:url(../img/subcol_about04.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.about04 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_about04.png); background-position:0 -33px;  text-indent:-9999px; display:block; }

/*lesson*/
#contents .leftbox ul.left_column li.lesson01 a{ width:210px; height:32px; background-image:url(../img/subcol_lesson01.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.lesson01 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_lesson01.png); background-position:0 -33px;  text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.lesson02 a{ width:210px; height:32px; background-image:url(../img/subcol_lesson02.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.lesson02 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_lesson02.png); background-position:0 -33px;  text-indent:-9999px; display:block; }

/*adult*/
#contents .leftbox ul.left_column li.adult01 a{ width:210px; height:32px; background-image:url(../img/subcol_adult01.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.adult01 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_adult01.png); background-position:0 -33px;  text-indent:-9999px; display:block; }

/*contact*/
#contents .leftbox ul.left_column li.contact01 a{ width:210px; height:32px; background-image:url(../img/subcol_contact01.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.contact01 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_contact01.png); background-position:0 -33px;  text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.contact02 a{ width:210px; height:32px; background-image:url(../img/subcol_contact02.png); background-position:0 0; text-indent:-9999px; display:block; }
#contents .leftbox ul.left_column li.contact02 a:hover{ width:210px; height:32px; background-image:url(../img/subcol_contact02.png); background-position:0 -33px;  text-indent:-9999px; display:block; }




#contents .rightbox{ width:660px; float:right; padding-right:10px;}


#footer{ height:76px; clear:both; width:100%; margin:0px auto; background:url(../img/footer_bg.png) center top repeat-x; position:relative;}
#footer p.photoby{ position:absolute; top:20px; right:10px; color:#FFF; font-style:italic; font-size:95%;}
#footer p.footer_Nav{ text-align:center; font-size:92%; padding-top:10px;}
#footer address{ text-align:center; padding:10px 0px 0px 0px;}

p.toTOP{ text-align:right; padding:40px 0px 10px 0px; clear:both; font-size:92%;}
p.toTOP a{ background:url(../img/arrow_top.png) no-repeat center left; padding-left:15px;}
span.txtsmall{ font-size:85%;}



#floatMenu {
        position:absolute;
        top: 0px;
        left: 0px;
        width: 125px;
        min-width: 125px;
        padding: 0;
        margin:0;
}