/* Init
-------------------------------------*/
html { overflow-y:scroll; }
body, dl, dt, dd, h1, h2, h3, h4, h5, h6, h7, form { margin: 0; padding: 0; }
img { border: 0; }

body {
   text-align: center;
   font-size: 80%;
   font-family: 'メイリオ', Verdana;
   line-height: 1.22em;
   color: #404040;
   background-color:#000;
   background-image:url("../img/bg.gif");
}

table {  }

a:link {
   color: #8c8c8c;
}

a:visited {
   color: #a4a4a4;
}

a:hover {
   color: #910000;
}

a:active {
   color: #a30000;
}

ol, ul {
   padding-left: 22px;
   *padding-left: 0;
   margin: 0;
   *margin-left: 25px;
}


/* Container
-------------------------------------*/
#container {
   margin-left: auto;
   margin-right: auto;
   text-align: left;
   width: 800px;
   background-color: #fff;
}

/* Header
-------------------------------------*/
#header {
   margin-left: 20px;
   margin-right: 20px;
   height: 94px;
   margin-bottom: 34px;
}

#header h1 {
   float:left;
   width: 760px;
   background-image: url(../img/top.gif);
   background-repeat: no-repeat;
}

#header h1 a {
   display: block;
   width: 760px;
   height: 74px;
   text-indent:-9999px;
   outline: none;
}

#header ul.header-menu {
   margin: 0;
   padding: 3px 0 3px;
   float: right;
   width: 760px;
   list-style-type: none;
   border-top:1px solid #000000;
   border-bottom:3px solid #000000;
}

#header ul.header-menu li {
   display: inline;
   text-indent:-9999px;
}

#header ul.header-menu li a {
   display: block;
   float: left;
   width: 118px;
   height:30px;
   text-indent:-9999px;
}
#header ul.header-menu li.home a{
   width: 56px;
background-image:url(../img/btn-home.gif);
}

#header ul.header-menu li.news a{
background-image:url(../img/btn-news.gif);
}
#header ul.header-menu li.info a{
background-image:url(../img/btn-news.gif);
}

#header ul.header-menu li.blog a{
background-image:url(../img/btn-blog.gif);
}

#header ul.header-menu li.about a{
background-image:url(../img/btn-about.gif);
}

#header ul.header-menu li.members a{
background-image:url(../img/btn-members.gif);
}

#header ul.header-menu li.store a{
background-image:url(../img/btn-store.gif);
}

#header ul.header-menu li.lab a{
   width: 110px;
background-image:url(../img/btn-lab.gif);
}


#header ul.header-menu li a:hover{
background-position:0 -30px;
}

/* Here
-------------------------------------*/
#here {
   clear: both;
   margin-left: 20px;
   margin-right: 20px;
   padding: 9px;
   border-bottom: 2px solid #000;
}

#here ul {
   margin: 0; padding: 0;
   list-style-type: none;
}

#here li {
   display: inline;
   background-image: url(../img/here.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 13px;

   color: #3b80b5;
}

#here a {
   color: #5b5b5b;
   text-decoration: none;
}

#here a:hover {
   text-decoration: underline;
}

#here li:first-child {
   background: none;
   padding-left: 0;
}

/* Footer
-------------------------------------*/
#footer {
   clear: both;
   font-size: 80%;
}

#footer div.footer-menu {
   margin-top: 10px;
   padding-top: 50px;
   padding-right: 10px;
   padding-bottom: 10px;
   text-align: right;
   background-color: #ececec;
}

#footer div.footer-menu ul {
   margin: 0; padding: 0;
   list-style-type: none;
}

#footer div.footer-menu ul li {
   display: inline;
   background-image: url(../img/footer-menu-separator.gif);
   background-repeat: no-repeat;
   background-position: left;
   padding-left: 8px;
   padding-right: 4px;
}

#footer div.footer-menu ul li:first-child {
   background: none;
}

#footer div.footer-menu li a {
   text-decoration: none;
   color: #505050;
}
#footer div.footer-menu li a:hover {
   text-decoration: underline;
}

#footer p.info {
   background-color: #494949;
   color: #fff;

   margin: 0; padding: 0;
   text-align: right;
   padding-top: 10px;
   padding-right: 10px;
   padding-bottom: 3px;
}

#footer p.copyright {
   background-color: #494949;
   color: #fff;

   margin: 0; padding: 0;
   text-align: right;
   padding-bottom: 37px;
   padding-right: 10px;
}

#footer p.copyright strong {
}


/* Contents
-------------------------------------*/
#contents-wrapper {
   margin-left: 20px;
   margin-right: 20px;
}

#sub-title {
   clear: both;
   margin-left: 20px;
   margin-right: 20px;
   height: 100px;
   background-repeat: no-repeat;
   background-position: top left;
   vertical-align: bottom;
}
#sub-title h1 {
   margin: 0; padding: 0;
   text-indent: -9999px;
   text-align: left;
}
#sub-title h1 a {
   display: block;
}
#sub-title2 {
   clear: both;
   margin-left: 20px;
   margin-right: 20px;
   height: 100px;
   background-repeat: no-repeat;
   background-position: top left;
   vertical-align: bottom;
}
#sub-title2 h1 {
   margin: 0; padding: 0;
   text-indent: -9999px;
   text-align: left;
}
#sub-title2 h1 a {
   display: block;
}