@charset "UTF-8";

/*
-----------------------------------------------
 ホテル志戸平のお部屋案内Styles
 FileName : room.css
 Date     : 2009.01.10
----------------------------------------------- */

/* == メインイメージ＆アンカーリンク == */
ul#roomLink	{
	list-style: none;
	}

	ul#roomLink li	{
		float: left;
		}

	ul#roomLink li a	{
		display: block;
		height: 159px;
		overflow: hidden;
		background: url(image/room_navi.gif) no-repeat;
		text-indent: -9999px;
		}

	ul#roomLink li.seiryo a	{
		background-position: 0 0;
		width: 187px;
		}

	ul#roomLink li.seiryo a:hover	{
		background-position: 0 -159px;
		}
	
	ul#roomLink li.nanzan a	{
		background-position: -187px 0;
		width: 192px;
		}

	ul#roomLink li.nanzan a:hover	{
		background-position: -187px -159px;
		}
	
	ul#roomLink li.kasho a	{
		background-position: -379px 0;
		width: 192px;
		}

	ul#roomLink li.kasho a:hover	{
		background-position: -379px -159px;
		}
	
	ul#roomLink li.tofu a	{
		background-position: -571px 0;
		width: 192px;
		}

	ul#roomLink li.tofu a:hover	{
		background-position: -571px -159px;
		}
	
	ul#roomLink li.hokusui a	{
		background-position: -763px 0;
		width: 187px;
		}

	ul#roomLink li.hokusui a:hover	{
		background-position: -763px -159px;
		}

	/* == 楽天用メインイメージ＆アンカーリンク == */
	ul#roomLink_RAKUTEN	{
		list-style: none;
		}

		ul#roomLink_RAKUTEN li	{
			float: left;
			}

		ul#roomLink_RAKUTEN li a	{
			display: block;
			height: 159px;
			overflow: hidden;
			background: url(image/room_navi_RAKUTEN.gif) no-repeat;
			text-indent: -9999px;
			}

		ul#roomLink_RAKUTEN li.seiryo a	{
			background-position: 0 0;
			width: 185px;
			}

		ul#roomLink_RAKUTEN li.seiryo a:hover	{
			background-position: 0 -159px;
			}
	
		ul#roomLink_RAKUTEN li.nanzan a	{
			background-position: -185px 0;
			width: 192px;
			}

		ul#roomLink_RAKUTEN li.nanzan a:hover	{
			background-position: -185px -159px;
			}
	
		ul#roomLink_RAKUTEN li.kasho a	{
			background-position: -377px 0;
			width: 192px;
			}

		ul#roomLink_RAKUTEN li.kasho a:hover	{
			background-position: -377px -159px;
			}
	
		ul#roomLink_RAKUTEN li.tofu a	{
			background-position: -569px 0;
			width: 192px;
			}

		ul#roomLink_RAKUTEN li.tofu a:hover	{
			background-position: -569px -159px;
			}
	
		ul#roomLink_RAKUTEN li.hokusui a	{
			background-position: -761px 0;
			width: 185px;
			}

		ul#roomLink_RAKUTEN li.hokusui a:hover	{
			background-position: -761px -159px;
			}


/* == お部屋コンテンツ == */
div#kasho	{
	background: url(image/kasho_back.gif) no-repeat left top;
	}

div#nanzan	{
	background: url(image/nanzan_back.gif) no-repeat left top;
	}

div#tofu	{
	background: url(image/tofu_back.gif) no-repeat left top;
	}

div#seiryo	{
	background: url(image/seiryo_back.gif) no-repeat left top;
	}

div#hokusui	{
	background: url(image/hokusui_back.gif) no-repeat left top;
	}

div#kasho, div#nanzan, div#tofu, div#seiryo, div#hokusui	{
	overflow: hidden;
	width: 672px;
	padding: 0 20px 0 0;
	}

div.roomInfo-left	{
	float: left;
	width: 118px;
	}
	
	div.roomInfo-left h3.nameKasho	{
		background: url(image/kasho_title.gif) no-repeat left top;
		position: relative;
		height: 82px;
		text-indent: -9999px;
		}
	
	div.roomInfo-left h3.nameNanzan	{
		background: url(image/nanzan_title.gif) no-repeat left top;
		position: relative;
		height: 82px;
		text-indent: -9999px;
		}
	
	div.roomInfo-left h3.nameTofu	{
		background: url(image/tofu_title.gif) no-repeat left top;
		position: relative;
		height: 82px;
		text-indent: -9999px;
		}
	
	div.roomInfo-left h3.nameSeiryo	{
		background: url(image/seiryo_title.gif) no-repeat left top;
		position: relative;
		height: 82px;
		text-indent: -9999px;
		}
	
	div.roomInfo-left h3.nameHokusui	{
		background: url(image/hokusui_title.gif) no-repeat left top;
		height: 82px;
		text-indent: -9999px;
		}
	
	div#kashoThum-img, div#nanzanThum-img, div#seiryoThum-img, div#hokusuiThum-img	{
		position: relative;
		top: 110px;
		left: 49px;
		}
	
	div#tofuThum-img	{
		position: relative;
		top: 63px;
		left: 49px;
		}

div.roomInfo-right	{
	float: right;
	width: 514px;
	padding: 48px 0 0 0;
	}

div.roomCopy	{
	clear: both;
	padding: 3px 26px 0 158px;
	}
	
	div.roomCopy p.ex	{
		text-align: right;
		margin: 0.5em 0 0 0;
		}

div#kashoBtm	{
	background: url(image/kasho_btm.gif) no-repeat left top;
	height: 16px;
	}
 
div#nanzanBtm	{
	background: url(image/nanzan_btm.gif) no-repeat left top;
	height: 16px;
	}

div#tofuBtm	{
	background: url(image/tofu_btm.gif) no-repeat left top;
	height: 16px;
	}

div#seiryoBtm	{
	background: url(image/seiryo_btm.gif) no-repeat left top;
	height: 16px;
	}

div#hokusuiBtm	{
	background: url(image/hokusui_btm.gif) no-repeat left top;
	height: 16px;
	}

div.vessel-amenity	{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px 0 2px 0;
	margin: 0.5em 0 0 0;
	}
	
	div.vessel-amenity dt	{
		float: left;
		width: 85px;
		padding: 3px 5px;
		}
	
	div.vessel-amenity dd	{
		background: #dedede url(image/room_vessel-amenity_dt_back.gif) repeat-y;
		border: 1px solid #fff;
		border-top: 0;
		padding: 3px 6px 3px 100px;
		}


/* The Holly Hack \*/
	* html #kasho, #nanzan, #tofu, #seiryo, #hokusui	{
    height: 1%;
    }
    /* Resume IE5-Mac */


/* == お風呂コンテンツ ページ内アンカーリンク == */
.roomJumplink	{
	margin: 0 0 40px 0;
	}

.roomJumplink-last	{
	margin: 0;
	}
	
	.roomJumplink img, .roomJumplink-last img	{
	margin: 0 16px 0 0;
	}