* { padding: 0; margin: 0; }

html{
 font-size: 12px;
 background-image:url(../images/background/bgContainer01.jpg);
 background-repeat:repeat-x;
}

body{
 font-family: Arial, Helvetica, sans-serif;
 background-image:url(../images/background/bgDrawingRight.jpg);
 background-repeat:no-repeat;
 background-position:top right;
}

p{
margin:0 0 10px 0;
line-height:140%;
}

h3{margin:0 0 10px 20px;}

.att{
color:#FF0000;
}

.pAbout{
margin:0 0 10px 20px;
}

.f12Bold{font-size:12px; font-weight:bold; color:#333333;}

.pageTitleCSS{
font-size:17px;
padding:5px 20px 5px 25px;
margin:0 0 20px 0;
background-image:url(../images/background/bgPageTitle01.jpg);
background-repeat:repeat-x;
color:#FFFFFF;
}

.subTitleImage{
margin:10px 0 0 0;
}

.contentImage{
margin:0px 0 20px 20px;
}

#shadowContainer{
 width:890px;
 margin: 0 auto;
 padding:0px;
 background-image: url(../images/background/imgShadow01.png);
 background-repeat:repeat-y;
 
}

#container{
 width:870px;
 margin: 0 auto;
 background-color:#FFFFFF;
 padding:0px;
}

#wrapper { 
 margin: 0 auto;
 width: 850px;
 background-color:#FFFFFF;
 padding:5px 0 5px 0;
}

#header {
 width: 850px;
 height: 137px;
 margin: 0px 0px 5px 0px;
 background-image:url(../images/background/bgHeader02.jpg);
 background-repeat:repeat-x;
}

.headLogo{
float:left;
margin:0 0 0 50px;
border:none;
}

.headTitle{
float:left;
margin:0 0 0 160px;
}

#faux {
 margin-bottom: 5px;
 overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
 width: 100%;
 background-color: #FFFFFF;
}

#leftcolumn { 
 display: inline;
 color: #333;
 margin:0 5px 0 0;
 padding: 0px;
 width: 180px;
 float: left;
 height:700px;
 background-image:url(../images/background/bgNavigation02.jpg);
 background-repeat:repeat-x;
 background-color:#9cdcff;
}

#leftcolumn a{ text-decoration:none; border:none;}
#leftcolumn .links{ margin:280px 0 0 10px; border:0px;}

ul#navi{
    list-style:none;
	margin:10px 0 0 0; 
	padding:0px;
	float:left;
}

ul#navi li{
    list-style:none;
    float:left;
    width:180px;
/*	border:1px solid #000000;*/
	/*margin:0 0 5px 0;*/
}

ul#navi a{
    display:block;
    width:180px;
    height:40px;
	overflow:hidden;
	text-indent:-100px;
	background-image: url(../images/navigation/navi.gif);
}

a.home{background-position:0px 0px;}
a.currentHome{background-position:-180px 0px;}
a:hover.home{background-position:-180px 0px;}

a.education{background-position:0px -40px;}
a.currentEducation{background-position:-180px -40px;}
a:hover.education{background-position:-180px -40px;}

a.about{background-position:0px -80px;}
a.currentAbout{background-position:-180px -80px;}
a:hover.about{background-position:-180px -80px;}

a.teacher{background-position:0px -120px;}
a.currentTeacher{background-position:-180px -120px;}
a:hover.teacher{background-position:-180px -120px;}

a.schedule{background-position:0px -160px;}
a.currentSchedule{background-position:-180px -160px;}
a:hover.schedule{background-position:-180px -160px;}

a.mother{background-position:0px -200px;}
a.currentMother{background-position:-180px -200px;}
a:hover.mother{background-position:-180px -200px;}

a.community{background-position:0px -240px;}
a.currentCommunity{background-position:-180px -240px;}
a:hover.community{background-position:-180px -240px;}

/*a.memory{background-position:0px -280px;}
a.currentMemory{background-position:-180px -280px;}
a:hover.memory{background-position:-180px -280px;}*/

