@charset "UTF-8";

/*===================================================================
 00) common
 01) top
 02) top50
 03) top20

 99) clearfix
===================================================================*/

/* ------------------------------------------------------------------
 00) common
--------------------------------------------------------------------*/
#spotRanking {
	margin:0 auto -20px;
	padding-bottom: 140px;
	width: 980px;
	background: #ffffff url(../images/bg_illust.gif) right bottom no-repeat;
	text-align: left;
	color: #262626;
	font-size:150%;
}

#spotRanking h2 { margin: 0;}

#spotRanking ul#rankNavi { margin: 16px 0 3px;}

#spotRanking ul#rankNavi li {
	float: left;
	margin-right: 8px;
}

#spotRanking ul#rankNavi li#r05 { margin-right: 0;}

#spotRanking ul#rankNavi li img { vertical-align: bottom;}

#spotRanking .spot50 {
	margin-top: 28px;
	text-align: center;
}

/* ------------------------------------------------------------------
 01) top
--------------------------------------------------------------------*/
#spotRanking .topArea {
	width: 980px;
	padding-bottom: 30px;
	background: transparent url(../images/top_bg.gif) left bottom no-repeat;
}

#spotRanking .topArea .rankListL {
	float: left;
	width: 487px;
	padding-bottom: 40px;
	position: relative;
}

#spotRanking .topArea .rankListR {
	float: right;
	width: 493px;
	padding-bottom: 40px;
	position: relative;
}

#spotRanking .rankListL .description { margin: 0 0 16px 46px;}
#spotRanking .rankListR .description { margin: 0 0 16px 48px;}
#spotRanking .rankListL .rank1_3,
#spotRanking .rankListR .rank1_3 { margin-bottom: 15px;}
#spotRanking .rankListL .rank1_3 dl { margin: 0 0 6px 46px;}
#spotRanking .rankListR .rank1_3 dl { margin: 0 0 6px 48px;}
#spotRanking .rankListL .rank4_5 { margin: 0 40px 15px 46px;}
#spotRanking .rankListR .rank4_5 { margin: 0 40px 15px 48px;}

#spotRanking .rank1_3 dl { width: 399px;}

#spotRanking .rank1_3 dt {
	float: left;
	width: 103px;
}

#spotRanking .rank1_3 dd {
	float: right;
	width: 290px;
}

#spotRanking .rank4_5 .rank4L {
	float: left;
	width: 195px;
}

#spotRanking .rank4_5 .rank5R {
	float: right;
	width: 195px;
}

#spotRanking .rank4_5 dl {}

#spotRanking .rank4_5 dt {
	float: left;
	width: 64px;
}

#spotRanking .rank4_5 dd {
	float: right;
	width: 125px;
}

#spotRanking .rank1_3 dd h3 {
	font-size: 90%;
	padding: 15px 0 8px 62px;
}

#spotRanking .rank1_3 dd h3.rank1 {	background: transparent url(../images/icon_1st.gif) left top no-repeat;}
#spotRanking .rank1_3 dd h3.rank2 {	background: transparent url(../images/icon_2nd.gif) left top no-repeat;}
#spotRanking .rank1_3 dd h3.rank3 {	background: transparent url(../images/icon_3rd.gif) left top no-repeat;}


#spotRanking .rank4_5 dd h3 {
	font-size: 75%;
	padding: 2px 0 4px 32px;
}

#spotRanking .rank4_5 dd h3.rank4 {	background: transparent url(../images/icon_4th.gif) left top no-repeat;}
#spotRanking .rank4_5 dd h3.rank5 {	background: transparent url(../images/icon_5th.gif) left top no-repeat;}


#spotRanking .rank1_3 dd h3 span,
#spotRanking .rank4_5 dd h3 span { display: none;}

#spotRanking .rank1_3 dd h3 span.small,
#spotRanking .rank4_5 dd h3 span.small {
	display: inline;
	font-size: 70%;
}

#spotRanking .rank1_3 dd h3 a,
#spotRanking .rank4_5 dd h3 a { color: #ff3565;}

