@charset "Shift_JIS";

strong{font-weight:bold;}
body {line-height: 1.231;}

/* レイアウト
-------------------------------------------------------------- */
#title {
	padding:0px;
	margin:0px;
	width: 950px;
	float: left;
}
#Area {
	font-size:12px;
}
#Area ul {
	list-style:none;	
}
#Area img {
	border:0;
}
#Area a {
	overflow:hidden;
}

.pcnone{
	display:none;
}

/*h1*/
h1.chain_h1{
	font-size:12px;
	font-weight:normal;
	padding:3px;
	margin:0px;
	width:950px;
	display:block;
	margin:0 auto;
}

/*title*/
#wrapper #title{
	width:100%;
	height:240px;
	background-color:#222c7a;
    margin-bottom: 20px;
}

#wrapper #title img{
	width:1200px;
	height:240px;
	display:block;
	margin:0 auto;
}

/* ホテル紹介
-------------------------------------------------------------- */
.container {
    width: 960px;
    margin: auto;
    overflow: hidden;
}

.container .profileBox {
	padding:0px;
	margin:0px;
	float: left;
	width: 470px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.profileBox h2 {
	padding:0px;
	margin:0px;
}

a:hover img {
	padding:0px;
	margin:0px;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

.bg_profile {
	padding:0px;
	margin:0px;
	float: left;
	width: 438px;   /* 470pxに設定 */
	height: 127px;   /* 147pxに設定 */
	background: url(../img/bg_profile.jpg) no-repeat 0 0;
	padding: 10px 16px;
	display: inline;
}

.hotelimg {
	padding:0px;
	margin:0px;
	float: left;
	width: 154px;   /* 160pxに設定 */
	height: 114px;   /* 120pxに設定 */
	border: solid 1px #CCC;
	padding: 2px;
	margin-right: 5px;
	background-color: #FFF;
}

.text {
	padding:0px;
	margin:0px;
	float: left;
	width: 273px;
	font-size:12px;
}

.Link {
	padding:0px;
	margin:0px;
	float: right;
	background: url(../img/ic_arrow01.gif) no-repeat 0 2px;
	padding-left: 14px;
	margin-right: 5px;
	font-size:12px;
}

/* メニュー
-------------------------------------------------------------- */
#menu {
	padding:0px;
	margin:0px;
	float: left;
	width: 950px;
	height: 47px;
	margin-bottom: 20px;
}
*html #menu {
	padding:0px;
	margin:0px; margin-right: -2px; }   /* float後、最後の文字が改行されて表示されるバグ　IE6用ハック */
#menu ul {
	padding:0px;
	margin:0px;
}
#menu ul li {
	padding:0px;
	margin:0px;
	float: left;
	list-style: none;
}

#menu ul li a {
	padding:0px;
	margin:0px;
	display: block;
	text-indent: -9999px;
}

#menu ul li.area01 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area01 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area01.jpg) no-repeat 0 0;}
#menu ul li.area02 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area02 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area02.jpg) no-repeat 0 0;}
#menu ul li.area03 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area03 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area03.jpg) no-repeat 0 0;}
#menu ul li.area04 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area04 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area04.jpg) no-repeat 0 0;}
#menu ul li.area05 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area05 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area05.jpg) no-repeat 0 0;}
#menu ul li.area06 {
	padding:0px;
	margin:0px; width: 119px;}
#menu ul li.area06 a {
	padding:0px;
	margin:0px; width: 119px; background: url(../img/bt_area06.jpg) no-repeat 0 0;}
#menu ul li.area07 {
	padding:0px;
	margin:0px; width: 118px;}
#menu ul li.area07 a {
	padding:0px;
	margin:0px; width: 118px; background: url(../img/bt_area07.jpg) no-repeat 0 0;}
#menu ul li.area08 {
	padding:0px;
	margin:0px; width: 118px;}
#menu ul li.area08 a {
	padding:0px;
	margin:0px; width: 118px; background: url(../img/bt_area08.jpg) no-repeat 0 0;}

#menu ul li.area01,
#menu ul li.area02,
#menu ul li.area03,
#menu ul li.area04,
#menu ul li.area05,
#menu ul li.area06,
#menu ul li.area07,
#menu ul li.area08 {
	padding:0px;
	margin:0px; height: 47px;}

#menu ul li.area01 a,
#menu ul li.area02 a,
#menu ul li.area03 a,
#menu ul li.area04 a,
#menu ul li.area05 a,
#menu ul li.area06 a,
#menu ul li.area07 a,
#menu ul li.area08 a {
	padding:0px;
	margin:0px; height: 47px;}

