﻿*{
	margin:0;
	padding:0;
	font-size:12px;
	color:#000;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
/*
#close:before {

    content: "期間中";
    text-align: center;
    display: block;
    position: absolute;
    padding-left: 15px;
    font-size: 16px;
    font-weight: bold;
    color: #f00;
    padding-top: 38px;
}

*/

img{
	border:none;
}

div.pad10{
	padding:0 10px;
}

div.ranking a img:hover,
div.bn a img:hover,
div.bn-2 a img:hover{
opacity:0.8;
filter: alpha(opacity=80);        /* ie lt 8 */
-ms-filter: "alpha(opacity=80)";  /* ie 8 */
-moz-opacity:0.8;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.8;              /* Safari 1.x */
}

ul{
	list-style-type:none;
}

h2{
	font-size:14px;
	background:#d5d5d5;
	margin-bottom:10px;
	text-align:center;
	margin:20px 8px 10px 8px;
	padding:1px 0;
	letter-spacing:1px;
}


div.point{
	padding-top:10px;
	width:100%;
	overflow:hidden;
}

div.point a{
	display:block;
	width:180px;
	height:160px;
	background:url(https://image.rakuten.co.jp/esports/cabinet/side/side_point_back.gif) no-repeat center center;
	text-decoration:none; 
}

#open,#open2,#point_only{
	display:none;
	width:180px;
	height:160px;
	background:url(https://image.rakuten.co.jp/esports/cabinet/side/side_point_back2.gif) no-repeat center center;
	text-decoration:none; 
}


div.point p{
	font-size:85px;
	line-height:189px;
	text-align:center;
	letter-spacing:-0.06em;
	font-weight:bold;
	color:#e60012;
	padding-right: 13px;
}

div.ranking{
	overflow:hidden;
}

div.ranking a.first{
	width:160px;
	margin:0 10px;
}

div.ranking a.first dd{
	max-height:54px;
	height:auto;
	overflow:hidden;
	font-size:12px;
	line-height:18px;
}

div.ranking a.first dt,div.ranking a.first dd{
	width:100%;
	margin:0;
}

div.ranking a.first dt img{
	width:100%;
}

div.border{
	clear:both;
	border-bottom:1px solid #fff;
	border-top:1px solid #d1d1d1;
	width:90%;
	margin:0 5%;
}

div.ranking a.borderleft dl{
	border-left:1px solid #fff;
	box-sizing:border-box;
}

div.ranking a.borderright dl{
	border-right:1px solid #d1d1d1;
	box-sizing:border-box;
}

div.ranking a{
	display:block;
	float:left;
	width:50%;
	position:relative;
	text-decoration:none;
}

div.ranking a.first dl{
	width:100%;
	margin:13px 0;
	margin:0;
	padding:7px 0 7px 0px;
}

div.ranking a dl{
	width:100%;
	margin:13px 0;
	padding:2px 0;

}

div.ranking a dl dt{
	text-align:center;
}

div.ranking a dl dt img{
	width:70px;
}

div.ranking a dd.brandname{
	font-size:10px;
	height:16px;
}

div.ranking a dd{
	height:28px;
	overflow:hidden;
	font-size:11px;
	line-height:14px;
	width:90%;
	margin:0 5%;
}




div.ranking a dl dd.rank{
	position:absolute;
	background-image:url(ranking2.png);
	z-index:9999;
	height:46px;
	background-repeat:no-repeat;
	top:5px;
	left:-4px;
	font-weight:bold;
	text-align:center;
	font-size:15px;
	text-indent:-9999px;
}

div.ranking a dl dd.one{
	top:7px;
	left:-7px;
	width:37px;
}

div.ranking a dl dd.two{
	width:30px;
	background-position:-60px 0;
	line-height:34px;
}

div.ranking a dl dd.three{
	width:30px;
	background-position:-120px 0;
	line-height:34px;
}

div.ranking a dl dd.four{
	width:30px;
	background-position:-180px 0;
	line-height:27px;
}

div.ranking a dl dd.five{
	width:30px;
	background-position:-240px 0;
	line-height:27px;
}


