@charset "utf-8";

/* ===================================================================

 file name  :style.css

=================================================================== */



/*------ トップページ --------------*/

#topImageBg{
background:url(../../images/main_image_bg.gif) 0 0 no-repeat;
width:920px;
height:305px;
margin-left:auto;
margin-right:auto;
text-align:center;
}

#topImageInner{
padding:10px 15px;}

#flashcontent{
float:left;
width:635px;
height:275px;
}

#topNaviBg{
float:right;
width:240px;
}

#topNavi{
width:240px;
}

#topNavi li{
float:left;
margin:0;
line-height:0;
font-size:1px;
}

#topNavi li a{
display: block;
line-height:normal;
}

#indexContainer{
width:906px;
border-top:2px solid #d2d2d2;
border-right:2px solid #d2d2d2;
border-left:2px solid #d2d2d2;
margin-left:auto;
margin-right:auto;
}

/*------------ トップメニュー --------------*/

#topMenuBg{
/*background:url(../../images/top_contents_bg.gif) 0 0 no-repeat;*/
width:906px;
height:203px;
margin-right:auto;
margin-left:auto;
margin-bottom:5px;
}

#topMenuBg ul{
width:892px;
margin-top:7px;
margin-left:7px;
}

#topMenuBg li{
float:left;
height:185px;
width:176px;
}

#topMenuRoom{
background:url(../../images/top_room.jpg) 0 0 no-repeat;
margin-right:3px;
display:block;
width:176px;
height:185px;
}

#topMenuRoom a {
display:block;
width:176px;
height:185px;
}

#topMenuCharge{
background:url(../../images/top_charge.jpg) 0 0 no-repeat;
margin-right:3px;
width:176px;
height:185px;
}

#topMenuCharge a{
display:block;
width:176px;
height:185px;
}

#topMenuFacilities{
background:url(../../images/top_facilities.jpg) 0 0 no-repeat;
margin-right:3px;
width:176px;
height:185px;
}

#topMenuFacilities a{
display:block;
margin-right:3px;
width:176px;
height:185px;
}

#topMenuAccess{
background:url(../../images/top_access.jpg) 0 0 no-repeat;
margin-right:3px;
width:176px;
height:185px;
}

#topMenuAccess a{
display:block;
margin-right:3px;
width:176px;
height:185px;
}

#topMenuInformation{
background:url(../../images/top_information.jpg) 0 0 no-repeat;
width:176px;
height:185px;
}

#topMenuInformation a{ 
display:block;
margin-right:3px;
width:176px;
height:185px;
}


/*------------ メイン --------------*/

#indexWrapper{
width:890px;
margin-left:7px;
}

#indexMain{
width:639px;
float:left;
}

#indexSide{
width:240px;
float:right;
}

#indexCatch{
background:url(../../images/catch_bg.gif) 0 0 no-repeat;
width:639px;
height:170px;
margin-bottom:15px;
}

#indexCatch p{
margin-left:20px;
line-height:1.8em;
}


/*------------ 新着情報 --------------*/

#news{
border:1px solid #d4d4d4;
width:634px;
}

#news .header{
background:url(../../images/news_header.gif) 1px 1px no-repeat;
width:634px;
height:47px;
}

#news .header img{
margin:15px 10px 0 549px;
width:72px;
height:16px;
}

#news dl{
padding:8px 20px;
display:block;
}

#news dt{
font-weight:bold;
}

#news dd{
background:url(../images/arrow.gif) 0 6px no-repeat;
padding-left:15px;
}

#news dl a:link{color:#313131; text-decoration:underline;}
#news dl a:visited{color:#313131; text-decoration:underline;}
#news dl a:hover{color:#313131; text-decoration:none;}
#news dl a:active{color:#313131; text-decoration:none;}

.bg{
border-top:1px solid #d4d4d4;
background-color:#f6f3ef;
margin:1px;
}

.newsBorder{
border-top:1px solid #d4d4d4;
}

.newsIconInfo{
background:url(../images/i_info.gif) 90px 1px no-repeat;
}

