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

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

#top body {
	color:#313131;
}
/*----------------------------------------------------
	#flash
----------------------------------------------------*/
#top #flash {
	width: 100%;
	height: 390px;
	margin: 0 auto;
	position:absolute;
	top:88px;
	left:0;
	z-index: 1;
}


/*----------------------------------------------------
	#top
----------------------------------------------------*/

#top #outmain {
	position:relative;
	z-index: 2;
	margin-top: 25px;
}

#top #outmain #main {
	margin:0;
	padding:0;
}



/*----------------------------------------------------
	
	#cnt_left

----------------------------------------------------------- */

#top #cnt_left h3#tit_services {
	margin:20px 0 20px 0;
	padding:0;
	width:309px;
	height:30px;
	line-height:30px;
	text-indent:-9999px;
	background:url(../images/top/tit_services.gif) left top no-repeat;
}


/* #wrp_services
----------------------------------------------------------- */

#top #cnt_left #wrp_services {
	margin:0 0 30px 0;
	padding:0;
	width:680px;
	overflow:hidden;
}

#top #cnt_left .services {
	margin:0 11px 0 0;
	padding:0;
	width:219px;
	height:286px;
	float:left;
	background:url(../images/top/bg_services.gif) 0 0 no-repeat;
}

#top #cnt_left #nomargin {
	margin:0 0 0 0;
}

#top #cnt_left .services h4 {
	margin:10px auto 13px auto;
	padding:0;
	width:200px;
	height:122px;
	line-height:122px;
	text-indent:-9999px;
}

#top #cnt_left .services h4#tit_bussiness {
	background:url(../images/top/imgtit_bussiness.jpg) 0 0 no-repeat;
}
#top #cnt_left .services h4#tit_bussiness a,
#top #cnt_left .services h4#tit_family a,
#top #cnt_left .services h4#tit_women a {
	display: block;
	width: 200px;
	height: 122px;
}

#top #cnt_left .services h4#tit_family {
	background:url(../images/top/imgtit_family.jpg) 0 0 no-repeat;
}

#top #cnt_left .services h4#tit_women {
	background:url(../images/top/imgtit_women.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p {
	margin:10px auto;
	padding:0;
	height:60px;
	text-indent:-9999px;
}

#top #cnt_left .services p a {
	height:60px;
	display:block;
	overflow:hidden;
}

#top #cnt_left .services p#txt_room {
	width:189px;
	background:url(../images/top/imgtxt_room.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p#txt_breakfast {
	width:189px;
	background:url(../images/top/imgtxt_breakfast.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p#txt_sleeping {
	width:188px;
	background:url(../images/top/imgtxt_sleeping.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p#txt_elder {
	width:188px;
	background:url(../images/top/imgtxt_elder.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p#txt_sojourn {
	width:194px;
	background:url(../images/top/imgtxt_sojourn.jpg) 0 0 no-repeat;
}

#top #cnt_left .services p#txt_make-up {
	width:194px;
	background:url(../images/top/imgtxt_make-up.jpg) 0 0 no-repeat;
}


/* #bannerslide
----------------------------------------------------------- */

#top #cnt_left #bannerslide {
	margin:0;
	padding:0 0 30px 0;
	width:680px;
	height:105px;
}


#top #cnt_left #bannerslide object,
#top #cnt_left #bannerslide embed {
	margin:0;
}



/* #groupmap
----------------------------------------------------------- */
#top #cnt_left #groupmap {
	margin:0 0 30px 0;
	padding:0;
	width:680px;
}


/* #wrp_gruphotel
----------------------------------------------------------- */
#top #cnt_left #wrp_gruphotel {
	margin:0;
	padding:0;
	width:680px;
	overflow:hidden;
}

#top #cnt_left #wrp_gruphotel h3 {
	margin:0 0 15px 0;
	padding:0;
	width:275px;
	height:20px;
	line-height:20px;
	text-indent:-9999px;
	background:url(../images/top/tit_hotelguide.gif) left top no-repeat;
}


/* #tabmenu_gruphotel */

#top ul#tabmenu_gruphotel{
	margin:0;
	padding:0;
	list-style: none outside;
	background:url(../images/top/mtab_gruphotel.gif) left top no-repeat;
	width:680px;
	height:38px;
}

