@charset "utf-8";

/* 上部メインイメージ
----------------------------------------------------------- */	
.imgMain {
	width: 950px;
/*	margin-bottom: 20px; */
	margin-bottom: 7px;
}

/* 上部ログイン
----------------------------------------------------------- */		
#areaLogin {
	width: 380px;
	padding: 10px;
	margin-top: 12px;
	font-size: 80%;
	text-align: left;
/* 20100620レイアウト崩れにより追加↓ */
	height:11px;
/* 20100620レイアウト崩れにより追加↑ */
	background-color: #F5F5F5;
/* --↓20100527会員登録の視認性を上げるため追加↓-- */
	background-image: url(../img/bg_memb_regit.gif);
	background-repeat: no-repeat;
/* --↑20100527会員登録の視認性を上げるため追加↑-- */

}

#areaLogin span a {
	padding-left: 10px;
	margin-left: 3px;
	display: inline-block;
	background-image: url(../img_ico/ico_arrow_right02.gif);
	background-position: 0px 3px;
	background-repeat: no-repeat;
}

#areaLogin span.line {
	border-right:solid 1px #CCC;
	margin-right:5px;
	padding-right:10px;
}

/*googlemap
----------------------------------------------------------- */	
#googlemap {
	height: 342px;
	width: 342px;
}

/*テキスト：左右
----------------------------------------------------------- */
.textBoth {
	display: inline-block;
}

.textBoth:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.textBoth div {
	width: 49%;
}

/*テキスト回り込み：（左画像・右テキスト）
----------------------------------------------------------- */
.textPhotoLeft {
	width: 100%;
	display: inline-block;
}

.textPhotoLeft:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.textPhotoLeft .textPhoto {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
}

/*テキスト回り込み：（左テキスト・右画像）
----------------------------------------------------------- */
.textPhotoRight {
	width: 100%;
	display: inline-block;
}

.textPhotoRight:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.textPhotoRight .textPhoto {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
}

/*画像：横並び（キャプションなし）
----------------------------------------------------------- */	
.photoBoth {
	width: 100%;
	display: inline-block;
}

.photoBoth:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.photoBoth img {
	float: left;
	margin-right: 10px;
}

.photoBoth .textPhoto {
	float: left;
	margin-right: 0px;
}

/*画像：2列（キャプションあり）
----------------------------------------------------------- */	
.photoLine2 {
	width: 100%;
	display: inline-block;
}

.photoLine2:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.photoLine2 li {
	float: left;
	width: 50%;
	display: block;
}

/*画像：3列（キャプションあり）
----------------------------------------------------------- */	
.photoLine3 {
	width: 100%;
	display: inline-block;
}

.photoLine3:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.photoLine3 li {
	float: left;
	width: 33.3%;
	display: block;
}

/*画像：4列（キャプションあり）
----------------------------------------------------------- */	
.photoLine4 {
	width: 100%;
	display: inline-block;
}

.photoLine4:after {
	clear: both;
	height: 0px;
	visibility: hidden;
	display: block;
	content: ".";
}

.photoLine4 li {
	float: left;
	width: 25%;
	display: block;
}

/*画像キャプション
----------------------------------------------------------- */	
.textPhoto span,
.photoBoth span,
.photoLine2 span,
.photoLine3 span,
.photoLine4 span {
	padding-left: 15px;
	color: #003399;/*★*/
	line-height: 1.2;
	display: block;
	background:url(../img_ico/ico_arrow_up.gif) left top no-repeat;/*★*/
}

/*画像にグレーのライン<img>
----------------------------------------------------------- */
.photoGlayLine {
	border: 1px solid #CCCCCC;
}

/*
プロモーションエリア
----------------------------------------------------------- */
#promotionArea {
	height: 211px;
	width: 360px;
	margin-top: 15px;
	overflow: hidden;
}

#promotionReservation {
	position: relative;
	height: 211px;
	width: 360px;
	margin: 0px;
	z-index: 20;
	text-align: left;
}

#promotionReservationFlame {
	height: 211px;
	width: 360px;
	background: url(../img/bg_promotion_reservation_flame.gif);
}

#promotionReservationFlame table {
	height: 177px;
	width: 360px;
	margin-top: 3px;
}

#promotionReservationFlame table form,
#promotionReservationFlame table input,
#promotionReservationFlame table select,
#promotionReservationFlame table option {
	font-size: 12px;
}

#promotionReservationFlame table input.stay {
	width: 17px;
}

#promotionReservationFlame table,
#promotionReservationFlame table th,
#promotionReservationFlame table td {
	border: none;
	font-size: 12px;
	vertical-align: top;
}

#promotionReservationFlame table th {
	padding-left: 15px;
	font-weight: normal;
	text-align: left;
}

#promotionReservationFlame #ico_calender {
	padding-left: 15px;
	background: url(../img_ico/ico_calender.gif) left top no-repeat;
}

#promotionReservationFlame #ico_calender a {
	color: #333;
	text-decoration: underline;
}

/* ベストレートへのリンク 090629追記 */

.BestrateLink{
	display:block;
	width:142px;
	height:20px;
	position:absolute;
	top:5px;
	right:9px;
	text-indent:-9999px;
}