a.news{background-position:0px -280px;}
a.currentNews{background-position:-180px -280px;}
a:hover.news{background-position:-180px -280px;}

a.contact{background-position:0px -320px;}
a.currentContact{background-position:-180px -320px;}
a:hover.contact{background-position:-180px -320px;}

a.sitemap{background-position:0px -360px;}
a.currentSitemap{background-position:-180px -360px;}
a:hover.sitemap{background-position:-180px -360px;}



#rightcolumn { 
 float: right;
 color: #333;
 margin: 0px;
 padding: 0px;
 width: 660px;
 height: inherit;
 display: inline;
 position: relative;
 border:1px solid #999999;
}

#rightcolumn p{
padding:0 20px 0 20px;
}

#box1{
width:305px;
height:420px;
/*background-color:#CCCCCC;*/
float:left;
margin:0 0 0 10px;
padding:0 0 0 5px;
border:1px solid #999999;
}

#box1 img{
margin:10px 10px 10px 10px;
}

.tbTeach{
    border-top:1px solid #999999;
    border-left:1px solid #999999;
    border-collapse:collapse;
    border-spacing:0;
    background-color: #FFFFCC;
    empty-cells:show;
	margin:1em auto;
	width:550px;
}


.tbTeach td{
    border:1px solid #999999;
    padding:0.3em 1em;
	height:40px;
}

.tbTeachIndex{
width:150px;
}

.tbTeachText{width:200px;}

/*************************************************/
/*************         News        ***************/
/*************************************************/
.newsIndex{
font-weight:bold;
font-size:15px;
text-align:left;
padding:0;
margin:0 0 0 -20px;
}

.newsDate{
font-size:15px;
text-align:right;
padding:0;
margin:0 -20px 0 0;
}

.newsWriter{
text-align:right;
}


/*************************************************/
/*************       Education     ***************/
/*************************************************/
.paraEdGrow{
padding:-10px;
}
.listEdGrow{
padding:0 0 0px 30px;
margin:0 0 0px 0px;
list-style:inside;
}

.listEdGrow li{
margin:0 0 5px 0;
}

/*************************************************/
/*******************     Teacher   ***************/
/*************************************************/
.teacherProBox{
padding:0px;
margin:50px 0 0 100px;
background-color:#CCCCCC;
width:540px;
height:220px;
position:relative;
background-image:url(../teacher/images/bgTeacherPro.jpg);
background-repeat:repeat-x;
border:1px solid #CCCCCC;
}

.teacherImg{
    width:220px;
    height:220px;
    margin:-40px 0 0 -70px;
    position:relative;
}

.teacherProBox h3{
padding:20px 0 0 0;
margin:0px 0 0 190px;
/*border:1px solid #00FF00;
*/position:relative;
}

.teacherProBox p{
padding:0px 0 0 0;
margin:25px 0 0 170px;
/*border:1px solid  #FF0000;
*/position:relative;
}

.teacherProBox1{
width:325px;
float:left;
margin:0 0 0 10px;
/*border-left:1px dotted #999999;*/
}

.teacherProBox1 h3{
margin:10px 0 10px 0;
border-bottom:1px dotted #999999;
font-size:14px;
padding:0 0 10px 20px;
}

.teach_img{
float:left;
}

/*************************************************/
/*******************     Parent   ***************/
/*************************************************/
.parentBoxLeft{
width:420px;
height:auto;
background-color:#FFCCFF;
margin:30px 0 0 20px;
float:left;
}

.parentBoxRight{
width:420px;
height:auto;
background-color:#FFCCFF;
margin:30px 20px 0 0;
float:right;
}

.parentBoxRightImage{
width:200px;
height:auto;
background-color:#CCCCCC;
float:left;
margin:30px 0 0 0;
}

.parentBoxRightImage{
width:200px;
height:auto;
background-color:#CCCCCC;
float:right;
margin:30px 0 0 0;
}

