@charset "Shift_JIS";
/* -------- headlines  -------- */
#top h1{
	width: 272px;
	float: left;
	margin: 13px 0 0;
}




/* -------- container  -------- */
#container{
	width: 870px;
	margin: 0 auto;
}



/* -------- header  -------- */
#header{
	width: 870px;
	margin-bottom: 2px;
}

#header p{
	font-size: 85%;
	/font-size: 9px;
	float: left;
	padding: 30px 0 0 10px;
	width: 312px;
}

#header ul{
	width: 276px;
	float: right;
}

#header li{
	float: left;
	padding-left: 2px;
}




/* -------- gNavi  -------- */
#gNavi{
	width: 870px;
	background: #E7E7E7;
	padding: 2px 0;
}

#gNavi li{
	float: left;
}




/* -------- flash  -------- */
#flash{
	margin: 10px 0 0;
}





/* -------- contentsArea  -------- */
#contentsArea{
	width: 870px;
	margin: 22px 0 30px;
}




/* -------- mainArea  -------- */
#mainArea{
	width: 600px;
	float: left;
}

#mainArea #step{
	width: 600px;
	padding-bottom: 15px;
}

#mainArea #step dl{
	width: 144px;
	float: left;
	border: 1px solid #CCC;
	padding: 1px 1px 5px;
	margin: 10px 3px 0 0;
}

#mainArea #step dl#step03{
	margin: 10px 2px 0 0;
}

#mainArea #step dl#step04{
	margin: 10px 0 0 0;
}

#mainArea #step #step01 dt{
	background: url(../top_img/step01_3.jpg) no-repeat bottom;
	padding-bottom: 80px;
}

#mainArea #step #step02 dt{
	background: url(../top_img/step02_3.jpg) no-repeat bottom;
	padding-bottom: 80px;
}

#mainArea #step #step03 dt{
	background: url(../top_img/step03_3.jpg) no-repeat bottom;
	padding-bottom: 80px;
}

#mainArea #step #step04 dt{
	background: url(../top_img/step04_3.jpg) no-repeat bottom;
	padding-bottom: 80px;
}

#mainArea #step dd{
	margin: 5px auto 0;
	padding: 3px 3px 3px 5px;
	background: #F0F0F0;
	width: 120px;
	font-size: 93%;
}

#mainArea #step #step04 dd{
	margin: 5px auto 0px;
	text-indent: 0;
	padding: 3px 3px 5px;
	width: 122px;
}

#mainArea #step dd a{
	background: url(../top_img/bulletStep.jpg) no-repeat left 6px;
	padding: 0 0 0 12px;
	display: block;
}

#news{
	margin: 42px 0 36px;
}

#news dt{
	float: left;
	clear: left;
	padding: 8px 0 5px 10px;
	background: url(../top_img/bulletNews.jpg) no-repeat left 16px;
}

#news dd{
	padding: 8px 0 5px 7em;
}

#news dd a.iconNew{
	background: url(../img/iconNew.gif) no-repeat left;
	padding-left: 32px;
}

#news dd .new{
	background: #FF3300;
	padding: 2px 2px 0px 2px;
	color: #FFF;
	font-size: 85%;
	margin-right: 5px;
}

#banners{
	width: 600px;
}

#banners li{
	float: left;
	padding: 0 10px 8px 0;
}

#banners li.sec{
	padding: 0;
}

#banners li#telFriend{
	background: #DDEED5;
	padding: 5px 3px 5px 4px;
	width: 188px;
}




/* -------- searchArea  -------- */
#searchArea{
	width: 244px;
	float: right;
	background: #F0F0F0;
	text-align: center;
}

#searchArea p.button{
	width: 184px;
	margin: 10px auto 5px;
}

#searchArea dt{
	font-weight: bold;
	color: #4E3EA0;
}

#searchRoom{
	background: #FFF;
	border: 2px solid #AEABDE;
	padding: 10px 18px;
	width: 184px;
	margin: 6px 10px 10px;
}

#searchRoom #cancel{
	background: #E8E7F5;
	padding: 8px 5px;
	width: 174px;
	font-size: 93%;
}

#searchRoom #cancel a{
	background: url(../top_img/fax.gif) no-repeat left;
	padding: 2px 0 4px 16px;
}

#searchArea #searchRoom #cancel dt{
	font-weight: normal;
	margin-bottom: 3px;
}

#searchArea #roomInfo{
	width: 224px;
	margin: 15px auto 10px;
}

#searchArea #roomInfo p.button{
	width: 180px;
	margin: 0 auto;
}

#searchArea #roomInfo h4{
	margin: 0 0 8px;
}

#searchArea #roomInfo dd{
	background: url(../top_img/borderShade.gif) repeat-x left bottom;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#searchArea #roomInfo dd.last{
	background: none;
	padding-bottom: 10px;
	margin-bottom: 0px;
}

#searchArea #roomInfo dt a{
	background: url(../top_img/bulletStep.jpg) no-repeat left;
	padding: 0 0 0 15px;
}




/* -------- footer  -------- */
#footer{
	clear: both;
}

#footer li{
	float: left;
	padding: 0px 5px 15px 0px;
}

#footer #copyright{
	width: 870px;
	background: url(../top_img/borderStribe.gif) repeat-x left top;
	padding: 15px 0 0;
	clear: both;
}

#footer #copyright address{
	width: 400px;
	float: left;
	font-size: 93%;
}

#footer #copyright p{
	width: 400px;
	float: right;
	text-align: right;
}

.em{
	font-weight: bold;
}





/* -------- 702号室閉室のお知らせ　09.10.24  -------- */
#noticeRoom{
	border: 2px solid #9D3E52;
	padding: 5px;
	background: #F5E9EB;
	margin-bottom: 10px;
	color: #9D3E52;
}