@charset "utf-8";

/* Table Of Contents
----------------------------------------

# content
# clearfix

----------------------------------------*/


/* # content
---------------------------------------------------------------------------- */
.periodBox {
    background: none repeat scroll 0 0 #FFFFFF;
}

.RankingPeriod {
    padding: 15px 10px 12px;
    border-top: 10px solid #EEEEEE;
}

.RankingPeriodTab,
.RankingPeriodList {
	float: left;
}

.RankingPeriodTab {
	margin-right: 20px;
}

.RankingPeriodTab ul li {
	float: left;
	height: 36px;
	width: 80px;
}
.RankingPeriodTab ul li.period03 {
	width: 81px;
}
.RankingPeriodTab ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	background: none no-repeat scroll left top transparent;
}
.RankingPeriodTab ul li.period01 a {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_daily.png") no-repeat scroll left top transparent;
}

.RankingPeriodTab ul li.period01 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_daily_o.png");
}

.RankingPeriodTab ul li.period01.on a,
.RankingPeriodTab ul li.period01.on a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_daily_current.png");
}


.RankingPeriodTab ul li.period02 a {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly.png") no-repeat scroll left top transparent;
}

.RankingPeriodTab ul li.period02 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_o.png");
}

.RankingPeriodTab ul li.period02.on a,
.RankingPeriodTab ul li.period02.on a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_current.png");
}

.RankingPeriodTab ul li.period02L a {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left.png") no-repeat scroll left top transparent;
}

.RankingPeriodTab ul li.period02L a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left_o.png");
}

.RankingPeriodTab ul li.period02L.on a,
.RankingPeriodTab ul li.period02L.on a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left_current.png");
}

.RankingPeriodTab ul li.period03 a {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly.png") no-repeat scroll left top transparent;
}

.RankingPeriodTab ul li.period03 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly_o.png");
}

.RankingPeriodTab ul li.period03.on a,
.RankingPeriodTab ul li.period03.on a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly_current.png");
}

.RankingPeriodTab ul li.last{
	width: 81px;
}

.RankingPeriodTab ul li.period_2 a{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_daily.png");
}
.RankingPeriodTab ul li.period_2 a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_daily_o.png");
}
.RankingPeriodTab ul li.period_2.on a,
.RankingPeriodTab ul li.period_2.on a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_daily_current.png");
}

.RankingPeriodTab ul li.period_3 a{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly.png");
}
.RankingPeriodTab ul li.period_3 a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_o.png");
}
.RankingPeriodTab ul li.period_3.on a,
.RankingPeriodTab ul li.period_3.on a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_current.png");
}

.RankingPeriodTab ul li.period_3.first a{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left.png");
}
.RankingPeriodTab ul li.period_3.first a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left_o.png");
}
.RankingPeriodTab ul li.period_3.first.on a,
.RankingPeriodTab ul li.period_3.first.on a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_weekly_left_current.png");
}

.RankingPeriodTab ul li.period_4 a{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly.png");
}
.RankingPeriodTab ul li.period_4 a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly_o.png");
}
.RankingPeriodTab ul li.period_4.on a,
.RankingPeriodTab ul li.period_4.on a:hover{
	background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_monthly_current.png");
}

.RankingGenreFormat {
    border-top:1px solid #EEEEEE;
    border-bottom:10px solid #EEEEEE;
    padding:15px 10px 12px;

}
.RankingFormat {
    padding-bottom: 15px;
}
.RankingFormat ul li {
	float: left;
	height: 36px;
	width: 80px;
}

.RankingFormat ul li.format02 {
    width: 81px;
}

.RankingFormat ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}

.RankingFormat ul li.format00 a {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_subete.png") no-repeat scroll left top transparent;
}

.RankingFormat ul li.format00 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_subete_o.png");
}

.RankingFormat ul li.format00.on a {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_subete_current.png");
}

.RankingFormat ul li.format01 {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_dvd.png") no-repeat scroll left top transparent;
}

.RankingFormat ul li.format01 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_dvd_o.png");
}

.RankingFormat ul li.format01.on a {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_dvd_current.png");
}

.RankingFormat ul li.format02 {
    background: url("../../../img/module/ranking/tol_pc_ranking_tab_blueray.png") no-repeat scroll left top transparent;
}

.RankingFormat ul li.format02 a:hover {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_blueray_o.png");
}

.RankingFormat ul li.format02.on a {
    background-image: url("../../../img/module/ranking/tol_pc_ranking_tab_blueray_current.png");
}

.RankingGenreName {
	height: 36px;
}

.periodBox .jqTransformSelectWrapper {
    background: url("../../../img/module/ranking/tol_pc_ranking_pulldown.png") no-repeat scroll left top transparent;
    height: 36px;
    width: 442px;
}

.periodBox .jqTransformSelectWrapper div span {
    font-size: 13px;
    padding: 6px 0px 0 12px;
    width: 390px !important;
    height: 25px;
    display: block;
    color: #666666;
}
.periodBox .jqTransformSelectWrapper a.jqTransformSelectOpen {
    background: none;
	height:32px;
}

.periodBox .jqTransformSelectWrapper ul {
    top: 32px;
    width: 442px;
    z-index: 11;
}

.periodBox .jqTransformSelectWrapper ul a {
    width: 442px;
    color: #666666;
}

.RankingPeriodList .jqTransformSelectWrapper {
    z-index: 11 !important;
}

/* # clearfix
---------------------------------------------------------------------------- */
.RankingPeriod,
.RankingPeriodTab ul,
.RankingFormat ul,
.RankingGenreName {
    zoom: 1;
}
.RankingPeriod:after,
.RankingPeriodTab ul:after,
.RankingFormat ul:after,
.RankingGenreName:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    visibility: hidden;
}