@charset "Shift_JIS";

body {
   margin: 0;
   padding: 0;
   font-size: small;
   color: #333;
}

#container {
   margin: 0 auto;
   padding: 0;
   width: 810px;
   color: #333;
   background: url(../images/bg.gif) repeat-y;  
 
}

#header {
   position: relative;
   width: 800px;
}

#header #logo {
   margin:  0 auto;
   padding: 0;
   width: 800px;
   height:136px;
}

#header #logo img{
   position: absolute;
   top:    5px;
   left:  55px;
}

#header ul#nav {
   margin:  0;
   padding: 0px 5px 0px 5px;
   width: 810px;
   height: 50px;
   color: #333;
}

#header ul#nav li {
   list-style: none;
   display: block;
   margin: 0;
   padding: 0;
   text-indent: -9999px;
   height: 50px;
   float: left;
}

#header ul#nav li a {
   display: block;
   padding: 0;
   height: 50px;
   text-decoration: none;
   background-image: url(../images/menu.gif);
   background-repeat: no-repeat;
}

#header ul#nav li#nav-top       {width:       76px;}
#header ul#nav li#nav-hist      {width:       79px;}
#header ul#nav li#nav-raise     {width:      128px;}
#header ul#nav li#nav-info      {width:      212px;}
#header ul#nav li#nav-sell      {width:      144px;}
#header ul#nav li#nav-cal       {width:       74px;}
#header ul#nav li#nav-links     {width:       87px;}

#header ul#nav li#nav-top a     {background-position:     0px 0%;}
#header ul#nav li#nav-hist a    {background-position:   -76px 0%;}
#header ul#nav li#nav-raise a   {background-position:  -155px 0%;}
#header ul#nav li#nav-info a    {background-position:  -283px 0%;}
#header ul#nav li#nav-sell a    {background-position:  -495px 0%;}
#header ul#nav li#nav-cal a     {background-position:  -639px 0%;}
#header ul#nav li#nav-links a   {background-position:  -713px 0%;}

#header ul#nav li#nav-top a:hover     {background-position:     0px  98%;}
#header ul#nav li#nav-hist a:hover    {background-position:   -76px  98%;}
#header ul#nav li#nav-raise a:hover   {background-position:  -155px  98%;}
#header ul#nav li#nav-info a:hover    {background-position:  -283px  98%;}
#header ul#nav li#nav-sell a:hover    {background-position:  -495px  98%;}
#header ul#nav li#nav-cal a:hover     {background-position:  -639px  98%;}
#header ul#nav li#nav-links a:hover   {background-position:  -713px  98%;}

#header ul#nav li#nav-top.current-page     {background: url(../images/menu.gif)     0px 98%;}
#header ul#nav li#nav-hist.current-page    {background: url(../images/menu.gif)   -76px 98%;}
#header ul#nav li#nav-raise.current-page   {background: url(../images/menu.gif)  -155px 98%;}
#header ul#nav li#nav-info.current-page    {background: url(../images/menu.gif)  -283px 98%;}
#header ul#nav li#nav-sell.current-page    {background: url(../images/menu.gif)  -495px 98%;}
#header ul#nav li#nav-cal.current-page     {background: url(../images/menu.gif)  -639px 98%;}
#header ul#nav li#nav-links.current-page   {background: url(../images/menu.gif)  -713px 98%;}

#header #object {
   width:   800px;
   height:  300px;
   margin:  0 auto;
   padding: 0px 5px 0px 5px;
}

#header hr {
   display: none;
}

#content {
   margin: 0 auto;
   width: 780px;
 }

#footer {
   width: 790px;
   margin: 0 auto;
   padding: 10px 0px 0px 10px;
   background-color: gray;
   text-align: center;
   clear: both;
 }

h1 {
  width: 780px;
  background-color: #e9ecdb;
  border-bottom: 3px ridge #beb5b9;
  }

h2 {
  color: #622727;  
  background-color: #fff000;
  width: 250px;
  }

h3 {
  margin: 45px 5px 0 0;
  color: #ff8800;  
  background-color: #beb5b9;
  border-bottom: 2px ridge #99ccee;
  text-align: left;
  clear: both;
  }

h4 {
  color: #ffffff;  
  }

dt {
   color: #ff0000;
   font-size: 1.8em;   
   line-height: 1.5;
   clear: both;
}

dd {
   line-height: 1.5;
   border-top: 6px solid #ffffff;
   clear: both;
}
  
p {
  font-size: small;
  line-height: 1.5;
  text-align: left;
  clear: left;
}

li{
  margin: 5px 5px 0 0;
  color: #000000;
  font-size: medium;
  line-height: 1.5;
  text-align: left;
}

th{
 text-align: center;

}

td{
 text-align: right;

}
table#ryoukin{
 margin: 20px 10px 20px 0;
 width: 400px;
 border-top: 1px solid #aaaaaa;
 border-collapse: collapse;
}

table#ryoukin th{
 font-weight: normal;
 color: #444444;
 background: #f1f1ed;
}

table#ryoukin th, table#ryoukin td{
 padding: 0.6em 1.2em;
 border-bottom: 1px dotted #726d6b;
}

table#shop{
 margin: 20px 10px 20px 0;
 width: 750px;
 border:1px solid #aaaaaa;
 border-collapse: collapse;
}

table#shop th{
 font-weight: normal;
 color: #444444;
 background: #f1f1ed;
}

table#shop th, table#shop td{
 padding: 0.6em 1.2em;
 border: 1px solid #726d6b;
}

img{
  float: left;
  margin: 0 1em 0.5em 0;
  border: 1px solid #e0d8cd;
  vertical-align: bottom;
}