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

 file name  :top.css
 author     :Ability Consultant
style info  :設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */

/* -----------------------------------------------------------
	#page
----------------------------------------------------------- */
#index #page {
	background: none;
}

/*  Flash
----------------------------------------------------------- */
#index #cont_flash{
	width: 950px;
	height: 468px;
	background: url(../images/top/bg_header_top.jpg) center bottom repeat-x;
}

#index .con_header {
	display: none;
}


/*　ロゴ部分
----------------------------------------------------*/
#index #sitename {
	float: left;
	width: 320px;
	position: relative;
	margin-top: -110px;
}

/*　詳細情報、メルマガ登録
----------------------------------------------------*/
#index #foreignnav{
	float: right;
	width: 250px;
	height: 22px;
	text-align: right;
	margin-top: -110px;
	position: relative;
	top: 80px;
	right: 10px;
}

#index #foreignnav p{
	display :inline;
}

#index #foreignnav p.bt_info{
	margin-right: 5px;
}



/* ピックアップコンテンツ
----------------------------------------------------*/
#index #main #cont_pickup{
	width: 705px;
	padding: 29px 0 0 0;
	background: url(../images/top/bg_pickup.gif) right top no-repeat;
}

#index #cont_pickup .box_picup ul{
	padding-bottom: 30px;
}

#index #cont_pickup .box_picup ul{
	width: 705px;
	overflow: hidden;
	line-height: 1px;
}

#index #cont_pickup .box_picup ul li{
	line-height: 1px;
	padding-top: 10px;
}

#index #cont_pickup .box_picup ul li.first{
	clear: both;
	float: left;
	padding-right: 15px;
}


/* -----------------------------------------------------------
	#pageflash
----------------------------------------------------------- */
#cont_pageflash {
	display: none;
}


/* -----------------------------------------------------------
	#wrapper
----------------------------------------------------------- */
#index #wrapper {
	padding-top: 0;
}


/* -----------------------------------------------------------
	#contents
----------------------------------------------------------- */

/* TOP#utilityNav
----------------------------------------------------------- */
#index #waku {	
	width: 950px;
	height: 52px;
	background: #FFF url(../images/top/bg_waku.gif) no-repeat top left;
}
	
#index #waku #utilitynav {
	width: 290px;
	height: 22px;
	margin: 0;
	padding: 20px 14px 10px 0;
	text-indent: -9999px;
	float: right;
	background: url(../images/top/bg_utilitynav_top.gif) right top no-repeat;
}

#index #waku #utilitynav li {
	height: 22px;
	float: left;
}

#index #waku #utilitynav li a{
	height: 22px;
	overflow: hidden;
	display: block;
}

/*Q&A*/
#index #waku #utilitynav li.unav_qa a{
	width: 50px;
}

/*アクセス*/
#index #waku #utilitynav li.unav_access a{
	width: 80px;
}

/*お客様の声*/
#index #waku #utilitynav li.unav_review a{
	width: 90px;
}

/*HOME*/
#index #waku #utilitynav li.unav_home a{
	width: 70px;
}


/*----------------------------------------------------
	#main
	TOPメイン
----------------------------------------------------*/
#index #main {
	width: 720px;
	padding: 0;
	margin: 0;
	float: left;
}

#index #main p{
	font-size: 100%;
}

/* メインコンテンツバナー
----------------------------------------------------*/
#index #main #cont_main_bn{
	width: 720px;
	height: 140px;
	padding: 4px 0 0 0;
	background: url(../images/top/bn_maincontent.jpg) left top no-repeat;
	text-indent: -9999px;
}

/*客室*/
#index #cont_main_bn h3.bn_rooms a{
	width: 225px;
	height: 140px;
	margin: 0 10px 0 0;
	display: block;
	overflow: hidden;
	float: left;
}

/*レストラン樹海*/
#index #cont_main_bn h3.bn_restaurant a{
	width: 225px;
	height: 140px;
	margin: 0 10px 0 0;
	display: block;
	overflow: hidden;
	float: left;
}

/*温泉*/
#index #cont_main_bn h3.bn_hotspring a{
	width: 225px;
	height: 140px;
	display: block;
	overflow: hidden;
	float: left;
}

/* ピックアップコンテンツ
----------------------------------------------------*/
#index #main #cont_pickup{
	width: 705px;
	margin: 0 0 15px;
	padding: 29px 0 0 0;
}

#index #cont_pickup h3.st_pickup{
	margin: 0 0 10px;
}


/* information_c_01
----------------------------------------------------------- */
#index div#information_c_01{
	padding: 0 0 70px;
	margin: 25px 0 0 10px;
	width: 670px;
	background: url(../images/top/information_c_01_image.jpg) right top no-repeat;
	clear:both;
}

/*キャッチコピー*/ 
#index div#information_c_01 h2{
	margin: 0 0 25px;
	width: 670px;
	height: 22px;
	background: url(../images/top/information_c_01_copy.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#index div#information_c_01 h4{
	margin: 0 0 10px;
	width: 670px;
	font-size: 120%;
	font-weight: bold;
}

#index div#information_c_01 p{
	margin: 0 0 10px;
	width: 420px;
}

/* information_c_02
----------------------------------------------------------- */
#index div#information_c_02{
	margin: 0 0 40px 10px;
	width: 670px;
}

#index div#information_c_02 p{
	margin: 0 0 20px;
}


/* -----------------------------------------------------------
	#footer_lower
	フッター下段
----------------------------------------------------------- */
/*バナー：レジーナリゾート
----------------------------------*/
#footer_lower .right p.bn{
	float: right;
	margin: 0 0 0 5px;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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