@charset   "UTF-8";

body {
      text-align: center;
      font-size: 75%;
}

#wrapper {
      width: 1000px;
      margin: 0 auto;
      
}

p {
      padding: 10px;
      color: #808080;
      text-align: left;
      line-height: 1.5em;
      font-size: 1.2em;
}

p img {
      margin: 5px 0;
}

#header {
      position: relative;
      height: 200px;
      background: url(titleback3.gif) no-repeat right #d3d3d3;
      
}

#header h1 {
      position: absolute;
      right: 10px;
      top: 50px;
}

#secondback {
      position: absolute;
      left: 0px;
      top: 0px;
}

#commentheader {
      background: #f0f8ff;
}

#commentheader h2 {
      background: url(goaisatu.gif) no-repeat;
      font-size: 1.7em;
      padding: 10px 0;
      font-weight: bold;
}

#commentheader h3 {
      padding: 10px;
      font-size: 1.2em;
      line-height: 1.4em;
}

#contentbox {
       position: relative;
       width: 100% ;
       margin: 10px 0;
       
}

#left {
       position: absolute;
       left: 0px;
       top: 0px;
       width: 170px;
       background: url(sidebartop.gif) no-repeat top;
}

#left img {
       margin: 5px 0;
}

#right {
       position: absolute;
       right: 0px;
       top: 0px;
       width: 396px;
       
}

#center {
        width: 426px;
        margin: 0 396px 0 172px;
        
}

.content {
        width: 100%;
        border: solid 1px #808080;
        padding: 10px 0;
        margin-bottom: 5px;
}

.content h2 {
        font-size: 1.3em;
        padding: 10px;
}

.content h3 {
        font-size: 1.3em;
        display:block;
        padding: 10px;
        background: url(titleback2.gif) no-repeat;
}

#bookcontent {
        width: 100%;
        border: solid 1px #87ceeb;
        padding: 10px 0;
        margin-bottom: 5px;
        background: url(booklogo.gif) no-repeat top left;
}

#bookcontent h2 {
        font-size: 1.3em;
        padding: 10px;
}

#bookcontent a {
        font-weight: bold;
        color: #800000;
}

#gamecontent {
        width: 100%;
        border: solid 1px #808080;
        padding: 10px 0;
        margin-bottom: 5px;
}

#gamecontent h3 {
         font-size: 1.3em;
         padding: 10px;
         color: #ffffff;
         background: #d8bfd8;
         font-weight: bold;
}

#left h2 {
         font-size: 1.3em;
         padding: 10px 0 0 0;
         font-weight: bold;
}

#btocontent {
          background: url(btoback.gif) no-repeat top;
}

#btocontent h3 {
          font-size: 1.3em;
          padding-top: 3px;
          font-weight: bold;
}

#btocontent p {
      padding: 10px;
      color: #808080;
      text-align: left;
      line-height: 1.5em;
      font-size: 1.2em;
      border-right: solid 1px #808080;
      border-left: solid 1px #808080;
      border-bottom: solid 1px #808080;
}





#navi {
         background: #e0ffff;
}

#navi li {}

#navi a {
         display: block;
         line-height: 3.0em;
         background: url(toplist.gif) no-repeat left;
         padding-left: 20px;
         color: black;
}

#navi a:hover {
         background: black;
         color: white;
}

#footer {
        width: 100%;
        border: solid 1px;
}

#undernavi {
         width: 100%;
}

#undernavi li {
         width: 199px;
         float: left;
         border-left: solid 1px #ffffff;
         border-bottom: solid 1px #ffffff;
}

#undernavi a {
         display: block;
         line-height: 2em;
         background: #000000;
         color: #ffffff;
         width: 100%;
}

#undernavi a:hover {
          background: #ffffff;
          color: #000000;
}

#copylight {
          clear: both;
          font-size: 1.2em;
}