.parentPara{margin:10px 0 10px 0;}
.parentPara:first-letter {color:#000000;font-size:20px; font-weight:bold;}
.parentParaVoice{ text-align:right;}
.parentImgLeft{ float:left; margin:20px 0 0 20px;}
.parentImgRight{ float:right; margin:20px 20px 0 0px;}

/*************************************************/
/*******************     Column    ***************/
/*************************************************/
.fullColumnPlain{
width:620px;
/*border:1px solid #666666;*/
margin:auto;
clear:both;
margin-bottom:20px;
}

.twoColumnLeft{
width:50%;
height:auto;
float:left;
}

.twoColumnRight{
width:50%;
height:auto;
float:right;
}

.threeColumnCenter{
width:200px;
height:auto;
float:left;
/*border:1px solid #FF99FF;*/
margin:0 0 20px 7px;
}

.threeColumnLeft{
width:200px;
height:auto;
float:left;
/*border:1px solid #CCCCCC;*/
margin:0 0 20px 0;
}

.threeColumnRight{
width:200px;
height:auto;
float:left;
/*border:1px solid #CCCCCC;*/
margin:0 0 20px 7px;
}

/*************************************************/
/*************      お問い合わせ   ***************/
/*************************************************/
div#contact
{
	width: 370px;
	margin: 0px;
	padding:0px;
	background-color: #999999;
	background-image:url(../images/background/bgMailForm02.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}
div#top_contact
{
	width: 360px;
	height:30px;
	margin: 0px;
	border:1px solid #000000;
	background-color:#CCCCCC;
	font-size:14px;
	text-align:center;
}
div#middle_contact
{
	width: 322px;
	padding:10px;
	margin: 0px;
}

div#contact fieldset
{
	margin: 0px;
	padding: 0px;
	border: none;
}
div#contact form
{
	margin: 0px;
	padding: 0px 0px 12px 5px;
}
div#contact form p
{
	font-weight: bold;
	color: #FFFFFF;
	padding:0 0 5px 5px;
}
p.form_validation
{
	color: #F83D87;
	font-size:1em;
}
div#contact .inputField
{
	width: 300px;
	height:25px;
	color: #3F3F41; 
	font-size: 1em;
	border: 3px solid #CCCCCC;
	padding: 1px 1px 1px 5px;
}
div#contact form input:focus
{
	background-color: #E0EEFA;
}
div#contact form textarea
{
	width: 350px;
	height: 105px;
	color: #3F3F41; 
	font-size: 1em;
	line-height: 1.3em;
	border: 3px solid #CCCCCC;
	padding: 1px 1px 1px 5px;
}
div#contact form textarea:focus
{
	background-color: #E0EEFA;
}
div#contact form input#contact_send
{
	width: 28px;
	height: 15px;
	border: none;
	padding: 0px;
	margin: 0px;
	cursor: pointer;
	float: right;
}

/*************************************************/
/*************     サイトマップ    ***************/
/*************************************************/
#siteMapLinks{
padding:0px;
margin:0 0 0 40px;
list-style-position:inside;
}

#siteMapLinks li{
padding:5px 0 5px 0;
margin:0px;
}

#siteMapLinks li ul li{
padding:5px 0 5px 0;
margin:0 0 0 40px;
}

#footer { 
 width: 830px;
 clear: both;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 color:#FFFFFF;
 text-align:center;
 background-image:url(../images/background/bgFooter01.jpg);
 background-repeat:repeat-x;
}

#footer p{
font-size:.9em;
}

ul#footerLinks{
    list-style:none;
	margin:4px 0 8px 0; 
	padding:0px;
	/* float:left; */
	/*display:inline;*/
}

ul#footerLinks li{
    list-style:none;
    /* float:left; */
	display:inline;
	margin:0 0 10px 0;
	padding:0 5px 0 5px;
	border-left:1px solid #FFFFFF;
}

ul#footerLinks a{
    /*display:block;*/
	overflow:hidden;
	color:#FFFFFF;
	text-decoration:none;
	font-size:0.9em;
}

ul#footerLinks a:hover{
text-decoration:underline;
}

.clear { clear: both; background: none; }