@charset "utf-8";
/** ページごとに違うのはなるべくここに置く **/
/*resetting body like this would break something on right column.
If needed, please contain reset scope inside #wrap*/
/*body {
	padding: 0px;
	margin: 0;
	background-color: #000;
	line-height: 18px;
	color: #252525;
	font-size: 12px;
}*/



#wrap {
	width: 802px;
	margin: 0 auto;
	padding: 0;
	background-color: #fff;
}
#wrap a img {
	-webkit-transition:opacity 0.2s ease;
	-moz-transition:opacity 0.2s ease;
	-o-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}
#wrap a:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.bgTop {
	width: 802px;
	height: 15px;
	padding: 0;
	margin: 0;
}
.upper {
	width: 802px;
	height: 445px;
	display: block;
	background: top left url(upper.jpg) no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
}
/* 月間ランキング */
.fridayNightmonthly .upper {
	background: top left url(upper_result.jpg) no-repeat;
	/*height: 410px;*/
}
.fridayNightmonthly #highrank {
	padding-left: 28px;
	background-color: #000;
}
.fridayNightmonthly #highrank a {
	color: #e6ce6f !important;
}
#highrank a:hover {
	color: #fff !important;
}
.fridayNightmonthly .weekRank {
	width: 746px;
	margin-top: 10px;
	padding-bottom: 23px;
}
.fridayNightmonthly .weekRank a {
	color: #e6ce6f !important;
}
.fridayNightmonthly .weekRank a:hover {
	color: #fff !important;
}
.txt {
	position: absolute;
	top:222px;
	left:50%;
	margin-left:-322px;
	width: 629px;
	background:top left url(txt.png) repeat;
	color: #fff;
	padding: 8px;
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    line-height: 140%;
}
.mq {
	position: absolute;
	left: 27px;
	width: 680px;
	top: 381px;
	color: #0ff;
	letter-spacing: 1px;
}
.btns {
	position: absolute;
	top:338px;
	left: 19px;
	width: 715px;
	height: 43px;

}
/* ------- タブ ------- */
.btns span, .btns a {
	background-image: url(btns.png);
	display: block;
	float: left;
}
span.weeklyBtn, a.weeklyBtn {
	background-position: 0 0;
	width: 382px;
	height: 43px;
}
a.weeklyBtn {background-position:  0 -43px;}
a.weeklyBtn:hover {
	background-position: 0 0;
}
span.monthlyBtn {
	background-position: -382px -43px;
	width: 333px;
	height: 43px;
}
span.monthlyBtn.on {
	background-position: -382px 0;
	
}
a.monthlyBtn {
	background-position: -382px -43px;
	width: 333px;
	height: 43px;
}
a.monthlyBtn:hover {
	background-position: -382px 0;
}
/* 
/* ------- タブここまで ------- */
.img6 {
	line-height: 18px;
	width: 774px;
	margin: 0;
	padding: 0;
	background-color:#000;
	padding-left:28px;
}
table.rank1_3{
	margin-top:3px;
	width:179px;
	background-color:#282828;
	text-align:center;
}
.rank1_3 td.red{
	background-color:#F00;
	color:#fff;
	width:32px;
} 
.rank1_3 td.grey{
	background-color:#282828;
	color:#e6ce6f;
} 
.rank1_3 td.pic{
	background-color:#000;
	width:179px;
	height:134px;
} 
.weekRank{
	width:179px;
	float:left;
	margin-right:10px;
} 

.weekRank a{
	color:#e6ce6f !important;
} 

.weekRank a:hover{
	color:#fff !important;
} 

/* テーブル部分1 */

dl.rank4_20 {
	border: none;
	border-top: none;
	width: 179px;
	text-align:left;
	background-color:#282828;
	margin-top:7px;
}

dl.rank4_20 img{
	width:50px;
	height:37px;
}

dl.rank4_20 dt {
	border: none;
	position: absolute; /* 絶対配置指定 */
	width: 50px;
}

dl.rank4_20 dd {
	border: none;
	height: 38px; /* min-height 非対応の IE 用 */
	margin-left: 50px;
	padding-left:10px;
	color:#FFF;
}

body dl.rank4_20 dd {
	min-height: 43px; /* 高さの最小値(画像の高さ＋行間？値) */
}

dl.rank4_20 dd.last { /* 最後の dd には行間？は必要ないため */
	height: 43px; /* min-height 非対応の IE 用 */
}

body > dl.rank4_20 dd.last {
	min-height: 38px; /* 高さの最小値(画像の高さ) */
}

.eventBtnOuter {text-align:left; width:469px;}
a.eventBtn {margin:0;display:block;	text-indent:-9999px;width:469px;height:105px; background:top left url(eventBtn.png) no-repeat ;}
a.eventBtn:hover {background-position: 0 -105px;}

#addinfo {
	color: #444444;
	font-size: 14px;
	text-align: left;
	line-height: 130%;
	margin-left: 30px;
	width: 770px;
}
#addinfo span {
	color: #444444;
	font-weight: bold;
}
#addinfo a {
	color: #ed145b;
	text-decoration: none;
}
#addinfo a:hover {
	color: #00bff3;
	text-decoration: none;
}

img a {
	border: 0
}
img a:hover {
	border: 0
}
.icons {
	padding: 298px 255px 0px 0px;
	margin: 0px;
	float: right;
}
img {
	border: none;
}
a {
	outline: none;
}
a:hover {
	outline: none;
}
.end {
	clear: both;
	margin: 0;
	padding: 0;
}
.home {
	margin: 0;
	padding: 5px 10px 0 0;
}
.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%;
	font-size: 1px;
}
.spacer {
	display: block;
	height: 1px;
}



/* 月間ランキング */
/* テーブル部分1-3 */
.fridayNightmonthly .rank1_3 {
	margin:3px 7px 0 0;
	width: 242px;
	background-color: #282828;
	text-align: center;
	float: left;
}
.fridayNightmonthly .rank1_3 td.red {
	background-color: #F00;
	color: #fff;
	width: 40px;
}
.fridayNightmonthly .rank1_3 td.grey {
	background-color: #282828;
	color: #e6ce6f;
}
.fridayNightmonthly .rank1_3 td.pic {
	background-color: #000;
	width: 242px;
	height: 182px;
}
/* テーブル部分4-50 */

.fridayNightmonthly dl.rank4_20 {
	border: none;
	border-top: none;
	width: 179px;
	text-align: left;
	background-color: #282828;
	margin-right: 7px;
	float: left;
	margin-top: 10px;
	position: relative;
}
.fridayNightmonthly dl.rank4_20 img {
	width: 50px;
	height: 37px;
}
.fridayNightmonthly dl.rank4_20 dt {
	border: none;
	position: absolute; /* 絶対配置指定 */
	width: 50px;
	top:2px;
}
.fridayNightmonthly dl.rank4_20 dd {
	border: none;
	height: 38px; /* min-height 非対応の IE 用 */
	margin-left: 50px;
	padding-left: 10px;
	padding-top: 3px;
	color: #FFF;
}
body.fridayNightmonthly  dl.rank4_20 dd {
	min-height: 40px; /* 高さの最小値(画像の高さ＋行間？値) */
}
.fridayNightmonthly  dl.rank4_20 dd.last { /* 最後の dd には行間？は必要ないため */
	height: 43px; /* min-height 非対応の IE 用 */
}
body.fridayNightmonthly  > #highrank dl.rank4_20 dd.last {
	min-height: 38px; /* 高さの最小値(画像の高さ) */
}