/* CSS Document */

/*****main *****/
#main{
   margin-left:auto;
   margin-right:auto;
   width: 100%;
   height: auto;
   
}

/***** hidari*****/   
#hidari{
   width:250px;
   height:auto;
   float:left;
   padding:0px;
   margin-top:40px;
   margin-right:5px;
   margin-left:50px;
   _margin-left:0px;
   
   }   
/***** naka *****/
#naka{
   width:250px;
   float:left;
   height:auto;
   float:left;
   padding:0px;
   margin-top:40px;
   margin-right:5px; 
   }
/***** migi *****/
#migi{
   width:250px;
   height:auto;
   float:left;
   margin-top:40px;
   } 

/**main**/ 
   
.klein{
   width:230px;
   height:450px;
   background:url(../bilder/wallpaper1.gif) repeat-y;
   margin-bottom:25px;
   } 

 
.klein ul{
   margin:10px;
   padding:0px;
   }  
.klein p{
   height:200px;
   font-size:12px;   
   line-height:1.6em;
   margin:10px 20px 20px 20px;  
   }   
.news p{
   background:#003333;
   margin:0px;
   padding:0px;
   }
             
#main h1{
   color: #000000;
   background:#FFFFFF; 
   margin:0px;
   padding-bottom:2px;
}
#main h2{
   color: #000000;
   background:#FFFFFF; 
   margin:0px;
   padding-bottom:2px;
   }
#main h3{
   font-size:14px;
   color: #000000;
   background:#FFFFFF; 
   padding:2px;
   margin:0px;

}

h4,h4a{
   font-size:12px;
   font-weight:bold;
   color: #000000;
   margin-bottom:1em;
   border-left: solid 5px #F5F4D9;
}

.backline{
   background:url(../bilder/backline5.gif) no-repeat;
   width:250px;
   _width:250px;
   height:14px;
   }
#main span{
   color:#F5F4D9;
   font-size:11px;
   }
a:link {color: #00a0e9; text-decoration: none;}
a:active {color : #978fbf;}
a:visited {color: #978fbf; text-decoration: none;}
a:hover {text-decoration: underline;}  
/**title**/   
h1#otona,h1#otona a{
   display:block;
   background: url(../bilder/otonanokaiga1.gif) no-repeat;
   background-color:#FFFFFF;
   width:250px;
   _width:250px;
   height:15px;
   text-indent: -9999px;
   overflow:hidden;
   }

h1#otona a:hover{
background-position:0 -17px; 
   }
     
h2#kodomo,h2#kodomo a{
   display:block;
   background:url(../bilder/kodomozoukeikyoushitsu1.gif) no-repeat;
   background-color:#FFFFFF;
   width:250px;
   _width:250px;
   height:15px;
   text-indent:-9999px;
   overflow:hidden;
   }  

h2#kodomo a:hover{
   background-position:0 -17px; 
   }
h2#denshi,h2#denshi a{
   display:block;
   background:url(../bilder/denshi.gif) no-repeat;
   background-color:#FFFFFF;
   width:250px;
   _width:250px;
   height:15px;
   text-indent:-9999px;
   overflow:hidden;
   }  
      

h2#denshi a:hover{
   background-position:0 -18px;
   }


#hidari img,#naka img, #migi img{
    margin-left:15px;
	margin-right:20px;

   } 
/**** news ****/
#news{
   clear:both;
   width:700px;
   _width:210px;
   height:auto;
   margin:0px;
   padding:0px;
   }
 p{
   font-size:14px;
   line-height:1.5em;
   }   
h5#oshirase{
   background:url(../bilder/oshirase.jpg) no-repeat;  
   height:16px;
   width:auto;
   font-size:0px;
   text-indent: -999em;
   margin:0px;
   padding:0px;
   color:#FFFFFF;
}
dl{
   margin:0 0 20px 0;
   padding:0;
   width:100%;
   }

