/* GNOBLE indexデザインcss */

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

/*      background-color:#81b3fd;   影はibg.gifに対応*/
      padding-top:10px;
      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: 1068px;
background: url(ibg2.gif) repeat-y center top;
}


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

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

      border: ridge 3px #aaaaaa;
 

      padding: 30px;
      text-align: left;

}

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

      border-bottom: solid 10px #fac600;

      text-align: left;
}

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

.panel2 {
      position: absolute;
      left: 626px;
      top: 32px;
      font-color: #1874cd;
      font-size: 12px;
}
.panel3 {
      position: absolute;
      top: 3px;
      left: 130px;
}
.panel4 {
      position: absolute;
      top: 26px;
      left: 272px;
}
.panel5 {
      position: absolute;
      top: 55px;
      left: 135px;
      font-size: 13px;
}
.panel6 {
      position: absolute;
      top: 46px;
      left: 626px;
      font-size: 25px;
}
.panel7 {
      position: absolute;
      top: 82px;
      left: 626px;
      font-size: 11px;
}
.panel8 {
      position: absolute;
      top: 82px;
      left: 756px;
      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-left: 90px;
      margin-right: 90px;
      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;
}

#flu5 {
      width: 782;
      padding: 10px;
      margin-top: 10px;
      margin-left: 90px;
      margin-right: 90px;
      margin-bottom: 10px;
      position: relative;
      border-top:solid 2px #f6c146;
      border-right:solid 2px #eb7652;
      border-bottom:solid 2px #eb7652;
      border-left:solid 2px #f6c146;
}

#flu3 {
      width: 782;
      padding: 10px;
      margin-top: 10px;
      margin-left: 90px;
      margin-right: 90px;
      margin-bottom: 10px;
      position: relative;
      border-top:solid 8px #ccff33;
      border-right:solid 8px #669933;
      border-bottom:solid 8px #669933;
      border-left:solid 8px #ccff33;
}

#flu4 {
      width: 782;
      padding: 10px;
      margin-top: 10px;
      margin-bottom: 10px;
      position: relative;
      border-top:solid 8px #34b269;
      border-right:solid 8px #009d69;
      border-bottom:solid 8px #009d69;
      border-left:solid 8px #34b269;
}

#main {
      position: relative;
      margin-left: 100px;
      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
}

#side3 {
      position: relative;
      float: left;
      width: 312px;
      margin-left: 10px;
      background-color: #ffffe0;
      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: 412px;
      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;
      margin-left: 100px;

      border-bottom: solid 2px #72bf44;

      text-align: left;
}