@charset "UTF-8";
/* ========================================
	Ranking
======================================== */
#contents #main {
	width:1130px;
	padding:0 15px 30px 15px;
}
#contents .resultBtn {
	position:relative;
	float:right;
	margin:-56px 0 0 0;
	border:1px solid #535353;
	background:url(../img/ranking/bg_reportinner.png) repeat left top;
}
#contents .resultBtn p.btn {
	padding:3px;
	background:url(../img/common/corner_ltop.png) no-repeat left top,url(../img/common/corner_rtop.png) no-repeat right top,url(../img/common/corner_lbtm.png) no-repeat left bottom,url(../img/common/corner_rbtm.png) no-repeat right bottom,url(../img/common/bg_dots_black5.png) repeat left top;
}
#contents .resultBtn p.btn a {
	display:block;
	width:580px;
	/*border:1px solid #18dedb;
	background:url(../img/ranking/bg_reportbtn.png) repeat left top;*/
	border:1px solid #235958;
	background:url(../img/top/bg_reportinner.png) repeat left top;
	color:#fff;
	text-shadow:0px 0px 10px rgba(65, 135, 133, 1);
}
#contents .resultBtn p.btn:hover a {
	/*border:1px solid #18dedb;
	background:url(../img/ranking/bg_reportbtn_on.png) repeat left top;*/
	background:url(../img/top/bg_reportinner_on.png) repeat left top;
}
#contents .resultBtn .tit {
	display:block;
	float:left;
	padding:0 0 0 50px;
	background:url(../img/ranking/icon_report.png) no-repeat 10px center;
	font-size:22px;
	font-weight:bold;
	line-height:40px;
}
#contents .resultBtn .sub {
	display:block;
	float:right;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	background:url(../img/ranking/arrow_report.png) no-repeat right center;
	font-size:12px;
	font-weight:bold;
	line-height:40px;
}
#contents .resultBtn .update {
	position:absolute;
	top:-15px;
	left:-10px;
	width:153px;
	padding:0 0 10px 0;
	background:url(../img/ranking/bg_updatebtm.png) no-repeat left bottom;
	color:#fff;
	font-size:12px;
	text-align:center;
}
#contents .resultBtn .update span {
	display:block;
	border-top:1px solid #d30e0e;
	border-right:1px solid #d30e0e;
	border-left:1px solid #d30e0e;
	background:#910000;
}
#contents .rankingBox {
	border:1px solid #555;
	background:url(../img/common/bg_dots_black5.png) repeat left top;
}
#contents #main h2 {
	float:left;
	margin:0 0 10px -15px;
	padding:0 33px 0 0;
	background:url(../img/ranking/bg_title_right.png) no-repeat right top;
}
#contents #main h2 p {
	display:block;
	padding:0 20px 0 50px;
	background:url(../img/ranking/bg_title_mid.png) repeat-x left top,url(../img/ranking/icon_ranking.png) no-repeat 10px center;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
	line-height:40px;
}
/*#contents #main h2 p span {
	padding:0 0 0 20px;
	font-size:12px;
	text-shadow:none;
}*/
#contents #main p.date {
	float:right;
	margin:10px 0 0 50px;
}
/*mdl_ranking*/
#mdl_ranking.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:10px 0 0 0;
	background:url(../img/overview/mdl_comment_top.png) no-repeat center top;
	z-index:1000;
}
#mdl_ranking .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_ranking .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_ranking .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_ranking .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_ranking .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_ranking .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/*mdl_ranking*/
#mdl_ranking.mdl_top {
	position:absolute;
	top:0;
	left:50%;
	width:600px;
	margin:0 0 0 -300px;
	padding:10px 0 0 0;
	background:url(../img/overview/mdl_comment_top.png) no-repeat center top;
	z-index:1200;
}
#mdl_ranking .mdl_btm {
	padding:0 0 10px 0;
	background:url(../img/overview/mdl_comment_btm.png) no-repeat center bottom;
}
#mdl_ranking .mdl_mid {
	padding:0 10px;
	background:url(../img/overview/mdl_comment_mid.png) repeat-y center top;
}
#mdl_ranking .mdl_contents {
	position:relative;
	width:100%;
	min-height:180px;
	border:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#ced9d8;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}