/* しましまリスト
------------------------------------------------------------------*/
.detailsListTop {
	width: 553px;
	padding-top: 5px;
	background-image: url(../img/bg_details_list_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.detailsListBottom {
	width: 553px;
	padding-bottom: 2px;
	background-image: url(../img/bg_details_list_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.detailsListMiddle {
	width: 551px;
	border-right-color: #D9D8D4;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #D9D8D4;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #F5F5F5;
}

* html .detailsListMiddle {
	width: 553px;
}

* html .blog .detailsListMiddle {
	width: 635px;
}

.detailsListMiddle h4 {
	margin-bottom: 5px;
	margin-left: 5px;
}
/*↓20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(上記h4は影響範囲が不明なので残しました)↓*/
.detailsListMiddle h3 {
	margin-bottom: 5px;
	margin-left: 5px;
}

/*↓corporate_program/index.html用記述↓*/
.detailsListMiddle h3.exception{
	margin-bottom: 5px;
	margin-left: 5px;
}
/*↑corporate_program/index.html用記述↑*/

/*↓wwwhp.html用記述↓*/
#exception2{
	margin-bottom: 5px;
	margin-left: 5px;
}
/*↑wwwhp.html用記述↑*/

/*↑20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加↑*/

.detailsListSet {
	width: 543px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-left: 5px;
	margin-bottom:5px;
	overflow:hidden;
}

.detailsListSet .floatLeft {
	width: 116px;
	padding: 1px;
	margin-left: 10px;
	border: 1px solid #CECCC4;
}

*html .detailsListSet .floatLeft {
	margin-left: 5px;
}

.hotelsPlan .floatLeft {
	width: 156px;
	padding: 1px;
	margin-left: 10px;
	border: 1px solid #CECCC4;
}

.detailsListSet dl {
	float: right;
	width: 400px;
	margin-right: 5px;
}

.hotelsPlan .detailsListSet dl {
	float: right;
	width: 350px;
	margin-right: 5px;
}

*html .detailsListSet dl {
	margin-right: 2px;
}

.detailsListSet dt {
	padding-bottom: 8px;
	padding-left: 15px;
	font-weight: bold;
	background-image: url(../img_ico/ico_arrow_right02.gif);
	background-position: 2px 9px;
	background-repeat: no-repeat;
}

.detailsListSet dt,
.detailsListSet dd {
	line-height: 1.3;
}

.detailsListSetDD01 {
	font-size: 80%;
}

*html .detailsListSetDD {
	padding-bottom: 10px;
	font-size: 75%;
}

.detailsListSetDD img {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}

.detailsListSetDD span {
	border-left:solid 1px #999;
	margin-left:5px;
	padding-left:5px;
}

.detailsListContinuation {
	text-align:right;
}

.detailsListContinuation a {
	background:url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
	padding-left:10px;
}

/* しましまリスト(ブログ上書き)
------------------------------------------------------------------*/
.blog {
	width: 635px;
	background-image: url(../blog/img/bg_details_list_blog_top.gif);
}

.blog .detailsListBottom {
	width: 635px;
	background-image: url(../blog/img/bg_details_list_blog_bottom.gif);
}

.blog .detailsListMiddle {
	width: 633px;
}

.blog .detailsListSet {
	width: 625px;
}

.blog .detailsListSet dl {
	width: 480px;
}

.blog .detailsListSet dt {
	border-bottom:dotted 1px #CCC;
	margin-bottom:7px;
}

.blogPage {
	width:100%;
	overflow:hidden;
	text-align:center;
}

.blogPageBack {
	float:left;
}

.blogPageBack a {
	background:url(../img_ico/ico_arrow_left02.gif) 0px 5px no-repeat;
	padding-left:10px;
	margin-left:8px;
}

.blogPageNext {
	float:right;
}

.blogPageNext a {
	background:url(../img_ico/ico_arrow_right02.gif) right center no-repeat;
	padding-right:10px;
	margin-right:8px;
}

.blogPageNum {
	margin:0px auto;
}

.blogPageNum a {
	padding-left:5px;
	padding-right:5px;
}

/* ブログバックナンバー
------------------------------------------------------------------*/
.blogBackNumber {
	background:url(../blog/img/bg_backnumber.gif) left bottom no-repeat #F7F7F7;
	border-left:solid 1px #D9D8D4;
	border-right:solid 1px #D9D8D4;
	padding:0px 12px;
	padding-bottom:5px;
}

.blogBackNumber dl {
	border-top:dotted 1px #CCC;
	padding-top:5px;
	margin-top:-1px;
}

.blogBackNumber dt {
	padding-bottom: 8px;
	padding-left: 15px;
	font-weight: bold;
	background: url(../img_ico/ico_arrow_right02.gif) 2px 9px no-repeat;
}

.blogBackNumber dd {
	font-size: 80%;
	padding-bottom: 10px;
}

.blogBackNumber dd img {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}

.blogBackNumber dd span {
	border-left:solid 1px #999;
	margin-left:5px;
	padding-left:5px;
}

#blogBaner .marginLeft40px {
	margin-left:0px;
}

/* ブログ詳細
------------------------------------------------------------------*/
.blogTitle h5 {
	border-bottom: dotted 1px #CBCBCB;
	font-size:120%;
	font-weight:bold;
	padding-bottom:8px;
}

.blogTitle p {
	font-size: 80%;
	padding-bottom: 10px;
	padding-top: 10px;
}

.blogTitle p img {
	margin-right: 3px;
	margin-left: 3px;
	vertical-align: middle;
}

.blogTitle p span {
	border-left:solid 1px #999;
	margin-left:5px;
	padding-left:5px;
}


/* パンくずリストリスト化20100614追加↓ */ 
#contentsLeft .breadclam li{
    float:left;
}
/* パンくずリストリスト化20100614追加↑ */ 


#contentsLeftBlog .textPhoto {
	width:204px;
}

