/*------------------ ホテル一覧ページ　（右サイド） ------------------*/

/*------------------ ヘッダー ------------------*/
/*-------- 道南 --------*/
.cate_01dounan, .cate_02oonuma, .cate_03sikabe{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/dounan.jpg") no-repeat left top;
	float:right;
	}

.cate_01dounan h2, .cate_02oonuma h2, .cate_03sikabe h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 道央 --------*/
.cate_02douou, .cate_02otaru, .cate_03kuchan, .cate_04niseko, .cate_05touyako,
.cate_06titose, .cate_07tomakomai, .cate_08kitahirosima, .cate_09soubetu, .cate_10muroran,
.cate_11noboribetu, .cate_12abuta, .cate_13yoiti, .cate_14yubari, .cate_15date{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/douou.jpg") no-repeat left top;
	float:right;
	}

.cate_02douou h2, .cate_02otaru h2, .cate_03kuchan h2, .cate_04niseko h2, .cate_05touyako h2,
.cate_06titose h2, .cate_07tomakomai h2, .cate_08kitahirosima h2, .cate_09soubetu h2, .cate_10muroran h2,
.cate_11noboribetu h2, .cate_12abuta h2, .cate_13yoiti h2, .cate_14yubari h2, .cate_15date h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 道北 --------*/
.cate_03douhoku, .cate_01wakanai, .cate_03risiri, .cate_04furano,
.cate_05nakafurano, .cate_06kamikawa, .cate_07tomamu{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/douhoku.jpg") no-repeat left top;
	float:right;
	}

.cate_03douhoku h2, .cate_01wakanai h2, .cate_03risiri h2, .cate_04furano h2,
.cate_05nakafurano h2, .cate_06kamikawa h2, .cate_07tomamu h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 道東 --------*/
.cate_04doutou, .cate_01kusiro, .cate_02nakasibetu, .cate_03abasiri,
.cate_04syari, .cate_05tesikaga, .cate_06kitami, .cate_07obihiro, .cate_08otofuke, .cate_09sikaoi, .cate_10monbetu{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/doutou.jpg") no-repeat left top;
	float:right;
	}

.cate_04doutou h2, .cate_01kusiro h2, .cate_02nakasibetu h2, .cate_03abasiri h2,
.cate_04syari h2, .cate_05tesikaga h2, .cate_06kitami h2, .cate_07obihiro h2, .cate_08otofuke h2, .cate_09sikaoi h2, .cate_10monbetu h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 札幌 --------*/
.cate_01sapporo, .cate_01central, .cate_02southern, .cate_03northern, .cate_04toyohira{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/saporo.jpg") no-repeat left top;
	float:right;
	}

.cate_01sapporo h2, .cate_01central h2, .cate_02southern h2, .cate_03northern h2, .cate_04toyohira h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 函館 --------*/
.cate_01hakodate{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/hakodate.jpg") no-repeat left top;
	float:right;
	}

.cate_01hakodate h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 旭川 --------*/
.cate_02asahikawa{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/asahikawa.jpg") no-repeat left top;
	float:right;
	}

.cate_02asahikawa h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 温泉 --------*/
.cate_05spa{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/spa.jpg") no-repeat left top;
	float:right;
	}

.cate_05spa h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- 駅ちか --------*/
.cate_06station{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/station.jpg") no-repeat left top;
	float:right;
	}

.cate_06station h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}

/*-------- ゲレンデ --------*/
.cate_07ski{
	width: 570px;
	height: 118px;
	margin: 0;
	padding: 0;
	background: url("../image/r_header/ski.jpg") no-repeat left top;
	float:right;
	}

.cate_07ski h2{
	color:#fff;
	font-size: 1px;
	visibility: hidden;
	}


/*------------------ パンくず ------------------*/
.pan{
	width: 570px;
	padding: 0 0 0 90px;
	}

.pan img{
	float:left;
	}

.pan p{
	padding: 2px 0 0 60px;
	}

.pan p a:link {
	color: #FF6600;
	text-decoration: none;
	}

.pan p a:visited {
	color: #FF6600;
	text-decoration: none;
	}

.pan p a:hover {
	color: #FF6600;
	text-decoration: underline;
	} 


/*------------------ サブ　ナビ ------------------*/
.sub_navi{
	width: 570px;
	margin:  0;
	padding: 4px 0 0 10px;
	}

.sub_navi ul{
	 list-style: none; 
	 }

.sub_navi li{
	display: inline;
	margin: 2px 15px 2px 0;
	}

.sub_navi li a:link{
	background: url("../image/common/arrow_or_n.gif") no-repeat center left;
	text-decoration: none;
	padding-left: 15px;
	white-space: nowrap;
	font-size: 80%;
	color: #666;
	}

.sub_navi li a:visited {
	background: url("../image/common/arrow_or_n.gif") no-repeat center left;
	text-decoration: none;
	padding-left: 15px;
	white-space: nowrap;
	font-size: 80%;
	color: #666;
	}

.sub_navi li a:hover{
	color: #FF6600;
	background: url("../image/common/arrow_or_r.gif") no-repeat center left;
	text-decoration: none;
	}


/*------------------ ホテル一覧 ------------------*/
.htl_box{
	width: 550px;
	min-height: 110px;
	margin:  10px 0 0 10px;
	padding: 0;
	background-color: #CEE4C0;
	}

.htl_box h3{
	font-size: 120%;
	font-weight: bold;
	margin:  0 0 0 10px;
	padding: 5px 0 0 0;
	}

.htl_box h3 a:link {
	color: #FF6600;
	text-decoration: none;
	}

.htl_box h3 a:visited {
	color: #FF6600;
	text-decoration: none;
	}

.htl_box h3 a:hover {
	color: #FF6600;
	text-decoration: underline;
	} 

p.add{
	text-align: right;
	margin:  0 10px 0 0;
	padding: 4px 0 10px 0;
	background: url("../image/common/line.gif") no-repeat center bottom;
	}

.htl_box img{
	margin:  5px 10px 0 10px;
	padding: 0 0 0 0;
	float:left;
	}

p.comment{
	width: 450px;
	margin: 5px 10px 0 0;
	padding: 0;
	float:left;
	}

.comment_link{
	width: 530px;
	text-align: right;
	margin:  10px 10px 0 10px;
	padding: 0 0 2px 0;
	}

.comment_link a:link {
	color: #FF6600;
	text-decoration: none;
	background: url("../image/common/arrow_or_n.gif") no-repeat center left;
	padding-left: 15px;
	white-space: nowrap;
	}

.comment_link a:visited {
	color: #FF6600;
	text-decoration: none;
	background: url("../image/common/arrow_or_n.gif") no-repeat center left;
	padding-left: 15px;
	white-space: nowrap;
	}

.comment_link a:hover {
	color: #FF6600;
	text-decoration: underline;
	background: url("../image/common/arrow_or_r.gif") no-repeat center left;
	}