@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: 14px;
}

#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 5px 39px;
}

#top #header .search form{
	width: 171px;
	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 5px 30px;
}

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

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

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

#top #header .search .btn_tel_hotel{
	margin-left: 30px;
	clear: both;
}

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


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

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

/*--------------------------------------
	.scroll
----------------------------------------*/
#top .scroll{
	width: 950px;
	margin: 20px auto 0 auto;
}

#top .scroll h3{
	float: left;
	background: url(../images/top/tl_scroll.gif) no-repeat left top;
	width: 92px;
	height: 27px;
	text-indent: -9999px;
	font-size: 0px;
}

#top .scroll div{
	border: 1px solid #a79771;
	float: left;
	width: 856px;
	height: 25px;
}

#top .scroll div iframe{
	margin: 4px 5px;
}

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

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

/*--------------------------------------
	#main
	メイン
----------------------------------------*/
#top #main{
	width: 532px;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	float: right;
}

/* .recom_plan おすすめプラン
----------------------------------------*/
#top #main .recom_plan h3{
	background: url(../images/top/tl_recom_plan.gif) no-repeat left top;
	height: 32px;
	text-indent: -9999px;
	font-size: 0;
	margin-bottom: 19px;
}

#top #main .recom_plan .plan_area{
	background: url(../images/top/bg_plan_top.gif) no-repeat right top;
	width: 473px;
	margin: 0 auto;
	border: 7px solid #dcd5b9;
	border-right: none;
}

#top #main .recom_plan .plan_top{
	background: url(../images/top/bg_plan_bottom.gif) no-repeat right bottom;
	padding: 15px 0;
}

#top #main .recom_plan .plan_detail{
	width: 430px;
	margin: 0 auto 10px auto;
	overflow: hidden;
	border-bottom: 1px solid #dcd5b9;
	padding-bottom: 8px;
	clear: both;
}

#top #main .recom_plan .plan_detail .img{
	float: left;
	width: 76px;
}

#top #main .recom_plan .plan_detail .img img{
	border: 5px solid #dcd5b9;
}

#top #main .recom_plan .plan_detail .right{
	width: 340px;
	float: right;
}

#top #main .recom_plan .plan_detail .right h4{
	text-indent: -9999px;
	font-size: 0;
	height: 16px;
	margin-bottom: 5px;
}

#top #main .recom_plan .plan_detail .right p{
	padding-left: 20px;
	color: #000;
}

#top #main .recom_plan .plan_detail .right p.txt{
	color: #73451e;
	background-repeat: no-repeat;
	background-position: 2px 5px
}

/* ロイヤルパークホテル */
#top #main .recom_plan .royalpark_hotel h4{
	background: url(../images/top/tl_royalpark_hotel.gif) no-repeat left top;
}

#top #main .recom_plan .royalpark_hotel p.txt{
	background-image: url(../images/top/icn_royalpark_hotel.gif);
}

/* ロイヤルパーク汐留 */
#top #main .recom_plan .royalpark_siodome h4{
	background: url(../images/top/tl_royalpark_siodome.gif) no-repeat left top;
}

#top #main .recom_plan .royalpark_siodome p.txt{
	background-image: url(../images/top/icn_royalpark_siodome.gif);
}

/* 横浜ロイヤルパーク */
#top #main .recom_plan .royalpark_yokohama h4{
	background: url(../images/top/tl_royalpark_yokohama.gif) no-repeat left top;
}

#top #main .recom_plan .royalpark_yokohama p.txt{
	background-image: url(../images/top/icn_royalpark_yokohama.gif);
}

/* 仙台ロイヤルパーク */
#top #main .recom_plan .royalpark_sendai h4{
	background: url(../images/top/tl_royalpark_sendai.gif) no-repeat left top;
}

#top #main .recom_plan .royalpark_sendai p.txt{
	background-image: url(../images/top/icn_royalpark_sendai.gif);
}

/* 名古屋ロイヤルパーク */
#top #main .recom_plan .royalpark_nagoya h4{
	background: url(../images/top/tl_royalpark_nagoya.gif) no-repeat left top;
}

#top #main .recom_plan .royalpark_nagoya p.txt{
	background-image: url(../images/top/icn_royalpark_nagoya.gif);
}

#top #main .recom_plan .hotel_manhattan h4{
	background: url(../images/top/tl_hotel_manhattan.gif) no-repeat left top;
}

#top #main .recom_plan .hotel_manhattan p.txt{
	background-image: url(../images/top/icn_hotel_manhattan.gif);
}

/* .news お知らせ
--------------------------------------------*/
#top #main .news{
	margin-top: 25px;
}

#top #main .news h3{
	background: url(../images/top/tl_news.gif) no-repeat left top;
	height: 34px;
	text-indent: -9999px;
	font-size: 0;
}

#top #main .news .lnk a{
	display: block;
	width: 49px;
	height: 10px;
	text-indent: -9999px;
	overflow: hidden;
	margin: -23px 0 20px 82px;
	position: relative;
}

#top #main .news .news_area{
	width: 470px;
	margin: 0 auto;
}

#top #main .news .news_area .news_detail{
	border-bottom: 1px solid #e9e4d3;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

#top #main .news .news_area .news_detail p{
	color: #000;
}

#top #main .news .news_area .news_detail .date{
	color: #73451e;
	font-weight: bold;
	font-size: 90%;
}

/*--------------------------------------
	#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{
	margin-top: 30px;
}

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

/*----------------------------------------
	#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: 162px;
	height: 458px;
	background: #dcd5b9;
	padding: 0 9px;
}

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


/* new_hotel_list
----------------------------------------*/
#top #side .new_hotel_list{
	width: 162px;
	background: #dcd5b9;
	margin: 10px 0 0 0;
	padding: 3px 9px 8px 9px;
}

#top #side .new_hotel_list p{
	margin: 0;
	padding: 0;	
}


/* verisign
----------------------------------------*/
#top #side .verisign {
	margin: 0;
	padding: 0;
	border:0
}

#top #side .verisign p{
	font-size: 0.84em;
	padding: 0 5px 0 5px;
}

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

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