body {
   width: 800px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}



div#container {
   margin: 0 auto;
   width: 790px;
   text-align: left;
   background-color: #ffffff;
}

div#head {
  background: url("image/title.jpg");
  background-repeat: repeat-x;
   margin-top: 0;
   margin-bottom: 0;
   padding-bottom: 0;
   background-color: #33ffff;
   height: 100px;
}

div#header2 {background-color: #99ccff;
             margin-top: 0;
             padding-top: 2px;
             padding-bottom: 2px;
             padding-left: 10px;
　　　　　　 font-size: 0.75em;
             
}

div#counter {
    font-size: 10px;
    color: #3366ff;
    font-style: bold;
    border-style: solid;
    border: 1px 1px 1px 1px;
}

 div#main { width: 570px;
            float: left;}

div#mainContent {
   background-color: #ffffff;
   margin-left: 5px;
   padding-left: 10px;
   
   width: 395px;
   float: right;
  
   margin-top: 15px;
}

.clearfix:after {
   content:".";
   display:block;
   height:0;
   clear:both;
   visibility:hidden;
}


div#mainContent h1 {font-size: 1em;
                    color: #ffffff;
                    background-color: #ffffff;
                    
                    padding-left: 10px;
                    line-height: 50px;}

div#mainContent h2 {font-size: 1em;
                    background: url("image/list1.gif");
                    background-color: #ccffcc;
                    background-repeat: no-repeat;
                    color: #009999;
                    padding-left: 15px;
                    margin-left:5px;
                    margin-bottom: 5px;}

div#mainContent p {font-size: 0.75em;
                   color: #000033;
                   margin-top: 0;
                   padding-left: 10px;
                  }

div#mainContent div.special {
   width : 395px;
   background-color: #ccffff;
   padding : 2px ;
   color: #3333ff;
   border-style: dashed;
   border-width: 1px;
   border-color: #66ccff;
}

p.left { margin-left: 5px; }

div#mainContent em {
   color: #ff0099;
   font-weight: bold;
}

div#mainContent em.newyear {
   font-size : 1.1em;
   color: #ff0099;
   font-weight: bold;
}

div#mainContent ul {
    font-size: 0.75em;
    color: #3333ff;
    margin-top:0;
    margin-left: 0;
    margin-bottom: 5px;
    padding-top:0;
    padding-left: 10px;}

div#mainContent ul li {
   list-style-image: url("image/list4.gif");
   list-style-position: inside;
   padding-left: 15px;
}

div#menu {
   background-color: #e6e6fa;
   float: left;
   clear: left;
   width: 150px;
   font-size: 0.75em;
   border: 1px solid #3399ff;
   margin-top: 15px;
   margin-left: 0;
   margin-right: 5px;
   padding-left: 0;
}



div#menu ul {margin-top: 10px;
             margin-left: 0;
             padding-left: 0;
             line-height: 0 ;
             background-color: #ffffff; }


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

div#menu ul li a {display: block;
                  line-height: 30px;
                  text-decoration: none;
                  color: #ffffff;
                  background-color: #005087;
                  border-bottom: solid 1px #ffffff;
                  padding-left: 10px;
                  padding-bottom: 0;
                 }
a#submenu {background-color: #ffffff;
           text-decoration: none;
           }

div#menu ul li a:hover {background-color: #017acd}

div#menu ul li ul {margin-top: 0;
                   padding-top: 0}

div#menu ul li ul li {line-height: 30px;
                      background-color: #ffffff;
                      margin-top: 0;
                      margin-left: 10px;}
div#menu ul li ul li a {background-color: #ffffff;
                        color: #000000;
                        border-bottom: solid 1px #aacfff;}

div#menu ul li ul li a:hover {background-color: #99ccff;
                              color: #ffffff;}

div#subContent {
   float: right;
   _clear: left;
   margin-left: 5px;
   width: 190px;
  
   margin-top: 15px;
   padding-left: 10px;
   border: solid 1px #3399ff;

}

div#subContent div.frame {border: solid 1px #1e90ff;
                          margin-top: 0;
                          padding-top: 0;
                          height: 150px;
                          width: 170px;
                          overflow: scroll;}
div#subContent div.frame h4 { color: #4169e1;
                              padding-top: 5px;
                              padding-left: 5px;
                              margin-top:0;
                              margin-bottom: 0;
                              padding-bottom: 0;}

div#subContent div.frame ul {font-size: 0.75em;
                             color: #001122;
                             margin-top:0;
                             margin-left: 0;
                             margin-bottom: 5px;
                             padding-top:0;
                             padding-left: 10px}

div#subContent div.frame ul li {
   list-style-image: url("image/list_button1.gif");
   list-style-position: inside;
}

div#subContent div.from ul {font-size: 0.70em;
                             color: #3333ff;
                             margin-top:0;
                             margin-left: 0;
                             margin-bottom: 5px;
                             padding-top:0;
                             padding-left: 12px}

div#subContent div.from ul li {
   list-style-image: url("image/from_list.gif");
   list-style-position: inside;
}

div#subContent div.fight ul {font-size: 0.70em;
                             color: #3333ff;
                             margin-top:0;
                             margin-left: 0;
                             margin-bottom: 5px;
                             padding-top:0;
                             padding-left: 12px}

div#subContent div.fight ul li {
   list-style-image: url("image/from_list.gif");
   list-style-position: inside;
}
div#subContent p {
   background-color: #ffffff;
   background: url("image/bana1.gif") no-repeat;
   height: 27px;
   color: #ffffff;
   font-size: 1.0em;
   padding-top: 3px;
   padding-left: 10px;
}

div#subContent table {font-size: 0.75em}




div#foot {
   background-color: #ffffff;
   background: url("image/line2.gif");
   background-repeat: repeat-x;
   margin-top: 150px;
   
   clear: both;
}

div#foot address {text-align: center;
                  font-family: "Times New Roman";
                  padding-top: 10px;}