/*

 CSS Document

*/


/*-ttl----------------------------- */
#rank_ttl_new{
 width:601px; height:88px;
 background: url(../image/ranking/rank_new_ttl.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old{
 width:601px; height:88px;
 background: url(../image/ranking/rank_old_ttl.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell{
 width:601px; height:88px;
 background: url(../image/ranking/rank_sell_ttl.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_1w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_1w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_fw{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_fw.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_i{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_i.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_pt{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_pt.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_new_u{
 width:601px; height:59px;
 background: url(../image/ranking/rank_new_u.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}

#rank_ttl_old_1w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_1w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old_fw{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_fw.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old_i{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_i.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old_w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old_pt{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_pt.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_old_u{
 width:601px; height:59px;
 background: url(../image/ranking/rank_old_u.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}

#rank_ttl_sell_1w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_1w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell_fw{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_fw.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell_i{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_i.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell_w{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_w.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell_pt{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_pt.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank_ttl_sell_u{
 width:601px; height:59px;
 background: url(../image/ranking/rank_sell_u.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}

.side-menu-ttl{
 width:198px; height:22px;
 background: url(../image/ranking/menu_side_ttl.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}

/*-menu----------------------------- */
#rank-menu{
 margin:0 auto;
 width:601px;
 height:30px;
}
#rank-menu ul li{
 margin: 0; padding: 0;
 list-style-type:none;
 float:left;
}
#rank-menu ul li a{
 font-size:1px;
 text-indent:-9999px;
 display:block;
}
#rank-menu ul li p{
 font-size:1px;
 text-indent:-9999px;
 background-position:0px -30px;
}
#rank-menu ul li a:hover{
 background-position:0px -30px;
}
#rank-menu01{ 
 width:201px; height:30px;
 background: url(../image/ranking/menu_ranking01.gif) no-repeat ;
 overflow:hidden;
}
#rank-menu02{ 
 width:201px; height:30px;
 background: url(../image/ranking/menu_ranking02.gif) no-repeat ;
 overflow:hidden;
}
#rank-menu03{ 
 width:199px; height:30px;
 background: url(../image/ranking/menu_ranking03.gif) no-repeat ;
 overflow:hidden;
}

#rank-smenu{
 margin:0 auto 11px;
 width:601px;
 height:25px;
}
#rank-smenu ul li{
 margin: 0; padding: 0;
 list-style-type:none;
 float:left;
}
#rank-smenu ul li a{
 font-size:1px;
 text-indent:-9999px;
 display:block;
}
#rank-smenu ul li p{
 font-size:1px;
 text-indent:-9999px;
 background-position:0px -25px;
}
#rank-smenu ul li a:hover{
 background-position:0px -25px;
}
#rank-smenu01{ 
 width:92px; height:25px;
 background: url(../image/ranking/menu_ranking_club01.gif) no-repeat ;
 overflow:hidden;
}
#rank-smenu02{ 
 width:147px; height:25px;
 background: url(../image/ranking/menu_ranking_club02.gif) no-repeat ;
 overflow:hidden;
}
#rank-smenu03{ 
 width:81px; height:25px;
 background: url(../image/ranking/menu_ranking_club03.gif) no-repeat ;
 overflow:hidden;
}
#rank-smenu04{ 
 width:81px; height:25px;
 background: url(../image/ranking/menu_ranking_club04.gif) no-repeat ;
 overflow:hidden;
}
#rank-smenu05{ 
 width:67px; height:25px;
 background: url(../image/ranking/menu_ranking_club05.gif) no-repeat ;
 overflow:hidden;
}
#rank-smenu06{ 
 width:133px; height:25px;
 background: url(../image/ranking/menu_ranking_club06.gif) no-repeat ;
 overflow:hidden;
}