dl dt{
	font-size: 12px;
	margin-top:0px;
	padding:2px;
	border-bottom:1px solid #7BAEB5;
	padding-left:10px;
	width:600px;
	_width:210px;
	cursor:pointer;
	color:#333333;
}
div#glayLayer{
	display:none;
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:100%;
	background:#7BAEB5;
	filter:alpha(opacity=75);
	opacity: 0.75;
}
* html div#glayLayer{
	position:absolute;
}
#overLayer{
	display:none;
	width:400px;
	background:white;
	padding:10px;
	position: fixed;
	top:50%;
	left:50%;
}
#overLayer img.close{
    position:absolute;
    top:-10px;
    right:-10px; 
    cursor:pointer;
}
* html #overLayer{
	position: absolute;
}
#line{
   background:url(../bilder/backline3.gif) no-repeat;
   height:12px;
   width:auto;
   }
ul#shitasen{
   margin:0 0 30px 0;
   padding:0px;  
   }
ul#shitasen li{
   clear:both;
   border-bottom:#999999 solid 1px;
   margin-left:0px;
   padding-left:0px;
   }
ul#shitasen li a{
   text-decoration:none;
   }
ul#shitasen li a:hover{
   text-decoration:underline;
   }      
span.yajirusi{
   background:url(../bilder/ico_arrow_pink_circle.gif) no-repeat;
   margin-left:20px;
   }
    
/*****/       
/******sidemenu******/
	  
#sidemenu{
   float: left;
   width:15%;
   height:50px;
   margin-top:40px;
   margin-left:0px;

   }
  
ul#jyoudan{
   margin-left:10px; 
   margin-top:0px;
   padding: 0px;
   line-height:0px;
   list-style:none;
   text-indent:.5em;
}   
#jyoudan li,#jyoudan li a{
   display:block;
   line-height:2.5em;
   width:100px;
   list-style:none;
   font-size:11px;
   font-weight:bold;
   color:#666666;
   text-decoration:none;
    }
#jyoudan li a:hover{
   color:#111111;
   font-size:11px;
   background:url(../bilder/sidecover.png) no-repeat;
   width:100px;
   }
#sidemenu img{
   display:block;
   margin:0 0 4px 15px;
   padding:0px;
   width:94px;
   height:13px;
   } 
#sideback{
   background:url(../bilder/sideback2.gif) no-repeat;
   width:100px;
   height:8px;
    margin-left:12px;
   } 
#sidemenu p{
   width:100px;
   height:90px;
   background: url(../bilder/washi.gif) no-repeat;
   color:#FFFFFF;
   margin-left:10px;
   font-size:11px;
   text-align:center;
   margin-top:10px;
   padding-top:7px;
   }   
#sidemenu span{
   color: #111111;
   }         	
li#naiyou{
   border-bottom: #CCCCCC dotted 2px;
   }
li#koshi{

   border-bottom: #CCCCCC dotted 2px;
   }	

li#taiken{

    border-bottom: #CCCCCC dotted 2px;
	}

li#nyukai{

   border-bottom: #CCCCCC dotted 2px;
   }
 
li#jyukouryo{
 
   border-bottom: #CCCCCC dotted 2px;
   }   

li#jyukouryo{
 
   border-bottom: #CCCCCC dotted 2px;
   }   

li#jyusho{
  border-bottom: #CCCCCC dotted 2px;
   }
   
 ul#gedan{
   background:url(../bilder/shitayoko.gif) no-repeat;
   width:98px;
   height:79px;
   padding-top:5px;
   padding-left:4px;
   margin-bottom:5px;
   margin-left:10px;
   }  
#gedan li,#gedan li a{
   display:block;
   width:94px;
   }     
li#motiv{
   background:url(../bilder/motiv.gif) no-repeat;
   text-indent:-999em;
   height:23px;
   }
li#motiv a:hover{   
   background:url(../bilder/motivcover.gif) no-repeat;
   }      
li#book{
   background:url(../bilder/book.gif) no-repeat;
   text-indent:-999em;
   height:23px;

   }
li#book a:hover{   
   background:url(../bilder/bookcover.gif) no-repeat;
   }
li#pukiwiki{
   background:url(../bilder/yougo3.gif) no-repeat;
   text-indent:-999em;
   height:23px;

   }
li#pukiwiki a:hover{   
   background:url(../bilder/yougocover3.gif) no-repeat;
   }