/*===============================================
				room
===============================================*/
#room {
margin:35px 0 70px;
}
#room p{
margin:0 0 1.8em;
}
#room dl{
clear:both;
}
#room dt{
font-weight:bold;
}
#roomInfo:after,
.descArea .floatRight ul:after,
.descArea:after,
.swapArea:after,
.footArea:after{
content:'';
display:block;
clear:both;
}
#roomInfo,
.descArea .floatRight ul,
.descArea,
.swapArea,
.footArea{
min-height:1px;
⁄zoom:1;
_height:1px;
}
/*===============================================
				List
===============================================*/
#roomInfo{
margin:-10px 0 35px;
position:relative;
}
#roomInfo .floatLeft{
float:left;
width:400px;
position:relative;
}
#roomInfo .floatLeft p{
margin:0 0 2.4em;
}
#roomInfo .floatRight{
width:300px;
}
#roomInfo .floatLeft .btn03{
position:absolute;
right:0;
bottom:0;
}
#roomInfo h4{
margin:0 0 30px;
color:#563001;
font-weight:bold;
font-size:140%;
line-height:1.6;
}
#roomInfo .floatLeft h5{
font-weight:bold;
}
#roomInfo .floatLeft dt{
color:#886414;
}
#roomInfo .floatRight img{
margin:0 0 15px;
}
#room .listContainer{
padding:20px 10px;
margin:0 0 20px;
background:url("../img/list_bg.gif") no-repeat;
}
#room .listContainer .imgArea{
float:right;
width:340px;
position:relative;
text-align:left;
min-height:260px;
height:auto !important;
height:260px;
background:url("../img/list_bg.gif");
}
#room .listContainer .floatLeft{
width:355px;
position:relative;
}
#room .listContainer .floatLeft p{
margin:0 0 1.4em;
}
#room .listContainer .floatLeft dl{
float:left;
width:190px;
margin-left:5px;
line-height:1.8;
font-size:90%;
display:inline;
}
#room .listContainer .floatLeft img{
float:right;
}
#room .listContainer .floatLeft h4{
margin:0 0 5px;
}
#room .listContainer .floatLeft h4 img{
float:none;
}
#room .listContainer .floatLeft dt{
color:#805903;
}
#room .listContainer .btnArea{
margin:0 0 0 -5px;
position:absolute;
right:0px;
bottom:0px;
background:none;
}
#room .listContainer .btnArea li{
float:left;
margin:0 0 0 5px;
display:inline;
}
/*===============================================
				detail
===============================================*/
.descArea{
margin:0 0 50px;
}
.descArea .floatLeft{
width:490px;
}
.descArea .floatLeft img{
margin-bottom:3em;
}
.descArea .floatRight{
width:220px;
}
.descArea .floatRight ul{
width:204px;
margin:8px 8px 12px;
}
.descArea .floatRight li.btn03{
float:left;
}
.descArea .floatRight li.btn02{
float:right;
}
.descArea .floatRight dl{
clear:both;
margin:20px 8px 0;
}
.descArea .floatRight dt{
color:#805903;
}
.swapArea{
margin:0 0 20px;
}
.swapArea .imgArea{
float:left;
width:650px;
height:430px;
}
.swapArea p{
clear:both;
width:650px;
}
.swapArea .thumbsArea{
float:right;
width:57px;
}
.swapArea .thumbsArea li{
margin-bottom:4px;
}
.swapArea .imgArea p{
text-align:left;
}
.footArea {
}
.footArea .floatLeft{
width:280px;
}
.footArea .floatRight{
width:428px;
min-height:400px;
height:auto !important;
height:400px;
margin:0 0 25px;
position:relative;
}
.footArea .floatRight h5{
color:#563001;
font-weight:bold;
font-size:140%;
line-height:1.4;
margin-bottom:24px;
}
.footArea .floatRight dl{
margin-bottom:150px;
}
.footArea .floatRight img{
position:absolute;
bottom:0;
}
.footArea .btnArea{
margin:40px 0 0;
width:718px;
text-align:center;
}
.footArea table{
clear:both;
}