@charset "utf-8";

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

種別 ： トップ専用css
適用 ： トップ固有スタイル

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

/* ヘッダ設定
============================================================================================== */
/*-- 箱設定 ------------------------*/
#HEADER{
	height: 50px;
	background: url("../../img/hd_bg.jpg") 0 0 repeat-x;
}
/*-- 要素設定 ------------------------*/
/**-- ロゴ --**/
#HEADER  h1{
}
#HEADER h1 a{
	width: 254px;
	height: 50px;
	display:block;
	background: url("../../img/top_logo.jpg") 0 0 no-repeat;
}
#HEADER h1 a strong{
	display: block;
	text-indent: -9999px;
}

/* グローバルナビ
============================================================================================== */
#GNAV{
	width: 860px;
	height: 48px;
	background: url("../../img/gnav.jpg") 0 0 no-repeat;
	margin-bottom: 25px;
}
#GNAV h2{
	float: left;
}
/*- リンク設定・現在位置--*/
#GNAV a{
	height: 44px;
	display: block;
	text-indent: -9999px;
}
#GNAV #gnav_stay a{
	width: 115px;
}
#GNAV #gnav_stay a:hover{
	background: url("../../img/gnav.jpg") 0 -48px no-repeat;
}
#GNAV #gnav_bridal a{
	width: 118px;
}
#GNAV #gnav_bridal a:hover{
	background: url("../../img/gnav.jpg") -115px -48px no-repeat;
}
#GNAV #gnav_restaurant a{
	width: 106px;
}
#GNAV #gnav_restaurant a:hover{
	background: url("../../img/gnav.jpg") -233px -48px no-repeat;
}
#GNAV #gnav_room a{
	width: 125px;
}
#GNAV #gnav_room a:hover{
	background: url("../../img/gnav.jpg") -339px -48px no-repeat;
}
#GNAV #gnav_public a{
	width: 97px;
}
#GNAV #gnav_public a:hover{
	background: url("../../img/gnav.jpg") -464px -48px no-repeat;
}
#GNAV #gnav_access a{
	width: 91px;
}
#GNAV #gnav_access a:hover{
	background: url("../../img/gnav.jpg") -561px -48px no-repeat;
}
#GNAV #gnav_guide a{
	width: 97px;
}
#GNAV #gnav_guide a:hover{
	background: url("../../img/gnav.jpg") -652px -48px no-repeat;
}
#GNAV #gnav_voice a{
	width: 111px;
}
#GNAV #gnav_voice a:hover{
	background: url("../../img/gnav.jpg") -749px -48px no-repeat;
}


/* FLASH　エリア
============================================================================================== */
#FLASH_AREA{
	width: 860px;
	height: 430px;
	text-align: center;
}
#FLASH_AREA #flash{
}
#FLASH_AREA p{
	padding-top: 1em;
}

/* 左カラム内　箱設定
============================================================================================== */
#topics_box{
	width: 542px;
	padding-top: 8px;
	background: url("../../img/topics_top.jpg") 0 0 no-repeat;
	position:relative;
}
#topics_box #detailBtn{
	position:absolute;
	top: 44px;
	font-size: 11px;
	right: 22px;
}
#topics_box #detailBtn a{
	color: #666;
}

#topics_box #detailBtn img{
	vertical-align: top;
}
#topics_box2{
	width: 542px;
	padding-bottom: 8px;
	background: url("../../img/topics_bottom.jpg") 0 bottom no-repeat;
}
#topics_box3{
	width: 542px;
	background: url("../../img/topics_bg01.jpg") 0 0 repeat-y;
}
#topics_box4{
	padding-top: 15px;
	margin: 0 6px;
	padding: 15px;
	background: url("../../img/topics_bg02.jpg") 0 0 repeat-x;
}
#topics_box h3{
	width: 500px;
	padding-bottom: 20px;
}
/* トピックス箱設定
=============================================== */
/*-- 箱設定 --*/
#topics_box .title{
	font-size: 15px;
	color: #666;
	font-weight: bold;
	line-height: 1.1;
	padding-bottom: 10px;
	padding-left: 6px;
}
#topics_box .title span{
	display:block;
	padding-left: 14px;
	background: url("../../img/ob01.gif") 0 center no-repeat; 
}
#topics_box .item{
	width: 100%;
	display:table;
	/*-- 画像左右設定 --*/
	direction:rtl;
	border-bottom: 1px solid #ccc;
	padding-bottom: 16px;
	margin-bottom: 14px;
}
#topics_box .item_last{
	border-bottom: none;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#topics_box .item .tx_area,
#topics_box .item .img_area{
	display:table-cell;
	text-align:left;
	vertical-align:top;
}
/*-- 画像エリア --*/
#topics_box .item .img_area{
	padding:4px 0 0 14px;
	float: right;
}
/*-- テキストエリア --*/
#topics_box .item .tx_area{
}
#topics_box .item .tx_area p{
	direction:ltr;
	margin-left: 20px;
	padding-bottom: 14px;
}
#topics_box .item .tx_area p.link{
	position: relative;
	padding-bottom: 0px;
	height: 15px;
}
#topics_box .item .tx_area p.link span{
	top: 0;
	left: 0;
	position: absolute;
}
#topics_box .item .tx_area p.link em{
	top: 0;
	right: 0;
	position: absolute;
}
/* for IE */
#LTIE8 #topics_box .item .img_area{
	float:right;
}
#LTIE8 #topics_box .item .img_area{
	width:expression(this.getElementsByTagName("img")[0].clientWidth);
}
#LTIE8 #topics_box .item .tx_area{
	width:auto;
}
/* clear float and get hasLayout */

#LTIE8 #topics_box .item,
#LTIE8 #topics_box .item .tx_area{
	min-height:0;
}
* html #LTIE8 #topics_box .item,
* html #LTIE8 #topics_box .item .tx_area{
	height:0;
}


/* 右カラム内　箱設定
============================================================================================== */
/*-- ご宿泊プラン&ご予約ボタン --*/
#reserve_btn{
	padding-bottom: 14px;
	margin-left: 1px;
}
/*-- 今月のブライダル --*/
#side_bridal{
	width: 236px;
	height:292px;
	background: url("../../img/brida_bg.jpg") 0 0 no-repeat;
	margin-bottom: 5px;
}
#side_bridal h3{
	display: none;
}
#side_bridal p{
	padding-top: 50px;
	padding-bottom: 10px;
	margin-left: 16px;
}
#side_bridal dl{
	width: 200px;
	margin-left: 16px;
}
#side_bridal dt{
	text-align: right;
	padding-bottom: 4px;
}
#side_bridal dt span{
	float:left;
}
#side_bridal dd{
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.4;
}
#side_bridal .hot{
	height:292px;
	cursor: pointer;
	background: url("../../img/brida_bg.jpg") 0 0 no-repeat;
}
#side_bridal .hover{
	background: url("../../img/brida_bg.jpg") 0 -291px no-repeat;
}
/*-- BLOG ボタン --*/
#blog_btn{
	padding-bottom: 8px;
	margin-left: 1px;
}
/*-- BLOG ボタン --*/
#side_profile{
	width: 230px;
	margin-left: 1px;
}
#side_profile div{
	padding: 9px;
	padding-bottom :16px;
	border: 1px solid #E0E0E0;
	background: url("../../img/side_pro_bg.jpg") 0 0 repeat-x;
}
#side_profile dt{
	padding-bottom: 4px;
}
#side_profile dd{
	line-height: 1.2;
	padding-left: 10px;
}