#contentsLeftBlog .textPhoto div {
	border:solid 1px #CCC;
	padding:1px;
	margin-bottom:10px;
}

#contentsLeftBlog .textPhoto div img {
	vertical-align:bottom;
}
.blogHotel {
	width: 615px;
	padding: 10px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #F3F3F3;
}

* html .blogHotel {
	width: 635px;
}

.blogHotel img {
	float: right;
	margin-top:25px;
	width:100px;
	height:auto;
	border: solid 1px #CECBC2;
}

.blogHotel dl {
	float: left;
	width: 500px;
}

.blogHotel dt {
	padding-bottom: 5px;
	font-weight: bold;
	padding-left: 10px;
	background: url(../img_ico/ico_arrow_right02.gif) 0px 7px no-repeat;
}

.blogHotel dd {
	padding: 5px 0px;
	width: 480px;
	border-top: dotted 1px #CCC;
}


/* 詳細ブロック
------------------------------------------------------------------*/
.detailsBlock {
	padding: 10px;
	padding-top: 0px;
	background: url(../img/bg_details_block.gif) center bottom no-repeat;
}

/* オンライン予約　テンプレ */	
#bgReservationMiddle {
	width: 358px;
	background-image: url(../img/bg_reservation_middle2_new.gif);
	background-repeat: repeat-y;
}

#bgReservationMiddle2 {
	width: 360px;
	background-image: url(../img/bg_reservation_middle.gif);
	background-repeat: repeat-y;
}


#bgReservationMiddle table,
#bgReservationMiddle th,
#bgReservationMiddle td {
	border: none;
}

#bgReservationBottom {
	padding-bottom: 8px;
	background-image: url(../img/bg_reservation_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.lineReservation01 {
	padding-top: 5px;
	background-image: url(../img/line_reservation.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.lineReservation01 #plan {
	padding-bottom: 0px;
}


/* 通常予約 予約モジュール統合 */
.lineReservation03 {
/*↓20100907カレンダー追加に伴い修正↓*/
/*	position:relative;*/
/*↑20100907カレンダー追加に伴い修正↑*/
	padding-top: 5px;
/*	background-image: url(../img/line_reservation03.gif);*/
	background-position: left top;
	background-repeat: no-repeat;
}
/* 通常予約 予約モジュール統合 */


.lineReservationGray {
	background-image: url(../img/line_reservation02.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#bgReservationMiddle dl {
	width: 360px;
	display: inline-block;
}

#bgReservationMiddle dt,
#bgReservationMiddle dd {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
}

#bgReservationMiddle dt {
	float: left;
	width: 90px;
	text-indent: 15px;
}

*html #bgReservationMiddle dt {
	width: 95px;
}

#bgReservationMiddle2 dt {
	float: left;
	width: 75px;
	font-size: 85%;
	font-weight: bold;
}

*html #bgReservationMiddle2 dt {
	width: 80px;
}

#bgReservationMiddle dd {
	float: right;
	width: 251px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 5px;
	overflow:hidden;
}

*html #bgReservationMiddle dd {
	width: 258px;
}

#bgReservationMiddle dd .bgReservationDdLeft {
/*	width:180px; */
	width:160px;
	float:left;
	display:block;
}

#bgReservationMiddle2 dd {
	float: right;
	width: 266px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 5px;
}

*html #bgReservationMiddle2 dd {
	width: 273px;
	overflow:visible;
}

#bgReservationMiddle input,
#bgReservationMiddle select {
	/* margin-top:2px;*/
	vertical-align:middle;
}

#bgReservationMiddle .stay {
	width: 17px;
}




/* オンライン予約　テンプレ　ゲスト */	
#bgReservationMiddle_guest {
	width: 358px;
	background-image: url(../img/bg_reservation_middle2_guest.gif);
	background-repeat: repeat-y;
}

#bgReservationMiddle2_guest {
	width: 360px;
	background-image: url(../img/bg_reservation_middle2_guest.gif);
	background-repeat: repeat-y;
}


#bgReservationMiddle_guest table,
#bgReservationMiddle_guest th,
#bgReservationMiddle_guest td {
	border: none;
}

#bgReservationBottom1 {
	padding-bottom: 8px;
	background-image: url(../img/bg_reservation_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.lineReservation01_guest {
	padding-top: 5px;
	background-image: url(../img/line_reservation.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.lineReservation01_guest #plan {
	padding-bottom: 0px;
}

.lineReservationGray_guest { 
	position:relative;
	background-image: url(../img/line_reservation02.gif);
	background-position: left bottom;
	background-repeat: repeat-x;
}

#bgReservationMiddle_guest dl {
	width: 360px;
	display: inline-block;
}

#bgReservationMiddle_guest dt,
#bgReservationMiddle_guest dd {
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 90%;
}