#menu ul li.area01 a:hover,
#menu ul li.area02 a:hover,
#menu ul li.area03 a:hover,
#menu ul li.area04 a:hover,
#menu ul li.area05 a:hover,
#menu ul li.area06 a:hover,
#menu ul li.area07 a:hover,
#menu ul li.area08 a:hover {
	padding:0px;
	margin:0px; background-position: 0 -47px;}

/* エリアタイトル
-------------------------------------------------------------- */
.bg_area {
	padding:0px;
	margin:0px;
	float: left;
	width: 940px;   /* 950pxに設定 */
	height: 30px;   /* 40pxに設定 */
	background: url(../img/bg_area.jpg) no-repeat 0 0;
	padding: 10px 0 0 10px;
	margin-bottom: 5px;
	font-size: 16px;
	display: inline;
}

/* エリア詳細の背景
-------------------------------------------------------------- */
.bg_search {
	padding:0px;
	margin:0px;
	float: left;
	width: 796px;   /* 950pxに設定 */
	height: 25px;   /* 32pxに設定 */
	background: url(../img/bg_search.gif) no-repeat 0 0;
	padding: 7px 0 0 154px;
	margin-bottom: 10px;
	display: inline;
}

.bg_search ul {
	padding:0px;
	margin:0px;
	float: left;
	width: 796px;
}

.bg_search ul li {
	padding:0px;
	margin:0px;
	float: left;
	background: url(../img/ic_dot.gif) repeat-y right bottom;
	padding: 0 10px;
	margin-bottom: 2px;
	white-space: nowrap;
	font-size:12px;
}

/* ホテルリスト
-------------------------------------------------------------- */
.List {
	padding:0px;
	margin:0px;
	float: left;
	width: 910px;   /* 950pxに設定 */
	height: 98px;   /* 138pxに設定 */
	background: url(../img/bg_list.jpg) no-repeat 0 0;
	padding: 20px;
	margin-bottom: 1px;
	display: inline;
}

.List .Left {
	padding:0px;
	margin:0px;
	float: left;
	width: 500px;
	margin-right: 10px;
}

.List .Right {
	padding:0px;
	margin:0px;
	float: left;
	width: 400px;
}

h3.name {
	padding:0px;
	margin:0px;
	font-size: 14px;
	color: #C00;
	line-height: 1.2;
}

h3.name span {
	padding:0px;
	margin:0px;
	font-size: 12px;
	color: #000;
	margin-right: 2px;
}

.detail {
	padding:0px;
	margin:0px;
	font-size: 12px;
	border-bottom: solid 1px #CCC;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.Left ul {
	padding:0px;
	margin:0px;
}
.Left li {
	padding:0px;
	margin:0px;
	font-size:12px;
}

.List ul {
	padding:0px;
	margin:0px;
	float: left;
	width: 500px;
}

.List ul li {
	padding:0px;
	margin:0px;
	float: left;
	background: url(../img/ic_arrow02.gif) no-repeat 0 2px;
	padding-left: 14px;
	margin-right: 5px;
}

ul.photoBox {
	padding:0px;
	margin:0px;
	float: left;
	width: 405px;
	margin: 0 -5px 0 0;
	overflow: hidden;
	_zoom: 1;
}

ul.photoBox li {
	padding:0px;
	margin:0px;
	float: left;
	width: 124px;   /* 130pxに設定 */
	height: 92px;   /* 98pxに設定 */
	border: solid 1px #DAE1E4;
	padding: 2px;
	margin-right: 5px;
	background-image: none;
	background-color: #FFF;
}

.photoBox li a:hover img {
	padding:0px;
	margin:0px;
	opacity: 0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=70);
}

/* その他
-------------------------------------------------------------- */
.clear {
	padding:0px;
	margin:0px;
	clear: both;
}

#topgo	{
	padding:0px;
	margin:0px;
	float: left;
	width: 950px;
	margin-bottom: 5px;
	text-align: right;
	clear: both;
}

/*pcエリアセレクトボックス非表示*/
#area_select_box{display:none;}
/*pcガシェット非表示*/
.gadget_tool{display:none;}
/*pc下部リンクアコーディオン非表示*/
.contInner02{display:none;}

/*gadget*/
.search_kokunaiBar {display:none!important}

/*bnlinks*/
#bnlinks {
    float: none;
    clear: both;
    display: inline;
    width: 950px;
    margin: 10px 0 0 10px;
    padding: 10px 0 0;
    background: #FFFFFF;
    border-top: 1px dashed #CCC;
}
#bnlinks ul {
    clear: both;
    float: none;
    margin: 10px auto;
    width: 950px;
    padding: 10px 0 0;
    border-top: 1px dashed #CCC;
}
#bnlinks ul li {
    float: left;
    display: inline;
    width: 180px;
    margin: 0 5px;
    padding: 0;
    font-size: 10px;
}