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

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


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


/*---------------------------------------
	#header
----------------------------------------*/

/* .g_menu
------------------------------*/
#concept #header .g_menu li.li_01 a{
	background: url(../images/btn_global_menu.gif) no-repeat -2px -27px;
}

/* h2
------------------------------*/
#concept #header h2{
	background: url(../concept/images/title.gif) no-repeat left top;
}


/*------------------------------------
	#main
-------------------------------------*/

/* .intro
--------------------------------------*/
#concept #main .intro h3{
	background: url(../concept/images/tl_intro.gif) no-repeat left top;
	height: 18px;
	text-indent: -9999px;
	font-size: 0;
}

#concept #main .intro .img{
	margin: 27px 0 35px 0;
}

#concept #main .intro .txt{
	margin-bottom: 20px;
}

/* .hotel_list ホテルリスト
---------------------------------------*/
#concept #main .hotel_list{
	margin-top: 40px;
}

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

#concept #main .hotel_list .hotel_list_area{
	background: #dcd5b9;
	padding: 15px;
}

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

#concept #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;
	margin-bottom: 4px;
}

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

#concept #main .hotel_list .hotel_list_area .right{
	width: 507px;
	float: right;
}

#concept #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;
}

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

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

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

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

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

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

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

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

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

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

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

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

/* .royal_access 集中予約センター
------------------------------------------*/
#concept #main .royal_access{
	margin-top: 90px;
}

#concept #main .royal_access h4{
	background: url(../concept/images/tl_royal_access.gif) no-repeat left top;
	height: 34px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 30px;
}

#concept #main .royal_access h5{
	background: url(../images/bg_border.gif) no-repeat left top;
	color: #5f5555;
	padding: 13px 0 0 13px;
	margin-bottom: 20px;
}

#concept #main .royal_access .left{
	float: left;
	display: inline;
	width: 450px;
	margin-bottom: 40px;
}

#concept #main .royal_access .right{
	float: right;
	display: inline;
	margin: 0 40px 40px 0;
}

/* ご予約がもっと便利に */
#concept #main .royal_access .reserve{
	clear: both;
}

/* ご利用がより快適に */
#concept #main .royal_access .use{
	margin-top: 45px;
}

#concept #main .royal_access .use .left{
	width: 505px;
	margin: 0;
}

#concept #main .royal_access .use .right{
	width: 186px;
	margin: 0;
}

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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

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