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

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

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
body {
	background: url(../images/home/bg_body_top.gif) 0 0 repeat;
}

/*----------------------------------------------------
	#topbn	最上部バナー
----------------------------------------------------*/
.topbn{
	text-align:center;
	padding-bottom: 25px;
}

/*----------------------------------------------------
	楽天
----------------------------------------------------*/
#rakuten_header {
	width: 950px;
	height: 240px;
	padding: 200px 0 0;
	margin: 0 auto 30px auto;
	text-align:center;
	background: #CCC;	
}
#rakuten_footer {
	width: 950px;
	height: 58px;
	padding: 50px 0 0;
	margin: 30px auto 0 auto;
	text-align:center;
	background: #CCC;	
}



/* -----------------------------------------------------------
	#header	ヘッダー
----------------------------------------------------------- */
#homepage #header {
	background: url(../images/home/bg_header_top.jpg) top left no-repeat;
	position:relative;
	width:950px;
	height:650px;
}

#homepage #header h1 {
	position: absolute;
	z-index: 3;
	left:20px;
	top:51px;
	width:263px;
}



/* .home_gnav グローバルナビ */

#homepage #header .home_gnav {
	position: absolute;
	z-index: 4;
	top:51px;
	left:530px;
	width:400px;
	height:168px;
	overflow:hidden;
}
#homepage #header .home_gnav ul.main{
	width:288px;
	height:168px;
	float:right;
	overflow:hidden;
}
#homepage #header .home_gnav ul.main li{
	width:48px;
	height:168px;
	float:right;
	text-indent:-99999px;
}
#homepage #header .home_gnav ul.main li a{
	width:48px;
	height:168px;
	display:block;
}
#homepage #header .home_gnav ul.sub{
	width:108px;
	height:168px;
	float:right;
	overflow:hidden;
}
#homepage #header .home_gnav ul.sub li{
	width:36px;
	height:168px;
	float:right;
}
#homepage #header .home_gnav ul.sub li a{
	width:36px;
	height:168px;
	display:block;
	text-indent:-99999px;
}

/*お風呂*/
#homepage .gnav_hotspa {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#homepage .gnav_hotspa a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: right -168px;
}

/*お料理*/
#homepage .gnav_dish {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -300px top;
}
#homepage .gnav_dish a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -300px -168px;
}

/*お料理*/
#homepage .gnav_room {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -252px top;
}
#homepage .gnav_room a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -252px -168px;
}

/*館内施設*/
#homepage .gnav_public {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -204px top;
}
#homepage .gnav_public a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -204px -168px;
}

/*５つの魅力*/
#homepage .gnav_point {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -156px top;
}
#homepage .gnav_point a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -156px -168px;
}

/*プラン一覧*/
#homepage .gnav_plan {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -108px top;
}
#homepage .gnav_plan a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -108px -168px;
}

/*周辺観光*/
#homepage .gnav_sightseeing {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -72px top;
}
#homepage .gnav_sightseeing a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -72px -168px;
}

/*アクセス*/
#homepage .gnav_access {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -36px top;
}
#homepage .gnav_access a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: -36px -168px;
}

/*よくあるご質問*/
#homepage .gnav_faq {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#homepage .gnav_faq a:hover {
	background-image: url(../images/home/btn_gmanu.png);
	background-repeat: no-repeat;
	background-position: left -168px;
}



/*	.flashcontent　Flash部分
----------------------------------------------------*/
#homepage #header #flashcontent {
	width:950px;
	height:599px;
	position: relative;
	top:51px;
	z-index: 1;
}



/*----------------------------------------------------
	#contents	コンテンツ
----------------------------------------------------*/
#homepage #contents {
	background: url(../images/home/bg_side_top.gif) left top repeat-y;
}

#homepage #contents #con_contents {
	background: url(../images/home/bg_contents_top.gif) 0 0 no-repeat;
}


/*----------------------------------------------------
	#side	サイド
----------------------------------------------------*/
#homepage #side {
	margin: 12px 0 0 4px;
	_margin: 12px 0 0 2px;
	background:url(../images/bg_side.gif) left top repeat-y;
}