#spotRanking .rank1_3 dd p {
	margin-left: 8px;
	font-size: 65%;
}
#spotRanking .rank4_5 dd p {
	margin-left: 3px;
	font-size: 65%;
}

#spotRanking .rankListL .more,
#spotRanking .rankListR .more {
	position: absolute;
	bottom: 0;
	padding: 6px 0;
	margin-bottom: 10px;
	width: 399px;
	background: #faf8f4;
	text-align: center;
}


#spotRanking .rankListL .more { margin-left: 46px;}
#spotRanking .rankListR .more { margin-left: 48px;}


/* ------------------------------------------------------------------
 02) top50
--------------------------------------------------------------------*/
#spotRanking .top50Area {
	width: 980px;
	background: transparent url(../images/top5020_bg.gif) left top repeat-y;
}

#spotRanking .top50Area .top50detail {
	position: relative;
	width: 980px;
	padding-bottom: 65px;
	background: transparent url(../images/top5020_bg_foot.gif) left bottom no-repeat;
}

#spotRanking .top50Area .top50detail .pagetop {
	position: absolute;
	right: 30px;
	bottom: 13px;
}

#spotRanking .top50Area .top50detail span.kome {
	display: inline;
	font-size: 70%;
	font-weight: normal;
}

#spotRanking .top50Area .top50detail span.kome a { color: #666666;}

#spotRanking .top50Area .top50detail #attention {
	position: absolute;
	left: 30px;
	bottom: 13px;
	width: 780px;
	font-size: 65%;
	font-color: #666666;
}



#spotRanking .top50Area .top50 {
	margin: 0 0 5px 87px;
	width: 820px;
}

#spotRanking .top50Area .top50 .top50L {
	float: left;
	width: 400px;
}

#spotRanking .top50Area .top50 .top50R {
	float: right;
	width: 400px;
}

#spotRanking .top50Area .top50 dl { margin-bottom: 3px;}

#spotRanking .top50Area .top50 dt {
	float: left;
	width: 70px;
}

#spotRanking .top50Area .top50 dd {
	float: right;
	width: 320px;
}

#spotRanking .top50Area .top50 dd h3 {
	padding-left: 40px;
	padding-bottom: 3px;
	margin-bottom: 5px;
	font-size: 80%;
	font-weight: bold;
}


#spotRanking .top50Area .top50 dd h3.digits { padding-left: 50px;}

#spotRanking .top50Area .top50 dd h3 span { display: none;}

#spotRanking .top50Area .top50 dd h3 a { color: #ff3565;}

#spotRanking .top50Area .top50 dd p {
	font-size: 65%;
	margin-left: 5px;
}

#spotRanking .top50Area .top50 dd h3.rank50_01 { background: transparent url(../images/top50_rank_01.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_02 { background: transparent url(../images/top50_rank_02.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_03 { background: transparent url(../images/top50_rank_03.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_04 { background: transparent url(../images/top50_rank_04.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_05 { background: transparent url(../images/top50_rank_05.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_06 { background: transparent url(../images/top50_rank_06.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_07 { background: transparent url(../images/top50_rank_07.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_08 { background: transparent url(../images/top50_rank_08.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_09 { background: transparent url(../images/top50_rank_09.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_10 { background: transparent url(../images/top50_rank_10.gif) left center no-repeat;}

#spotRanking .top50Area .top50 dd h3.rank50_11 { background: transparent url(../images/top50_rank_11.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_12 { background: transparent url(../images/top50_rank_12.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_13 { background: transparent url(../images/top50_rank_13.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_14 { background: transparent url(../images/top50_rank_14.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_15 { background: transparent url(../images/top50_rank_15.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_16 { background: transparent url(../images/top50_rank_16.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_17 { background: transparent url(../images/top50_rank_17.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_18 { background: transparent url(../images/top50_rank_18.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_19 { background: transparent url(../images/top50_rank_19.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_20 { background: transparent url(../images/top50_rank_20.gif) left center no-repeat;}

