@font-face { font-family: serif }
body  { color: #000; font-size: 13px; background-color: #fff; text-align: center; margin: 0; padding: 0; width: 100% }
a { color: #666; text-decoration: underline }
a:hover { color: #f00; text-decoration: none }
a:visited  { color: #999; text-decoration: none }
#header { background-color: #6ff; text-align: left; margin: 0; padding: 0 0 50px; width: 700px; float: left; overflow: visible }
#header h1  { color: #fff; margin: 20px 0 0 25px }
#header h1 a { color: #fff; text-decoration: none }
#nav  { font-size: 16px; line-height: 2em; margin: 0; padding: 0; width: 700px; float: left }
#nav li { line-height: 2em; list-style-type: none; margin: 0; padding: 0; float: left }
#nav li a   { color: #666; text-decoration: underline; display: block; margin: 0; padding: 0 0.5em }
#nav li a:hover { line-height: 2em; text-decoration: none; display: block }
#menu { font-size: 1em; line-height: 2em; text-align: left; margin: 0; padding: 0; width: 160px; float: left }
#menu li { line-height: 2em; list-style-type: none; margin: 0; padding: 0; width: 160px; float: left }
#menu li a   { color: #666; display: block; margin: 0; padding: 0 0 0 5px; width: 145px; border-left: 10px solid #6ff }
#menu li a:hover { display: block; border-right: 10px solid #f00; border-left: 0 none }
#container  { text-align: left; margin: 0 auto; padding: 0; width: 700px }
#box  { margin: 0; padding: 0; width: 700px; float: left }
.contents { line-height: 1.5em; text-align: left; margin: 0; padding: 0; width: 535px; float: right }
.contents p { font-size: 1em; text-align: left; margin: 0 5px; padding: 0 }
.contents h2 { color: #3ff; font-size: 1.5em; font-weight: bold; margin: 0 }
#copy { font-size: 12px; text-align: left; margin: 0; padding: 30px 0 0; width: 700px; float: left }
#foot { font-size: 12px; text-align: left; margin: 0; padding: 0; width: 700px; float: left }
.hide { visibility: hidden }
.design-by { font-size: 10px; float: right }