@charset "EUC-JP";

/*
 ベース
-------------------------------------------------------------------------*/
#rnkEventColumn {
/*	overflow-y: scroll;*/
	*min-width: 400px;
	min-width: 400px;
	*overflow: hidden;
	overflow: hidden;
	width: 100%;
	text-align: left;
	float: left;
	display: inline;
	zoom: 1;
	_zoom: 1;
}

#rnkAsurakuEventContents {
	/* margin: 0 0 0 10px; */
}
#rnkEventColumn {
	line-height: 1.4;
	text-align: left;
}
#rnkEventColumn ul,
#rnkEventColumn li,
#rnkEventColumn h2,
#rnkEventColumn p {
	margin: 0;
	padding: 0;
}
#rnkEventColumn ul {
	list-style: none;
}

/*
リキッド用
=========================================================================*/
/*閲覧履歴
--------------------------------*/
#ashiatoWrap {
	font-size: 100%;
}
#rnkAsurakuColumn {
	margin: 0 auto;
	position: relative;
	zoom: 1;
	width: 100%;
}

#rnkAsurakuColumn .rnkAsurakuCont {
	padding: 7px 0 3px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	position: relative;
}

#rnkAsurakuColumn .rnkAsurakuCont  ul li.rnkAsurakuName {
	width: 80px;
	margin: 0 auto;
}

#rnkAsurakuColumn .rnkAsurakuCont .rnkApiBtLeft {
	width: 15px;
	padding: 20px 7px 0 0;
	float: left;
	display: inline;
	position: relative;
	z-index: 100;
}

#rnkAsurakuColumn .rnkAsurakuCont .rnkApiBtLeft {
	padding: 20px 0 0 0;
}

#rnkAsurakuColumn .rnkAsurakuCont .rnkOverbg {
	position: absolute;
	top: 0;
	left: 15px;
	width: 5px;
	z-index: 3; /*Edit Sandeep*/
}

#rnkAsurakuColumn .rnkAsurakuCont  a {
	outline: none;
}

#rnkAsurakuColumn .rnkAsurakuCont {
	width: 15px;
	padding: 20px 0 0 0;
	float: right;
	position: absolute;
	right: 0;
	top: 7px;
}

#rnkAsurakuColumn .rnkAsurakuCont ul {
	padding: 15px 12px;
	display: block;
	position: relative;
	height: 145px;
}

#rnkAsurakuColumn .rnkAsurakuCont ul li {
	line-height: 1.2em;
}

#rnkAsurakuColumn .rnkAsurakuCont .rnkAsurakuThumb {
	width: 80px;
	height: 80px;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
}

.rnkAsurakuContSpr {
	background:
		url(//r.r10s.jp/ranking/img/parts/liquid-1.0.0/dot2.gif)
		repeat-y left top;
	height: 230px;
}

.rnkAsurakuContSpr a {
	color: #1D54A7;
	text-decoration: none;
}

.rnkAsurakuContSpr a:hover {
	color: #C00000;
	text-decoration: underline;
}

#rnkEventColumn .tri {
	background:url("//r.r10s.jp/evt/event/ranking/img/parts/liquid-1.0.0/tri_f2ab00.gif") no-repeat scroll 0 3px transparent;
	padding:0 0 0 7px;
}

/*共通
--------------------------------*/
.rnkAsurakuName {
	font-size: 12px;
	height: 3.5em;
}

.rnkAsurakuName a,#rnkAsurakuColumn a {
	color: #1D54A7;
	text-decoration: none;
}

.rnkAsurakuName a:hover,#rnkAsurakuColumn a:hover:hover {
	color: #C00000;
	text-decoration: underline;
}

#rnkAsurakuColumn .rnkAsurakuCont {
	float: right;
	display: inline;
}

.rnkAsurakuBlock {
	margin-right: -36px; /*Width of left+right -1px*/
	margin-left: 4px;
	width: 100%;
	float: left;
	display: inline;
	overflow: hidden;
	height: 333px;
	_zoom: 1;
}

.rnkAsurakuBlock .riAshiatodisplay {
	position: relative;
	margin-left: 0px;
	margin-right: 36px; /*Width of left+right -1px*/
}

* html .rnkAsurakuBlock .riAshiatodisplay {
	width: 93%;
}

* html .rnkAsurakuBlock {
	margin-left: 0px;
}

/*
 rnkEventColumn
-------------------------------------------------------------------------*/
#rnkEventColumn .eventBox {
	padding: 7px 0 0 0;
	margin-bottom: 50px;
	position: relative;
}

#rnkEventColumn .centerTitle {
	margin-bottom: 10px;
	border-bottom: solid 1px #dbdbdb;
	clear: both;
	overflow: hidden;
	_zoom: 1;
}
#rnkEventColumn .centerTitle h2 {
	font-weight: bold;
	background: url(//r.r10s.jp/com/img/home/beta/201008/event_ttile_icon.gif) no-repeat 0 2px;
	color: #bf0000;
	font-size: 125%;
	padding: 0 0 0 25px;
	display: inline;
	float: left;
}

