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

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

/* -----------------------------------------------------------
	各ページ専用指定
----------------------------------------------------------- */
/*----------------------------------------------------
#search_wrap 空室検索フォーム地図　背景指定
----------------------------------------------------*/
#search_wrap{
	margin: 0;
	width: 100%;
	background: url(../newimages/bg_search.gif) center top no-repeat;
	overflow: hidden;
}

/*----------------------------------------------------
#search_hotel 空室検索フォーム地図　入れ物
----------------------------------------------------*/
#search_wrap #search_hotel{
	margin: 0 auto;
	width: 910px;
}

#search_main{
	margin: 0;
	border: 1px solid #ccc;
	padding: 4px 0;
	width: 668px;
	float: left;
	overflow: hidden;
	background: #f1f1f1;
}
#search_main h2#hd_search{
	background: url(../newimages/top/hd_searchbox.gif) no-repeat 0 0;
	margin: 0 4px 2px 4px;
	height: 35px;
	text-indent: -9999px;
}

/* 150817 top_banner追加 */
.top_banner{ width:910px; margin: 0 auto 10px;}
.top_banner:after{ content:""; clear:both; display:block;}
.top_banner .bn_left{
	width: 670px;
	float: left;
	overflow: hidden;
}
.top_banner .bn_right{ width: 220px; float: right; overflow: hidden;}
.top_banner .bn_right p.mb5{ margin-bottom:0;}

input, select{ font-family:MS UI Gothic;} /* Firefox40表示崩れ対応 */


/*form 空室検索
------------------------------*/
#search_form{
	margin: 0 0 0 4px;
	padding: 0 0 10px;
	float: left;
	width: 235px;
	height: 240px;
	background: #f1f1f1/*url(../newimages/top/search_room_bg.gif) left bottom repeat-x*/;
	border-right: 1px solid #cee1e6;
}

#search_form h2{
	margin: 0 0 10px;
	width: 235px;
	height: 30px;
	background: url(../newimages/top/st_search_room02.gif) left top no-repeat; 
	overflow: hidden;
	text-indent: -9999px;
}

#search_form p{
	margin: 0 auto 5px;
	padding: 0 0 8px;
	border-bottom:1px solid #bcc7ca;
	width: 215px;
	color: #555;
	font-size: 10px;
	*margin: 0 auto 7px;
	*padding: 0 0 10px;
}

#search_form p img.icon_calendar{
	margin-left: 5px;
	vertical-align: bottom;
	cursor: default;
}
#search_form p img.icon_calendar:hover{
	cursor: pointer;
}

#search_form #bt_search_room{
	margin: 0 10px;
	padding: 0;
	border: 0;
	width: 215px;
	height: 40px;
	background: url(../newimages/top/bt_search_room.gif) left top no-repeat;
	cursor: pointer;
}

/*map 地図
------------------------------*/
#map_hotel{
	margin: 0;
	padding: 0;
	width: 425px;
	float: left;
}

#map_hotel object,
#map_hotel embed{
	margin: 0;
	padding: 0;
}

/*--------------------------------------------------
    #search_side 会員登録ログイン
--------------------------------------------------*/
#search_side{
	width: 220px;
	float: right;
}
#search_side p{ margin-bottom: 5px;}

/* bt_member*/
#top #search_side #bt_member a{
	width: 220px;
	height: 60px;
	background: url(../newimages/top/btn_touroku.gif) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	display: block; 
}

/* bt_login */
#top #search_side #bt_login a{
	width: 220px;
	height: 78px;
	background: url(../newimages/top/btn_login.gif) left top no-repeat;
	overflow: hidden;
	text-indent: -9999px;
	display: block;
	margin: 5px 0 10px;
}

#top #search_side #bt_member a:hover,
#top #search_side #bt_login a:hover{
	opacity:0.7; filter: alpha(opacity=70);
}

#top #search_sided #side_banner{}
#top #search_side #side_banner p{ line-height:100%; margin: 0 0 3px 0; padding: 0;}
#top #search_side #side_banner p a:hover { opacity:0.7; filter: alpha(opacity=70);}

/*----------------------------------------------------
      #scroll_bnr　Flashバナー
----------------------------------------------------*/
#top #scroll_bnr {
 	width: 670px;
 	height: 100px;
 	margin: 5px 0 15px 0;
}