/*-btn----------------------------- */
#rank-clublist{
 margin: 5px 0;
 width:152px;
 height:25px;
}
#rank-clublist ul li{
 margin: 0; padding: 0;
 list-style-type:none;
}
#rank-clublist ul li a{
 font-size:1px;
 text-indent:-9999px;
 display:block;
}
#rank-clublist ul li a:hover{
 background-position:0px -25px;
}
#rank-clublist01{ 
 width:152px; height:25px;
 background: url(../image/ranking/btn_clublist.gif) no-repeat ;
 overflow:hidden;
}
#rank-satei{
 margin: 2px 0 5px;
 width:153px;
 height:80px;
}
#rank-satei ul li{
 margin: 0; padding: 0;
 list-style-type:none;
}
#rank-satei ul li a{
 font-size:1px;
 text-indent:-9999px;
 display:block;
}
#rank-satei ul li a:hover{
 background-position:0px -40px;
}
#rank-nsatei{ 
 width:153px; height:40px;
 background: url(../image/ranking/btn_netsatei.gif) no-repeat ;
 overflow:hidden;
}
#rank-ssatei{ 
 width:153px; height:40px;
 background: url(../image/ranking/btn_shopsatei.gif) no-repeat ;
 overflow:hidden;
}

#rank-fbtn{
 margin: 10px auto 35px;
 width:450px;
 height:34px;
}
#rank-fbtn ul li{
 margin: 0; padding: 0 5px 0 0;
 list-style-type:none;
 float:left;
}
#rank-fbtn ul li a{
 font-size:1px;
 text-indent:-9999px;
 display:block;
}
#rank-fbtn ul li a:hover{
 background-position:0px -34px;
}
#rank-fbtn01{ 
 width:215px; height:34px;
 background: url(../image/ranking/btn_shop.gif) no-repeat ;
 overflow:hidden;
}
#rank-fbtn02{ 
 width:215px; height:34px;
 background: url(../image/ranking/btn_onlineshop.gif) no-repeat ;
 overflow:hidden;
}
#rank-fbtn03{ 
 width:215px; height:34px;
 background: url(../image/ranking/btn_onlinefree.gif) no-repeat ;
 overflow:hidden;
}
#rank-fbtn04{ 
 width:215px; height:34px;
 background: url(../image/ranking/btn_shopfree.gif) no-repeat ;
 overflow:hidden;
}



/*-box----------------------------- */
#ranking-box{
 width:571px;
 margin:0 auto;
 background: url(../image/ranking/bg_line_center.gif) repeat-y ;
}
#ranking-inbox{
padding: 11px 0 1px;
background: url(../image/ranking/bg_line_bottom.gif) no-repeat bottom;
}
#ranking-inbox .left-box{
 width:281px;
 margin:0;
 float: left;
}
#ranking-inbox .right-box{
 width:281px;
 margin:0;
 float: right;
}
#ranking-inbox span.catch{
color: #69A121;
font-weight: bold;
}
#ranking-inbox span.sp{
color: #B4250D;
}

#rank01{
 width:103px; height:35px;
 background: url(../image/ranking/rank_01.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank02{
 width:103px; height:35px;
 background: url(../image/ranking/rank_02.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank03{
 width:103px; height:35px;
 background: url(../image/ranking/rank_03.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank04{
 width:62px; height:35px;
 background: url(../image/ranking/rank_04.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank05{
 width:62px; height:35px;
 background: url(../image/ranking/rank_05.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank06{
 width:62px; height:35px;
 background: url(../image/ranking/rank_06.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank07{
 width:62px; height:35px;
 background: url(../image/ranking/rank_07.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank08{
 width:62px; height:35px;
 background: url(../image/ranking/rank_08.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank09{
 width:62px; height:35px;
 background: url(../image/ranking/rank_09.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#rank10{
 width:77px; height:35px;
 background: url(../image/ranking/rank_10.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#ranking-inbox .rank-pr{
float: right;
margin-left: 5px;
}
#ranking-inbox .rank-pl{
float: left;
margin-right: 5px;
}
#text-float-l {
width:157px;
float: left;
}
#ranking-inbox a {
color: #D60000;
}
#ranking-inbox a:hover {
color: #999999;
}
#ranking-coment{
 width:571px; height:70px;
 margin: 19px auto 0;
 background: url(../image/ranking/rank_coment.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}
#ranking-sell-coment{
 width:571px; height:70px;
 margin: 19px auto 0;
 background: url(../image/ranking/rank_sell_coment.gif) no-repeat ;
 font-size:1px;
 text-indent:-9999px;
}