#bgReservationMiddle_guest dt {
	float: left;
	width: 90px;
	text-indent: 15px;
}

*html #bgReservationMiddle_guest dt {
	width: 95px;
}

#bgReservationMiddle2_guest dt {
	float: left;
	width: 75px;
	font-size: 85%;
	font-weight: bold;
}


#bgReservationMiddle_guest dd {
	float: right;
	width: 251px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-right: 5px;
	overflow:hidden;
}

*html #bgReservationMiddle_guest dd {
	width: 258px;
}

#bgReservationMiddle_guest dd .bgReservationDdLeft1 {
/*	width:180px; */
	width:160px;
	float:left;
	display:block;
}


#bgReservationMiddle_guest input,
#bgReservationMiddle_guest select {
	/* margin-top:2px;*/
	vertical-align:middle;
}

#bgReservationMiddle_guest .stay1 {
	width: 17px;
}



/* オンライン予約　テンプレ　ゲスト */	



/* ホテル一覧
------------------------------------------------------------------*/
#hotelList {
	width: 546px;
	padding: 4px;
	overflow: hidden;
	border: solid 1px #CCC;
	background: #F5F5F5;
}

* html #hotelList {
	width: 555px;
}

#hotelList h4 {
	margin-bottom: 5px;
}
/*↓20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↓*/
#hotelList h3 {
	margin-bottom: 5px;
}
/*↑20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加↑*/

.TabbedPanelsContent {
	border-top: none;
	background: url(../img/bg_hotels2.gif) bottom repeat-y;
}

.TabbedPanelsContent h4 {
	border-top: solid 1px #F5F5F5;
}

/*↓20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↓*/
.TabbedPanelsContent h3 {
	border-top: solid 1px #F5F5F5;
}
/*↑20100819 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加↑*/


.TabbedPanelsContent dl {
	float: right;
	width: 455px;
	overflow: hidden;
	border-top: solid 1px #F5F5F5;
}

.TabbedPanelsContent dt {
	width: 295px;
}

.TabbedPanelsContent dd {
	width: 160px;
}

/* 各ホテルトップ
------------------------------------------------------------------*/
/*各「一覧」ボタン*/
.planTitle,
.planTitle img,
.planTopics,
.planTopics img {
	position: relative;
	z-index: 0;
	vertical-align: bottom;
}

.planTitleBtn {
	position: absolute;
	left: 492px;
	top: 6px;
	z-index: 10;
}

.planTopicsBtn {
	position: absolute;
	left: 497px;
	top: 1px;
	z-index: 10;
}

/*↓20100826 SEO対策修正↓*/
.planTitleBtn a,
.planTopicsBtn a {
	font-size:10px;
/*	text-indent:-9999px;*/
	display:block;
/*	width:64px;
	height:26px;*/
/*↓追加部分↓*/
	width:55px;
	height:25px;
/*↑追加部分↑*/
	text-decoration:none;/*for Netscape*/
	background:url(../img/spacer.gif);
}

/*.planTitleBtn a:hover,
.planTopicsBtn a:hover {
	font-size:10px;
	text-indent:-9999px;
	display:block;
	width:55px;
	height:25px;
	text-decoration:none;/*for Netscape
	background:url(../hotels/img/btn_list.gif);
}*/
/*↑20100826 SEO対策修正↑*/

/*宿泊プラン*/
#plan {
	padding-bottom: 5px;
	background: url(../hotels/img/bg_plan.gif) left bottom no-repeat;
}

#plan ul {
	width: 100%;
	overflow: hidden;
}

#plan li {
	float: left;
	width: 177px;
	margin-left: 5px;
	background: #EDF1FA;
}

#plan dl {
	margin: 10px;
}

#plan dd img {
	border: solid 1px #CECBC4;
}

#plan dt {
	padding-left: 10px;
	margin-top: 5px;
	font-weight: bold;
	line-height: 1.2;
	background: url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
}

/*トピックス*/
#topics {
	width: 554px;
	margin-top: 6px;
	overflow: hidden;
}

#topics .floatLeft {
	width: 102px;
}

#topics .floatLeft img {
	border: solid 1px #CECBC4;
}


#topics .floatLeft a {
	padding: 5px;
	padding-left: 20px;
	border-top: solid 1px #FFF;
	display: block;
	background: url(../img_ico/ico_arrow_right02.gif) 8px 10px no-repeat #F5F5F5;
}

#topics .floatRight .pickup {
	margin-bottom:8px;
	border-left:solid 1px #CECBC4;		/*削除すると赤でなくなります*/
	border-top:solid 1px #CECBC4;		/*削除すると赤でなくなります*/
	border-bottom:solid 1px #CECBC4;	/*削除すると赤でなくなります*/
	background-color: #FBEFF0;		/*削除すると赤でなくなります*/
}

#topics .floatRight .pickup td {
	background: url(../img_ico/ico_arrow_right02.gif) 8px 10px no-repeat;
/*	font-weight:bold;	*/
	border-right:solid 1px #CECBC4;		/*削除すると赤でなくなります*/
