@charset "UTF-8";

@import "./base.css";

/* ================================================================================== 
★　CSS インフォーメーション　★
☆　トップページ関連　☆

■１．3type ＆ レイアウト
■２．クイック検索
■３．お知らせ・イベント情報
■４．シーンで選ぶ
■５．おすすめ宿泊プラン

===================================================================================== 

■１．3type ＆ レイアウト

================================================================================== */
#top-type03{
	margin:12px auto 15px;
	overflow:hidden;
	_zoom:1;
}

#top-type03 dt{
	float:left;
}

#top-type03 dd{
	float:left;
	width:269px;
	text-align:right;
}

#top-contentL{
	float:left;
	width:328px;
	overflow:hidden;
	_zoom:1;
}

#top-contentR{
	float:right;
	width:610px;
	overflow:hidden;
	_zoom:1;
}

/* ================================================================================== 

■２．クイック検索

================================================================================== */

.quick-search{
	margin:0 0 15px;
	background:url(../../images/top_search_frame_top.gif) no-repeat top #a4bf23;
}

.quick-search-end{
	padding:10px 0;
	background:url(../../images/top_search_frame_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.quick-search-end dl{
	margin:0 auto;
	width:314px;
	overflow:hidden;
	_zoom:1;
}

.quick-search-end dt{
	float:left;
	overflow:hidden;
	_zoom:1;
}

.quick-search-end dd{
	padding:7px 0 0;
	text-align:right;
	line-height:1px;
	overflow:hidden;
	_zoom:1;
}

.quick-search-in{
	margin:10px auto;
	width:312px;
	border:1px solid #b6cc4f;
}

.quick-search-in div{
	margin:1px;
	padding:5px;
	background:#FFF;
}


.quick-search-in li{
	padding:5px 3px;
	border-bottom:1px dotted #CCC;
	font-size:1.2em;
}

.quick-search-in span{
	width:65px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.mac .quick-search-in span{
	width:68px;
}

.quick-search-in img{
	vertical-align:middle;
}

.quick-search-in select{
	margin:auto 3px;
	/margin:auto 4px;
	margin:auto 4px\9;
	vertical-align:middle;
}

.quick-search-in p{
	text-align:center;
	margin:8px 0 0;
	line-height:0.1em;
}

.quick-search-btn{
	width:314px;
	margin:0 auto;
	padding:0;
	line-height:1px;
	text-align:right;
}

.quick-search-in li.perhead,
.quick-search-in li.headcount{
	line-height:2.5em;
	overflow:hidden;
	_zoom:1;
}

.quick-search-in li.headcount img{
	float:left;
	vertical-align:text-top;
	overflow:hidden;
	_zoom:1;
}

.quick-search-in li.headcount div{
	margin:0;
	padding:0;
	float:right;
	width:220px;
}

.quick-search-in li.perhead div{
	margin:0;
	padding:0;
	float:right;
	width:250px;
}

.quick-search-in li.headcount span{
	width:95px;
}

.quick-search-in li.perhead{
	line-height:2.5em;
	overflow:hidden;
	_zoom:1;
}

/* ================================================================================== 

■３．お知らせ・イベント情報

================================================================================== */
.top-info{
	margin:0 auto 15px;
	background:url(../../images/top_info_bg.gif) repeat-y;
	overflow:hidden;
	_zoom:1;
}

.top-info-end{
	position:relative;
	padding:0 0 6px;
	background:url(../../images/top_info_end.gif) no-repeat bottom;
	font-size:1.2em;
	overflow:hidden;
	_zoom:1;
}

.top-info-end p{
	position:absolute;
	right:12px;
	top:19px;
}

.top-info-end dl{
	margin:-1px 0 0;
	padding:0 6px;
}

.top-info-end dt {
	clear: left;
	float: left;
	width: 6em;
	padding: 10px 0.5em;
}

.top-info-end dd {
	margin-left: 0;
	padding: 10px 0.5em 10px 7em;
	border-top: dotted 1px #d2c6a7;
}

.top-info-end dd img{
	margin:0 5px 0 0;
}

.top-info-end dd a{
	color:#555;
	text-decoration:none;
}

.top-info-end dd a:hover{
	text-decoration:underline;
}

.top-banner li{
	margin:0 0 10px;
}


/* ================================================================================== 

■４．シーンで選ぶ

================================================================================== */

.top-seen{
	margin:0 -5px 0 0;
	overflow:hidden;
	_zoom:1;
}

.top-seen dt{
	padding:0 0 15px;
}

.top-seen dd{
	float:left;
	margin:0 5px 0 0;
}


/* ================================================================================== 

■５．おすすめ宿泊プラン

================================================================================== */


.top-recom-ttl{
	position:relative;
	margin:20px auto 0;
}

.top-recom-ttl p{
	position:absolute;
	right:12px;
	top:12px;
}

.top-recom-rss{
	margin:0 12px 0 0;
}

.recom-area{
	padding:20px 15px;
	border-bottom:1px dotted #CCC;
	overflow:hidden;
	_zoom:1;
	font-size:1.2em;
}

.recom-area h3,
.recom-area p,
.recom-area ul{
	overflow:hidden;
	_zoom:1;
}

.recom-img{
	float:right;
	margin:0 0 0 25px;
	border:1px solid #CCC;
}

.recom-img img{
	margin:2px;
}

.recom-img a{
	display:block;
	background:#FFF;
}

.recom-img a:hover{
	background:#95b500;
}

.recom-area h3{
	margin:0 0 10px;
}

.recom-area h3 a{
	color:#95b500;
	text-decoration:none;
	font-weight:bold;
}

.recom-area h3 a:hover{
	text-decoration:underline;
}


.recom-area ul{
	margin:15px 0 0;
}

.recom-area li{
	margin:0 3px 0 0;
	float:left;
}

.recom-area li.recome-btn-more{
	float:right;
	margin:0;
}