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

 file name  : homepage.css
 author     : Ability Consultant
style info  : トップページページ設定　ハックは最下部に記述
=================================================================== */

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */


/* -----------------------------------------------------------
	#flash	フラッシュ
----------------------------------------------------------- */
#homepage #con_flash {
	width: 950px;
	height:470px;
	position:relative;
	z-index:0;
	text-align:center;
	overflow:hidden;
}

/* フラッシュ表示されたい場合 */
#homepage #header #con_flash #flashcontent {
	width:100%;
	height:470px;
}

#homepage #header #con_flash #flashcontent p {
	margin:0 auto;
	padding-top:80px;
	width:650px;
	height:470px;
	text-align:center;
}


/*----------------------------------------------------
	#contents
	
----------------------------------------------------*/
#homepage #contents {
	padding-top:0;
	width:100%;
	background:url(../images/bg_shadow.jpg) center 369px no-repeat;
}

#homepage #contents #con_contents {
	margin:0 auto;
	width:900px;
	overflow:hidden;
}

#homepage #main {
	margin-bottom:0 !important;
	padding-bottom:0;
}


/*----------------------------------------------------------- 
	#con_appeal
----------------------------------------------------------- */
#homepage #con_appeal {
	margin-bottom:50px;
	padding:10px 0 0 0;
	width:100%;
	background:url(../images/home/bg_appeal.jpg) center 0 no-repeat;
}

#homepage #con_appeal #box_appeal {
	margin:0 auto;
	padding:25px 0 0 0;
	width:950px;
	overflow:hidden;
}

#homepage #con_appeal .bx-window {
	width:900px;
	color:#151603;
	overflow:hidden;
	margin:0 auto;
	background:url(../images/home/bg_appealline.gif) right 0 no-repeat;
	margin-bottom:25px;
}



#homepage #con_appeal dl {
	width:225px;
	float:left;
	font-size:90%;
	background:url(../images/home/bg_appealline.gif) 0 0 no-repeat;
}


#homepage #con_appeal dl dt,
#homepage #con_appeal dl dd{
	margin-bottom:10px;
}

#homepage #con_appeal dl dd{
	padding:0 10px 0 13px;
}

#homepage #con_appeal .btn_details{
	height:34px;
	overflow:hidden;
	position:relative;
	text-align:center;
}

#homepage #con_appeal .btn_details a:hover{
	top:-34px;
	position:relative;
}



/*----------------------------------------------------
	#side	サイド
----------------------------------------------------*/
#homepage #side {
	width:195px;
	padding-top:0;
}



/*----------------------------------------------------
	.con_bx
	
----------------------------------------------------*/
#homepage .con_bx {
	width:900px;
	overflow:hidden;
	margin-bottom:20px;
}

#homepage .nomrg {
	margin-bottom:0;
}

/* メインのコンテンツ */
#homepage .con_packbox {
	width:670px;
	float:left;
}

/* サイドのコンテンツ */
#homepage .con_side {
	width:195px;
	float:right;
	margin-bottom:0;
}

/* 空室検索のマージンを取る
#homepage .con_search {
	margin-bottom:0;
} */



/*----------------------------------------------------------- 
	.con_packages
----------------------------------------------------------- */
#homepage .con_packages {
	width:670px;
	overflow:hidden;
	float:left;
}


/*	.con_ichioshi
----------------------------------------------------------- */
#homepage .con_ichioshi {
	padding-right:30px;
	width:320px;
	float:left;
	background:url(../images/home/bg_line.jpg) right 0 repeat-y;
}

#homepage .con_ichioshi h2 {
	margin-bottom:15px;
}

/* プラン画像*/
#homepage .con_ichioshi .bx_ichiosh {
	margin:0 0 10px 0;
	padding:5px;
	width:310px;
	background:#e0d3b8;
	border:1px solid #655238;
}

#homepage .con_ichioshi .bx_ichiosh .img_ichiosh{
	width:310px;
	height:207px;
	overflow:hidden;
}

#homepage .con_ichioshi .img_ichiosh img{
	width:310px;
}

#homepage .con_ichioshi h3,
#homepage .con_ichioshi .txt_ichioshi{
	margin-bottom:30px;
}

#homepage .con_ichioshi h3{
	padding-left:15px;
	font-size:110%;
	background:url(../images/home/ic_arrow_green.gif) 0 5px no-repeat;
}

/* プランプラン詳細 */
#homepage .con_ichioshi .txt_info {
	margin-bottom:15px;
	width:320px;
	font-size:x-small;
	overflow:hidden;
}

#homepage .con_ichioshi .txt_info li {
	padding:5px;
	float:left;
	border:1px solid #412610;
	background:#503b29;
}

