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

 file name  :top.css
 author     :Ability Consultant
style info  :トップページ設定　ハックは最下部に記述
=================================================================== */
/* -----------------------------------------------------------
	トップページのみの基本設定
----------------------------------------------------------- */
#page {
	font-size: 0.95em;
	_font-size: 0.85em;
	*font-size: 0.85em;	
	
	line-height: 1.7;
}

/* -----------------------------------------------------------
	#main_flash フラッシュ情報
----------------------------------------------------------- */
#top #page_top {
	position:absolute;
	height:535px;
	width:100%;
	left:0;
	top:0;
}


/* -----------------------------------------------------------
	#header ヘッダー情報
----------------------------------------------------------- */
#top #header {
	position:relative;
	width:950px;
	height:535px;
	margin:0 0 48px 0;
}

/* h1
----------------------------------------------------------- */
#top #header h1 {
	position:absolute;
	top:444px;
	left:21px;
	background:url(../images/bn/logo.png);
	text-indent:-9999px;
	width:69px;
	height:101px;
}

#top #header h1 a{
	display:block;
	width:69px;
	height:101px;
	overflow:hidden;
	margin:0;
}

/* ul#gnav
----------------------------------------------------------- */
#top #header ul#gnav {
	position:absolute;
	top:450px;
	left:145px;
	width:805px;
	height:45px;
	background:url(../images/bn/bn_gnav.gif);
	text-indent:-9999px;
	margin:0;
}

#top #header ul#gnav li a{
	display:block;
	height:45px;
	overflow:hidden;
}

#top #header li#gvav01 a{width:126px;}
#top #header li#gvav02 a{width:97px;}
#top #header li#gvav03 a{width:104px;}
#top #header li#gvav04 a{width:96px;}
#top #header li#gvav05 a{width:163px;}
#top #header li#gvav06 a{width:100px;}
#top #header li#gvav07 a{width:119px;}


/* ul#utilitynav
----------------------------------------------------------- */
#top #header ul#utilitynav {
	position:absolute;
	top:520px;
	left:145px;
	width:576px;
	height:15px;
	background:url(../images/bn/bn_utilitynav.png) no-repeat;
	text-indent:-9999px;
	margin:0;
}

#top #header ul#utilitynav li a{
	display:block;
	height:15px;
	overflow:hidden;
	float:left;
}

#top #header li#utilitynav01 a{width:112px;}
#top #header li#utilitynav02 a{width:72px;}
#top #header li#utilitynav03 a{width:74px;}
#top #header li#utilitynav04 a{width:71px;}
#top #header li#utilitynav05 a{width:75px;}
#top #header li#utilitynav06 a{width:96px;}
#top #header li#utilitynav07 a{width:76px;}

/* img#header_banner01
----------------------------------------------------------- */
#top #header img#header_banner01 {
	position:absolute;
	top:347px;
	left:698px;
	cursor:pointer;
}



/*----------------------------------------------------
	#contents トップコンテンツ部分
----------------------------------------------------*/
#top #contents {
	background:url(../images/top/bg_topmain.gif) repeat-y;
	display:inline-block;
	margin:0 0 -5px 0;
}


/*----------------------------------------------------
	#main トップメイン部分
----------------------------------------------------*/
#top #main div.contents_box{
	clear:both;
	overflow:hidden;
	padding:0 0 50px 0;
	_height:1%;
}

#top #main div.left_box {
	width:460px;
	float:left;
}

#top #main div.right_box {
	width:235px;
	float:right;
}

/* スタンダードプラン・レディースプラン・カップルプラン
----------------------------------------------------------- */
#top #main ul#plan_tabmenu{
	width:460px;
	height:36px;
	margin:0 0 7px 0;
}

#top #main ul#plan_tabmenu li{
	float:left;
	height:36px;
	text-indent:-9999px;
}

#top #main ul#plan_tabmenu li a{
	height:36px;
	display:block;
	overflow:hidden;
}

/* スタンダードプランタブ設定 */
#top #main ul#plan_tabmenu li#plan_tabmenu01{
	background:url(../images/bn/bn_tablist_close.gif);
	width:154px;
}
#top #main ul#plan_tabmenu li#plan_tabmenu01 a:hover,
#top #main ul#plan_tabmenu li#plan_tabmenu01 .active{
	background:url(../images/bn/bn_tablist_open.gif);
	width:154px;
}

