* {
      margin: 0;
      padding: 0;
}    

body { font-size: medium; }

body {
background-image: url(./img/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/hed_bg.gif); 
      background-position: center;
      width: 747px;
      max-width: 100%;
      height: 70px;
}

#container {
      width: 747px;
}

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

#navigation {
      float: left;
      width: 200px;
      max-width: 100%;
      margin-left: 10px;
}


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

#div.header {
      background-image: url(./img/hed_bg.gif);
      width: 747px;
      height: 70px;
}

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

div.link {
      margin: 0px 0px 0px 30px;
}


div.foot_bg {
      background-image: url(./img/foot_bg.gif);
      width: 747px;
      height: 20px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}

div.foot_menu {
      background-image: url(./img/foot_menu.gif);
      width: 747px;
      height: 25px;
      margin: 5px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}

div.rank1 {
      background-image: url(./img/rank_1.gif);
      width: 530px;
      height: 170px;
      margin: 5px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank2 {
      background-image: url(./img/rank_2.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank3 {
      background-image: url(./img/rank_3.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank4 {
      background-image: url(./img/rank_4.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank5 {
      background-image: url(./img/rank_5.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank6 {
      background-image: url(./img/rank_6.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank7 {
      background-image: url(./img/rank_7.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank8 {
      background-image: url(./img/rank_8.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank9 {
      background-image: url(./img/rank_9.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank10 {
      background-image: url(./img/rank_10.gif);
      width: 530px;
      height: 170px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}

div.rank02 {
      float: left;
      width: 306px;
      height: 27px;
      margin: 0px 0px 0px 0px;
      padding: 7px 0px 0px 25px;
}

div.rank02_2 {
      float: left;
      width: 190px;
      height: 29px;
      margin: 0px 0px 0px 0px;
      padding: 5px 0px 0px 0px;
}

div.rank03_1 {
      float: left;
      width: 167px;
      height: 127px;
      margin: 0px 0px 0px 0px;
      padding: 7px 0px 0px 3px;
}

div.rank03 {
      float: left;
      width: 232px;
      height: 124px;
      margin: 0px 0px 0px 0px;
      padding: 10px 0px 0px 0px;
}

div.rank04 {
      float: left;
      width: 104px;
      height: 84px;
      margin: 0px 0px 0px 0px;
      padding: 50px 0px 0px 10px;
}


div.tex {
      margin: 5px 0px 0px 5px;
}

div.pick {
      float: left;
      width: 100%;
      height: 15px;
      margin: 0px 0px 8px 0px;
      padding: 0px 0px 0px 0px;
}


div.kumiawase {
      background-image: url(./img/kumiawase.gif);
      width: 530px;
      height: 87px;
      margin: 0px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}


div.kumiawase_01 {
      float: left;
      width: 370px;
      height: 69px;
      padding: 8px 10px 0px 10px;
}

div.kumiawase_02 {
      float: left;
      width: 140px;
      height: 36px;
      padding: 7px 0px 0px 0px;
}

div.kumiawase_03 {
      float: left;
      width: 140px;
      height: 31px;
      padding: 12px 0px 0px 0px;
}