﻿@charset "utf-8";

/*----------------------------------------------------
	layout[index]
----------------------------------------------------*/
#indexTop p{
	margin-bottom:10px;
	text-align:center;
}


/* rankingArea
----------------------------------------------------*/
#rankingArea{
	width:560px;
	margin:0px auto;
	background:url(../images/index_bg-ranking.gif) repeat-y;
}

#rankingArea p.ranking-txt{
	margin:13px 18px;
}

#rankingArea ol{
	background:url(../images/index_bg-ranking-bottom.gif) no-repeat bottom;
	padding-bottom:10px;
}

#rankingArea li{
	width:534px;
	margin:0px auto;
	list-style:none;
	background:url(../images/index_bg-ranking2.gif) repeat-y;
}

#rankingArea li div.ranking-in{
	background:url(../images/index_bg-ranking-in.gif) no-repeat bottom;
	margin-bottom:5px;
	width:534px;
	overflow:hidden;
}

* html body #rankingArea li div.ranking-in{
	margin-bottom:0px;
}

*+html body #rankingArea li div.ranking-in{
	margin-bottom:0px;
}

#rankingArea p.ranking-name{
	font-weight:bold;
	font-size:16px;
	padding-left:50px;
}

#rankingArea li.ranking1 p.ranking-name{
	background:url(../images/index_bg-ranking1.jpg) no-repeat;
	height:43px;
	padding-top:9px;
}

#rankingArea li.ranking2 p.ranking-name{
	background:url(../images/index_bg-ranking2.jpg) no-repeat;
	height:43px;
	padding-top:9px;
}

#rankingArea li.ranking3 p.ranking-name{
	background:url(../images/index_bg-ranking3.jpg) no-repeat;
	height:43px;
	padding-top:9px;
}

#rankingArea li.ranking4 p.ranking-name{
	background:url(../images/index_bg-ranking4.jpg) no-repeat;
	height:37px;
	padding-top:6px;
}

#rankingArea li.ranking5 p.ranking-name{
	background:url(../images/index_bg-ranking5.jpg) no-repeat;
	height:37px;
	padding-top:6px;
}


#rankingArea li p.ranking-site{
	float:left;
	width:180px;
	padding-left:10px;
	margin-right:10px;
	padding-bottom:10px;
}

#rankingArea li div.ranking-con{
	float:left;
	width:325px;
}

#rankingArea li div.ranking-con dl{
	background:url(../images/common/bg-note.gif);
	margin:15px 0px 10px 0px;
	width:314px;
	padding:5px 5px 8px 5px;
	overflow:hidden;
}

#rankingArea li div.ranking-con dt{
	float:left;
	background:url(../images/common/ico-arrow2.gif) no-repeat left 6px;
	padding-left:18px;
	font-weight:bold;
	width:85px;
	padding-top:3px;
}

#rankingArea li div.ranking-con dd img{
}

/* pointArea
----------------------------------------------------*/
#pointArea{
	width:560px;
	margin:0px auto;
}

#pointArea h1{
	background:url(../images/index_bg-ttl.jpg) no-repeat;
	margin:10px 0px 12px 0px;
	color:#ffffff;
	height:27px;
	font-size:16px;
	padding-left:16px;
	padding-top:8px;
}

#pointArea h2{
	background:url(../images/index_bg-ttl.jpg) no-repeat;
	margin:10px 0px 12px 0px;
	color:#ffffff;
	height:27px;
	font-size:16px;
	padding-left:16px;
	padding-top:8px;
}

#pointArea p{
	width:553px;
	margin:0px auto 20px auto;
}

#pointArea dl{
	width:550px;
	margin:0px auto;
}

#pointArea dt{
	background:url(../images/index_bg-ttl2.jpg) repeat-x;
	height:27px;
	color:#8C8374;
	font-size:14px;
	font-weight:bold;
	padding-left:6px;
	padding-top:6px;
}

#pointArea dd{
	margin:5px 0px 20px 0px;
	background:url(../images/common/bg-note.gif);
	padding:10px;
}

#pointArea p.point-btn{
	text-align:center;
}