#mdl_ranking .mdl_contents .close {
	position:absolute;
	top:-20px;
	right:-20px;
	cursor:pointer;
}
#mdl_ranking .mdl_contents .close:hover {
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
#mdl_ranking .mdl_contents p.txt {
	position:absolute;
	top:50%;
	width:100%;
	margin:-0.5em 0 0 0;
	text-align:center;
}
/* ========================================
	Tab
======================================== */
.tabBox {
	clear:both;
	margin:0 0 20px 0;
	padding:0 0 34px 0;
	background:url(../img/ranking/line_section.png) no-repeat center bottom;
}
.tabBox dl {
	float:left;
	margin:0 20px 0 0;
}
.tabBox dl.ptf {
	width:235px;
	margin:0 20px 20px 0;
}
.tabBox dl.num {
	width:460px;
	margin:0 0 20px 0;
}
.tabBox dl.mode {
	width:810px;
}
.tabBox dt {
	margin:10px 0 10px 0;
	padding:0 0 0 10px;
	border-left:4px solid #939393;
	color:#a0a0a0;
	font-size:14px;
	font-weight:bold;
}
dd.attention {
	clear:both;
	color:#a0a0a0;
	font-size:11px;
}
.tabBox ul {
	border-radius:4px;
	border:1px solid #919191;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-webkit-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-moz-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
}
.tabBox .num ul {
	width:481px;
}
.tabBox .mode ul {
	float:left;
	width:635px;
	/*width:477px;*/
	margin:0 10px 5px 0;
} 
.tabBox .mode ul:last-child {
	float:left;
	width:158px;
	margin:0;
}
.tabBox li {
	float:left;
	width:158px;
	border-right:1px solid #535353;
}
.tabBox .ptf li {
	width:116px;
	text-align:center;
}
.tabBox dl.num li {
	width:200px;
}
.tabBox dl.num li:nth-child(2) {
	width:280px;
}
.tabBox .mode  li:nth-child(5n) {
	width:162px;
}
.tabBox .ptf li:nth-child(2),
.tabBox .num li:nth-child(2n),
.tabBox .mode li:nth-child(4n) {
	border-right:none;
}
.tabBox dl li span,
.tabBox dl li a {
	display:block;
	border:2px solid rgba(0,0,0,0);
	color:#fff;
	font-weight:bold;
	text-shadow: 0px 0px 8px rgba(64, 134, 133, 1);
	line-height:28px;
	text-align:center;
	cursor:pointer;
	transition:color 0.5s,border 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s,text-shadow 0.5s;
}
.tabBox li:hover span,
.tabBox li:hover a {
	border:2px solid #ee7700;
	background:url(../img/common/bg_dots_orange2.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.298039) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.298039) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.298039) 0px 0px 24px 0px inset;
	text-shadow: 0px 0px 8px rgba(255, 162, 0, 1);
	transition:border 0.5s,box-shadow 0.5s,-webkit-box-shadow 0.5s,-moz-box-shadow 0.5s,text-shadow 0.5s;
}
.tabBox li.current span,
.tabBox li.current:hover span,
.tabBox li.current a,
.tabBox li.current:hover a {
	border:2px solid #ffd99a;
	background:url(../img/common/icon_tabarrow_orange.png) no-repeat 145px 1px;
	box-shadow:rgba(255, 162, 0, 0.509804) 0px 0px 13px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.509804) 0px 0px 13px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.509804) 0px 0px 13px 0px inset;
	color:#fff;
	text-shadow: 0px 0px 8px rgba(255, 162, 0, 1);
}
.tabBox .ptf li.current span,
.tabBox .ptf li.current:hover span {
	background:url(../img/common/icon_tabarrow_orange.png) no-repeat 103px 1px;
}
.tabBox .ptf li.current span img,
.tabBox .ptf li.current:hover span img {
	-webkit-filter: drop-shadow(0 0 5px rgba(255, 162, 0, 1));
	-moz-filter: drop-shadow(0 0 5px rgba(255, 162, 0, 1));
	-ms-filter: drop-shadow(0 0 5px rgba(255, 162, 0, 1));
	-o-filter: drop-shadow(0 0 5px rgba(255, 162, 0, 1));
	filter: drop-shadow(0 0 5px rgba(255, 162, 0, 1));
}
.tabBox .num li.current span,
.tabBox .num li.current:hover span {
	background:url(../img/common/icon_tabarrow_orange.png) no-repeat 187px 1px;
}
.tabBox .num li:nth-of-type(2).current span,
.tabBox .num li:nth-of-type(2).current:hover span {
	background:url(../img/common/icon_tabarrow_orange.png) no-repeat 267px 1px;
}
/*noAct*/
.tabBox .num .exp li span.weekly {
	color:#666;
	text-shadow:none;
	cursor:default;
}
.tabBox .num  .exp li:hover span.weekly {
	border:2px solid rgba(0,0,0,0);
	background:none;
	box-shadow:none;
	text-shadow:none;
}