#rnkEventColumn .centerTitle h2 a {
    color: #BF0000!important;
    text-decoration: none!important;
}

#rnkEventColumn .centerTitle h2 a:hover {
    color: #C00000!important;
    text-decoration: underline!important;
}

/*
 ランキング
-------------------------------------------------------------------------*/
#rnkEventColumn .ranking a{
	color:#1d54a7!important;
	text-decoration: none!important;
}
#rnkEventColumn .ranking a:hover {
	color: #c00000!important;	
	text-decoration:underline!important;
}

/*
リキッド用
=========================================================================*/
/*閲覧履歴
--------------------------------*/
.rnkAsurakuColumn {
	margin: 0 auto;
	position: relative;
	zoom: 1;
	width: 100%;
}

.rnkAsurakuColumn .rnkAsurakuCont {
	padding: 7px 0 3px;
	clear: both;
	overflow: hidden;
	_zoom: 1;
	position: relative;
}

.rnkAsurakuColumn .rnkAsurakuCont  ul li.rnkAsurakuName {
	width: 80px;
	margin: 0 auto;
}

.rnkAsurakuColumn .rnkAsurakuCont .rnkApiBtLeft {
	width: 15px;
	padding: 20px 7px 0 0;
	float: left;
	display: inline;
	position: relative;
	z-index: 100;
}

.rnkAsurakuColumn .rnkAsurakuCont .rnkApiBtLeft {
	padding: 20px 0 0 0;
}

.rnkAsurakuColumn .rnkAsurakuCont .rnkOverbg {
	position: absolute;
	top: 0;
	left: 15px;
	width: 5px;
	z-index: 3; /*Edit Sandeep*/
}

.rnkAsurakuColumn .rnkAsurakuCont  a {
	outline: none;
}

.rnkAsurakuColumn .rnkAsurakuCont {
	width: 15px;
	padding: 20px 0 0 0;
	float: right;
	position: absolute;
	right: 0;
	top: 7px;
}

.rnkAsurakuColumn .rnkAsurakuCont ul {
	padding: 15px 12px;
	display: block;
	position: relative;
	height: 145px;
}

.rnkAsurakuColumn .rnkAsurakuCont ul li {
	line-height: 1.2em;
}

.rnkAsurakuColumn .rnkAsurakuCont .rnkAsurakuThumb {
	width: 80px;
	height: 80px;
	padding-bottom: 10px;
	text-align: center;
	margin: 0 auto;
}

.rnkEventColumn .tri {
	background:url("//r.r10s.jp/evt/event/ranking/img/parts/liquid-1.0.0/tri_f2ab00.gif") no-repeat scroll 0 3px transparent;
	padding:0 0 0 7px;
}

/*共通
--------------------------------*/
.rnkAsurakuName a,.rnkAsurakuColumn a {
	color: #1D54A7;
	text-decoration: none;
}

.rnkAsurakuName a:hover,.rnkAsurakuColumn a:hover:hover {
	color: #C00000;
	text-decoration: underline;
}

.rnkAsurakuColumn .rnkAsurakuCont {
	float: right;
	display: inline;
}

/*
 ランキング
-------------------------------------------------------------------------*/
.noDataMessage {
	color: #BF0000;
	font-weight: bold;
	font-size: large;
	top: 35%;
	padding: 0 0 0 60px;
	width: 100%;
	position: absolute;
}

.kakaku {
	width: 95px;
	font-size: 12px;
	color: #BF0000;
	text-align: right;
	margin: 0 auto;
	padding-bottom: 2px;
}

.reviewnum {
	font-size: 10px;
	color: #1D54A7;
	display:inline-block;
	line-height:1em;
	padding-left: 2px;
}

.rnkChange {
	margin-top:0px;
	width:24px;
	height:20px;
	
}

.itemRnk{
	color:#BF0000;
	font-weight:bold;
	font-size:20px;
	
}

.rnkContSpr {
	height:250px;
	padding: 8px 8px 15px 8px;
}

.rnkItemThumb {
	width: 95px;
	height: 95px;
	padding-bottom: 10px !important;
	text-align: center;
	margin: 0 auto;
}

.rnkItemName {
	width: 95px;
	height: 45px;
	margin: 0 auto;
}

.rnkIcon{
	float:left;
	width:20px;
	height:20px;
	margin-right: 5px;
}

.rnkIcon2{
	float:right;
	width:20px;
	height:20px;
	margin-left: 5px;
}

.rnkGenreName{
	margin-top:3px;
	float:left;
	width:300px;
	height:20px;
}

.rnkReviewStar{
	width:10px;
	height:10px;
	border:0;
	display:inline-block;
	line-height:1em; 
	vertical-align:baseline;
}
