@chraset "utf_8"

*html body {  　　　　　/*IE6だけに適用*/
   overflow-y:auto;
}

*+html body {　　　　　/*IE7だけに適用*/
   overflow-y:auto;
}

body {
 overflow-y:scroll;
 background-image:url(../images/conkuri.jpg); 
 margin:0;
 padding:0;
 font-famly:"ヒラギノ角ゴ Pro W3","Hiragino KaKu Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}



h1 {
 font-size:12px;
 text-align:right;
 padding:20px 0 0 0;
}

li {
 list-style:none;
}


div#wrapper {
 padding:0;
 margin:0px auto;
 width:800px;
}

div#header {
 width:800px;
}

div#header .rogo {
 width:400px;
 height:50px;
 float:left;
}

div#header .h {
 width:400px;
 height:50px;
 float:right;
}


div#index {
 width:800px;
 height:30px;
 clear:right;
}

div#index ul {
 font-size:13px;
 font-family:Arial;
 font-weight:bold;
 text-align:center;
 color:#fff;
 padding:0;
}

div#index ul li {
 width:100px;
 height:30px; 
 float:left;
 background:url(../images/botan/botan.gif) no-repeat;
 line-height:30px;
 position:relative;
}

div#index a {
 display:block;
 background:url(../images/botan/botan.gif) no-repeat;
 height:30px;
 text-decoration:none;
 color:#fff;
}

div#index a:hover {
 background-position:0 -30px;
}

div#index ul li ul.pd {
 display:none;
 font-size:12px;
 padding:0;
}

div#index ul li:hover ul.pd {
 display:block;
 position:absolute;
 z-index:10;
}

div#index ul li a:hover ul.pd {
 display:block;
 position:absolute;
 top:30px;
 z-index:10;
}

div#index ul li table {
 border-collapse:collapse;
 border:none;
 position:absolute;
 top:0;
 left:0;
}


div#space {
 width:800px;
 height:5px;
 clear:both;
}

div#space_m {
 width:800px;
 height:5px;
 clear:both;
}

div#space_f {
 width:800px;
 height:1px;
 clear:both;
}


div#footer {
 width:800px;
 height:15px;
 background-image:url(../images/kiback.jpg);
 background-repeat:repeat-x;
 color:#fff;
 font-size:11px;
 font-family:Arial;
}

div#footer p {
 text-align:right;
}