/*----------------------------------------------------
    #newentry　新規加盟ホテル
----------------------------------------------------*/
#newentry {
	width: 650px;
	clear: both;
}

#newentry h2{
	margin: 5px 0;
	width: 670px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../newimages/top/st_newentry.gif) left top no-repeat;
}

/*スクロール*/
#newentry_scroll {
	margin: 0 0 20px;
	width: 670px;
	height: 420px;
	overflow: auto;
}


/* #newentry_hotel
-------------------------------*/
/*各ホテル_入れ物_影だけの指定*/
#newentry .newentry_hotel_shdw{
	margin: 0 0 0 5px;
	padding: 0 0 5px;
	width: 315px;
	float: left;
	background: url(../newimages/top/bg_newentry_shdw.gif) center bottom no-repeat;
}

/*各ホテル_入れ物*/
#newentry .newentry_hotel{
	margin: 0 auto;
	border: 1px solid #DFDFDF;
	padding: 10px 0;
	width: 303px;
	height: 120px;
	background: url(../newimages/top/bg_newentry.gif) center bottom no-repeat;
	overflow: hidden;
}

/*image*/
#newentry .newentry_hotel img{
	float: left;
	margin: 0 0 0 9px;
}

#newentry .newentry_hotel a:hover img {
	opacity:0.7; filter: alpha(opacity=60);
}

/*hotel detail wrap*/
#newentry .newentry_hotel div{
	width: 195px;
	float: right;
	margin: 0 9px 0 0;
}
/*hotel name*/
#newentry .newentry_hotel div h3{
	padding: 0 0 0 0.5em;
	margin: 0 0 0.5em;
	width: auto;
	background: #d03f42;
	color: #fff;
}

#newentry .newentry_hotel div p{
	font-size: 10px;
}

#newentry .newentry_hotel div .hotel_link{
	color: #FF0099;
	text-align: right;
}

#newentry .newentry_hotel div .hotel_link a:link,
#newentry .newentry_hotel div .hotel_link a:hover,
#newentry .newentry_hotel div .hotel_link a:visited,
#newentry .newentry_hotel div .hotel_link a:active{
	color: #FF0099;
}

#newentry .newentry_hotel div .hotel_link a:hover{
	text-decoration: none;

}


/*----------------------------------------------------
    #news　新着情報
----------------------------------------------------*/
#news {
	width: 650px;
	clear: both;
}

#news h2{
	margin: 5px 0;
	width: 670px;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../newimages/top/st_news.gif) left top no-repeat;
}

#news #new_artcl_wrap{
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	overflow: hidden;
}

#news .new_artcl{
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	width: 650px;
	overflow: hidden;
}

#news .new_artcl div{
	margin: 0 0 0 10px;
	width: 620px;
	float: left;
}

#news .new_artcl div h3{
	color: #d03f42;
	padding: 0 0 0 1em;
	background: url(../newimages/ico_maru_red.gif) left 6px no-repeat;
}

#news .new_artcl img{
	margin: 0 10px 0 0;
	float: right;
}

/*----------------------------------------------------
    #error_txt　エラーテキスト
----------------------------------------------------*/
#error_txt {
	margin-bottom:15px;
	width:670px;
	font-size: 12px;
	color: #E64A81;
	font-weight: bold;
}


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

	hack - 各種cssハック - for IE7

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


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

	hack - 各種cssハック - for IE6

=======================================*/
* html #top #search_form{
	margin: 0 0 0 2px;
}

* html #top #news .new_artcl div{
	margin: 0 0 0 5px;
}

* html #top #news .new_artcl img{
	margin: 0 5px 0 0;
}



/*-----------------------------------------------
	20110810 TOP新着情報枠
-----------------------------------------------*/
#news_cms{
	/*border: solid 1px #808080;*/
	width: 660px;
	height: 470px;
	padding: 0 10px 0 0;
	overflow: auto;
}

#news_cms img.left {
	float: left;
	margin-right: 5px;
}
#news_cms img.right {
	float: right;
	margin-left: 5px;
}
#news_cms img.center {
	margin: 5px auto;
	clear: both;
}


.noshow{
	display:none;
}