* {
      margin: 0;
      padding: 0;
}    

body { font-size: medium; }

body {
background-image: url(./img/bg.gif); 
background-repeat: repeat-y; 
background-position: left;
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 {
      width: 850px;
      max-width: 100%;
      height: 60px;
}

#container {
      width: 850px;
}

#content {
      float: left;
      width: 625px;
      max-width: 100%;
      margin-left: 5px;
}

#navigation {
      float: left;
      width: 202px;
      max-width: 100%;

}


#footer {
      width: 803px;
      max-width: 100%;
      clear:both
}

#top { 
      width: 605px;
      height: 94px;
      margin: 5px 5px 5px 0px;
      padding: 10px 0px 0px 10px;
      background-image: url(./img/top_bg.gif);
}

div.con1 {
      background-image: url(./img/con1_con.gif);
      background-repeat: repeat-y;
      width: 625px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.con {
      width: 625px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.div {
      margin: 15px 0px 0px 0px;
}

div.con1_txt1 {
      float: left;
      background-image: url(./img/con_txt.gif);
      width: 201px;
      height: 58px;
      margin: 0px 0px 0px 1px;
      padding: 2px 0px 0px 2px;
}


div.rank1 {
      background-image: url(./img/rank1_bg.gif);
      width: 615px;
      height: 85px;
      margin: 0px 0px 1px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank2 {
      background-image: url(./img/rank2_bg.gif);
      width: 615px;
      height: 85px;
      margin: 0px 0px 1px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank_con1 {
      float: left;
      width: 48px;
      margin: 0px 0px 0px 0px;
      padding: 20px 0px 0px 0px;
}

div.rank_con2 {
      float: left;
      width: 147px;
      margin: 0px 0px 0px 0px;
      padding: 35px 0px 0px 0px;
}

div.rank_con3 {
      float: left;
      width: 92px;
      margin: 0px 0px 0px 0px;
      padding: 35px 0px 0px 0px;
}

div.rank_con4 {
      float: left;
      width: 209px;
      margin: 0px 0px 0px 0px;
      padding: 12px 0px 0px 5px;
}

div.rank_con5 {
      float: left;
      width: 104px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}

div.osusume_con {
      width: 620px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.osusume {
      float: left;
      background-image: url(./img/osusume_bg.gif);
      width: 195px;
      margin: 0px 5px 0px 4px;
      padding: 0px 0px 0px 0px;
}

div.osusume_con1 {
      height: 22px;
      margin: 0px 0px 0px 0px;
      padding: 8px 0px 0px 0px;
}


div.osusume_con2 {
      height: 95px;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.osusume_con3 {
      height: 87px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 0px 10px;
}

div.foot_bg {
      background-image: url(./img/foot_bg.gif);
      width: 844px;
      height: 18px;
      margin: 5px 0px 0px 0px;
      padding: 6px 0px 0px 0px;
}