#top ul#tabmenu_gruphotel li{
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
}

#top  ul#tabmenu_gruphotel li a{
	display: block;
	height:38px;
	text-indent: -9999px;
	overflow: hidden;
}

/* hover */
#top  ul#tabmenu_gruphotel li a:hover,
#top  ul#tabmenu_gruphotel li a.selected{
	background: url(../images/top/mtab_gruphotel.gif);
}

#top  ul#tabmenu_gruphotel li.tb01{
	width:84px;
}
#top  ul#tabmenu_gruphotel li.tb01 a:hover,
#top  ul#tabmenu_gruphotel li.tb01 a.selected{
	width:84px;
	background-position: 0 -38px;
}

#top  ul#tabmenu_gruphotel li.tb02{
	width:85px;
}
#top  ul#tabmenu_gruphotel li.tb02 a:hover,
#top  ul#tabmenu_gruphotel li.tb02 a.selected{
	background-position:-86px -38px;
}

#top  ul#tabmenu_gruphotel li.tb03{
	width:83px;
}
#top  ul#tabmenu_gruphotel li.tb03 a:hover,
#top  ul#tabmenu_gruphotel li.tb03 a.selected{
	background-position: -170px -38px;
}

#top  ul#tabmenu_gruphotel li.tb04{
	width:92px;
}
#top  ul#tabmenu_gruphotel li.tb04 a:hover,
#top  ul#tabmenu_gruphotel li.tb04 a.selected{
	background-position: -254px -38px;
}

#top  ul#tabmenu_gruphotel li.tb05{
	width:80px;
}
#top  ul#tabmenu_gruphotel li.tb05 a:hover,
#top  ul#tabmenu_gruphotel li.tb05 a.selected{
	background-position: -346px -38px;
}

#top  ul#tabmenu_gruphotel li.tb06{
	width:86px;
}
#top  ul#tabmenu_gruphotel li.tb06 a:hover,
#top  ul#tabmenu_gruphotel li.tb06 a.selected{
	background-position: -426px -38px;
}

#top  ul#tabmenu_gruphotel li.tb07{
	width:84px;
}
#top  ul#tabmenu_gruphotel li.tb07 a:hover,
#top  ul#tabmenu_gruphotel li.tb07 a.selected{
	background-position: -512px -38px;
}

#top  ul#tabmenu_gruphotel li.tb08{
	width:85px;
}
#top  ul#tabmenu_gruphotel li.tb08 a:hover,
#top  ul#tabmenu_gruphotel li.tb08 a.selected{
	background-position: -594px -38px;
}


/* #cnt_tabs　タブメニュー */
#top #cnt_left #cnt_tabs {
	margin:0;
	padding:20px 0 15px 0;
	width:678px;
	overflow:hidden;
	border-left:1px solid #dddada;
	border-right:1px solid #dddada;
	border-bottom:1px solid #dddada;
}

#top #cnt_left .cnthotel {
	margin:0 auto;
	padding:0;
	width:640px;
	overflow:hidden;
}


/* タブ・左カラムのコンテンツ */
#top #cnt_left .cnthotel .cnt_left {
	margin:0;
	padding:0 20px 20px 0;
	width:356px;
	overflow:hidden;
	float:left;
	border-right:1px dotted #a9a9a9;
	position:relative;
}

#top #cnt_left .cnthotel .cnt_left .btn_hoteldetails {
	margin: 0 0 0 30px;
}

#top #cnt_left .cnthotel .img_hotel {
	margin:0 0 10px 0;
	padding:0;
}
.top_adress {
		overflow:hidden;
		clear:both;
}
#top #cnt_left .cnthotel p.txt {
	margin:0;
	padding:0;
}
#top #cnt_left .cnthotel p.txt span {
	color: #14017e;
	font-size: 16px;
	font-weight: bold;
}

#top #cnt_left .cnthotel .news {
	margin:30px 0 0 0;
	padding:0;
	width:356px;
}

#top #cnt_left .cnthotel .news h4 {
	margin:0 0 10px 0;
	padding:0;
	width:160px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	float:left;
	background:url(../images/top/mtabs/hiroshima/tit_news.gif) 0 0 no-repeat;
}