.newsIconHotel{
background:url(../images/i_hotel.gif) 90px 1px no-repeat;
}

.newsIconValue{
background:url(../images/i_value.gif) 90px 1px no-repeat;
}

/*------------ 新着情報一覧 --------------*/

#infoNavi {
	height: 35px;
	width: 615px;
	background: #bbbbbb;
}
#infoNavi ul {
	margin-left: 7px;
}

#infoNavi li {
	float: left;
	margin-top: 3px;
}
#infoNavi .second {
	padding-left: 6px;
}

#infoNavi li.end {
	padding-left: 6px;
}
#newsList {
	height: auto;
	width: 615px;
	clear: both;
	margin-top: 30px;
}

#newsList dl{
	padding:8px 20px;
	display:block;
	clear: both;
}

#newsList dt{
float: left;
width: 180px;
font-weight:bold;
}

#newsList dd a{
	background:url(../images/arrow.gif) 0 6px no-repeat;
	padding-left:15px;
	padding-top: 5px;
}

#newsList dl a:link{color:#313131; text-decoration:underline;}
#newsList dl a:visited{color:#313131; text-decoration:underline;}
#newsList dl a:hover{color:#313131; text-decoration:none;}
#newsList dl a:active{color:#313131; text-decoration:none;}
#newsListFooter {
	clear: both;
}


.newsListBorder{
border-top:1px solid #d4d4d4;
}

/*------ お知らせ詳細 --------------*/

#newsDetail {
	height: auto;
	margin-top: 20px;
}

#newsDetail h3 {
	background: url(../images/mark_hotel.gif) no-repeat 0px 0px;
	height: 38px;
	margin-top: 10px;
	padding-left: 20px;
	border-bottom: 5px solid #595959;
	font-size: 14px;
}
#newsDetail #editorContent {
	margin-top: 10px;
	height: auto;
}
#newsDetail #listBtn {
	text-align: center;
	clear: both;
	padding-top: 50px;
}

/*------ 福岡おすすめ情報 --------------*/

#spotNavi {
	height: 35px;
	background: #202018;
	text-align: center;
}
#spotNavi img {
	padding-top: 2px;
}
#spotNavi .profitable {
	padding-right: 5px;
}
#profit #profitList {
	margin-top: 15px;
}
#profit #profitList p {
	padding-left: 5px;
}
#profit #profitList #shop {
	height: auto;
	width: 615px;
	border-top: 1px solid #bfbfbf;
}
#profit #profitList #shop .shopLeft {
	float: left;
	height: 100px;
	width: 307px;
	margin-top:10px;
}
#profit #profitList #shop .shopRight {
	float: right;
	width: 306px;
	height: 100px;
	margin-top:10px;
}
#profit #profitList #shop .shopDetail {
	height: 85px;
}
#profit #profitList #shop .shopLeft .shopDetail {
	border-right: 1px solid #bfbfbf;
}
#profit #profitList #shop h3 {
	padding-left: 10px;
}
#profit #profitList #shop .shopDetail p {
	background: url(../../information/images/place.gif) no-repeat 0px 0px;
	margin-left: 10px;
	height: 40px;
	padding-top: 15px;
}
#profit #profitList #shop .shopBottom {
	border-top: 1px solid #bfbfbf;
	clear: both;
	height: 1px;
	width: 615px;
	margin: 0px;
	padding: 0px;
	overflow:hidden;　/*IE6 対策*/	
}

/*------ 福岡の観光スポット --------------*/

#shop .spotLeft {
	float: left;
	height: 160px;
	width: 307px;
	margin-top:10px;
}
#shop .spotRight {
	float: right;
	width: 306px;
	height: 160px;
	margin-top:10px;
}
#shop .spotDetail {
	height: 150px;
}
#shop .spotLeft .spotDetail {
	border-right: 1px solid #bfbfbf;
}
#shop .spotDetail .spotPhoto {
	float: left;
	height:160px;
	width: 153px;
	text-align: center;
	padding-top: 15px;
}
#shop .spotDetail .spotText {
	float: right;
	height:160px;
	width: 153px;
	padding-top: 15px;
}
#shop .spotDetail .spotTextOnly {
	float: right;
	height:160px;
	width: 306px;
	padding-top: 15px;
}
#shop .spotDetail .spotText p, #shop .spotDetail .spotTextOnly p{
	background: url(../../information/images/access.gif) no-repeat 0px 0px;
	margin-left: 10px;
	height: 40px;
	padding-top: 15px;
}

