@charset "utf-8";

body { margin: 0; padding: 0; }
body { background: url(bg.png) no-repeat center -120px #d0d0d0; font-family: Georgia, "Times New Roman", Times, serif; }
.wr { width: 980px; margin: auto;background: #fff; border: 9px solid #000; clear: both; padding: 1px; position: relative; }
.wr-out { width: 1000px; margin: auto; }
#head { border-top: none; }
#head img { margin-bottom: 2px; border: none;}
#head img.top { margin-bottom: 2px; }
#head h1 { position: absolute; left: -60px; top: 190px; z-index: 1; }
#head h1 span { text-indent: -9999px; position: absolute; top: 0; left:0; }
#head ul#nav { position: absolute; right: -20px; top: 340px; }
#head ul#nav  li { float:left; }
#head ul#nav  li a { display: block; height: 97px; overflow: hidden; position: relative; float:left; }
#head ul#nav  li a img { position: absolute; top:0px; }
#head ul#nav  li.mem a { width: 218px; }
#head ul#nav  li.submit a { width: 169px; }
#head ul#nav  li.join a { width: 236px; }
#head ul#nav  li.mem a img { left: 0; }
#head ul#nav  li.submit a img { left: -218px; }
#head ul#nav  li.join a img { left: -387px; }
#head ul#nav  li.mem a:hover img { top: -97px; }
#head ul#nav  li.submit a:hover img { top: -97px; }
#head ul#nav  li.join a:hover img {  top: -97px; }
#intro { padding: 60px 0 0 0; }
#intro p { font-size: 12px;}