#top #cnt_left .cnthotel .news p.btn_seenews {
	margin:0;
	padding:0;
	width:124px;
	float:right;
}

#top #cnt_left .cnthotel .news .cnt_news {
	margin:15px 0 15px 0;
	padding:0 0 15px 0;
	width:356px;
	clear:both;
	border-bottom:1px dotted #a9a9a9;
	overflow:hidden;
}

#top #cnt_left .cnthotel .news .cnt_news img {
	width: 80px;
	height: 60px;
	margin: 0;
	padding:4px;
	float:left;
	border:1px solid #d3d3d3;
}

#top #cnt_left .cnthotel .news .cnt_news .cnt_txt {
	margin:0;
	padding:0;
	float:right;
	width:258px;
}
#top #cnt_left .cnthotel .news .cnt_news .cnt_txt a:hover {
	text-decoration: none;
}

#top #cnt_left .cnthotel .news .cnt_news .cnt_txt h5 {
	margin:0;
	padding:5px;
	width:90px;
	color:#fff;
	font-size:11px;
	font-weight:normal;
	background-color:#3d3c3c;
}
#top #cnt_left .cnthotel .news .cnt_news .cnt_txt p {
	line-height: 1.3;
}


/* タブ・右カラムのコンテンツ */
#top #cnt_left .cnthotel .cnt_right {
	margin:0;
	padding:0 0 20px 0;
	width:244px;
	overflow:hidden;
	float:right;
	position:relative;
}

#top #cnt_left .cnthotel .cnt_right .btn_packs {
	margin: 0 0 0 5px;
}

/* 最安値プラン */

#top #cnt_left .cnthotel .cnt_right .lowprice {
	margin:0 0 15px 0;
	padding:0;
	width:244px;
}

#top #cnt_left .cnthotel .cnt_right .lowprice h4 {
	margin:0 0 10px 0;
	padding:0;
	width:244px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background:url(../images/top/mtabs/hiroshima/tit_lowprice.gif) 0 0 no-repeat;
}

#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice {
	width:244px;
	overflow:hidden;
}
#top #cnt_left .cnthotel .cnt_right .lowprice a {
	display: block;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	border-bottom:1px dotted #8D8D8D;
}
#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice a:hover {
	background: #ede6e6;
}

#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice h5 {
	margin:0 0 3px 0;
	padding:0;
	width:244px;
	color:#920806;
	font-size:12px;
	line-height: 1.4;
}

#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice img {
	width: 80px;
	/*height: 60px;*/
	margin:0;
	padding:4px;
	float:left;
	border:1px solid #d3d3d3;
}

#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice .txt_low {
	margin:0 0 0 5px;
	padding:0;
	width:145px;
	float:right;
}
#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice .txt_low p {
	margin:0;
	padding:0;
	font-size:11px;
	color:#313131;
	line-height: 1.4;
}
#top #cnt_left .cnthotel .cnt_right .lowprice .cnt_lowprice .txt_low span {
	display: block;
	margin: 0 0 3px 0;
	color:#920806;
	font-weight: bold;
	line-height: 1.1;
}



/* おすすめプラン */
#top #cnt_left .cnthotel .cnt_right .reccomendespackages {
	margin:40px 0 15px 0;
	padding:0;
	width:244px;
}
#top #cnt_left .cnthotel .cnt_right .reccomendespackages a {
	display: block;
	padding: 10px 0;
	width: 100%;
	height: 100%;
	text-decoration: none;
	cursor: pointer;
	border-bottom:1px dotted #8D8D8D;
}
#top #cnt_left .cnthotel .cnt_right .lowprice .reccomendespackages a:hover {
	background: #ede6e6;
}

#top #cnt_left .cnthotel .cnt_right .reccomendespackages h4 {
	margin:0 0 10px 0;
	padding:0;
	width:244px;
	height:19px;
	line-height:19px;
	text-indent:-9999px;
	background:url(../images/top/mtabs/hiroshima/tit_reccomendespackages.gif) 0 0 no-repeat;
}

#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend {
	width:244px;
	overflow:hidden;
	clear: both;
}