/*	border-bottom:solid 1px #CECBC4;	削除すると赤でなくなります*/
	background-color: #FBEFF0;		/*削除すると赤でなくなります*/
}

#topics .floatRight .pickup td a {
/*	color:#903;		削除すると赤でなくなります*/
}

#topics .floatRight {
	width: 449px;
}

#topics .floatRight th {
	width: 70px;
	font-size: 90%;
}

#topics .floatRight td {
	padding-left: 17px;
	background: url(../img_ico/ico_arrow_right02.gif) 8px 9px no-repeat #F5F5F5;
	font-size:90%;	/*20140328CHJにて追加*/
}

/*基本情報*/
#checkin {
	width: 100%;
	margin-top: 5px;
	overflow: hidden;
}

#checkin li {
	float: left;
	padding: 5px 10px;
	border-right: solid 1px #FFF;
	background: #F3F3F3;
}

#checkin li .textWeightBold {
	margin-right: 15px;
}

#accommodation {
	width: 100%;
	margin-top: 5px;
	overflow: hidden;
}

#accommodation li {
	float: left;
	padding: 5px 3px;
	border-right: solid 1px #FFF;
	text-align: center;
	background: #F3F3F3;
}

#accommodation h6 {
	height: 2.5em;
	width: 72px;
	font-size: 90%;
	line-height: 1.1;
}
/*↓20100824 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↓*/
#accommodation h5 {
	height: 2.5em;
	width: 72px;
	font-size: 90%;
	line-height: 1.1;
}
/*↑20100824 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↑*/


#facilities th {
	font-size: 90%;
	text-align: center;
}

#facilities h6 {
	font-weight: bold;
}

#facilities h6 span {
	font-weight: normal;
}
/*↓20100824 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↓*/
#facilities h5 {
	font-weight: bold;
}

#facilities h5 span {
	font-weight: normal;
}
/*↑20100824 hタグの配置見直しによる、h4タグからh3タグへの昇格に伴い追加(h4は影響範囲が不明なので残しました)↑*/

#facilities dl {
	width: 100%;
	overflow: hidden;
}

#facilities dt {
	float: left;
	font-weight: bold;
}

#facilities dd {
	float: left;
}

/*090616*/
.bcomment {
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
	padding: 5px;
	line-height: 15px;
	border-right:solid 1px #CECBC4;
	border-bottom:solid 1px #CECBC4;
	border-left:solid 1px #CECBC4;
	border-top:solid 1px #CECBC4;
}
/*101124*/
.free_comment{
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
	padding: 5px 0 0 0;
	line-height: 15px;
}

/*アクセス*/
#access h4,
#access h4 img {
	position: relative;
	z-index: 0;
	vertical-align: bottom;
}

/*↓20100804hタグ配置見直しによるレイアウト崩れを修正追加↓*/
#access h3,
#access h3 img {
	position: relative;
	z-index: 0;
	vertical-align: bottom;
}
/*↑20100804hタグ配置見直しによるレイアウト崩れを修正追加↑*/

.accessTitleBtn {
	position: absolute;
	left: 250px;
	top: 7px;
	z-index: 10;
}

.accessTitleBtn a {
	font-size:10px;
/*	text-indent:-9999px;*/
	display:block;
	width:100px;
	height:20px;
	text-decoration:none;/*for Netscape*/
	background:url(../img/spacer.gif);
}

/*
.accessTitleBtn a:hover {
	font-size:10px;
	text-indent:-9999px;
	display:block;
	width:100px;
	height:20px;
	text-decoration:none;*//*for Netscape*/
/*	background:url(../hotels/img/btn_access_print.gif);
}
*/

#access .accessFlame {
	padding: 7px;
	background: url(../hotels/img/bg_access.gif) left bottom no-repeat;
}

#access .accessFlame p {
	float: right;
	width: 290px;
}

/* 各ホテルトピックス一覧
------------------------------------------------------------------*/
.topicksList {
	margin-top: 5px;
}

.topicksList th {
	font-size: 90%;
	vertical-align: top;
}

.topicksList td dt {
	font-size: 105%;
	font-weight: bold;
}

.topicksList td dd {
	line-height: 1.2;
}

.topicksList th,
.topicksList td {
	border-bottom:solid 4px #FFF;
	padding:13px;
}

/* エリア情報
------------------------------------------------------------------*/
/*周辺イベント*/
.eventBlock {
	width: 534px;
	padding: 10px;
	padding-bottom: 5px;
	overflow: hidden;
	background: #F3F3F3;
}

* html .eventBlock {
	width: 554px;
}

.eventBlock img {
	float: right;
	margin-top: 5px;
	border: solid 1px #CECBC2;
}

.eventBlock dl {
	float: left;
	width: 350px;
}

.eventBlock dt {
	padding-bottom: 5px;
	font-weight: bold;
}

.eventBlock dd {
	padding: 5px 0px;
	border-top: dotted 1px #CCC;
}

.eventBlock dd a {
	padding-left: 10px;
	background: url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
}

/*ビジネス・観光・グルメ*/
.areaTable {
	margin-top: 10px;
}

.areaTable th {
	width: 40%;
	vertical-align: top;
}

