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

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


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

/*-----------------------------------
	#header
	ヘッダー
------------------------------------*/
#top #header{
	background: url(../images/top/bg_header.gif) repeat-x left bottom;
	padding-bottom: 29px;
}

#top #header .img_area{
	clear: both;
}

/* .flash フラッシュ
-------------------------------------*/
#top #header .flash{
	clear: both;
	width: 715px;
	height: 425px;
	float: left;
	background: #fff;
}

/* .search 検索
-------------------------------------*/
#top #header .search{
	background: url(../images/bg_search.gif) repeat-x left top;
	height: 407px;
	float: right;
	width: 234px;
	padding-top: 18px;
}

#top #header .search h2{
	background: url(../images/tl_search.gif) no-repeat left top;
	height: 39px;
	text-indent: -9999px;
	font-size: 0;
	margin: 0 0 14px 39px;
}

#top #header .search form{
	width: 185px;
	margin: 0 auto;
}

#top #header .search form dl{
	margin: 0 0 5px 5px;
}

#top #header .search form dl dt{
	font-size: 0;
	margin-bottom: 2px;
}

#top #header .search form dl dd{
	color: #fff;
}

/*#top #header .search form dl.visit{
	width: 70px;
	float: left;
	display: inline;
}

#top #header .search form dl.many{
	float: left;
	width: 85px;
	display: inline;
}*/

#top #header .search form dl.how{
	clear: both;
}

#top #header .search .btn_mypage{
	float: left;
	display: inline;
	margin: 0 0 9px 30px;
}

#top #header .search .btn_mypage a img{
	display: block;
}

#top #header .search .btn_member{
	float: right;
	display: inline;
	margin: 0 32px 9px 0;
}

#top #header .search .btn_member a img{
	display: block;
}

#top #header .search .btn_manhattan{
	margin-left: 40px;
	clear: both;
}

#top #header .search .btn_manhattan a img{
	display: block;
}
/* 20110513_検索モジュール移行 */
#top #header .search form #hi_id {
	width:180px;
}

#top #header .search form p.center {
	text-align:center;
}


/*--------------------------------------
	#contents_left

----------------------------------------*/
#top #contents_left{
	width: 743px;
	float: left;
}

/*--------------------------------------
	#main
	メイン
----------------------------------------*/
#top #main{
	width: 740px;
	float: right;
}

/* .concept
--------------------------------*/
#top #main .concept{
	background: url(../images/top/img_concept.gif) no-repeat left top;
	width: 744px;
	position: relative;
	right: 4px;
	height: 69px;
	padding-top: 64px;
}

#top #main .concept h4{
	display: none;
}

#top #main .concept p a{
	display: block;
	width: 128px;
	height: 26px;
	text-indent: -9999px;
	overflow: hidden;
	margin-left: 455px;
}

/* .hotel_list
--------------------------------*/
#top #main .hotel_list{
	margin-top: 17px;
}

#top #main .hotel_list h4{
	background: url(../images/top/tl_hotel_list.gif) no-repeat left top;
	height: 33px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 20px;
}

#top #main .hotel_list .hotel_list_area{
	background: #dcd5b9 url(../images/bg_hotel_list.gif) no-repeat right bottom;
	padding: 15px;
}

#top #main .hotel_list .hotel_list_area .area_bg{
	background: #f5f3e9;
	padding: 6px 8px;
}

#top #main .hotel_list .hotel_list_area .left{
	width: 162px;
	float: left;
}

#top #main .hotel_list .hotel_list_area .left h5{
	background: url(../hotel_list/images/tl_hotel_map.gif) no-repeat left top;
	height: 21px;
	text-indent: -9999px;
	font-size: 0;
}

#top #main .hotel_list .hotel_list_area .left .flash{
	width: 162px;
	height: 204px;
}

#top #main .hotel_list .hotel_list_area .right{
	width: 527px;
	float: right;
	background: #e1ddc7;
	padding: 8px 0;
}

#top #main .hotel_list .hotel_list_area .right h5{
	background: #45290f url(../hotel_list/images/tl_hotel_list.gif) no-repeat left top;
	height: 21px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 3px;
}

#top #main .hotel_list .hotel_list_area .right ul{
	background: url(../images/top/btn_hotel_list.jpg) no-repeat left top;
	width: 527px;
	height: 209px;
	overflow: hidden;
}

#top #main .hotel_list .hotel_list_area .right ul li{
	float: left;
	display: inline;
	margin: 1px 0 0 1px;
}

#top #main .hotel_list .hotel_list_area .right ul li a{
	display: block;
	width: 262px;
	height: 51px;
	text-indent: -9999px;
	overflow: hidden;
}

#top #main .hotel_list .hotel_list_area .right ul li a:hover,
#top #main .hotel_list .hotel_list_area .right ul li a.hover{
	background: url(../images/top/btn_hotel_list.jpg);
}

#top #main .hotel_list .hotel_list_area .right ul li.li_01 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_01 a.hover{
	background-position: -1px -210px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_02 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_02 a.hover{
	background-position: -264px -210px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_03 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_03 a.hover{
	background-position: -1px -262px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_04 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_04 a.hover{
	background-position: -264px -262px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_05 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_05 a.hover{
	background-position: -1px -314px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_06 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_06 a.hover{
	background-position: -264px -314px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_07 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_07 a.hover{
	background-position: -1px -366px;
}

#top #main .hotel_list .hotel_list_area .right ul li.li_08 a:hover,
#top #main .hotel_list .hotel_list_area .right ul li.li_08 a.hover{
	background-position: -264px -366px;
}

/*--------------------------------------
	#sub
	サブ
---------------------------------------*/
#top #sub{
	width: 185px;
	float: left;
}

#top #sub h3{
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
}

#top #sub ul{
	border-left: 1px solid #d9d9d9;
	padding: 20px 0 10px 24px;
}

#top #sub ul li{
	margin-bottom: 10px;
}

#top #sub ul li a img{
	display: block;
}

/* .special_contens
-------------------------------------*/
#top #sub .special_contents h3{
	background: url(../images/tl_special_contents.gif) no-repeat left top;
}

/* .links
---------------------------------------*/
#top #sub .links h3{
	background: url(../images/tl_links.gif) no-repeat left top;
}

/* .information
--------------------------------------*/
#top #sub .information{
	margin-top: 30px;
}

#top #sub .information h3{
	background: url(../images/tl_information.gif) no-repeat left top;
}

/* .verisign
--------------------------------------*/
#top #sub .verisign{
	margin-left: 20px;
}

/*----------------------------------------
	#side
	サイド
-----------------------------------------*/
#top #side{
	width: 180px;
	float: right;
	margin-bottom: 0;
}

/* hotel_list
----------------------------------------*/
#top #side .hotel_list h3{
	background: url(../images/tl_hotel_list.gif) no-repeat left top;
	height: 17px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 20px;
}

#top #side .hotel_list .hotel_flash{
	width: 180px;
	height: 458px;
	background: #dedede;
}

#top #side p{
	margin-top: 10px;
}




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

	hack - 各種cssハック - for IE7

=======================================*/
*:first-child+html #top #sub ul li a img{
	display: inline
}


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #top #header .search .btn_member{
	margin-right: 34px;
}

* html #top #sub ul li a img{
	display: inline;
}