* {
      margin: 0;
      padding: 0;
}    

body { font-size: medium; }

body { 
background-repeat: repeat-y; 
background-position: left;
margin: 0px;  
}

table1 { border: 1px #F6BE56 solid; }

th, td { padding: 5px; 
 }
td.example0 { 
text-align: center;
vertical-align: middle;
 }

h1,h2,h3,h4,h5 { font-size: small; }
h1.example0 { font-size: large; } 
h2.example1 { 
font-size: medium; 
color: #ff0000;
} 




# .clear { clear:both; }  
# .clear hr { display:none; }


#header {
      width: 1000px;
      max-width: 100%;
      margin-left: 10px;
      height: 60px;
}
#container {
      width: 1000px;
}
#navigation {
      float: left;
      width: 200px;
      max-width: 100%;
      margin-left: 10px;
}
#content {
      float: left;
      width: 725px;
      max-width: 100%;
      margin-left: 20px;

}

#content2 {
      float: left;
      width: 164px;
      max-width: 100%;
      margin-left: 5px;
      position: absolute;
      top: 60px;
      left: 910px;
}

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

#rank { 
      width: 712px;
      height: 230px;
}

#rank01 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 1px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_syoshinsya.gif);
}

#rank02 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_daytre.gif);
}

#rank03 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_swap.gif);
}

#rank04 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 1px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_spred.gif);
}

#rank05 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_tsuka.gif);
}

#rank06 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank_cost.gif);
}



#rank001 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 1px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank2.gif);
}

#rank002 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank3.gif);
}

#rank003 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank4.gif);
}

#rank004 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 1px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank5.gif);
}

#rank005 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank6.gif);
}

#rank006 { 
      width: 204px;
      height: 230px;
      float: left;
      margin: 10px 5px 5px 4px;
      padding: 35px 5px 0px 10px;
      background-image: url(./img/rank7.gif);
}




#rank1 { 
      width: 204px;
      height: 20px; 
}

#rank2 { 
      width: 204px;
      height: 100px;
      padding:6px 3px 6px 0px;
      text-align: center; 
      vertical-align: middle;
}

#rank3 { 
      width: 204px;
      height: 70px; 
}

#rank4 { 
      width: 204px;
      height: 20px;
      padding:5px 0px 0px 0px;
      text-align: right;
      vertical-align: middle; 
}

#top0 { 
      width: 681px;
      height: 65px;
      float: left;
      margin: 0px 0px 5px 0px;
      padding: 8px 0px 0px 7px;
      background-image: url(./img/top.gif);
}

#top1 { 
      width: 658px;
      height: 74px;
      float: left;
      margin: 0px 0px 5px 0px;
      padding: 40px 0px 7px 30px;
      background-image: url(./img/saikyou.gif);
}

#top01 { 
      width: 210px;
      float: left;
      margin: 0px 0px 0px 0px;
      padding: 0px 0px 0px 0px;
}

div.pr { 
      width: 681px;
      margin: 5px 0px 5px 0px;
      padding: 0px 0px 0px 0px;
}


div.bg { 
      background-image: url(./img/hikaku_bg.gif);
      float: left;
      width: 688px;
      height: 240px;
      margin: 10px 0px 0px 0px;
}

div.bg1 { 
      background-image: url(./img/hikaku_1bg.gif);
      float: left;
      width: 688px;
      height: 240px;
      margin: 10px 0px 0px 0px;
}


div.bg2_1 { 
      background-image: url(./img/hikaku_bg2.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 0px;
}

div.bg2_2 { 
      background-image: url(./img/hikaku_bg2.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 12px;
}

div.bg2_3 { 
      background-image: url(./img/hikaku_bg2.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 13px;
}

div.bg3_1 { 
      background-image: url(./img/hikaku_bg3.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 0px;
}

div.bg3_2 { 
      background-image: url(./img/hikaku_bg3.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 12px;
}

div.bg3_3 { 
      background-image: url(./img/hikaku_bg3.gif);
      float: left;
      width: 221px;
      height: 333px;
      margin: 10px 0px 0px 13px;
}


div.hikaku_1 { 
      float: left;
      width: 643px;
      height: 29px;
      padding: 8px 0px 0px 0px;
}

div.hikaku_2 { 
      float: left;
      width: 232px;
      height: 193px;
      padding: 10px 0px 0px 0px;
}

div.hikaku_3 { 
      float: left;
      width: 411px;
      height: 178px;
      padding: 25px 0px 0px 0px;
}


div.hikaku_01 { 
      width: 221px;
      height: 30px;
      padding: 7px 0px 0px 0px;
}

div.hikaku_02 { 
      width: 221px;
      height: 158px;
      padding: 5px 0px 0px 0px;
}

div.hikaku_03 { 
      width: 214px;
      height: 77px;
      padding: 0px 0px 0px 7px;
}

div.hikaku_04 { 
      width: 208px;
      height: 48px;
      padding: 3px 0px 7px 6px;
}