.areaTable th a {
	padding-left: 10px;
	display: block;
	background: url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
}

/*ホテルCMS詳細*/
.hotelsDetails #hotelsDetailsTitle {
	margin-top:25px;
}

.hotelsDetails #hotelsDetailsTitle th {
	padding:0px;
	width:57px;
}

.hotelsDetails #hotelsDetailsTitle h4 {
	margin-top: 0px;
	font-size: 120%;
	font-weight: bold;
}

.hotelsDetails h4 {
	width: 100%;
	margin-top: 25px;
	overflow: hidden;
}

.hotelsDetails h4 img {
	float: left;
	margin-right: 10px;
}

.hotelsDetails h4 span {
	float: right;
	width: 495px;
	margin-top: 15px;
	font-size: 120%;
	font-weight: bold;
	display: block;
}

/*↓20100819 hタグ配置見直しによる、h4タグからh3タグへの昇格に伴い追加(上記h4タグ削除は影響範囲が不明なので残しました)↓*/
.hotelsDetails #hotelsDetailsTitle h3 {
	margin-top: 0px;
	font-size: 120%;
	font-weight: bold;
}


.hotelsDetails h3 {
	width: 100%;
	margin-top: 25px;
	overflow: hidden;
}

.hotelsDetails h3 img {
	float: left;
	margin-right: 10px;
}

.hotelsDetails h3 span {
	float: right;
	width: 495px;
	margin-top: 15px;
	font-size: 120%;
	font-weight: bold;
	display: block;
}
/*↑20100819 hタグ配置見直しによる、h4タグからh3タグへの昇格に伴い追加↑*/

.hotelsDetails .kikan {
	width: 100%;
	margin-top: 15px;
	overflow: hidden;
	background: #F3F3F3;
}

.hotelsDetails .kikan dt {
	float: left;
	padding: 3px 10px;
	padding-right: 40px;
	border-right: solid 1px #FFF;
	font-weight: bold;
	background: #E7E7E7;
}

.hotelsDetails .kikan dd {
	float: left;
	padding: 3px 10px;
}

.hotelsDetails .textPhoto img {
	padding: 1px;
	border: solid 1px #CBCCD0;
}

.hotelsDetails .textPhoto span {
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 80%;
	color: #333;
	text-align: center;
	background: none;
}

.hotelsDetails .textPhotoRight .floatLeft {
	width: 390px;
}

/* ギャラリー
----------------------------------------------------------- */	
.galleryBlock {
	padding-bottom: 1px;
	background: url(../hotels/img/bg_gallery_bottom.gif) left bottom no-repeat;
}

.galleryBlock h4 {
	padding: 15px;
	padding-bottom: 0px;
	font-size: 110%;
	font-weight: bold;
	background: url(../hotels/img/bg_gallery_top.gif) left top no-repeat;
}

.galleryBlock h4 span {
	padding-bottom: 10px;
	border-bottom: dotted 1px #CCC;
	display: block;
}

/*↓20100824 h1タグ挿入による、h4→h3タグの昇格に伴い追加↓*/
.galleryBlock h3 {
	padding: 15px;
	padding-bottom: 0px;
	font-size: 110%;
	font-weight: bold;
	background: url(../hotels/img/bg_gallery_top.gif) left top no-repeat;
}

.galleryBlock h3 span {
	padding-bottom: 10px;
	border-bottom: dotted 1px #CCC;
	display: block;
}
/*↑20100824 h1タグ挿入による、h4→h3タグの昇格に伴い追加↑*/

.galleryFacilities {
	padding: 18px 15px;
	border-bottom: solid 1px #FFF;
}

.galleryFacilities div {
	width: 100%;
	overflow: hidden;
}

.galleryFacilities div img {
	float: left;
}

.galleryFacilities div dl {
	float: right;
	width: 440px;
}

.galleryFacilities div dt {
	margin-bottom: 5px;
	font-weight: bold;
	line-height: 1.2;
}

.galleryFacilities div dd {
	line-height: 1.2;
}

.galleryPhoto {
	width: 537px;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 15px;
	overflow: hidden;
}

* html .galleryPhoto {
	width: 100%;
}

.galleryPhoto li {
	float: left;
	width: 166px;
	margin-right: 10px;
}

* html .galleryPhoto li {
	width: 176px;
}

.galleryPhoto li a span {
	padding-left: 10px;
	background: url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
}

/* ホテル・機能一覧
------------------------------------------------------------------*/
.functionTab {
	width: 100%;
	margin-top: 35px;
	overflow: hidden;
	border-left: solid 1px #CCC;
}

.functionTab li {
	float: left;
	font-size: 12px;
}

.functionTab li a,
.functionTab li span {
	padding: 4px 10px;
	border: solid 1px #CCC;
	border-left: none;
	text-decoration: none;
	display: block;
	background-color: #f6f6f6;
	list-style: none;
}

.functionTab li a:hover,
.functionTabSelected {
	color: #FFF;
	text-decoration: none;
	background: url(../img/bg_index_tab.gif) center;
}

.functionTable {
	padding: 1px;
	margin-top: 5px;
	border: solid 1px #D9DAD5;
}

.functionTable th {
	width: 15%;
	padding: 5px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
}