.tabBox .mode .exp.noAct li span {
	color:#666;
	text-shadow:none;
	cursor:default;
}
.tabBox .mode  .exp.noAct li:hover span {
	border:2px solid rgba(0,0,0,0);
	background:none;
	box-shadow:none;
	text-shadow:none;
}
/* ========================================
	UI
======================================== */
.rankingBox h3 {
	float:left;
	padding:0 0 0 15px;
	background:url(../img/ranking/tit_bdr_left.png) no-repeat left 4px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
.rankingBox h3  span {
	display:block;
	padding:2px 0 0 0;
	font-size:14px;
}
.rankUI {
	float:left;
}
.rankUI h2 {
	float:left;
	padding:0 0 0 15px;
	background:url(../img/ranking/tit_bdr_left.png) no-repeat left center;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
}
.rankUI dl {
	float:right;
	margin:0 0 0 20px;
}
.rankUI dt {
	float:left;
	margin:0 5px 0 0;
	color:#a0a0a0;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
}
.rankUI dd {
	position:relative;
	float:left;
	margin:0 0 0 5px;
}
.rankUI dd p {
	width:110px;
	border-radius:4px;
	border:1px solid #919191;
	background:url(../img/common/arrow_selectbox.png) no-repeat 95px center rgba(0,0,0,0.3);
	box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 0px inset;
	-webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 0px inset;
	-moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 10px 0px inset;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
	text-align:center;
	line-height:24px;
	cursor:pointer;
	transition:border 0.5s;
}
.rankUI dd p.on {
	background:url(../img/common/arrow_selectbox_on.png) no-repeat 95px center rgba(0,0,0,0.3);
}
.rankUI dd.year p,
.rankUI dd.month p,
.rankUI dd.week p {
	width:80px;
	background:url(../img/common/arrow_selectbox.png) no-repeat 68px center rgba(0,0,0,0.3);
}
.rankUI dd.year ul,
.rankUI dd.month ul,
.rankUI dd.week ul {
	width:80px;
}
.rankUI dd ul {
	display:none;
	position:absolute;
	top:26px;
	left:0;
	width:110px;
	border:1px solid #408685;
	background:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}
.rankUI dd li {
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition:background 0.5s;
}
.rankUI dd li:hover {
	background:#132e2e;
	transition:background 0.5s;
}
/* ========================================
	List -Detail
======================================== */
.rankList {
	padding:30px 20px 20px 20px;
}
.rankList dl {
	float:left;
	min-height:445px;
	margin:20px 20px 35px 0;
}
.rankCategory {
	display:none;
	padding:50px 20px 20px 20px;
}
.rankCategory .pager:nth-of-type(1){
	margin:-5px 0 0 0;
}
.rankDetail {
	clear:both;
	padding:20px 0;
}
.rankList dl:nth-of-type(3n) {
	margin:20px 0 40px 0;
}
.rankList dl:nth-of-type(4),
.rankList dl:nth-of-type(5),
.rankList dl:nth-of-type(6) {
	margin:0 20px 0 0;
}
.rankList dl:nth-of-type(6) {
	margin:0;
}
.rankList dl.notTotal {
	filter:alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}
.rankList dl.notTotal.opZero {
	filter:alpha(opacity=0)!important;
	-moz-opacity:0!important;
	opacity:0!important;
}
.rankList dt {
	margin:0 0 10px 0;
	padding:0 0 0 15px;
	background:url(../img/ranking/tit_bdr_left.png) no-repeat left 4px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
}
.rankList dt span {
	display:block;
	padding:2px 0 0 0;
	font-size:14px;
}
.rankList dt.exp,
.rankDetail dt.exp {
	font-size:12px;
	background:url(../img/ranking/tit_bdr_left.png) no-repeat left top;
}
.rankList dt.exp span,
.rankDetail dt.exp span {
	display:block;
	margin:0 0 0 -15px;
	font-size:18px;
}
.rankDetail h3 {
	float:left;
	margin:20px 0 15px 0;
	color:#9e9e9e;
	font-size:12px;
}
.rankDetail h3 span {
	padding:0 5px;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(65, 135, 133, 1);
}
.rankList table {
	width:349px;
}
.rankDetail table {
	width:1088px;
	margin:0 0 20px 0;
}
.rankList tr:nth-child(even),
.rankDetail tr:nth-child(even) {
	background:url(../img/stats/bg_odd.png) repeat left top;
}
.rankList tr:nth-child(odd),
.rankDetail tr:nth-child(odd) {
	background:url(../img/stats/bg_even.png) repeat left top;
}
.rankList tr:first-child,
.rankDetail tr:first-child {
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.rankList tr.self {
	border-top:3px solid #141b1f;
	background:url(../img/common/bg_dots_wh2.png) repeat left top;
}
.rankDetail tr.hr {
	height:40px;
	background:url(../img/common/line_table.png) no-repeat center center;
}
.rankList th,
.rankDetail th {
	padding:0 10px;
	border-bottom:1px solid #5f6364;
	color:#aabfbd;
	font-size:12px;
	text-align:left;
	line-height:32px;
}
.rankDetail th {
	border-bottom:none;
}
.rankList th:nth-of-type(1),
.rankList td:nth-of-type(1) {
	width:20%;
	padding:0 10px;
}
.rankDetail th:nth-of-type(1),
.rankDetail td:nth-of-type(1) {
	width:8%;
	padding:0 10px;
}
.rankList td,
.rankDetail td {
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	line-height:33px;
}
.rankList td:nth-of-type(2),
.rankDetail td:nth-of-type(2) {
	padding:0 10px;
}
.rankList td:nth-of-type(2) a,
.rankDetail td:nth-of-type(2) a {
	color:#aabfbd;
	padding:0 10px;
}
.rankList td:nth-of-type(2) a:hover,
.rankDetail td:nth-of-type(2) a:hover {
	color:#85a7a5;
	text-decoration:underline;
}
.rankList tr.rankIn {
	border:1px solid #ee7700;
	background:url(../img/common/bg_dots_orange2.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
}
.rankList .rankIn td:nth-of-type(1),
.rankList tr.rankIn a,
.rankList .rankIn td:nth-of-type(3) {
	color:#ffa200;
}
.rankList tr.self td {
	color:#ffa200;
}
.rankDetail tr.self td {
	color:#ffa200;
}
.rankList tr.self td span {
	padding:0 10px;
}
.rankDetail tr.self td span {
	color:#ffa200;
}
.rankDetail tr.self {
	border:1px solid #ee7700;
	background:url(../img/common/bg_dots_orange2.png) repeat left top;
	box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
	-webkit-box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
	-moz-box-shadow:rgba(255, 162, 0, 0.3) 0px 0px 24px 0px inset;
	color:#ffa200;
}
.rankList td:nth-of-type(2) img,
.rankDetail td:nth-of-type(2) img {
	margin:0 10px 0 0;
}
.rankList td:nth-of-type(2) img {
	float:left;
	width: 24px;
	height: 24px;
	padding:5px 0;
}
.rankList td:nth-of-type(2) span,
.rankList td:nth-of-type(2) a {
	display:block;
	float:left;
	width:130px;
	height:23px;
	padding:5px 0!important;
	line-height:23px;
	word-break:break-all;
	overflow:hidden;
}
.rankList th:nth-of-type(3),
.rankList td:nth-of-type(3) {
	width:20%;
	padding:0 10px;
	text-align:right;
}
.rankDetail th:nth-of-type(3),
.rankDetail td:nth-of-type(3) {
	width:13%;
	padding:0 10px;
	text-align:right;
}
.rankDetail .rankIn th,
.rankDetail .rankIn td,
.rankDetail .rankIn td a {
	color:#ffa200;
}
.rankDetail .rankIn td a:hover {
	color:#ffa200;
}
.rankList dd.btn,
.rankingBox p.btn {
	float:right;
	width:130px;
	margin:0 0 0 20px;
	border-radius:4px;
	border:1px solid #555;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	transition:background 0.5s;
}
.rankingBox p.btn {
	float:left;
}
.result .rankingBox p.btn {
	margin:0;
}
.rankingBox dd.btn {
	margin:10px 0 0 0;
}
.rankDetail p.btn {
	float:left;
	width:148px;
}
.rankList dd.btn:hover,
.rankingBox p.btn:hover {
	background:url(../img/common/bg_dots_green2.png) repeat left top;
	transition:background 0.5s;
}
.rankList dd.btn a,
.rankingBox p.btn a {
	display:block;
	color:#aabfbd;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
}
.rankList dd.btn a span {
	padding:2px 0 2px 20px;
	background:url(../img/common/icon_btnarrow.png) no-repeat left center;
}
.rankingBox p.btn a span {
	padding:2px 0 2px 20px;
	background:url(../img/common/icon_backarrow.png) no-repeat left center;
}
/* ========================================
	resultReport
======================================== */
#contents #main.result h2 {
	float:left;
	min-width:420px;
	margin:0 0 20px -15px;
	padding:0 33px 0 0;
	background:url(../img/ranking/bg_resultitle_right.png) no-repeat right top;
}
.en #contents #main.result h2 {
	min-width:440px;
}
#contents #main.result h2 p {
	background:url(../img/ranking/bg_resultitle_mid.png) repeat-x left top,url(../img/ranking/icon_result.png) no-repeat 10px center;
}
#contents #main.result h2 a {
	display:block;
	float:right;
	margin:3px -45px 0 20px;
	padding:0 28px;
	background:url(../img/ranking/bg_topbtn_left.png) no-repeat left top,url(../img/ranking/bg_topbtn_right.png) no-repeat right top;
}
#contents #main.result h2 a span.mid {
	display:block;
	height:32px;
	padding:0;
	background:url(../img/ranking/bg_topbtn_center.png) repeat-x left top;
	line-height:1.2;
}
#contents #main.result h2 a span.txt {
	padding:0 0 0 20px;
	background:url(../img/ranking/arrow_week_prev.png) no-repeat left center;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(65, 135, 133, 1);
}
#contents #main.result h2 a:hover {
	background:url(../img/ranking/bg_topbtn_left_on.png) no-repeat left top,url(../img/ranking/bg_topbtn_right_on.png) no-repeat right top;
}
#contents #main.result h2 a:hover span.mid {
	background:url(../img/ranking/bg_topbtn_center_on.png) repeat-x left top;
}
.result .tabBox dl {
	float:none;
}
.result .tabBox .mode ul:last-child {
	width:auto;
}
/*tab*/
.rankingBox .setting {
	padding:20px 0 0 0;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.periodSelect {
	position:relative;
	width:1090px;
	margin:0 auto;
	text-align:center;
}
.periodSelect .thisWeek {
	margin:0 0 10px 0;
	color:#fff;
	font-size:22px;
	font-weight:bold;
}
.periodSelect .left {
	position:absolute;
	top:20px;
	left:380px;
	padding:0 0 0 20px;
	background:url(../img/ranking/arrow_week_prev.png) no-repeat left center;
	color:#aabfbd;
	font-size:12px;
	cursor:pointer;
}
.periodSelect .right {
	display:none;
	position:absolute;
	top:20px;
	right:380px;
	padding:0 20px 0 0;
	background:url(../img/ranking/arrow_week_next.png) no-repeat right center;
	color:#aabfbd;
	font-size:12px;
	cursor:pointer;
}
.dateSelect {
	position:relative;
	width:1090px;
	margin:0 auto;
	border-bottom:1px solid #535353;
}
.dateSelect.open {
	border-bottom:none;
}
.dateSelect .thisWeek {
	display:block;
	width:190px;
	margin:0 auto 20px auto;
	padding:2px 5px 2px 20px;
	border-radius:4px;
	background:url(../img/common/bg_dots_wh1.png) repeat left top;
	color:#aabfbd;
	font-size:12px;
	text-align:center;
	cursor:pointer;
}
.dateSelect.open .thisWeek {
	margin:0 auto;
	border-radius:4px 4px 0 0;
	background:url(../img/common/bg_dots_green2.png) repeat left top;
}
.dateSelect .thisWeek:hover {
	background:url(../img/common/bg_dots_green2.png) repeat left top;
}
.dateSelect .thisWeek span {
	padding:0 20px 0 0;
	background:url(../img/ranking/arrow_week_open.png) no-repeat 98% center;
}
.dateSelect.open .thisWeek span {
	background:url(../img/ranking/arrow_week_close.png) no-repeat 98% center;
}
.dateSelect .dataArea {
	display:none;
	position:relative;
	width:1130px;
	margin:0 0 0 -20px;
	padding:10px 0;
	background:url(../img/common/bg_dots_green2.png) repeat left top;
}
.dateSelect .dataArea ul {
	width:332px;
	margin:0 auto;
	border-radius:4px;
	border:1px solid #919191;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-webkit-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
	-moz-box-shadow:rgba(12, 3, 7, 0.509804) 0px 0px 10px 5px inset;
}
.dateSelect .dataArea li {
	position:relative;
	float:left;
	width:110px;
	border-right:1px solid #919191;
}
.dateSelect .dataArea li:last-child {
	border:none;
}
.dateSelect .dataArea li  p {
	border:1px solid rgba(0,0,0,0);
	background:url(../img/common/arrow_selectbox.png) no-repeat 94% center;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-shadow:0px 0px 10px rgba(65, 135, 133, 1);
	text-align:center;
	line-height:30px;
	cursor:pointer;
	transition:border 0.5s;
}
.dateSelect .dataArea li ul {
	display:none;
	position:absolute;
	top:32px;
	left:0;
	width:110px;
	border:1px solid #408685;
	background:#000;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	z-index:100;
}
.dateSelect .dataArea .btn {
	position:absolute;
	top:10px;
	left:740px;
	width:70px;
	border-radius:4px;
	border:1px solid #1acfcc;
	background:url(../img/common/bg_dots_green2.png) repeat left top;
	color:#fff;
	font-size:12px;
	line-height:32px;
	text-align:center;
	cursor:pointer;
}
.dateSelect .dataArea .btn:hover {
	box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-webkit-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	-moz-box-shadow:rgba(26, 207, 204, 0.498039) 0px 0px 16px 0px inset;
	text-shadow: 0px 0px 10px rgba(64, 134, 134, 1);
}
.dateSelect .dataArea li ul li {
	width:110px;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	line-height:28px;
	cursor:pointer;
	transition:background 0.5s;
}
.dateSelect .dataArea li ul li:hover {
	background:#132e2e;
	transition:background 0.5s;
}
/*kindTab*/
.kindTab {
	padding:30px 20px 0 20px;
	border-bottom:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
}
.result .kindTab {
	background:none;
}
.kindTab li {
	float:left;
	width:115px;
	margin:0 0 -5px 0;
}
.kindTab ul.exp,
.kindTab li.four {
	display:none;
}
.kindTab li span {
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:33px;
	cursor:pointer;
}
.kindTab li.current {
	padding:0 0 5px 0;
	background:url(../img/ranking/arrow_tab.png) no-repeat center bottom;
}
.kindTab li.current span {
	border-bottom:2px solid #f0861e;
	background:url(../img/common/bg_dots_orange2.png) repeat left top;
	text-shadow:0px 0px 8px rgba(255, 162, 0, 1);
}
.kindTab li.nottotal {
	display:none;
}
.kindTab ul.exp li:nth-of-type(2),
.kindTab ul.exp li:nth-of-type(3),
.kindTab ul.exp li:nth-of-type(4),
.kindTab ul.exp li:nth-of-type(5) {
	width:145px;
}
.graf {
	position:relative;
	padding:60px 0 0 30px;
}
.graf .leftTxt {
	position:absolute;
	top:40px;
	left:20px;
	color:#fff;
	font-size:12px;
}
.graf .rightTxt {
	position:absolute;
	top:38px;
	right:40px;
	padding:2px 0 0 10px;
	background:url(../img/ranking/icon_self.png) no-repeat left center;
	color:#fff;
	font-size:12px;
}
.graf .btmTxt {
	position:absolute;
	top:320px;
	left:370px;
	width:100px;
	color:#fff;
	font-size:12px;
	text-align:center;
}
.graf {
	float:left;
	width:737px;
	padding:65px 20px 20px 20px;
}
.graf .popUp {
	display:none;
	position:absolute;
	top:0;
	left:0;
	min-width:110px;
	padding:10px;
	border:1px solid #1acfcc;
	background:#000;
	background:rgba(0,0,0,0.8);
	color:#fff;
	font-size:10px;
}
.graf .popUp li span {
	padding:0 5px;
	color:#1acfcc;
}
.graf .popUp dl {
	padding:5px 0 0 0;
}
.graf .popUp dt {
	padding:0 10px 0 0;
	background:url(../img/ranking/arrow_popup.png) no-repeat 75px center;
	color:#f0861e;
}
.graf .popUp dd li span {
	color:#f0861e;
}
.grafArea table {
	float:left;
	width:300px;
	margin:65px 0 0 0;
}
.grafArea table .head th {
	padding:10px;
	border-bottom:1px solid #535353;
	background:url(../img/common/bg_dots_black3.png) repeat left top;
	color:#aabfbd;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}
.grafArea table tr th,
.grafArea table tr td {
	padding:7px 15px;
	color:#aabfbd;
	font-size:12px;
	text-align:left;
}
.grafArea table tr td {
	color:#fff;
	text-align:right;
	text-shadow:0px 0px 10px rgba(65, 135, 133, 1);
}
.grafArea table tr:nth-child(even) {
	background:url(../img/common/bg_odd.png) repeat left top;
}
.grafArea table tr:nth-child(odd) {
	background:url(../img/common/bg_even.png) repeat left top;
}
.result .rankUI {
	margin:5px 0 0 0;
}
.result .rankDetail {
	margin:0 20px;
}
/* ========================================
	pager
======================================== */
.result .pager:nth-of-type(1) {
	margin:-5px 20px 0 0;
}
.result .rankDetail .pager {
	margin:-5px 0 15px 0;
}