@charset "utf-8";

/* ----------------------

 TOPページ用CSS

---------------------- */


/* ----------------------
 キービジュアル
---------------------- */
#keyvis {
	background: url(../images/index/bg_keyvis_index.jpg) 0 0 no-repeat;
	height: 310px;
}

#keyvisInner {
	padding:90px 20px 0 204px;
}

#keyvisInner p {
	padding:8px 0;
	color: #fff;	
}


/* ----------------------
 ランキング
---------------------- */
#ranking {
	margin:16px 0 0 0;
}

#rankingHeader {
	background: url(../images/index/Ranking_container_header.jpg) 0 0 no-repeat;
	height: 40px;
}

#rankingHeader2 {
	background: url(../images/index/Ranking_container_header2.jpg) 0 0 no-repeat;
	height: 40px;
}
#rankingBody {
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 14px 10px 10px;
}

#rankingBody ul{
	
}

#rankingBody li{
	padding:0 6px;
	float: left;
}

.rankingBox {
	background: #ccc;
	width: 203px;
	padding:4px 0;
}

.rankingBoxInner {
	background: #e6e6e6;
	border:1px solid #ccc;
	width: 194px;
	margin:0 auto;
}

div.rankingttl {
	font-size: 110%;
	font-weight: bold;
	margin-bottom:8px;
}

div.rankingttl table td{
	vertical-align: middle;
	padding:0 6px 0 0;
}


.rankingBoxInner table {
	margin:4px 5px;
}

.rankingBoxInner table tr td{
	padding:5px 0 2px 0;
	vertical-align: middle;
	text-align: left;
}

.rankingBoxInner table tr td a {
	font-weight: bold;
	font-size: 110%;
}

.appEval {
	width: 181px;	
}

div.appEvalHeader {
	background: url(../images/index/ranking_eval_header.jpg) 0 0 no-repeat;
	height: 28px;
}

div.appEvalBody {
	padding: 4px 7px;
	background: #fff;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div.appEvalBody p {
	padding:5px 0 5px 56px;
}

div.appEvalBody p.eval_yakutei {
	background: url(../images/index/ranking_icon_yakutei.jpg) 0 5px no-repeat;
}

div.appEvalBody p.eval_spread {
	background: url(../images/index/ranking_icon_spread.jpg) 0 5px no-repeat;
}

div.appEvalBody p.eval_kinou {
	background: url(../images/index/ranking_icon_kinou.jpg) 0 5px no-repeat;
}

div.appEvalBody p.eval_sousa {
	background: url(../images/index/ranking_icon_sousa.jpg) 0 5px no-repeat;
}

div.appEvalBody p.eval_chart {
	background: url(../images/index/ranking_icon_chart.jpg) 0 5px no-repeat;
}