.functionTable td {
	padding: 5px;
	vertical-align: middle;
}

.functionTable td img {
	margin-right: 5px;
	vertical-align: middle;
}

.functionTable td .hotellistBtnConfortDetail,
.functionTable td .hotellistBtnConfortReservation,
.functionTable td .hotellistBtnClarionDetail,
.functionTable td .hotellistBtnClarionReservation,
.functionTable td .hotellistBtnSleepinDetail,
.functionTable td .hotellistBtnSleepinReservation,
.functionTable td .hotellistBtnQuolityDetail,
.functionTable td .hotellistBtnQuolityReservation {
	float: none;
	margin: 2px;
}

.functionTableClear {
	width: 100%;
	overflow: hidden;
}

/* インターネット
------------------------------------------------------------------*/
/*↓20100825 hタグ配置見直しによる、h4タグからh3タグへの昇格に伴い追加↓*/

#internet h4 {
	font-size: 120%;
	line-height: 1.6;
	background: none;
	font-weight: bold;
	color: #1C2E92;
}

#internet h3 {
	font-size: 120%;
	line-height: 1.6;
	background: none;
	font-weight: bold;
	color: #1C2E92;
}
/*↑20100825 hタグ配置見直しによる、h4タグからh3タグへの昇格に伴い追加↑*/


/* お問い合わせ
------------------------------------------------------------------*/
.contactForm {
	background: url(../function/img/bg_inquiry.gif) left repeat-y;
}

.contactForm dl {
	width: 543px;
	padding: 5px;
	overflow: hidden;
	border-top: solid 1px #FFF;
}

* html .contactForm dl {
	width: 553px;
}

.contactForm .error {
	background: url(../function/img/bg_inquiry_error.gif) left repeat-y;
}

.contactForm dt {
	float: left;
	width: 140px;
}

.contactForm dt span {
	color: #C00;
}

.contactForm dd {
	float: right;
	width: 402px;
}

.contactForm2 {
	padding: 10px;
	text-align: center;
	background: #E7E7E7;
}

.contactForm3 {
	padding: 10px;
	padding-left:60px;
	background: #E7E7E7;
}

.contactForm3 form {
	display:inline;
}

.contactForm3 input {
	margin-left:60px;
}

.contactFormError {
	background: #E7E7E7;
}

.contactFormError li {
	padding: 5px;
	border-top: solid 1px #FFF;
	color: #C00;
}

/* ブランド
------------------------------------------------------------------*/
.brand .textPhotoLeft,
.brand p,
.brand h5,
.brand ul {
	margin:0px 8px;
}

.brand .textPhotoLeft {
	width:530px;
}

.brand .textPhotoLeft dl {
	width:405px;
}

.brand .textPhotoLeft dt {
	background:none;
	padding-left:0px;
	font-size:115%;
}

.brand .textPhotoLeft dd {
	color:#069;
}

.brand h5 {
	font-weight:bold;
	margin-top:8px;
	padding-top:8px;
	border-top:dotted 1px #CCC;
}

.brand ul li {
	background:url(../img_ico/ico_arrow_right02.gif) 0px 7px no-repeat;
	padding-left:10px;
	font-size:90%;
}

/* 世界のチョイスホテルズ
------------------------------------------------------------------*/ 
.world .textPhotoLeft,
.world p {
	margin:0px 8px;
}

.world .textPhotoLeft {
	width:530px;
}

.world .textPhoto img {
	border:solid 1px #CCC;
}

.world .textPhotoLeft dl {
	width:390px;
}

.world .textPhotoLeft dt {
	background:none;
	padding-left:0px;
	font-size:115%;
	padding-bottom:0px;
}

.world .textPhotoLeft dd {
	padding-top:8px;
}

.world .link {
	background:url(../img_ico/ico_link.gif) 0px 15px no-repeat;
	padding-left:15px;
}

/* FAQ
------------------------------------------------------------------*/ 
.faqList dl,
.faqDetails dl {
	width:100%;
	overflow:hidden;
	font-size:90%;
}

.faqList dt,
.faqDetails dt {
	float:left;
	width:40px;
	padding:2px 5px;
}

.faqDetails dt {
	font-weight:bold;
	padding:5px 5px;
}

.faqList dd {
	float:left;
	background:url(../img_ico/ico_arrow_right02.gif) 0px 8px no-repeat;
	padding:2px 5px;
	padding-left:10px;
}

.faqDetails dd {
	float:left;
	padding:5px 5px;
}

.faqDetails .faqQ {
	background:#F3F3F3;
	font-weight:bold;
	margin-top:15px;
}

.faqDetails .faqA span a {
	background:url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
	padding-left:12px;
}

/* モバイルサイトのご案内
------------------------------------------------------------------*/ 
.mobileTitle {
	font-weight:bold;
	padding-bottom:5px;
	border-bottom:dotted 1px #CCC;
}

/*採用
------------------------------------------------------------------*/
.recruit .textPhotoRight,
.recruit p {
	margin:0px 8px;
}

.recruit .textPhotoRight {
	width:530px;
}

.recruit .textPhoto,
.recruit .textPhoto img {
	margin:0px;
}

.recruit .textPhotoRight dl {
	float:left;
	width:350px;
}