#spotRanking .top50Area .top50 dd h3.rank50_21 { background: transparent url(../images/top50_rank_21.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_22 { background: transparent url(../images/top50_rank_22.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_23 { background: transparent url(../images/top50_rank_23.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_24 { background: transparent url(../images/top50_rank_24.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_25 { background: transparent url(../images/top50_rank_25.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_26 { background: transparent url(../images/top50_rank_26.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_27 { background: transparent url(../images/top50_rank_27.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_28 { background: transparent url(../images/top50_rank_28.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_29 { background: transparent url(../images/top50_rank_29.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_30 { background: transparent url(../images/top50_rank_30.gif) left center no-repeat;}

#spotRanking .top50Area .top50 dd h3.rank50_31 { background: transparent url(../images/top50_rank_31.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_32 { background: transparent url(../images/top50_rank_32.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_33 { background: transparent url(../images/top50_rank_33.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_34 { background: transparent url(../images/top50_rank_33.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_35 { background: transparent url(../images/top50_rank_35.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_36 { background: transparent url(../images/top50_rank_36.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_37 { background: transparent url(../images/top50_rank_37.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_38 { background: transparent url(../images/top50_rank_38.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_39 { background: transparent url(../images/top50_rank_39.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_40 { background: transparent url(../images/top50_rank_40.gif) left center no-repeat;}

#spotRanking .top50Area .top50 dd h3.rank50_41 { background: transparent url(../images/top50_rank_41.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_42 { background: transparent url(../images/top50_rank_42.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_43 { background: transparent url(../images/top50_rank_43.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_44 { background: transparent url(../images/top50_rank_43.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_45 { background: transparent url(../images/top50_rank_45.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_46 { background: transparent url(../images/top50_rank_46.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_47 { background: transparent url(../images/top50_rank_47.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_48 { background: transparent url(../images/top50_rank_48.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_49 { background: transparent url(../images/top50_rank_49.gif) left center no-repeat;}
#spotRanking .top50Area .top50 dd h3.rank50_50 { background: transparent url(../images/top50_rank_50.gif) left center no-repeat;}


/* ------------------------------------------------------------------
 02) top20
--------------------------------------------------------------------*/
#spotRanking .top20Area {
	width: 980px;
	background: transparent url(../images/top5020_bg.gif) left top repeat-y;
}

#spotRanking .top20Area .top20detail {
	position: relative;
	width: 980px;
	padding-bottom: 65px;
	background: transparent url(../images/top5020_bg_foot.gif) left bottom no-repeat;
}

#spotRanking .top20Area .top20detail .pagetop {
	position: absolute;
	right: 30px;
	bottom: 13px;
}

#spotRanking .top20Area .top20detail span.kome {
	display: inline;
	font-size: 70%;
	font-weight: normal;
}

#spotRanking .top20Area .top20detail span.kome a { color: #666666;}

#spotRanking .top20Area .top20detail #attention {
	position: absolute;
	left: 30px;
	bottom: 13px;
	width: 780px;
	font-size: 65%;
	font-color: #666666;
}

#spotRanking .top20Area .top20 {
	margin: 0 0 5px 87px;
	width: 820px;
}

#spotRanking .top20Area .top20 .top20L {
	float: left;
	width: 400px;
}

#spotRanking .top20Area .top20 .top20R {
	float: right;
	width: 400px;
}

#spotRanking .top20Area .top20 dl { margin-bottom: 3px;}

#spotRanking .top20Area .top20 dt {
	float: left;
	width: 70px;
}

#spotRanking .top20Area .top20 dd {
	float: right;
	width: 320px;
}

#spotRanking .top20Area .top20 dl.top1_4 dt { width: 106px;}
#spotRanking .top20Area .top20 dl.top1_4 dd { width: 288px;}

#spotRanking .top20Area .top20 dd h3,
#spotRanking .top20Area .top20 dd.top1_4 h3 {
	margin-bottom: 7px;
	font-size: 80%;
	font-weight: bold;
}

