/* -------------------------------------------------------------------- */
/* ランキングの雰囲気を変えたい。 */
/* そんな時は、このファイルと対話しましょう。 */

/* ランキング用 */
/* 全体 */
#ranking* {
	text-align: left;
	font-family: ＭＳ Ｐゴシック,osaka;
}
#ranking .main {width: 760px;}
#ranking ul,
#ranking li {
	margin: 0; padding: 0;
	list-style-type: none;
}


/* title */
#ranking .title {}

#ranking .intro {
	width: 760px; height: 201px;
	background: url('img/intro_bg.gif') no-repeat left top;
	text-align: left;
}
#ranking .intro .inner {padding: 10px 20px 0 275px;}
#ranking .intro .inner p {
	color: #56220c;/*(コースタイトルのテキスト色)*/
	font-size: 12px; line-height: 1.5em;
}
	#ranking .intro .inner p.top {}
	#ranking .intro .inner p.caution {
		text-align: right;
		font-size:10px;
	}


/* 連休検索 */
#ranking .search_link {width: 760px;}
#ranking .search_link table {width: 760px; height: 96px;}
#ranking .search_link table td {padding: 0 25px 10px;}
	#ranking .search_link table td.area {background: url('img/link_area_ttl_02.gif') no-repeat left top;}
	#ranking .search_link table td.special {background: url('img/link_special_ttl_02.gif') no-repeat left top;}

#ranking .search_link table td ul {
	list-style-type: none;
	margin: 0; padding: 0;
	font-size: 12px; line-height: 1.2;
}
#ranking .search_link table td ul li {
	display: inline;
}



/* ランキング部分 */
#ranking .rank {width: 760px; margin: 0;}
	#ranking div.rank_title {
		width: 760px; height: 55px;
		background: url('img/course_ttl_bg.gif') no-repeat left top;
		margin: 0;
	}
		#ranking div.rank_title table{
			width: 760px; height: 55px;
		}
		#ranking div.rank_title td img {margin: 18px 5px 13px 0;}
		#ranking div.rank_title td img.area_ttl {margin: 0 0 0 5px;}
		#ranking div.rank_title td.al_right img {margin-right: 15px;}


	#ranking .rank_body {
		padding: 0 0 15px 0;
		width: 760px;
		background: url('img/course_bg_bottom.gif') no-repeat left bottom;
	}
		#ranking .rank_body .inner {
			background: url('img/course_bg.gif') repeat-y left top;

		}
		#ranking .rank_body .innner {
			padding: 0 15px;
			background: url('img/course_bg_top.gif') no-repeat left top;

		}

		/* 各コースデータ部分 */
		#ranking table.data {
			margin: 0 0 5px 0;
			border: 2px solid #814d37;/*(各コースの枠色)*/
		}
			/* 順位＋コース名 */
			#ranking td.data_title {padding: 3px;}
				#ranking .data_title .box {
					width: 722px; height: 42px;
					background: url('img/bg_course_ttl.gif') no-repeat left top;
				}
				#ranking .data_title .box_inner {}

				#ranking .data_title .box_inner .prize {
					float: left;
					width: 55px; height: 42px;
					background: url('img/bg_prize.gif') no-repeat left center;
					text-align: center;
					color: #FFFFFF;
					font-size: 14px; font-weight: bold; line-height: 42px;
				}
				#ranking .data_title .box_inner .name {
					float: left;
					padding: 0 0 0 10px;
					height: 42px;
					font-size: 14px; font-weight: bold; line-height: 42px;
				}
				#ranking .data_title .box_inner .name .midashi4{font-size:14px; font-weight:bold; line-height: 42px;}
				#ranking .data_title .box_inner .btn {
					float: right;
					width: 102px; height: 42px;
				}
				#ranking .data_title .box .btn img {
					margin: 6px 5px;
				}

			/* コース説明 */
			#ranking .data_detail {
				width: 315px;
				color: #333333;
			}
			#ranking .data_detail_inner {
				padding: 0 3px 3px 3px;
			}

				#ranking .data_detail ul.traffic,
				#ranking .data_detail ul.price {	/* 交通＋料金 */
					margin: 3px 0; padding: 3px;
					background: #FFF url('img/line.gif') repeat-x left bottom;
				}
				#ranking .data_detail ul.traffic li {
					padding: 2px 0 2px 18px;
					background: #FFF url('img/icon_traffic.gif') no-repeat left center;
					font-size:12px; line-height: 14px;
				}
				#ranking .data_detail ul.price li {
					padding: 2px 0 2px 18px;
					background: #FFF url('img/icon_price.gif') no-repeat left center;
					font-size:12px; line-height: 14px;
				}
					#ranking .price .weekend {color:#666; font-weight:bold;}
					#ranking .price .weekday {color:#666; font-weight:bold;}
					#ranking .price .midashi {color:#FF6600; font-weight:bold;}
					#ranking .price .tokka {color:#FF0000; font-weight:bold;}

				#ranking .data_detail .comment {	/* コメント */
					margin: 5px 0; padding: 5px;
					font-size:12px; line-height: 150%;
				}

			/* コース写真 */
			#ranking td.data_photo {padding: 0 3px 3px 3px;}
				#ranking .data_photo a img {
					margin: 0 0 0 3px;
					border: solid 1px #CCC;
				}

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