@charset "SHIFT_JIS";

#content {width: 810px; margin: 0; padding: 0;}

img {vertical-align: top;}

#topbar {width: 810px; margin: 0; padding: 5px;}

#topbar .title {font-family: "Century Gothic"; font-size: 20px; font-weight: bold; 
color: DarkGoldenrod; border-left: DarkGoldenrod solid 10px; margin: 2px; padding: 0; float: none;}

#topbar .menu {margin: 2px; padding: 5px; font-family: "Century Gothic"; 
font-size: 16px; border: #836b53 solid 1px; color: #836b53; font-weight: bold; float: left;}

#topbar .active_menu {margin: 2px; padding: 6px; font-family: "Century Gothic"; 
font-size: 16px; background: #836b53 solid 1px; color: MintCream; font-weight: bold; float: left;}

.menu a:link{color: #836b53; font-weight: bold; text-decoration: none;}
.menu a:visited{color: #836b53; font-weight: bold; text-decoration: none;}
.menu a:hover{color: #836b53; font-weight: bold; text-decoration: none;}
.menu a:active{color: #836b53; font-weight: bold; text-decoration: none;}

.active_menu a:link{color: MintCream; font-weight: bold; text-decoration: none;}
.active_menu a:visited{color: MintCream; font-weight: bold; text-decoration: none;}
.active_menu a:hover{color: MintCream; font-weight: bold; text-decoration: none;}
.active_menu a:active{color: MintCream; font-weight: bold; text-decoration: none;}

#infobox {margin: 5px; padding: 5px; float: left;}
#infobox .info {margin: 0; padding: 5px; border-top: HotPink solid 1px; border-bottom: HotPink solid 1px; }
#infobox .infotitle {color: MintCream; font-size: 16px; font-weight: bold; background: HotPink; 
margin: 2px; padding: 2px;}