* {
      margin: 0;
      padding: 0;
}    

body { font-size: 80%; }

body {
background-image: url(./img/body_bg.gif); 
background-repeat: repeat-y; 
background-position: center;
margin: 0px;  
}

h1,h2,h3,h4,h5 { font-size: small; }
h1.example0 { font-size: large; } 
h2.example1 { 
font-size: medium; 
color: #ff0000;
} 

ul,li.yoko {
display: inline;
list-style-type: none;
padding-left: 0px;
margin: 0 0 0 0em;
padding: 0;
} 

# .clear { clear:both; }  
# .clear hr { display:none; }


#header {
      background-image: url(./img/head_bg.gif); 
      background-repeat: no-repeat;
      width: 925px;
      max-width: 100%;
      height: 60px;
      margin: 0px 0px 0px 0px;
}

#container {
      width: 925px;
      background-position: center;
      margin: 0px;
      height: 1700px;
}

#navigation {
      float: left;
      width: 205px;
      max-width: 100%;
      margin: 5px 0px 0px 10px;
}

#content {
      float: left;
      width: 690px;
      max-width: 100%;
      margin: 5px 0px 0px 10px;
}

#footer {
      width: 925px;
      max-width: 100%;
      clear:both
}

#div.header {
      background-image: url(./img/hed_bg.gif);
      width: 925px;
      height: 70px;
}


div.foot_bg {
      background-image: url(./img/foot_bg.gif);
      width: 870px;
      height: 20px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}

div.foot_menu {
      background-image: url(./img/foot_menu.gif);
      width: 870px;
      height: 25px;
      margin: 5px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}


div.foot_1 {
      background-color: #E1E1E1;
      float: left;
      width: 916px;
      height: 20px;
      margin: 0px 0px 0px 3px;
      padding: 8px 0px 0px 3px;
}

div.foot_2 {
      background-color: #ffffff;
      float: left;
      width: 919px;
      height: 17px;
      margin: 0px 0px 0px 3px;
      padding: 3px 0px 0px 3px;
}

div.foot_3 {
      background-color: #646464;
      float: left;
      width: 919px;
      height: 13px;
      margin: 0px 0px 0px 3px;
      padding: 0px 0px 0px 0px;
}

div.tex {
      width: 620px;
      margin: 10px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.top { 
      width: 659px;
      height: 69px;
      margin: 0px 0px 0px 0px;
      padding: 30px 5px 13px 15px;
      background-image: url(./img/hajimete_ousume.gif);
      background-repeat: no-repeat;
}


div.foot1 { 
      width: 683px;
      height: 121px;
      margin: 10px 0px 0px 3px;
      background-image: url(./img/saikyou.gif);
      background-repeat: no-repeat;
}

div.foot01 { 
      width: 236px;
      height: 86px;
      float: left;
      padding: 35px 0px 0px 0px;
}

div.foot02 { 
      width: 210px;
      height: 86px;
      float: left;
      padding: 35px 0px 0px 0px;
}

div.foot03 { 
      width: 237px;
      height: 86px;
      float: left;
      padding: 35px 0px 0px 0px;
}



div.tab { 
      height: 46px;
      margin: 10px 0px 0px 5px;
}



div.rank1 {
      background-image: url(./img/rank1_bg.gif);
      width: 683px;
      height: 241px;
      margin: 0px 0px 10px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank01 {
      float: left;
      width: 583px;
      height: 33px;
      padding: 9px 0px 0px 100px;
}

div.rank02 {
      float: left;
      width: 235px;
      height: 169px;
      padding: 30px 0px 0px 0px;
}

div.rank03 {
      float: left;
      width: 448px;
      height: 169px;
      padding: 30px 0px 0px 0px;
}

div.sita {
      background-image: url(./img/foot.gif);
      width: 673px;
      height: 81px;
      margin: 10px 0px 0px 0px;
      padding: 1px 0px 0px 10px;
}
