@charset "utf-8";
/* CSS Document */

#rkg {width:166px; margin:0px; padding:0px; display:block; background-color:#030303; font-family:"MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif,Osaka,vernada, arial;} 

#rkg .koushin{ text-align:right; width:160px; height:14px; margin:0px; padding:0px; font-size:12px; font-family:vernada,arial, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif,Osaka; color:#fff;}



#rkg .each { background:url(/img/ranking/rankingBG.gif) top left no-repeat; width:164px; height:105px; margin:1px 0px 0px 0px;  padding:0px; display:block;}

#rkg .each .left { float:left; padding:3px 0px 0px 2px; margin:0px;}

#rkg .each .left img {width:105px; height:80px; border:1px solid #1E1E1E; margin:0px; padding:0px;}



#rkg .each .right {float:left; /*float:right;*/ padding:0px; margin:0px; width:54px; height:84px;}

#rkg .each .right .rank{ width:54px; height:33px; margin:0px; padding:0px;}

#rkg .each .right .arrow{ width:54px; height:35px; margin:0px; padding:0px;}

#rkg .each .right .status{ width:54px; height:16px; margin:0px; padding:0px;}



#rkg .each .name { width:164px; height:20px; margin:0px; text-align:center; padding:0px;}

#rkg .each .name a{ color: #F4B0E3; text-decoration:none; text-align:center; margin:0px; font-family: vernada,arial, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif,Osaka; font-size:12px; padding:0px;}

#rkg .each .name a:hover{ color: #ff00d2; text-decoration:none; text-align:center; margin:0px; font-family: vernada,arial, "MS UI Gothic", "ＭＳ Ｐゴシック", "ＭＳ ゴシック", "Osaka‐等幅", sans-serif,Osaka; font-size:12px; padding:0px;}

.end { margin:0px; padding:0px;clear:both;}



#rkg .seemore{ text-align:right; margin: 2px 5px; font-size:10px;font-family:verdana, MS UI GothicArial, Helvetica, sans-serif,; color: #cc0;}

#rkg .seemore a{ color: #cc0; text-decoration:none;}

#rkg .seemore a:hover{ color: #cc0; text-decoration:underline;}



img{ border:0px; margin:0px; padding:0px;}

a{ border:0px;}


div.btnBox {background:#000; width:100%; text-align:center; padding-bottom: 4px;}

/*yoko*/
div.rankBtnWklyH, div.rankBtnDlyH { display: block; width: 76px; height: 38px; float: left; margin-right: 4px;}
div.rankBtnWklyH a, div.rankBtnDlyH a {text-indent: -9999px; display: block;width: 76px; height: 38px;}
div.rankBtnWklyH { margin-left: 5px;}

div.rankBtnWklyH a {background-image: url(/img/home/rankBtnWklyH.gif);}
div.rankBtnWklyH a:hover { background-position: 0 38px ;}

div.rankBtnDlyH a {background-image: url(/img/home/rankBtnDlyH.gif);}
div.rankBtnDlyH a:hover { background-position: 0 38px ;}


/*tate*/
div.rankBtnWkly, div.rankBtnDly { display: block; width: 122px; height: 24px; margin: 0px auto 3px auto;}

div.rankBtnWkly a, div.rankBtnDly a {text-indent: -9999px; display: block;width: 122px; height: 24px;}

div.rankBtnWkly a {background-image: url(/img/home/rankBtnWkly.gif);}
div.rankBtnWkly a:hover { background-position: 122px 0 ;}

div.rankBtnDly a {background-image: url(/img/home/rankBtnDly.gif);}
div.rankBtnDly a:hover { background-position: 122px 0 ;}

div.btmBox {background:#000; width:100%; text-align:center; height: 5px; clear: both;}