@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 author     :lassic(admin)
 style info :トップページ用スタイルシート

 last edit  :2009/05/12
 editor     :takenaka

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


/* -----------------------------------------------------------
		配置
----------------------------------------------------------- */

#main {
	float: left;
	width: 600px;
}

#sub {
	float: right;
	width: 280px;
}

#header h1{
	width: 120px;
	float: left;
}

#header h1 img{
	margin-left: 10px;
}


/* -----------------------------------------------------------
	#sub
		右コンテンツ部分
----------------------------------------------------------- */


#index #sub h3{
	margin-bottom: 10px;
}

#connection li{
	line-height: 1.9;
	list-style: inside disc;
	margin-left: 10px;
}


/* -----------------------------------------------------------
	#sub じゃらん　空室検索ボックス
		右コンテンツ部分
----------------------------------------------------------- */

#reservation-top {
	background:url("../img/item/reservation-top.jpg") no-repeat;
	width:280px;
	height:266px;
	margin-bottom:20px;
	padding-top:50px;
	padding-left:10px;
	padding-right:5px;
}

.reserve-indent {
	margin-bottom:7px;

}

#reservation-top ul {
	margin-bottom:10px;
}

#reservation-top a {
	display: block;
	width:110px;
	height:25px;
	margin:-35px 0 15px 145px;
	text-indent: -9999px;
	background:none;
	text-decoration:none;
	}

#serch-button {
    border: 0px;
    width: 68px;
    height: 25px;
    background: url("../img/item/serch.gif") left top no-repeat;
    cursor:pointer;
}

/* -----------------------------------------------------------
	#animation
		フラッシュ部分
----------------------------------------------------------- */
#animation {
	background: #EAB61E;
	margin-bottom: 40px;
	height: 400px;
}

#flash-swf{}


/* -----------------------------------------------------------
	#cointents
		左コンテンツ部分
----------------------------------------------------------- */

#index h2{
	margin-bottom: 20px;
}

#index h3{
	margin-bottom: 20px;
}

/*ニュース部分*/

#index-news dl{
	margin-bottom: 50px;
}

#index-news dt {
	clear:left;
	float:left;
	padding: 3px 0.5em 3px 0;
	width: 70px;
}

#index-news dd {
	margin-left: 90px;
	padding: 3px 0;
}

#index-news dd.news_spa{
	padding-left: 80px;
	background: url(../img/share/news_spa.gif) no-repeat 8px 48%;
}

#index-news dd.news_stay{
	padding-left: 80px;
	background: url(../img/share/news_stay.gif) no-repeat 8px 48%;
}

#index-news dd.news_bridal{
	padding-left: 80px;
	background: url(../img/share/news_bridal.gif) no-repeat 8px 48%;
}

#index-news dd.news_party{
	padding-left: 80px;
	background: url(../img/share/news_party.gif) no-repeat 8px 48%;
}


#index-news dd.news_restaurant{
	padding-left: 80px;
	background: url(../img/share/news_restaurant.gif) no-repeat 8px 48%;
}


#index-news dd.news_guide{
	padding-left: 80px;
	background: url(../img/share/news_guide.gif) no-repeat 8px 48%;
}

#index-news dd.news_other{
	padding-left: 80px;
	background: url(../img/share/news_etc.gif) no-repeat 8px 48%;
}

#index-news p#news_link{
	text-align: right;
	padding-right: 10px;
}



/*観光ガイド*/

.guide{
	margin-bottom: 20px;
	border-bottom: solid 1px #8B7E39;
	padding-bottom: 10px;
}

.guidephoto{
	float: left;
	width: 180px;
}

.guidephoto img{
	border: solid 1px #8B7E39;
}

.guide_content{
	float: right;
	width: 400px;
}
.guide-title{
	color: #9F4848;
	background: url(../img/item/list_bar-red.gif) repeat-y left;
	float: left;
	font-size: 122%;
	padding-left: 15px;
	font-weight: bold;
}
.guidecar{
	float: right;
	display: inline;
	width: 154px;
	margin-right: 10px;
}


/*ホテル外観*/

#facade{
	padding: 20px 0 10px;
}







/* ===================================================================
	clearfix
	floatclear
=================================================================== */


/* clearfix */
.guide:after, .event:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	height: 0;
	clear: both;
	visibility: hidden;
}
.guide, .event { display: inline-block; }

/* Hide from IE-mac \*/
*html .guide ,*html .event { height: 1%; }
.guide, .event { display: block; }
/* End hide from IE-mac */








/* ===================================================================
	clearfix
	floatclear
=================================================================== */


/* clearfix */
#contents:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	height: 0;
	clear: both;
	visibility: hidden;
}

#contents { display: inline-block; }

/* Hide from IE-mac \*/
*html #contents { height: 1%; }
#contents { display: block; }
/* End hide from IE-mac */