#homepage #krkrbanner {
	padding:22px 0 0 10px;
}

#homepage #bn_hanareyu {
	margin: 13px 0 0 6px;
}



/* #con_raku	楽天バナー
----------------------------------------------------------- */
#homepage #con_raku {
	background: #fff;
	padding: 0 10px 10px 10px;
}

#homepage #con_raku h3 {
	margin: 0 -10px;
}



/*----------------------------------------------------
	#main	メイン
----------------------------------------------------*/
#homepage #main {
	width:709px;
	/*margin: 34px 0 0 0;*/
	padding: 0 8px 0 0;
}



/*	#bn_thankssale	楽天大感謝祭
----------------------------------------------------*/
#homepage #main #bn_thankssale {
	position:relative;
	width:715px;
	_width:700px;
	height:356px;
	margin-bottom:20px;
}
#homepage #main #bn_thankssale ul {
	position:absolute;
	left:569px; top:149px;
	z-index: 1;
}
#homepage #main #bn_thankssale ul li {
	height:33px;
	margin-top:30px;
	overflow:hidden;
}
#homepage #main #bn_thankssale #bg_thankssale {
	position:absolute;
	left:-9px; top:0;
}



/*	#bn_victorysale	楽天優勝SALE
----------------------------------------------------*/
#homepage #main #bn_victorysale {
	background-image: url(../images/home/bg_victorysale.jpg);
	background-repeat: no-repeat;
	width:651px;
	height:51px;
	margin: 20px 0 10px 4px;
	padding: 249px 0 0 49px;
	overflow: hidden;
}
#homepage #main #bn_victorysale li {
	height:27px;
	margin-right:21px;
	float: left;
	overflow:hidden;
}



/*	#bn_supersale	楽天スーパーSALE
----------------------------------------------------*/
#homepage #main #bn_supersale {
	position:relative;
	width:715px;
	_width:700px;
	height:356px;
	margin-bottom:20px;
}
#homepage #main #bn_supersale ul {
	position:absolute;
	left:569px; top:149px;
	z-index: 1;
}
#homepage #main #bn_supersale ul li {
	height:33px;
	margin-top:30px;
	overflow:hidden;
}
#homepage #main #bn_supersale #bg_supersale {
	position:absolute;
	left:-9px; top:0;
}



/*	#bn_10thanniversary	10周年記念SALE
----------------------------------------------------*/
#homepage #main #bn_10thanniversary {
	position:relative;
	width:708px;
	_width:700px;
	height:368px;
	margin:17px 0 8px;
}
#homepage #main #bn_10thanniversary ul {
	position:absolute;
	left:546px; top:166px;
	z-index: 1;
}
#homepage #main #bn_10thanniversary ul li {
	height:33px;
	margin-top:26px;
	overflow:hidden;
}
#homepage #main #bn_10thanniversary #bg_10thanniversary {
	position:absolute;
	left:0; top:0;
}



/*	#bn_supersalehalf	楽天スーパーSALE 半額プラン
----------------------------------------------------*/
#homepage #main #bn_supersalehalf {
	margin-bottom: 20px;
}



/*----------------------------------------------------
	#bn_hayawari	早割バナー
----------------------------------------------------*/
#homepage #main #bn_hayawari {
	width:700px;
	height:130px;
	margin-bottom:25px;
	overflow: hidden;
}

#homepage #main #bn_hayawari #bn_hayawari30 {
	float: left;
}

#homepage #main #bn_hayawari #bn_hayawari14 {
	float: right;
}



/* .bn_main		掛け流しの天然温泉棟バナー
----------------------------------------------------------- */
#homepage .bn_main {
	margin: 0 0 10px 1px;
}



/* #con_plan	プラン
----------------------------------------------------------- */
#homepage #con_plan {
	background: url(../images/home/bg_ichioshi_btm.gif) 0 bottom no-repeat;
	padding: 0 0 22px 0;
	margin: 0 0 30px 0;
	width: 709px;
}

