* {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 background: #6E402D;
 width: 100%;
 font-size: 11pt;
 line-height: 1.3;
 font-family:'Lucida Grande', Meiryo, sans-serif;
}

#components{
 width: 800px;
 margin-left: auto;
 margin-right: auto;
 background: white;
 border-width: 0 6px;
 border-style: solid;
 border-color: #563124;
}

#header{
 position:relative;
 background-position: top left;
 background-repeat: no-repeat;
 background-attachment: scroll;
 height: 300px;
}
#header img {float: left}
#header ul {
 float: right;
 width: 396px;
 height: 30px;
 overflow: hidden;
}
#header li {
 float: left;
 list-style: none;
 width: 118px;
 background: url("/img/parts.png") 0 -26px no-repeat;
}
#header li#aboutus {width: 160px}
#header li a {
 color: black;
 display: block;
 text-align: center;
 line-height: 30px;
 font-size: 10px;
}
#header li a:hover {
 color: white;
 background: #1C563C;
 text-decoration: none;
}
#play-l li {
 width: 64px;
 height: 64px;
 position:absolute;
 top: 118px;
 left: 20px;
 background: url('/img/play.png') 0px -192px;
}
#play-l li a {
 width: 64px;
 height: 64px;
}
#play-l li a:hover {
 background: url('/img/play.png') 0px -128px;
}
 
#play-r li {
 width: 64px;
 height: 64px;
 position:absolute;
 top: 118px;
 right: 20px;
 background: url('/img/play.png') 0px -64px;
}
#play-r li a {
 width: 64px;
 height: 64px;
}
#play-r li a:hover {
 background: url('/img/play.png');
}
 
#photodate {
 clear: both;
 position:absolute;
 bottom: 4px;
 right: 10px;
 color: white;
 font-size: 16px;
 text-align: right;
}
#header div#aboutusmsg {
 text-align: left;
 margin-right: 22px;
 float: right;
 width: 230px;
 display: none;
}
#header .waku {background: url("/img/alpha.png")}

#menu {
 position:relative;
 clear: both; 
}
#menu ul {
 width: 100%;
 font-size: 16pt;
 height: 30px;
 overflow: hidden;
 background: #563124;
}
#menu li {
 float: left;
 list-style: none;
 width: 100px;
 background: url("/img/parts.png") repeat-x 0 -56px;
 border-right: solid 1px #271610;
}
#menu li a {
 color: #cccccc;
 display: block;
 text-align: center;
 padding-top: 2px;
}
#menu li a:hover {
 color: white;
 background: #1C563C;
 text-decoration: none;
}
#rss {
 position:absolute;
 bottom: 2px;
 right: 2px;
 width: 26px;
 height: 26px;
 background: url("/img/parts.png") no-repeat 0 0;
}

#info {
 float: right;
 width: 230px;
 padding: 0.5em;
}
#counter iframe {
 width: 220px;
 margin-top: 12px;
 height: 80px;
}

.waku {
 padding: 6px;
 border: #999999 double 1px;
 margin-bottom: 1em;
 font-size: 10pt;
}

p {margin-bottom: 0.75em}

ul {
 list-style:
 none outside;
}

a {outline: none;}
a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: underline}
a:hover {text-decoration: underline}

.bold {font-weight:bold} 
.center {text-align:center}

ul hr {margin: 0.5em 0}

#main {
 float: left;
 width: 540px;
 margin-left: 5px;
}

.msg {
 padding: 8px 6px 6px;
 border: #cccccc double 2px;
 margin: 6px 6px 12px;
 font-size: 12pt;
 text-align: center;
}

.map iframe {width: 215px}

#members {
 background: #1c563c;
 border-radius: 8px;
 border: 3px double #66cc66;
}
#members li a {
 padding: 8px;
 color: #cccccc;
 display: block;
 text-align: center;
}
#members li a:hover {
 text-decoration: none;
 background: #999999;
 color: #333333;
}

#sp {
 background: #f8f8f8;
 border: black solid 1px;
 margin-top: 1em;
}
#sp li a {
 padding: 8px;
 color: #333;
 display: block;
 text-align: center;
 cursor:pointer;
}
#sp li a:hover {
 text-decoration: none;
 background: #999999;
 color: white;
}

#footer {
 clear: both;
 margin: 1em auto;
 padding-top: 1em;
 height: 2em;
 background: #AD9A88;
 text-align: center;
 line-height: 1;
}

div.navi {
 clear: both;
 margin: 1em 0;
 padding: 4px 8px;
 font-size: 12px;
 height: 18px;
}
.older {float:left;}
.newer {float:right;}

h1 {
 clear: left;
 font-size: 16px;
 border-left:   #563124 solid 1.5em;
 border-bottom: #563124 solid 1px;
 margin-top: 6px;
 margin-bottom: 1em;
 padding: 0.25em 0.5em;
}

h2 {
 clear: left;
 border-bottom: #563124 solid 1px;
 margin: 0.5em 0;
 padding: 0.25em 0;
}

.article {margin: 1em}
.article img {
 width: 250px;
 margin: 1em;
}
.article li {
 margin-left:1em;
 margin-bottom:6px;
 list-style: disc;
}

p.pic {text-align: center}

.date {
 text-align: right;
 font-size: 10pt;
 color: gray;
 margin: 0.5em 0;
}

.map {
 padding: 6px;
 border: #999999 double 1px;
 margin-bottom: 1em;
 font-size: 10pt;
}

object, embed {
 width: 420px;
 height: 345px;
}

h3 {margin-bottom: 0.25em;}

td.inq_name {
 padding: 0.25em 1em;
 background: #f3f4fa;
 text-align: right;
 width: 25%;
 border: solid 1pt #999999;
 font-weight: bold;
}

td.inq_val {
 padding: 0.25em 1em;
 background: white;
 text-align: left;
 width: 75%;
 border: solid 1pt #999999;
}

textarea.inq {width:90%}
input.inq {width:90%}