/*------ 交通アクセス --------------*/

#accessWrap #map {
	height: 310px;
	width: 615px;
	border: 2px solid #000000;
}
#accessWrap #btnArea {
	text-align: right;
	height: 40px;
	width: 615px;
	padding-top: 10px;
	padding-right: 2px;
}
#accessWrap #accessTrain {
	background: #FF0000 url(../../access/images/access-train-bg.gif) no-repeat 0px 0px;
	height: 230px;
	width: 615px;
}
#accessWrap #accessAirPort {
	background: url(../../access/images/access-airport-bg.gif) no-repeat 0px 0px;
	width: 615px;
	height: 85px;
	margin-top: 20px;
}
#accessWrap #accessBus {
	background: url(../../access/images/access-bus-bg.gif) no-repeat 0px 0px;
	height: 85px;
	width: 615px;
	margin-top: 20px;
}
#accessWrap #accessParking {
	background: url(../../access/images/access-parking-bg.gif) no-repeat 0px 0px;
	height: 122px;
	width: 615px;
	margin-top: 20px;
}
#accessWrap ul {
	padding-top: 15px;
	padding-left: 125px;
}
#accessWrap li {
	height: 50px;
	width: 476px;
}
#accessWrap li strong {
	padding-left: 15px;
}

#accessWrap #accessHakata {
	background: url(../../access/images/access-hakata.gif) no-repeat 0px 0px;
	padding-bottom: 25px;
}
#accessWrap #accessSubway {
	background: url(../../access/images/access-subway.gif) no-repeat 0px 0px;
	padding-bottom: 25px;
}
#accessWrap #accessTenjin {
	background: url(../../access/images/access-tenjin.gif) no-repeat 0px 0px;
}
#accessWrap #accessPlain {
	background: url(../../access/images/access-airport.gif) no-repeat 0px 0px;
}
#accessWrap #accessBusCenter {
	background: url(../../access/images/access-bus.gif) no-repeat 0px 0px;
}
#accessWrap #accessParking #describe {
	padding-top: 10px;
	padding-left: 125px;
}
#accessWrap #accessParking #describe p {
	margin: 0px;
	padding-bottom: 5px;
}
#accessWrap #accessParking #describe .mark {
	background: url(../../access/images/mark-red.gif) no-repeat 0px 0px;
}
#accessWrap #accessParking #describe strong {
	padding-left: 15px;
}
#accessParking #describe #parkInner {
	padding-left: 15px;
	color: #9f1717;
}
#accessParking #describe #parkInner p {
	margin: 0px;
	padding: 0px;
}
#accessWrap #print {
	text-align: right;
}

/*------------ お問い合わせ --------------*/

.subEng {
	font-size: 90%;
	margin-top: -5px;
}
#attention {
	border: 1px solid #7a0707;
}
#attention p {
	margin: 10px;
}
#attention .red {
	font-weight: bold;
	color: #800000;
}
#contact {
	margin-top: 25px;
}
#contact #contactForm {
	margin-top: 20px;
}
#contactForm dl {
	border-top: 1px solid #dcdcdb;
	width: 615px;
}

#contactForm dt {
	float: left;
	width: 200px;
	background: url(../../contact/images/mark.gif) no-repeat 0px 0px;
	margin: 10px;
}

#contactForm dt strong {
	padding-left: 20px;
}
#contactForm dt .eng {
	font-size: 80%;
	padding-left: 20px;
}

#contactForm dd {
	float: right;
	width: 405px;
	margin-top: -40px;
}
#contactForm #contactBtn {
	text-align: center;
	margin-top: 25px;
	margin-bottom: 160px;
	clear: both;
}
#contactForm #contactBtn img {
	padding-left: 40px;
}