/* レディースプランタブ設定 */
#top #main ul#plan_tabmenu li#plan_tabmenu02{
	background:url(../images/bn/bn_tablist_close.gif) -154px 0;
	width:153px;
}
#top #main ul#plan_tabmenu li#plan_tabmenu02 a:hover,
#top #main ul#plan_tabmenu li#plan_tabmenu02 .active{
	background:url(../images/bn/bn_tablist_open.gif) -154px 0;
	width:153px;
}

/* カップルプランタブ設定 */
#top #main ul#plan_tabmenu li#plan_tabmenu03{
	background:url(../images/bn/bn_tablist_close.gif) -307px 0;
	width:153px;
}
#top #main ul#plan_tabmenu li#plan_tabmenu03 a:hover,
#top #main ul#plan_tabmenu li#plan_tabmenu03 .active{
	background:url(../images/bn/bn_tablist_open.gif) -307px 0;
	width:153px;
}


/* タブの内容部分 */
#top #main div.plan_tabbox{
	clear:both;
}

#top #main div.plan_tabbox div.left_plan{
	width:180px;
	float:left;
}

#top #main div.plan_tabbox div.left_plan a{
	display:block;
	width:180px;
	background:url(../images/top/bn_normal.gif);	
	overflow:hidden;
}

#top #main div.plan_tabbox div.left_plan a:hover{
	background:url(../images/top/bn_active.gif);	
}


#top #main div.plan_tabbox div.left_plan li{
	margin:0 0 1px 0;		
	clear:both;
}

#top #main div.plan_tabbox div.left_plan li img{
	margin:10px 0 10px 10px;
	border:3px solid #EAE8E8;
	float:left;
	vertical-align:top;
}

#top #main div.plan_tabbox div.left_plan li p{
	float:right;
	width:95px;
	margin:10px 14px 10px 0;
	_font-size:0.8em;
}


#top #main div.plan_tabbox div.right_plan{
	width:270px;
	float:right;
	margin:20px 0 0 10px;
	_margin:20px 0 0 0;
	display:inline;
}

#top #main div.plan_tabbox div.right_plan h4{
	border-left:5px solid #4F5F53;
	color:#4F5F53;
	padding:0 0 0 5px;
	font-size:small;
	line-height:1.2;
	margin:0 0 15px 0;
}

#top #main div.plan_tabbox div.right_plan img{
	margin:0 0 10px 0;
}

#top #main div.plan_tabbox div.right_plan p{
	margin:0 0 22px 0;
}

#top #main div.plan_tabbox div.right_plan p.bn_yoyaku{
	margin:0 0 0 120px;
}

#top #main div.plan_tabbox div.right_plan p.bn_yoyaku a{
	display:block;
	width:153px;
	height:29px;
	line-height:29px;
	overflow:hidden;
}


/* 宿泊人気ランキング best3
----------------------------------------------------------- */
#top #main h3#best3 {
	background:url(../images/st_best3.gif) no-repeat;
	width:136px;
	height:32px;
	text-indent:-9999px;
	margin:0 0 20px 0;
}

#top #main div.ranking_wrp {
	clear:both;
	overflow:hidden;
	border-bottom:solid 1px #E3E4E5;
	width:215px;
	padding:0 0 10px 0;
	margin:0 0 10px 10px;
	_margin:0 0 13px 10px;
	*margin:0 0 13px 10px;	
}

#top #main div.end {
	border-bottom:none;
}

#top #main div.ranking_wrp div.wrp_img {
	width:53px;
	height:53px;
	float:left;
	border:1px solid #CCCBCB;
	padding:2px 0 0 2px;
}

#top #main div.ranking_wrp div.txt_cnt {
	float:right;
	width:152px;
}

#top #main div.ranking_wrp div.txt_cnt h4{
	width:86px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
}

#top #main div.ranking_wrp div.txt_cnt h4#st_best1{
	background:url(../images/top/img_ranking01.gif);
	margin:0 0 2px 3px;
}