#homepage .con_ichioshi .txt_info li.st {
	background:#2b1704;
	color:#fff;
	text-align:center;
}

#homepage .con_ichioshi .txt_info li.meal {
	width:20px;
}

#homepage .con_ichioshi .txt_info li.price {
	width:147px;
}

#homepage .con_ichioshi .txt_info li.st_per {
	width:60px;
}

#homepage .con_ichioshi .txt_info li.period {
	width:236px;
}

/* 予約ボタン */
#homepage .con_ichioshi .btn_rsv {
	padding-right:30px;
	height:32px;
	text-align:center;
	clear:both;
	overflow:hidden;
	position:relative;
}

#homepage .con_ichioshi .btn_rsv a:hover {
	top:-32px;
	position:relative;
}


/*	.con_popularpack
----------------------------------------------------------- */
#homepage .con_popularpack {
	padding-right:20px;
	width:290px;
	float:right;
	background:url(../images/home/bg_line.jpg) right 0 repeat-y;
}

#homepage .con_popularpack h2 {
	margin-bottom:15px;
}

/*** BOXプラン ***/
#homepage .con_popularpack .box_pack {
	margin-bottom:10px;
	overflow:hidden;
}

#homepage .con_popularpack .box_pack h3 {
	margin-bottom:10px;
}

/* 画像 */
#homepage .con_popularpack .box_pack .img_pack {
	float:left;
}

#homepage .con_popularpack .box_pack .img_pack img {
	padding:4px;
	background:#e0d3b8;
}

/* 右カラム */
#homepage .con_popularpack .box_pack .con_r {
	width:190px;
	float:right;
}

#homepage .con_popularpack .box_pack .con_r h4 {
	margin-bottom:5px;
	padding-left:15px;
	font-size:110%;
	background:url(../images/home/ic_arrow_green.gif) 0 5px no-repeat;
}

#homepage .con_popularpack .box_pack .con_r table {
	width:190px;
	border:1px solid #412610;
}

#homepage .con_popularpack .box_pack .con_r table th {
	width:40px;
	background:#2b1704;
	text-align:center;
	font-weight:normal;
}

#homepage .con_popularpack .box_pack .con_r table td {
	padding-left:5px;
	background:#503b29;
}

/* プラン一覧リンク */
#homepage .con_popularpack .link {
	width:290px;
	height:32px;
	text-align:center;
	clear:both;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	padding-top:10px;
}





/*----------------------------------------------------	
	#con_plan		宿泊プラン
----------------------------------------------------*/

#homepage #con_plan{
	margin: 0 auto 40px auto;
	width: 900px;
	clear: both;
	overflow:hidden;
}

#homepage #con_plan h2 {
margin-bottom: 15px;
}


/* .box_plan		BOXプラン
----------------------------------------------------------- */
#homepage .box_plan {
	margin-right:6px;
	/*padding-bottom:10px;*/
	width:220px;
	float:left;
	/*background:url(../images/home/bg_plan_foot.gif) 0 bottom no-repeat;
	height:297px;*/
	margin-bottom:0 !important;
}


#homepage .box_plan_btn {
	margin-right:6px;
	margin-top:0px !important;
	width:220px;
	float:left;
}

#homepage .last {
	margin-right:0;
	float:right;
}

#homepage .box_plan .wrp_plan {
	margin:0 auto;
	padding:0;
	overflow:hidden;
	/*background:url(../images/home/bg_horzline.gif) center bottom no-repeat;*/
}

/* HOVER */
#homepage .box_plan .hovered {
	cursor: pointer;
	background-color: #72604e;
}

#homepage .box_plan .hovered img {
	/* for IE */
  filter:alpha(opacity=80);
  /* CSS3 standard */
  opacity:0.8;
}

/* 写真 */
#homepage .box_plan .wrp_plan .box_photo {
	margin-bottom:10px;
	width:180px;
	height:122px;
	overflow:hidden;
}

#homepage .box_plan .wrp_plan .photo {
	width:174px;
	height:116px;
	overflow:hidden;
	border:3px solid #2b231c;
}


#homepage .box_plan .wrp_plan .st {
	margin-bottom:10px;
}

#homepage .box_plan .wrp_plan .st a {
	padding-left:15px;
	background:url(../images/home/ic_arrow_green.gif) 0 7px no-repeat;
}

/* テーブル */
#homepage .box_plan .wrp_plan table {
	width:180px;
	font-size:86%;
}

#homepage .box_plan .wrp_plan table th {
	width:60px;
}

#homepage .box_plan .wrp_plan table th,
#homepage .box_plan .wrp_plan table td{
	padding:5px 0 5px 5px;
}

#homepage #main .mb0 {
	margin-bottom:0 !important;
}

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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html {}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html {}