div#ranking_container { width: 730px; margin: 0; padding: 0; font-size: 1em; color: #000000; background: transparent; }
div#ranking_container { font-family: 'メイリオ', Meiryo, 'Hiragino Maru Gothic Pro', 'ヒラギノ丸ゴ Pro W4', 'ＭＳ Ｐゴシック', 'Lucida Grande', Geneva, Arial, Verdana, sans-serif; }
div#ranking_container:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }

div#ranking_content { width: 936px; transform-origin: left top; }

div.ranking_year_wrapper, div.ranking_year { margin: 0; padding: 0; background: transparent; text-align: left; }
div.ranking_year_wrapper { margin-bottom: 12px; text-align: right; }

article .selectWrap {
	margin: 0 0 30px;
	padding: 0;
}

#btnSimple {
    position: absolute;
    right: 0;
    top: 65px;
}

@media (max-width: 767px) {
	div.ranking_year_wrapper { margin-right: 3.125%; }

	#btnSimple {
	    right: 3.125%;
	    top: 0;
	    width: 34.375%;
	    padding-top: 6.25%;
	}
}

div.ranking_year { display: inline-block; }

div.ranking_year span { width: 16px; height: 32px; }
div.ranking_year .num0 { background-image: url(../img/num/black/0.svg); }
div.ranking_year .num1 { background-image: url(../img/num/black/1.svg); }
div.ranking_year .num2 { background-image: url(../img/num/black/2.svg); }
div.ranking_year .num3 { background-image: url(../img/num/black/3.svg); }
div.ranking_year .num4 { background-image: url(../img/num/black/4.svg); }
div.ranking_year .num5 { background-image: url(../img/num/black/5.svg); }
div.ranking_year .num6 { background-image: url(../img/num/black/6.svg); }
div.ranking_year .num7 { background-image: url(../img/num/black/7.svg); }
div.ranking_year .num8 { background-image: url(../img/num/black/8.svg); }
div.ranking_year .num9 { background-image: url(../img/num/black/9.svg); }
div.ranking_year .num- { background-image: url(../img/num/black/-.svg); }

div#ranking_japan {}
div#ranking_ladies {}
div#ranking_constructor {}

div.ranking_header { width: 100%; height: 84px; }
div.ranking_footer { width: 100%; height: 24px; text-indent: -9999px; }

div.group_tab ul { margin: 0; padding-top: 14px; padding-left: 20px; list-style: none; }
div.group_tab ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.group_tab ul li { float: left; margin-left: 13px; }
div.group_tab ul li:first-child { margin-left: 0; }
div.group_tab li a { display: block; width: 253px; height: 60px; text-indent: -9999px; }

div.category_button ul { margin: 0; padding: 2px 0 8px 24px; list-style: none; }
div.category_button ul:after { content: ""; clear: both; height: 0; display: block; visibility: hidden; }
div.category_button ul li { float: left; margin-left: 16px; }
div.category_button ul li:first-child { margin-left: 0; }
div.category_button ul li span { display: block; width: 206px; height: 44px; text-indent: -9999px; cursor: pointer; }

div.category_button ul li#bt_player span.active { background: url(./images/bt_player_active.png) no-repeat; }
div.category_button ul li#bt_player span.inactive { background: url(./images/bt_player_inactive.png) no-repeat; }
div.category_button ul li#bt_award span.active { background: url(./images/bt_award_active.png) no-repeat; }
div.category_button ul li#bt_award span.inactive { background: url(./images/bt_award_inactive.png) no-repeat; }
div.category_button ul li#bt_barrel span.active { background: url(./images/bt_barrel_active.png) no-repeat; }
div.category_button ul li#bt_barrel span.inactive { background: url(./images/bt_barrel_inactive.png) no-repeat; }
div.category_button ul li#bt_flight span.active { background: url(./images/bt_flight_active.png) no-repeat; }
div.category_button ul li#bt_flight span.inactive { background: url(./images/bt_flight_inactive.png) no-repeat; }
div.category_button ul li#bt_apparel span.active { background: url(./images/bt_apparel_active.png) no-repeat; }
div.category_button ul li#bt_apparel span.inactive { background: url(./images/bt_apparel_inactive.png) no-repeat; }