#top #main div.ranking_wrp div.txt_cnt h4#st_best2{
	background:url(../images/top/img_ranking02.gif);
	margin:0 0 2px 3px;
}

#top #main div.ranking_wrp div.txt_cnt h4#st_best3{
	background:url(../images/top/img_ranking03.gif);
	margin:0 0 2px 3px;
}

#top #main div.ranking_wrp div.txt_cnt p{
	line-height: 1.5;
	margin-left:4px;	
}

#top #main div.ranking_wrp div.txt_cnt p.price_text{
	font-weight:bold;
	color:#4F5F53;
}

#top #main div.tvplan_wrp {
	clear:both;
	overflow:hidden;
	margin:0 0 3px 15px;
}


#top #main div.ladysplan_wrp {
	clear:both;
	overflow:hidden;
	margin:0 0 3px 15px;
}

#top #main div.gentei_wrp {
	clear:both;
	overflow:hidden;
	margin:0 0 3px 15px;
}

#top #main div.dayplan_wrp {
	clear:both;
	overflow:hidden;
	margin:0 0 15px 15px;
}

#top #main div.planlist_wrp {
	clear:both;
	overflow:hidden;
	margin:0 0 10px 110px;
}



/* ピックアップコンテンツ Pick up
----------------------------------------------------------- */
#top #main h3#pickup {
	background:url(../images/top/st_pickup.gif) no-repeat;
	width:138px;
	height:35px;
	text-indent:-9999px;
	margin:0 0 22px 0;
}


#top #main img.pickup_banner {
	margin:0 0 25px 15px;
}


/* 最新情報
----------------------------------------------------------- */
#top #main h3#news {
	background:url(../images/top/st_news.gif) no-repeat;
	width:118px;
	height:18px;
	text-indent:-9999px;
	margin:0 0 45px 0;
}

/* ブログフィード部分
----------------------------------------------------------- */
#top #main div.wrp_news {
	clear:both;
	overflow:hidden;
	border-bottom:dotted 1px #C2CAB9;
	padding:0 0 20px 0;
	margin:0 0 20px 0;
	_height:1%;
}

#top #main div.wrp_news div.wrp_img {
	width:97px;
	height:97px;
	float:left;
	background-image:url(../images/top/bg_newsimg.gif);
	padding:4px 0 0 4px;
}

#top #main div.wrp_news div.txt_cnt {
	float:right;
	width:340px;
	margin:5px 0 0 0;
}

#top #main div.wrp_news p.title {
	font-weight:bold;
	color:#4F5F53;
	margin-bottom:5px;
}

#top #main div.wrp_news p.title span {
	font-weight:normal;
	background:#000000;
	color:#FFFFFF;
	padding:0 5px;
	margin:0 10px 0 0;
}





/*----------------------------------------------------
	#sub トップサブ部分
----------------------------------------------------*/

/* インフォメーション
----------------------------------------------------------- */
#top #sub h3#infomation {
	background:url(../images/top/st_information.gif);
	width:100px;
	height:13px;
	text-indent:-9999px;
	line-height:13px;
	margin:0 0 17px 0;
}

#top #sub ul#info_list {
	margin:0 0 20px 0;
}

#top #sub ul#info_list li{
	border-bottom:solid 1px #E2DEDE;
	margin:0 0 10px 0;
	padding:0 0 10px 13px;
	width:200px;
}

#top #sub ul#info_list li.info_list_end{
	border-bottom:none;
}


/* マップ
----------------------------------------------------------- */
#top #sub h3#map {
	background:url(../images/top/st_map.gif);
	width:100px;
	height:13px;
	text-indent:-9999px;
	line-height:13px;
	margin:0 0 13px 0;
}

#top #sub ul#map_text {
}

#top #sub ul#map_text li{
	list-style-type:disc;
	list-style-position:inside;
}

#top #sub #map_box{
	background:url(../images/top/bg_newsimg.gif);
	width:203px;
	height:155px;
	margin:0 0 10px 0;
	padding:3px;
}

#top #sub #map_box #google_map{
	width:197px;
	height:149px;
	text-align:center;
	border:3px solid #fff
}




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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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