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

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


/* -----------------------------------------------------------
	トップページ専用指定
----------------------------------------------------------- */

/* #index body用背景画像
----------------------------------------------------------- */
body {
	background: url(../images/top/bg_image.jpg) no-repeat center 0;
}


/* #header ヘッダ領域
----------------------------------------------------------- */
#index #header {
	height: 520px;
	margin: 0 0 30px 0;
	background: none;
	/*overflow: hidden;*/
}

/* FLASH
----------------------------------------------------------- */
#index #header #con_flash {
	width: 950px;
	height: 493px; 
	position: relative;
	margin: 0 auto;
}
#index #header #con_flash h1 {
	position: absolute;
	z-index:2;
}

#index #header #con_flash p{
	position: absolute;
	/*margin: 10px 0 0 0 695px;*/
	z-index:2;
	top: 8px;
	left: 690px;
}

#index #header #con_flash .wrap_flash{
	width: 948px;
	height: 468px;
	/*margin:-453px 0 0 0;*/
	z-index:1;
}


/* #swf_con flash領域
----------------------------------------------------------- */
#index #header div#swf_con {
	width: 950px;
	height: 493px;
	margin: 0 auto;
	position: relative;
}

#index #header div#swf_con h1 {
	/*position: relative;*/
	/*z-index:2;*/
	/*padding:160px 0 0 30px;*/
}

/*#index #header div#swf_con h1 {
	width: 950px;
	height: 1px;
	margin: 0 auto;
	font-size: 1px;
	text-indent: -9999px;
}
*/
/*#index #header div#swf_con div#swf {
	margin: -1px 0 0 0;
}*/

#index #header div#swf_con div#swf {
	z-index:1;
}





/* #nav_con グローバルメニュー、サブメニュー領域
----------------------------------------------------------- */
#index #header div#nav_con {
	width: 950px;
	height: 249px;
	margin: 0 auto;
	background: url(../images/bg_menu.gif) repeat-x;
}


/* #bn_con ヘッダー内バナー領域
----------------------------------------------------------- */
#index #header div#nav_con #bn_con {
	height: 136px;
	margin: 0 auto 0 15px;
	overflow: hidden;
}

#index #header div#nav_con #bn_con p {
	float: left;
}

#index #header div#nav_con #bn_con p img {
	vertical-align: bottom;
}

#index #header div#nav_con #bn_con p.bn_net_yoyaku {
	margin: 8px 14px 0 0;
}

#index #header div#nav_con #bn_con p.bn_rooms {
	margin: 8px 12px 0 0;
}

#index #header div#nav_con #bn_con p.bn_hotspa {
	margin:  17px 12px 0 0;
}

/* -----------------------------------------------------------
	#rakuten_plan プラン一覧部分
----------------------------------------------------------- */

/* #plan_con プラン紹介
----------------------------------------------------------- */
#index #contents #rakuten_plan div.plan_con {
	width: 950px;
	margin: 0 0 25px;
	overflow: hidden;
}

/* おすすめプラン */
#index #contents #rakuten_plan div.plan_con div.osusume_plan {
	width: 465px;
	background: url(../images/top/bg_plan.gif) repeat-y;
	border-bottom: 1px #7896B4 solid;
	float: left;
}

#index #contents #rakuten_plan div.plan_con div.osusume_plan h3 {
	width: 465px;
	height: 38px;
	background: url(../images/top/st_plan_osusume.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* お得プラン */
#index #contents #rakuten_plan div.plan_con div.otoku_plan {
	width: 465px;
	background: url(../images/top/bg_plan.gif) repeat-y;
	border-bottom: 1px #7896B4 solid;
	float: right;
}

#index #contents #rakuten_plan div.plan_con div.otoku_plan h3 {
	width: 465px;
	height: 38px;
	background: url(../images/top/st_plan_otoku.gif) no-repeat 0 0;
	text-indent: -9999px;
}