div.ranking_body table { width: 888px; margin: 0 auto; border-collapse: collapse; border: solid 1px #dddddd; }
div.ranking_body thead tr.title_top, div.ranking_body thead tr.title_bottom { height: 45px; text-align: center; vertical-align: middle; }
div.ranking_body thead tr.title_bottom { vertical-align: top; }
div.ranking_body thead tr.title_bottom th { width: 30px; }
div.ranking_body thead th { padding: 0; font-size: 16px; color: white; border: solid 1px #dddddd; }
div.ranking_body thead th[data-sort] { cursor: pointer; background-image: url(./images/bt_sort_d_none.png); background-repeat: no-repeat; }
div.ranking_body thead th.sorting-on[data-sort] { background-image: url(./images/bt_sort_d_down.png); }
div.ranking_body thead tr.title_top th[data-sort] { background-position: center 67px; }
div.ranking_body thead tr.title_bottom th[data-sort] { background-position: center 22px; }
div.ranking_body thead tr.title_top th:nth-child(1) { width: 81px; height: 90px; }
div.ranking_body thead tr.title_top th:nth-child(2) { width: 165px; }
div.ranking_body thead tr.title_top th:nth-child(4) { width: 80px; }

div.ranking_body tbody tr { height: 45px; text-align: center; vertical-align: middle; }
div.ranking_body tbody td { width: 30px; padding: 0; font-size: 12px; border: solid 1px #dddddd; }
div.ranking_body tbody td.td_penalty { color: red; }
div.ranking_body tbody tr td:nth-child(1), div.ranking_body tbody tr td:nth-child(2) { width: 40px; }
div.ranking_body tbody tr td:nth-child(3) { text-align: left; padding-left: 8px; padding-right: 8px; }
div.ranking_body td.up { text-indent: -9999px; background: url(./images/ranking_up.png) center center no-repeat; }
div.ranking_body tbody td.down { text-indent: -9999px; background: url(./images/ranking_down.png) center center no-repeat; }
div.ranking_body tbody td.even { text-indent: -9999px; background: url(./images/ranking_even.png) center center no-repeat; }
div.ranking_body tbody td.keep { text-indent: -9999px; background: url(./images/ranking_even.png) center center no-repeat; }
div.ranking_body tbody td.new { text-indent: -9999px; background: url(./images/ranking_new.png) center center no-repeat; }
div.ranking_body tbody tr td:last-child { width: 80px; }

div#ranking_japan div.ranking_header { background: url(./images/bg_ranking_japan_top.png) no-repeat; }
div#ranking_japan div.ranking_body { background: url(./images/bg_ranking_japan_middle.png) repeat-y; }
div#ranking_japan div.ranking_footer { background: url(./images/bg_ranking_japan_bottom.png) no-repeat; }
div#ranking_japan th { background-color: #147AB7; }
div#ranking_japan tr:nth-child(odd) td { background-color: #E4F4FC; }

div#ranking_ladies div.ranking_header { background: url(./images/bg_ranking_ladies_top.png) no-repeat; }
div#ranking_ladies div.ranking_body { background: url(./images/bg_ranking_ladies_middle.png) repeat-y; }
div#ranking_ladies div.ranking_footer { background: url(./images/bg_ranking_ladies_bottom.png) no-repeat; }
div#ranking_ladies th { background-color: #F1589A; }
div#ranking_ladies tr:nth-child(odd) td { background-color: #FEEAF1; }

div#ranking_constructor div.ranking_header { background: url(./images/bg_ranking_constructor_top.png) no-repeat; }
div#ranking_constructor div.ranking_body { background: url(./images/bg_ranking_constructor_middle.png) repeat-y; }
div#ranking_constructor div.ranking_footer { background: url(./images/bg_ranking_constructor_bottom.png) no-repeat; }
div#ranking_constructor th { background-color: #FBB44A; }
div#ranking_constructor tr:nth-child(odd) td { background-color: #FEEACD; }
div#ranking_constructor div.ranking_body tbody tr { height: 68px; text-align: center; vertical-align: middle; }
div#ranking_constructor td a { display: block; height: 60px; }

#table_barrel tbody img, #table_flight tbody img, #table_apparel tbody img { width: 145px; }