@charset "Shift_Jis";

body{
margin:0;
padding:0;
background-color:lightgrey;
}

#wrapper{
margin:0 auto 0 auto;
padding:0;
width:800px;
background-color:palegoldenrod ;
}

#header{
margin:0px;
padding:0px 10px 10px;
font-size: medium;
background-color:palegoldenrod ;
}

#contents{
margin:0;
padding:0;
width:770px;
background-color:palegoldenrod ;
}

#menu{
margin:0px;
padding:5px 2px;
float:left;
width:180px;
background-color:palegoldenrod ;
}

#menu ul{
margin: 0px;
padding: 0px;
font-size:medium;
}

#menu a{
text-indent: 25px;
text-decoration: none;
font-size: 14px;
font-weight: bold;
display: block;
margin: 0px;
padding: 4px 3px;
background: url(img_kog/i_menu/menu_a.gif);
background-repeat: no-repeat;
width:180px;
height: 25px;
}

#menu a:hover{
background: url(img_kog/i_menu/menu_b.gif);
background-repeat:no-repeat;
color: white;
}

#main{
margin:0px;
padding:10px 0px;
float:right;
width:580px;
background-color:palegoldenrod ;
}

#topics{
text-align: left;
margin: 0px;
padding: 7px;
float: none;
width: 486px;
background-color: white;
border: thin solid silver;
}

#t-title{
width: 494px;
margin: 0px;
padding: 3px;
float: none;
text-align: center;
background-color:#FFCC33;
border:thin solid silver;
}

#a-title{
margin: 0px;
padding: 3px;
float: none;
text-align: center;
background-color:#FFCC33;
border:thin solid silver;
}


#topic{
text-align: left;
margin: 0px;
padding: 5px 5px 20px 15px;
float: none;
background-color: white;
border:none;
}
#topic hr{
color: aqua;
height: 1px;
}


a:hover{
background-color: lightgrey;
color: #000040;
}

#contents:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
background-color:palegoldenrod ;
}

#footer{
background-color:palegoldenrod;
margin:0;
padding:0;
background-color:palegoldenrod ;
}

p{
margin:0;
padding:10px;
}