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

body{
   text-align:center;
   background-color:#FFFFFF;
   margin: 0;
   background:url(images/bg_header.gif) repeat-x 0px 79px;
}

a{
   color: #666666;
   border:0;
}

img{
   border:0;
   margin: 0px;
   padding: 0px;
   vertical-align:bottom;
}   

#body{
   width:800px;
   margin:32px auto;
   text-align:left;
   background: url(images/kusa.gif) no-repeat 600px 450px;
}    
     
#logo{
   width:146px;
   height:50px;
   float: left;
   margin:0;
}

#logo img{
   margin:0;
}
   
#logo p{
   font-size:11px;
   color:#666666;
   margin:0px;
   text-align:center;
}

#navi{
   font-family:Trebuchet MS,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro",sans-serif;
   letter-spacing:0px;
   font-weight:lighter;
}   

#navi ul{
   display:block;
   width:654px;
   height:53px;
   background: #000000 url(images/navi.gif) no-repeat 0px 0px;
   float:left;
   margin:0;
   padding:0;
}

#navi li{
   width:125px;
   height:53px;
   float:left;
   list-style-type:none;
   margin:0;
   padding:0; 
}

#navi a,#navi a:hover{
   display:block;
   width:125px;
   height:38px;
   padding-top:15px;
   color:#009900;
   text-align:right;
   font-size: 12px;
   line-height:12px;
   text-decoration:none;
}

#navi a.s{
   display:block;
   width:125px;
   height:30px;
   color:#999999;
   padding-top:23px;
}

#navi a:hover.s{
   height:30px;
   color: #666666;
   line-height:12px;
   padding-top:23px;
}

/*----------------------for any--*/

.clear{
   clear:both;
   line-height:1px;
}

#main{
   width:800px;
   height:auto;
   font:Trebuchet MS,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","Hiragino Kaku Gothic Pro",sans-serif 14px;
   float:left;
   margin:20 0 20 0;
}

#main h1{
   width:790px;
   height:30px;
   background:url(images/bg_title.gif) no-repeat 3px top;
   margin-left:10px;
   margin-top:10px;
   padding: 5px 20px;
   font-size:14px;
   color:#7F6B5A;
   font-weight:lighter;
   text-align:left;
} 

#main p{
   width:700px;
   margin-left:50px;
   font-size:12px;
}

#main ul{
   width:700px;
   margin-left:60px;
   font-size:12px;
}

#info{
   clear:both;
   width:800px;
   height:80px;
   border-top:#666666 dotted 1px;
   padding-top:10px;
   margin-top:20px;
}  

#info img{
   height:auto;
   float:left;
   margin:5px;
} 

#info p{
   width:600px;
   float:left;
   text-align:left;
   font-size:12px;
   color:#666666;
   margin:0;
   padding:0;
} 

#footer{
   width:800px;
   height:auto;
   background:url(images/bg_footer.gif) repeat-x 0 top;
   clear:both;
}

#footer a:hover{
   color:#666666;
} 

#footer p{
   font-size:10px;
   color:#999999;
   text-align:right;
}
#footer a:hover{
   color:#666666;
} 

#footer p{
   font-size:10px;
   color:#999999;
   text-align:right;
}