#homepage #con_plan #box_plan {
	background: url(../images/home/bg_ichioshi.gif) 0 bottom repeat-y;
	padding: 0 20px 0 21px;
	width: 668px;
}

#homepage #con_plan #box_plan h3 {
	margin: 0 -20px 0 -21px;
}

#homepage #con_plan #box_plan #box_list {
	overflow: hidden;
	zoom: 1;
	margin: 0 0 20px 0;
}



/* #box_ichioshi	今月のイチオシプラン
----------------------------------------------------------- */
#homepage #box_ichioshi {
	float: left;
	width: 394px;
	background: #ffdaaa;
	padding: 14px 17px 10px 17px;
}

#homepage #box_ichioshi #plan_img {
	width: 394px;
	height: 299px;
	margin: 0 0 10px 0;
}

#homepage #box_ichioshi h4 {
	background: url(../images/home/ic_arrow_top.gif) 0 5px no-repeat;
	padding: 0 0 0 13px;
	margin: 0 0 10px 0;
	font-weight: bold;
	font-size: 13px;
}

#homepage #box_ichioshi h4 a {
	color: #1c0604;
}

#homepage #box_ichioshi .txt_ichioshi {
	margin: 0 0 10px 0;
}



/* プランプラン詳細 */
#homepage .txt_info {
	float: left;
	font-size: x-small;
	width: 297px;
	color: #333;
}

#homepage .txt_info li {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    padding: 5px;
	margin: 0 0 2px 0;
}
#homepage .txt_info li.st {
    background: none repeat scroll 0 0 #262625;
    color: #FFFFFF;
    text-align: center;
    width:2em;
}
#homepage .txt_info li.meal {
    width:2em;
}

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

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

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

/* 予約ボタン */
#homepage .btn_rsv {
    height: 63px;
    overflow: hidden;
    position: relative;
    width: 75px;
	margin: 0 0 0 319px;
	_margin: 0 0 0 316px;
}

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



/* #bn_planlist		プランバナー
----------------------------------------------------------- */
#homepage #bn_planlist {
	margin: 0 0 0 447px;
	_margin: 0 0 0 444px;
}

#homepage #bn_planlist li img {
	vertical-align: bottom;
}



/* #box_best3	人気プラン Best3
----------------------------------------------------------- */
#homepage #box_best3 ul {
	width: 668px;
	overflow: hidden;
	zoom: 1;
}

#homepage #box_best3 ul li {
	width: 204px;
	float: left;
	margin: 0 28px 0 0;
	overflow: hidden;
	zoom: 1;
}

#homepage #box_best3 ul #box_best3 {
	margin: 0;
}

#homepage #box_best3 ul li .box_img {
	float: left;
	width: 77px;
	border: 1px solid #ccc;
	background: #fff;
	padding: 3px;
}

#homepage #box_best3 ul li .box_img img {
	width: 77px;
	height: 52px;
}

#homepage #box_best3 ul li .box_price {
	width: 114px;
	margin: -17px 0 0 90px;
	_margin: -17px 0 0 87px;
}

#homepage #box_best3 ul li .box_price a {
	color: #1c0604;
	margin: 0 0 5px 0;
}

#homepage #box_best3 ul li .box_price .price {
	font-weight:bold;
	color:#ba2412;
	font-size:10px;
}



/* #con_points	7つの魅力
----------------------------------------------------------- */
#homepage #con_points {
	overflow: hidden;
	zoom: 1;
}

#homepage #con_points h3 {
	margin: 0 0 10px 0;
}

#homepage #con_points p {
	float: left;
}

#homepage #con_points p img {
	vertical-align: bottom;
}

#homepage .racoupon{
	margin-top: 15px;
	margin-left: 9px;
}


/*	#con_main_contact　下部お問い合わせ		
-------------------------------------------------*/
#homepage #con_main_contact {
	margin:50px 0 40px 2px;
	width:705px;
	height:65px;
	background:url(../images/home/bg_top_contact.gif) 0 0 no-repeat;
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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