/* 体験プラン */
#index #contents #rakuten_plan div.plan_con div.taiken_plan {
	width: 465px;
	background: url(../images/top/bg_plan.gif) repeat-y;
	border-bottom: 1px #7896B4 solid;
	float: left;
}

#index #contents #rakuten_plan div.plan_con div.taiken_plan h3 {
	width: 465px;
	height: 38px;
	background: url(../images/top/st_plan_taiken.gif) no-repeat 0 0;
	text-indent: -9999px;
}


/* グルメプラン */
#index #contents #rakuten_plan div.plan_con div.gurume_plan {
	width: 465px;
	background: url(../images/top/bg_plan.gif) repeat-y;
	border-bottom: 1px #7896B4 solid;
	float: right;
}

#index #contents #rakuten_plan div.plan_con div.gurume_plan h3 {
	width: 465px;
	height: 38px;
	background: url(../images/top/st_plan_gurume.gif) no-repeat 0 0;
	text-indent: -9999px;
}



/* 共通 */
#index div.plan_con div.osusume01,
#index div.plan_con div.osusume02,
#index div.plan_con div.otoku01,
#index div.plan_con div.otoku02,
#index div.plan_con div.taiken01,
#index div.plan_con div.taiken02,
#index div.plan_con div.gurume01,
#index div.plan_con div.gurume02 {
	padding: 10px 0;
	overflow: hidden;
	clear: both;
	min-height: 100px;
}


#index div.plan_con div.osusume01,
#index div.plan_con div.otoku01,
#index div.plan_con div.taiken01,
#index div.plan_con div.gurume01 {
	background: url(../images/top/img_line_plan.gif) no-repeat 1px bottom;
}

#index div.plan_con p.img {
	width: 122px;
	height:95px;
	margin: 5px 15px 1px 15px;
	float: left;
}

#index div.plan_con div.txt {
	overflow: hidden;
	padding-right: 15px;
}

#index div.plan_con span {
	display: block;
	font-weight: bold;
	text-decoration: underline;
	margin: 0 0 3px;
}

#index div.plan_con h4 span a:hover {
	text-decoration: none;
}


/* プラン説明テキスト部分 */
#index div.plan_con a ul li {
	text-decoration: none;
}

/* プランタイトル部分 */
#index div.plan_con ul li.plan_title {
	margin: 0 0 3px;
}

#index div.plan_con ul li.plan_title a {
	color: #466E96;
	font-weight: bold;
	text-decoration: underline;
}

/* プランタイトル価格部分 */
#index div.plan_con ul li.plan_price {
	margin: 0 0 3px;
	color: #8A5555;
	font-weight: bold;
}


/* -----------------------------------------------------------
	#main メインコンテンツ
----------------------------------------------------------- */
#index #main p img {
	margin: 10px 0 0 15px;
}

/* -----------------------------------------------------------
	#sub サブコンテンツ
----------------------------------------------------------- */
#index #sub {
	margin: 22px 0 0;
}



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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #index div#plan_con div.osusume01,
* html #index div#plan_con div.osusume02,
* html #index div#plan_con div.osusume03,
* html #index div#plan_con div.otoku01,
* html #index div#plan_con div.otoku02,
* html #index div#plan_con div.otoku03 {
	height: 100px;
}

* html #index div#plan_con div.txt {padding: 0 0 10px 0;}
* html #index div#plan_con p.img {margin: 5px 5px 5px 10px;}

* html #index div#plan_con #osusume_dish_cate,
* html #index div#plan_con #osusume_spa_cate,
* html #index div#plan_con #osusume_carriage_cate,
* html #index div#plan_con #otoku_discount_cate,
* html #index div#plan_con #otoku_family_cate,
* html #index div#plan_con #otoku_morning_cate {
	height: 150px;
	overflow: auto;
}

* html #index div#plan_con p.img {
	margin-bottom: 40px;
}

/*プラン紹介部分調整*/
* html #index div#plan_con div.txt {
	overflow: hidden;
	margin-right: 15px;
}

* html #index div.plan_con p.img {
	height: 120px;
}