/* GNOBLE indexデザインcss */

body {
      font-family:"メイリオ",Meiryo,"MS Pゴシック", Osaka, sans-serif;

/*      background-color:#81b3fd;   影はibg.gifに対応*/
      padding-top:12px;
      background-color:#4973a5;
      background-image:url("back_gnoble.gif");
      background-repeat:repeat-x;
      background-position: left bottom;

      text-align:center;
}
a:link { color: #0033cc;
}
a:hover { color: #ff0000;
}
a:active { color: #996600;
}
a.noline { text-decoration:none; }

#outer {
margin: 0 auto;
width: 830px;
background: url(ibg2.gif) repeat-y center top;
}


#contents {
      width: 782px;
      margin:auto;
      background-color:#ffffff;

      background-image:url("csswall.gif");
      background-repeat:repeat-x;

      border: ridge 3px #aaaaaa;
 

      padding: 10px;
      text-align: left;

}

#panel {
      position: relative;
      width: 776px;
      height: 104px;
      margin: 0 auto;
      background-color: #ffffff;

      border-bottom: solid 10px #fac600;

      text-align: left;
}

.panel1 {
      position: absolute;
      left: 180px;
      top: 5px;
      font-size: 13px;
}

.panel2 {
      position: absolute;
      left: 526px;
      top: 32px;
      font-color: #1874cd;
      font-size: 12px;
}
.panel3 {
      position: absolute;
      top: 3px;
      left: 30px;
}
.panel4 {
      position: absolute;
      top: 26px;
      left: 172px;
}
.panel5 {
      position: absolute;
      top: 55px;
      left: 35px;
      font-size: 13px;
}
.panel6 {
      position: absolute;
      top: 46px;
      left: 526px;
      font-size: 25px;
}
.panel7 {
      position: absolute;
      top: 82px;
      left: 526px;
      font-size: 11px;
}
.panel8 {
      position: absolute;
      top: 82px;
      left: 656px;
      font-size: 11px;
}

#top_message {
      position: relative;
      left: 10px;
}

#flu {
      width: 782;
      padding: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
      position: relative;
      border-top:solid 8px #ffff00;
      border-right:solid 8px #ffcc00;
      border-bottom:solid 8px #ffcc00;
      border-left:solid 8px #ffff00;
}

#flu2 {
      width: 782;
      padding: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
      position: relative;
      border-top:solid 8px #66ffff;
      border-right:solid 8px #3399ff;
      border-bottom:solid 8px #3399ff;
      border-left:solid 8px #66ffff;
}

#main {
      position: relative;
      float: left;
      width: 460px;
}

#achieve {
      position: relative;
      float: left;
      width: 440px;
      border-top:solid 5px #ffcc00;
      border-bottom:solid 5px #cc9900;

/*
      border-right:solid 5px #cc9900;
      border-left:solid 5px #ffcc00;
*/
}

#side {
      position: relative;
      float: left;
      width: 312px;
      margin-left: 10px;
      background-color: #e4e3ff;
      line-height : 22px
}

#side2 {
      position: relative;
      float: left;
      width: 312px;
      margin-left: 10px;
      background-color: #eff7ff;
      line-height : 22px
}

#bulletin {
      position: relative;
      float: left;
      width: 440px;
      margin-left: 10px;
      background-color: #fffdb3;
      font-size: 15px;

      border-top:solid 5px #ffff00;
      border-right:solid 5px #ffcc00;
      border-bottom:solid 5px #ffcc00;
      border-left:solid 5px #ffff00;
}


#speed {
      position: relative;
      float: left;
      width: 312px;
      margin-left: 10px;
      background-color: #ffe9fe;
      font-size: 14px;

}

#que {
      position: relative;
      float: left;
      width: 312px;
      margin-left: 10px;
      background-color: #ffffff;
}

#hp {
      clear: left;
      position: relative;
      width: 782px;
      background-image: url("leaves.gif");
      background-repeat: no-repeat;
      background-position: left bottom;

      border-bottom: solid 2px #72bf44;

      text-align: left;
}