*{
font-family:verdana,"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
margin:0px;
padding:0px;
}

html{
}

html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size:12px;
 line-height:1.5em;
background-image:url(./images/common/back.gif);
} 
 
#pagewidth{ 
 width:900px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-color:#ffffff;
} 
 
 
#leftcol{
 width:200px; 
 float:left; 
 position:relative; 
 background-color:#ffffff;
 display:inline
 }
 
#twocols{
 width:658px;
 margin:0px;
 padding:0px;
 float:right; 
 position:relative; 
 display:inline
  }
 
#rightcol{
 width:210px;
padding:0px 10px 10px 5px; 
 float:right; 
 position:relative;
 display:inline
 }
#rightcol div.gray{
 background-color:#f3f4f4;
 width:200px;
 margin-top:200px;
 padding:0px 5px 0px 5px;
} 
 
#maincol{
 background-color: #ffffff;  
 float: left; 
 display:inline; 
 position: relative; 
 width:410px; 
 display:inline
 }
 
#footer{
margin-top:30px;
width:900px;
height:1px;
clear:both;
 }
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

/* for rayout */


div.cid{
width:876px;
height:68px;
background-image:url(./images/common/h_header.gif);
background-repeat: no-repeat;
}

div.gnavi{
width:900px;
height:120px;
}

/* pads */

#leftcol div.pad{
margin-left:10px;
}


#maincol div.pad{
margin-left:0px;
margin-right:0px;
}

/* boxes */


div.left_box1{
margin:0px 0px 5px 0px;
padding:0px;
width:200px;
}

div.right_box1{
background-color:#ffffff;
margin:0px 0px 5px 0px;
padding:0px;
width:200px;
}

div.today{
background-image:url(./images/common/area_today_word.gif);
background-repeat: no-repeat;
height:201px;
width:168px;
padding:5px 20px 10px 20px;
position:absolute;
top:-5px;
}

/* header */

img#logo{
position:relative;
left:15px;
top:5px;
}

p#descri{
line-height:1.2em;
margin:0px;
padding:0px;
display:inline;
position:absolute;
top:13px;
left:300px;
}

p#descri2{
line-height:1.2em;
margin:0px;
padding:0px;
display:inline;
position:absolute;
top:50px;
left:300px;
}

a#head_action{
position:absolute;
left:708px;
top:28px;
}

a#head_otoiawase{
position:absolute;
left:714px;
top:11px;
}

a#head_sitemap{
position:absolute;
left:794px;
top:11px;
}

/* footer */

a#foot_otoiawase{
position:relative;
left:591px;
top:44px;
zoom:1;
}

a#foot_school{
position:relative;
left:603px;
top:44px;
zoom:1;
}

a#foot_kojin{
position:relative;
left:610px;
top:44px;
zoom:1;
}

/*
a#foot_kojin{
position:relative;
left:610px;
top:44px;
}
*/


/* for parts */

.center_clear{
clear:both;
text-align:center;
margin:0px;
}

div.left_box1 p,div.center_box1 p{
margin:0px;
padding:5px 10px 0px 10px;
}

p.right_link_content{
text-align:right;
margin:0px;
padding:0px 10px 0px 0px !important;
}


p.right_link{
text-align:right;
margin:0px;
padding:0px 10px 0px 10px !important;
}

ul.links{
margin:0px;
padding:5px 0px 5px 10px;
width:190px;
}

ul.links li.white{
background-image:url(./images/common/icon_link.gif);
background-repeat: no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
list-style-type:none;
list-style-position:outside;
background-position: 0px 3px; 
}
div#maincol ul.links li.white a{
padding-left:0px;
}

ul.links li.gray{
background-image:url(./images/common/icon_link_gray.gif);
background-repeat: no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
list-style-type:none;
list-style-position:outside;
background-position: 0px 3px; 
}

ul.links li.gray2{
background-image:url(./images/common/icon_link_gray2.gif);
background-repeat: no-repeat;
margin:0px;
padding:0px 0px 0px 15px;
list-style-type:none;
list-style-position:outside;
background-position: 0px 3px;
}

p.right_link_content a{
margin-left:2px;
}


div.right_box1 p,div.center_box1 p{
margin:0px;
padding:5px 10px 0px 10px;
}

.center{
text-align:center;
margin:0px;
}

#content_end{
margin:15px 0px 30px 0px;
}

.right_end{
height:10px;
margin:0px;
}

p.content{
margin:0px 0px 0px 10px;
}

/* calendar */

table.calendar{
text-align:center;
margin:10px 0px 5px 10px;
width:180px;
border:1px solid #888888;
}

table.calendar th{
background-color:#e7e7e7;
font-weight:normal;
border:1px solid #888888;
}

table.calendar td{
background-color:#f7f7f7;
}

table.calendar td.space{
width:20px;
}

img.end{
display:inline;
margin:0px;
padding:0px;
margin-top:5px;
}


/* gnavi */
img#gnabi0{
position:absolute;
left:8px;
top:279px;
}

img#gnabi1{
position:absolute;
left:136px;
top:279px;
}
img#gnabi2{
position:absolute;
left:265px;
top:279px;
}
img#gnabi3{
position:absolute;
left:393px;
top:279px;
}
img#gnabi4{
position:absolute;
left:522px;
top:279px;
}
img#gnabi5{
position:absolute;
left:651px;
top:253px;
}
img#gnabi6{
position:absolute;
left:780px;
top:254px;
}
img#gnabi7{
position:absolute;
left:651px;
top:316px;
}
img#gnabi8{
position:absolute;
left:779px;
top:315px;
}


.clear{
clear:both;
}

div.today p.date{
margin:0px 0px 45px 0px;
padding:0px;
font-size:11px;
}

p.bnr{
height:100%;
width:100%;
margin:5px 0px 5px 0px;
padding:0px;
}

img.mawari{
float:right;
display:inline;
margin:10px 0px 10px 10px;
}

img.backnumber{
position:absolute;
top:170px;
left:65px;
}



div.center_links{
text-align:center;
}


p.center_links_first{
text-align:center;
float:left;
margin:0px 3px 10px 200px;
_margin:0px 3px 10px 100px;
}


p.center_links{
text-align:center;
float:left;
margin:0px 3px 10px 3px;
}

img.rss{
display:inline;
margin-right:4px;
}

*+html div.today p.today{
padding-top:10px;
}

div.menu_box ul{
margin:10px 0px 10px 0px;
}