/*-- お宿・温泉街/お宿一覧 専用スタイルシート --*/

@import url(../../common/css/base.css);
@import url(../../common/css/layout.css);


/*-- このページのみ使用するスタイルシートを以下に記載 --*/

#container {
	background-image : url(../../common/img/background_container_2column.gif) ;
}

#contents_exclusive {
	margin : 15px 0 20px 0 ;
	width : 552px ;
	float : right ;
}

#contents_exclusive .title_h2 {
	width : 522px ;
	height : 21px ;
	background-image : url(../../common/img/background_h2.gif) ;
	background-position : left bottom ;
	background-repeat : no-repeat ;
}

#contents_exclusive .title_h2 .left h2 {
	text-indent : 20px ;
	font-size : 14px ;
	line-height : 21px ;
}

#contents_exclusive .title_h2 .right {
	width : 305px ;
	height : 21px ;
	background-image : url(../img/background_list.gif) ;
	background-position : left center ;
	background-repeat : no-repeat ;
}

#contents_exclusive .title_h2 .right ul {
	margin : 0 ;
	padding : 0 ;
}

#contents_exclusive .title_h2 .right li {
	list-style : none ;
	margin : 0 ;
	padding : 0 0 0 25px ;
	width : 75px ;
	font-weight : bold ;
	float : left ;
}

#contents_exclusive .list_note {
	margin : 5px 35px 5px 0 ;
	padding : 0 ;
	text-align : right ;
}

#contents_exclusive .layer_change {
	margin : 0 0 10px 0 ;
	padding : 0 ;
}

#contents_exclusive .list_box {
	height : 1440px ;
}

#contents_exclusive .list {
	margin : 0 13px 13px 0 ;
	width : 165px ;
	float : left ;
	border-top : solid 3px #8d6453 ;
}

#contents_exclusive .list .left {
	padding : 4px 0 ;
	width : 90px ;
	height : 67px ;
}

#contents_exclusive .list .right {
	padding : 4px 0 ;
	width : 70px ;
	height : 67px ;
	font-size : 10px ;
	line-height : 14px ;
}

#contents_exclusive .list .right p {
	margin : 0 ;
	padding : 0 ;
	height : 48px ;
}

#contents_exclusive .list .right p span {
	font-size : 9px ;
}

#contents_exclusive .list img.mark {
	padding : 0 0 0 5px ;
}

#contents_exclusive .list .price {
	clear : both ;
	margin : 0 0 2px 0 ;
	padding : 2px 3px ;
	background-color : #e7e0dd ;
	font-family : Arial, "ＭＳ Ｐゴシック", Osaka ;
}

#contents_exclusive .list .info {
	margin : 0 0 2px 0 ;
	padding : 3px ;
	height : 54px ;
	background-color : #e7e0dd ;
}

#contents_exclusive .stop {
	clear : both ;
	width : 522px ;
	line-height : 22px ;
	border-top : solid 1px #221815 ;
	border-bottom : solid 1px #221815 ;
}

#contents_exclusive .stop span {
	color : #b5b5b6 ;
}

#contents_exclusive .gototop {
	margin-top : 5px ;
	width : 522px ;
	text-align : right ;
}


/*-- 表示切り替え設定 --*/

.layer_001 {
	width : 552px ;
	position : absolute ;
	z-index : 1;
}

.layer_002 {
	width : 552px ;
	position : absolute ;
	visibility : hidden ;
	z-index : 2 ;
}

.layer_003 {
	width : 552px ;
	position : absolute ;
	visibility : hidden ;
	z-index : 3 ;
}

.layer_001,
.layer_002,
.layer_003 {
	display : inline-table;
}	

*html .layer_001,
*html .layer_002,
*html .layer_003 {
	height : 1% ;
}

.layer_001,
.layer_002,
.layer_003 {
	display : block;
}		

.layer_001:after,
.layer_002:after,
.layer_003:after {
	content : "." ;
	display : block ;
	height : 0 ;
	clear : both ;
	visibility : hidden;
}