@charset "utf-8";

/* ----------------------------------------
reset
---------------------------------------- */
html, body, h1, h2, h3, p, dl, dt, dd, ul, li{ margin:0; padding:0}
img{ border:none;}
li{ list-style:none;}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* ----------------------------------------
fot all 
---------------------------------------- */

#container{ 
	margin:0 auto;
	width: 670px;
	background: url(../image/campaignBg.jpg) repeat-y center;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"}
#main{ 
	margin:0 auto;
	width: 650px;
	font-size: 75%;
	line-height: 1.4}
	
a{ color: #333333;}
a:hover{ color: #cccccc;}
a:visited{ color: #999999;}

/* ----------------------------------------
header
---------------------------------------- */
#header p{ margin: 10px 20px}



/* ----------------------------------------
contets
---------------------------------------- */
#contents{ 
	margin: 20px 20px 10px 20px;}
#contents h2{ margin: 0 0 10px 0;}

.section{ 
	clear:both; 
	padding: 30px 0;
	border-bottom: solid 1px #dfdfdf;}

/* 概要 */
.overview{ padding: 0 0 10px 0;}
.overview .photo{ 
	float: right; 
	margin:0 0 0 5px}
.overview dl{}
.overview dt{ margin: 0 0 5px 0}
.overview dd{ margin: 0 0 20px 0}
.overview dd dl{ 
	margin: 5px 0 0 18px;
	padding: 5px 0 5px 10px;
	background: url(../image/bar02.gif) left repeat-y}
.overview dd dl dt{ margin: 0}
.overview dd dl dd{ 
	margin: 0; 
	clear:both;}
.overview dd dl dd p.text{ float: left}
.overview dd dl dd p.btn{ 
	float: right; 
	padding-top: 10px}
.overview ul li{ 
	text-indent:-18px;
	margin-left: 18px}
	
/* 物件リスト */
.list{ 
	border: none;
	padding-bottom:0;}

.roomList li{ 
	padding:0 10px;
	margin:0;
	clear: both;
	background: url(../image/bar01.gif) bottom repeat-x}
.roomList li img{ vertical-align:middle} 

.roomList li .status{ 
	width: 60px; 
	float: left; 
	display:inline; 
	height: 24px; 
	padding-top: 5px} 
.roomList li .number{ 
	width: 80px; 
	float: left; 
	display:inline; 
	height: 22px; 
	padding-top: 8px} 
.roomList li .spec{ 
	float: left; 
	display:inline; 
	height: 23px; 
	padding-top: 7px} 
.roomList li .detail{
	float: right; 
	display:inline; 
	text-align: right; 
	height: 30px; 
	padding-top: 2px} 
p.legend{ 
	padding: 0 0 0 10px;
	clear: both;
	font-size:85%}

/* 注意 */
.attention{ 
	margin: 20px 0;
	padding: 15px;
	font-size:85%;
	background-color: #f5f5f5;}
.attention h3{ margin:0 0 5px 0} 


/* その他キャンペーン */
.others {
	border: none; 
	padding-bottom:0px}
.others dl{  
	height: 56px; 
	margin: 30px 0 30px 0;}
.others dl dt{ margin-left: 70px;}
.others dl dd{ 
	padding-left: 70px; 
	padding-bottom:15px; 
	clear:both; 
	background:url(../image/bar01.gif) bottom repeat-x;}
.others dl .text{ 
	float: left; 
	width: 400px;}
.others dl .btn{ 
	float: right; 
	width: 100px;}
.others .campaign01{ 
	margin-top: 20px;
	background: url(../image/subBg01.gif) left center no-repeat;}
.others .campaign02{
	background: url(../image/subBg02.gif) left center no-repeat;}

/* ----------------------------------------
footer
---------------------------------------- */
#footer{
	height:200px;
	background: url(../image/campaignFooter.jpg) no-repeat center bottom;}
#footer .close{
	margin: 0 20px;
	text-align: right;}