@import url("global.css");	 /* グローバル読み込み */

/* ----------------------------------------
　hotellist.php
---------------------------------------- */
/* ---- #list - ホテルリスト ---- */
#list {
	float: left;
	width: 400px;
	margin: 20px 0 20px;
	padding: 10px;
}

#list ul {
	margin: 0 50px 0;
	list-style: square url(../images/listmark.gif) outside;
}

#list ul li {
	margin: 10px 0 0;
	font-size: 1.25em;
	font-weight: bold;
}
#list ul li a {display: block;width: 100%;}

#list dd {
	font-size: 83%;
	font-weight: normal;
}

/* ---- リスト内アンカー [a, a:link, a:visited, a:hover] ---- */
#list ul li a {text-decoration: none;padding: 3px 3px 0;}
#list ul li a:link {color: #663300;}
#list ul li a:visited {color: #996600;}
#list ul li a:hover {color: #663300;background: #ffcc66;}

/* ---- .description ---- */
.description {
	float: left;
	width: 398px;
	margin: 20px 0 20px;
	padding: 10px;
	border: 1px solid #996600;
}

/* ----------------------------------------
　hotellist2.php
---------------------------------------- */
/* ---- 非表示ブロック ---- */
body#hotellist2 h2 {display: none;}

#list2 h4 {
	color: #ffffff;
	padding: 15px 40px 10px;
	font-size:125%;
	letter-spacing: 1em;
	background: url(../images/listmark.gif) no-repeat 15px 50% #663300;
}

/* ---- リスト - 基礎 ---- */
#list2 ul {
	margin: 0 30px 0;
}

#list2 ul li.lh1 {	/* 見出しリスト */
	float: left;
	width: 800px;
	margin: 10px 0 0;
	padding: 0;
	background: #FFF4D0;
	font-weight: bold;
	clear: both;
}
#list2 ul li.ld1 {	/* 内容リスト */
	float: left;
	width: 785px;
	margin: 1px 0 0;
	padding: 0 0 0 15px;
	border-bottom: 1px dotted #aa7700;
	background: url(../images/listmark.gif) no-repeat 5px 50% #FFF9E5;
	clear: both;
}

#list2 ul li.lh1 span, #list2 ul li.ld1 span {	/* 見出しリスト・内容リスト <SPAN>共通 */
	float: left;
	padding: 5px 0 5px;
	border-right: 1px solid #ffffff;
	text-align: center;
}

/* ---- 見出しリスト(800px) ---- */
#list2 ul li.lh1 span {color: #663300;border-top: 1px solid #aa7700;border-bottom: 1px solid #aa7700;}
#list2 ul li.lh1 span.hotelname {width: 210px;}

/* ---- 内容リスト(785px) ---- */
#list2 ul li.ld1 span {color: #333300;}
#list2 ul li.ld1 span.hotelname {
	padding: 0 0 0 3px;
	text-align: left;
	font-weight: bold;
	font-size: 1.08em;
	border-bottom: none;
}
#list2 ul li.ld1 span.hotelname a {
	display: block;
	width: 182px;
	padding: 5px;
	text-decoration: none;
}
#list2 ul li.ld1 span.hotelname a:link {color: #663300;}
#list2 ul li.ld1 span.hotelname a:visited {color: #996600;}
#list2 ul li.ld1 span.hotelname a:hover {color: #663300;background: #ffcc66;}

#list2 ul li.ld1 span.review {background: #FEF1D7;}

/* ---- 見出しリスト・内容リスト 共通 ---- */
#list2 ul li span.review {width: 115px;}
#list2 ul li span.address {width: 320px;}
#list2 ul li span.tel {width: 151px;}

/* ---- .link ---- */
.list2link {
	margin: 30px 30px 0;
	padding: 20px 0 20px;
	text-align: center;
	border-top: 1px solid #996600;
	border-bottom: 1px solid #996600;
	background: #FEF1D7;
}
.list2link b {color: #663300;}

.list2link a {padding: 3px;text-decoration: none;}
.list2link a:link {color: #663300;}
.list2link a:visited {color: #996600;}
.list2link a:hover {color: #663300;background: #ffcc66;}

/* ----------------------------------------
　hoteldata.php
---------------------------------------- */
/* ---- 非表示ブロック ---- */
body#hoteldata #desc,
body#hoteldata h2,
body#hoteldata .gototop {display: none;}

/* ---- #data - ホテル&宿泊施設 詳細 ---- */
#data {	/* width: 860px; */
	margin: 0 20px 0;
	padding: 10px;
	width: 798px;
	border: 1px solid #996600;
}
#data img.hotel {	/* max-width: 300px; */
	float: right;
	margin: 8px;
	max-width: 300px;
	background: #ffcc66;
	border: 1px solid #996600;
}

/* ---- 詳細データ ---- */
#data .outline {
	float: left;
	display: inline;
	width: 450px;
	margin: 8px;
}
#data .outline span {
	float: left;
	padding: 3px 5px 3px;
}

#data .outline span.h {
	color: #663300;
	width: 435px;
	padding: 8px 5px 5px 10px;
	margin: 0 0 20px;
	font-size: 1.25em;
	font-weight: bold;
	letter-spacing: 0.25em;
	border-bottom: 3px double #663300;
	border-left: 5px solid #663300;
	background:url(../images/BG_th.jpg) repeat-x 50% 100%;
}

#data .outline span.h a.hp {
	float: right;
	margin: 1px 2px 0;
	display: block;
	width: 120px;
	height: 20px;
	background:url(../images/IMG_hoteldata_hp.gif) no-repeat 50% 50%;
}

#data .outline span.h a.hp span {display: none;}

#data .outline span.sh {
	color: #663300;
	width: 440px;
	border-bottom: 1px solid #663300;
	border-left: 5px solid #663300;
	background:url(../images/BG_th.jpg) repeat-x 50% 100%;
}
#data .outline span.sd {
	width: 400px;
	padding: 10px 20px 10px;
	font-size: 1.15em;
}


/* ----------------------------------------
　共通
---------------------------------------- */
/* ---- history.back() - ヒストリーバック ---- */
.back {
	padding: 5px 20px 5px;
	text-align: right;
	clear: both;
}
.back a {padding: 3px;text-decoration: none;}
.back a:link {color: #663300;}
.back a:visited {color: #996600;}
.back a:hover {color: #663300;background: #ffcc66;}