#spotRanking .top20Area .top20 dl dd h3 { padding: 0 0 5px 40px;}
#spotRanking .top20Area .top20 dl dd h3.digits { padding: 0 0 5px 50px;}
#spotRanking .top20Area .top20 dl.top1_4 dd h3 { padding: 10px 0 10px 73px;}


#spotRanking .top20Area .top20 dd h3.rank20_01 { background: transparent url(../images/top20_rank_01.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_02 { background: transparent url(../images/top20_rank_02.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_03 { background: transparent url(../images/top20_rank_03.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_04 { background: transparent url(../images/top20_rank_04.gif) left center no-repeat;}

#spotRanking .top20Area .top20 dd h3.rank20_05 { background: transparent url(../images/top20_rank_05.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_06 { background: transparent url(../images/top20_rank_06.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_07 { background: transparent url(../images/top20_rank_07.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_08 { background: transparent url(../images/top20_rank_08.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_09 { background: transparent url(../images/top20_rank_09.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_10 { background: transparent url(../images/top20_rank_10.gif) left center no-repeat;}

#spotRanking .top20Area .top20 dd h3.rank20_11 { background: transparent url(../images/top20_rank_11.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_12 { background: transparent url(../images/top20_rank_12.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_13 { background: transparent url(../images/top20_rank_13.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_14 { background: transparent url(../images/top20_rank_14.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_15 { background: transparent url(../images/top20_rank_15.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_16 { background: transparent url(../images/top20_rank_16.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_17 { background: transparent url(../images/top20_rank_17.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_18 { background: transparent url(../images/top20_rank_18.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_19 { background: transparent url(../images/top20_rank_19.gif) left center no-repeat;}
#spotRanking .top20Area .top20 dd h3.rank20_20 { background: transparent url(../images/top20_rank_20.gif) left center no-repeat;}


#spotRanking .top20Area .top20 dd h3.digits { padding-left: 50px;}

#spotRanking .top20Area .top20 dd h3 span { display: none;}

#spotRanking .top20Area .top20 dd h3 a { color: #ff3565;}

#spotRanking .top20Area .top20 dd p {
	font-size: 65%;
	margin-left: 5px;
}

#spotRanking .top20AreaFoot { margin-top: 2px;}



/* ------------------------------------------------------------------
 99) clearfix
--------------------------------------------------------------------*/
#spotRanking .clearfix:after,
#spotRanking ul#rankNavi:after,
#spotRanking .topArea:after,
#spotRanking .rank1_3 dl:after,
#spotRanking .rank4_5:after,
#spotRanking .rank4_5 dl:after,
#spotRanking .top50Area .top50:after,
#spotRanking .top50Area .top50 dl:after,
#spotRanking .top20Area .top20:after,
#spotRanking .top20Area .top20 dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#spotRanking .clearfix,
#spotRanking ul#rankNavi,
#spotRanking .topArea,
#spotRanking .rank1_3 dl,
#spotRanking .rank4_5,
#spotRanking .rank4_5 dl,
#spotRanking .top50Area .top50,
#spotRanking .top50Area .top50 dl,
#spotRanking .top20Area .top20,
#spotRanking .top20Area .top20 dl { display: inline-block;}

/* MacIE5 \*/
* html #spotRanking .clearfix,
* html #spotRanking ul#rankNavi,
* html #spotRanking .topArea,
* html #spotRanking .rank1_3 dl,
* html #spotRanking .rank4_5,
* html #spotRanking .rank4_5 dl,
* html #spotRanking .top50Area .top50,
* html #spotRanking .top50Area .top50 dl,
* html #spotRanking .top20Area .top20,
* html #spotRanking .top20Area .top20 dl { height: 1%;}
#spotRanking .clearfix,
#spotRanking ul#rankNavi,
#spotRanking .topArea,
#spotRanking .rank1_3 dl,
#spotRanking .rank4_5,
#spotRanking .rank4_5 dl,
#spotRanking .top50Area .top50,
#spotRanking .top50Area .top50 dl,
#spotRanking .top20Area .top20,
#spotRanking .top20Area .top20 dl { display: block;}
/* MacIE5 */