.recruit .textPhotoRight dt {
	padding-left:0px;
	background:none;
}

/*チョイスストーリー
------------------------------------------------------------------*/
.storyFlameGlay {
	background:#F5F5F5;
	padding:10px;
}

.storyFlameGlay a {
	background:url(../img_ico/ico_arrow_right02.gif) 0px 5px no-repeat;
	padding-left:10px;
}

/*予約確認・変更
------------------------------------------------------------------*/
.reservation .detailsListMiddle .textPhotoRight {
	width:520px;
	margin-left:10px;
}

.reservation .detailsListMiddle .textPhotoRight .textPhoto {
	margin-bottom:0px;
	margin-top:0px;
}

/*PRページ
------------------------------------------------------------------*/
.prFlame {
	background:url(../img/bg_pr_flame.gif) top repeat-x;
	padding-top:25px;
}

/*灰色の枠
------------------------------------------------------------------*/
.glayFlame {
	background:#F5F5F5;
	padding:10px;
	width:535px;
}

* html .glayFlame {
	width:100%;
}

/*カレンダー調整
------------------------------------------------------------------*/
#contentsMain {
	position:relative;
}

#bgReservationMiddle2 table,
#bgReservationMiddle2 table th,
#bgReservationMiddle2 table td {
	border:#E6E6E6;
	font-size: 11px;
}

#bgReservationMiddle2 table td {
	font-size: 10px;
	padding:3px 3px;
}

#bgReservationMiddle2 table {
	width:150px;
}

#bgReservationMiddle2 table,
#bgReservationMiddle2 table th,
#bgReservationMiddle2 table td,
#bgReservationMiddle2 table td a {
	padding:0px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
}

#bgReservationMiddle2 table {
	height:auto;
}

#bgReservationMiddle2 table th {
	font-weight:bold;
}

#bgReservationMiddle2 table td {
	border:solid 1px #CCC;
}

#bgReservationMiddle2 table td a {
	display:block;
	margin:1px;
	color:#333;
	height:14px;
}

/* ホテル詳細「プラン一覧を見る」 091021追記 */

.PlanList{
	text-align:center;
	padding:3px 0 0;
}


/*
.PlanList a{
	display:block;
	width:232px;
	height:33px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img_h/btn_plan.jpg) 0 0 no-repeat;
}
*/
/*
.PlanList a:hover{
	display:block;
	width:232px;
	height:33px;
	margin:0 auto;
	text-indent:-9999px;
	background:url(../img_h/btn_plan.jpg) 0 -33px no-repeat;}
*/


/* 世界のチョイスホテルズページ 100219追記 */
.detailsListwTop {
	width: 553px;
	padding-top: 5px;
	background-image: url(../img/bg_details_wlist_top.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

.detailsListwBottom {
	width: 553px;
	padding-bottom: 2px;
	background-image: url(../img/bg_details_wlist_bottom.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}

.detailsListwMiddle {
	width: 551px;
	border-right-color: #D9D8D4;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-color: #D9D8D4;
	border-left-style: solid;
	border-left-width: 1px;
	background-color: #FFFFFF;
}

* html .detailsListwMiddle { width: 553px; }

.detailsListwMiddle p { padding:10px; }

.detailsListwMiddle_contact { 
	width:360px;
	background-color:#edf1f9;
	margin-left: 10px;
}
.detailsListwMiddle h4 {
	margin-bottom: 5px;
	margin-left: 5px;
}
.detailsListwMiddle_contact dl { 
	padding:10px;

}
.detailsListwMiddle_contact dt {
	font-weight: bold;
	margin-bottom:2px;
}
.b_red { font-weight: bold; color:#990033; }

/* FAQページ 100521追記 */
.faq_info { padding:10px 0 10px 35px; }

.faq_detail { margin:10px 0; background:#FFFFFF;}
.faq_detail2 { background:#FFFFFF;}
.faq_detail td,.faq_detail2 td, { padding:2px;}


/*
 ヘッダにh1を表示 20100615追加
----------------------------------------------------------- */
#headerFlame .h1box { clear:both;}

/*JAFページ*/
.jaf_banner{
width:553px;
height:327px;
background:url(../jaf/img/jaf_kv.jpg) no-repeat;
text-indent:-9999px;
display:block;
margin:10px 0;}

/*ソーシャルメディアポリシー追加 20100921*/
.socialmedia_bt{border-top:1px solid #999; padding:10px 0 15px; margin-top:15px;}
.about_twitter .ttl{ font-weight:bold;}
.about_twitter th{text-align:center; vertical-align:middle; padding:0 10px; width:20%;}

/*Twitterモジュール追加 20100924*/
.twitter_wgt{ width:310px;  margin:10px 0 0 0;}




/* 20110511追加 h3タグ対策 */

.h3_list_left {

	float:left;
	margin:8px 0px 0px 18px;
	padding:0px;
	width:180px;
}

.h3_list_right {
	float:right;
	margin:6px 8px 0px 0px;
}


.h3_list_2_left {

	float:left;
	margin:2px 0px 0px 7px;
	padding:0px;
	width:180px;
}

.h3_list_2_right {
	float:right;
	margin:1px 3px 0px 0px;
}


/* 20110511追加 end */