#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend h5 {
	margin:0 0 3px 0;
	padding:0;
	width:244px;
	color:#0a518d;
	font-size:12px;
	line-height: 1.4;
}

#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend img {
	width: 80px;
	/*height: 60px;*/
	margin:0;
	padding:4px;
	float:left;
	border:1px solid #d3d3d3;
}

#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend .txt_rec {
	margin:0 0 0 5px;
	padding:0;
	width:145px;
	float:right;
}
#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend .txt_rec p {
	margin:0;
	padding:0;
	font-size:11px;
	color:#313131;
	line-height: 1.4;
}
#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend .txt_rec p span {
	margin: 0 0 3px 0;
	color:#0a518d;
	font-weight: bold;
	display: block;
	line-height: 1.1;
}


#top #cnt_left .cnthotel .cnt_right .reccomendespackages .cnt_reccomend .txt_rec p a {
	color: #666;
	text-decoration:none;
}







/* #wrp_information
----------------------------------------------------------- */
#top #cnt_left #wrp_information {
	margin:40px 0 30px 0;
	padding:0 0 0 0;
	width:680px;
	overflow:hidden;
	background:url(../images/top/bg_line.gif) 0 30px repeat-x;
}

#top #cnt_left #wrp_information h3 {
	margin:0 0 15px 0;
	padding:0;
	width:319px;
	height:16px;
	line-height:16px;
	text-indent:-9999px;
	float:left;
	background:url(../images/top/tit_information.gif) left top no-repeat;
}

#top #cnt_left #btn_infolist {
	margin:0;
	padding:0;
	width:124px;
	float:right;
}

#top #cnt_left #wrp_information dl {
	margin:0;
	padding:15px 0 0 0;
	width:670px;
	clear:both;
}

#top #cnt_left #wrp_information dt {
	width: 70px;
	margin:0 10px 0 0;
	padding:2px 0 0 15px;
	color:#fff;
	float:left;
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#3d3c3c;
}

#top #cnt_left #wrp_information dd {
	color:#3d3c3c;
	margin:0 0 5px 0;
	padding:0 0 2px 0;
}
#top #cnt_left #wrp_information span {
	margin: 0 10px 0 0;
}

#top #cnt_left #wrp_information dd a {
	text-decoration: underline;
}
#top #cnt_left #wrp_information dd a:hover {
	text-decoration: none;
}




/* #wrp_search 検索フォーム
----------------------------------------------------------- */
#top #wrp_search {
	margin: 0 20px 0 0;
	position: relative;
	z-index: 2;
	float:right;
}

/* #scrollflow
----------------------------------------------------------- */
#top #cnt_right #scrollflow {
	margin:0 auto;
	padding:20px 0 50px 0;
	width:258px;
}

#top #cnt_right #mobile {
	margin:20px auto 0 auto;
	padding: 45px 0 0 0;
	width:227px;
	height:31px;
	background:url(../images/side/bg_mobile.gif) 0 0 no-repeat;
}

#top #cnt_right #mobile p.link {
	margin: 0;
	padding:0 0 0 10px;
	background:url(../images/side/ic_link.gif) 0 7px no-repeat;
}

/* #btn_mailmagazine */

/*#top #cnt_right #btn_mailmagazine {
	margin:0 0 20px 0;
	padding:0;
	background:url(../images/side/btn_mailmagazine.gif) 0 0 no-repeat;
}*/


#top #cnt_right #m_bestr {
	margin: 0 auto;
}


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

	#mobile_form 携帯送信フォーム

=======================================*/
#top #mobile_form{
	margin: 20px;
}

#top #mobile_form .text{
	border: 1px solid #a0a0a0;
	width: 200px;
	padding: 1px;
}

#top #mobile_form .button{
	background: #808080;
	color: #fff;
	padding: 1px 5px;
	border: none;
}

#top .bn_entry,
#top .bn_entry img{
	display: none;
}


#top #sub #reserve_btn p {
	display: none;
}



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

	hack - 各種cssハック - for IE7

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


*:first-child+html #top #outmain {
	margin-top: 60px;
}

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

	hack - 各種cssハック - for IE6

=======================================*/
* html #top #outmain {
	margin-top: 60px;
}

* html #top #wrp_search {
	margin: 0 10px 0 0;
}