@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      style.css

----------------------------------------------------------- */


/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.fr {
    float: right;
	margin: 0px auto;
}

.fl {
    float: left;
	margin: 0px auto;
}
	
.clear {
	font-size: 0;
	line-height: 0;
	height: 0;
	clear: both;
}

sup {
	font-size:7pt;
	vertical-align:top;
	}

/*clearFix*/
#contents:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/*----------------------------------------------------
	#page
----------------------------------------------------*/

#page {
	text-align: left;
}

#page .area { /* wideコンテンツ */
	width: 900px;
	margin: 0px auto;
}


/*----------------------------------------------------
	#header
----------------------------------------------------*/

#h-wrap {
	margin:0 auto;
	background:#fff url(../img/bg_header.jpg) repeat-x left top;
	height:86px;
}

#header {
	margin:0 auto;
	background:#fff url(../img/bg_header02.jpg) no-repeat left top;
	width:900px;
	height:86px;
}

#header .logo {
	margin-top:35px;
	float:left;
}


#header h1 {
	margin-top:15px;
	font-size:x-small;
	line-height: 1.3;
	font-weight:normal;
	color:#6C6C6C;
	float:right;
}

#header .upper-nv {
	width:420px;
	height:30px;
	float:right;
	margin: 10px 0px 0px 0;
	padding: 0;
}

#header .upper-nv li {
	float: left;
	display: block;
	margin:0;
	padding-left:5px;
	list-style-type:none;
}

* html #header .upper-nv {/*IE6 */
	margin-top: 10px;
}

/*----------------------------------------------------
	#gNav
----------------------------------------------------*/
#Nav{
	clear:both;
	background:#fff url(../img/bg_navi.jpg) repeat-x left top;
	margin: 0 auto;
	height: 61px;
}

#gNav {
	width: 900px;
	float: left;
	margin: 0;
	padding: 0;
}

#gNav li {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	list-style-type: none;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 900px;
	margin: 0px auto;
	padding:20px 0;
	position:relative;
}
#contents #sticker {
	position:absolute;
	width:150px;
	height:150px;
	top:10px;
	right:-20px;
	margin:0;
	padding:0;
}


#contentstop {
	width: 900px;
	margin: 0px auto;
	padding-top:20px;
	position:relative;
}

#contentstop #stickertop {
	position:absolute;
	width:150px;
	height:150px;
	top:140px;
	left:-30px;
	margin:0;
	padding:0;
}

#contents .inner { /* contents */
	width: 900px;
	margin: 0px auto;
}

/*title*/
#page h2 {
	clear:both;
	margin: 0 auto;
	padding:10px 0 9px 0;
}

#page h3 {
	clear:both;
	margin: 0;
	padding: 15px 0;
}

#page h4 {
	clear:both; 
	margin:5px 0 10px 0;
	padding:10px 0 3px 5px;
	border-bottom:3px solid #8F5E0A;
	height:30px;
	font-size:120%;
}

.xs {
	font-size:x-small;
}



/*----------------------------------------------------
	#sub menu
----------------------------------------------------*/

.sub-Nv {
	width:490px;
	height:40px;
	background:#000;
	margin: 0px auto;
	padding: 5px 15px;
}

.sub-Nv li {
	display:inline;
	width: 230px;	
	height: 40px;
	margin-right:10px;
	list-style-type:none;
}
.sub-Nv li.end {
	margin-left:0px;
}


/*----------------------------------------------------
	#pagetop
----------------------------------------------------*/

#pagetop {
	background:url(../img/bg_line.jpg) repeat-x left top;
	width: 900px;
	margin: 0px auto;
	padding: 10px 0;
}

#pagetop .caption {
	float: left;
	margin: 0;
	padding: 0;
	font-size:x-small;
	color:#CAC8BD;
}

/*--#pagetop------------------------------------*/

#pagetop .pt{
	margin: 0;
	padding-left: 10px;
	float: right;
}


#minitabs {
	width: 900px;
	margin: 0 auto;
	padding: 10px 0;
	font-size:x-small;
	color:#CAC8BD;
}

#minitabs ul{ list-style: none;	text-align: center; white-space: nowrap;line-height:1.8;}
#minitabs ul li{display: inline; margin: 0;}
#minitabs ul a{text-decoration: none; padding: 1px 5px; color: #CAC8BD}
#minitabs ul a#current{background-color: #BE151C; color: #FFF}
#minitabs ul a:hover{color: #CAC8BD; text-decoration:underline;} 



/*--左#info------------------------------------*/

#info {
	clear: both;
	width: 680px;
	float:left;
    margin: 0;
	padding: 0;
	position:relative;
	}

#info ul {
	float:left;
}

#info ul li {
	clear: both;
	display: block;
	list-style-type: none;
	padding-bottom:10px;
	background-repeat: repeat-x;
}

#line680 {
	clear: both;
	display: block;
	list-style-type: none;
	padding-bottom:10px;
	width:680px;
	background-image:url(../img/bg_line.jpg)
}

#info li.sp {
	padding-left:20px;
}

#info li dl { /* 全体 */
	width: 420px;
}

#info li dt { /* 左 */
	float:left;
	clear:both;
	width: 200px;
	margin-right: 10px;
}

#info li dd { /* 右 */
	float:left;
	width: 200px;
	margin-bottom:20px;
}

#info #sticker {
	position:absolute;
	width:150px;
	height:150px;
	top:40px;
	left:-120px;
	margin:0;
	padding:0;
}

/*--右#banner------------------------------------*/

#banner {
	width: 200px;
	float:right;
    margin: 40px 0 0 20px;
	padding: 0;
}

#banner ul {
	float:left;
}

#banner li {
	display: block;
	margin:0;
	padding-bottom:5px;
	list-style-type:none;
}

#banner li.end {
	padding-bottom:20px;
}


/*----------------------------------------------------
	#footer
----------------------------------------------------*/

#footer {
	background:url(../img/bg_line.jpg) repeat-x left top;
	width: 900px;
	margin: 0px auto;
	padding-top: 10px;
}

#footer .txt {
	width: 600px;
	float:left;
	font-size:x-small;
	padding-top: 10px;
}

#copy {
	clear:both;
	background:url(../img/bg_footer.jpg) repeat-x left top;
	font:Arial, Helvetica, sans-serif;
	height:60px;
	margin: 0 auto;
	font-size:x-small;
	text-align:center;
	padding-top:20px;
	color:#211818;
}


/*スペース--------------------------------------*/

/*上5px*/
.sp-t-5 {
	margin-top:5px;
}

/*上10px*/
.sp-t-10 {
	margin-top:10px;
}

/*上15px*/
.sp-t-15 {
	margin-top:15px;
}

/*上20px*/
.sp-t-20 {
	margin-top:20px;
}

/*上30px*/
.sp-t-30 {
	margin-top:30px;
}

/*下5px*/
.sp-b-5 {
	margin-bottom:5px;
}

/*下10px*/
.sp-b-10 {
	margin-bottom:10px;
}

/*下20px*/
.sp-b-20 {
	margin-bottom:20px;
}

/*下30px*/
.sp-b-30 {
	margin-bottom:30px;
}

/*下40px*/
.sp-b-40 {
	margin-bottom:40px;
}

/*下50px*/
.sp-b-50 {
	margin-bottom:50px;
}

/*上下10px*/
.sp-tb-10 {
	margin:10px 0;
}

/*上下20px*/
.sp-tb-20 {
	margin:20px 0;
}

/*上下30px*/
.sp-tb-30 {
	margin:30px 0;
}

/*--コラムスペース------------------------------------*/

/* column */
div.column {
	background:#000 url(../img/bg_box.jpg) repeat-y left top;
	width:900px;
	margin:15px 0;
	float:left;
	overflow:hidden;
}
div.column .col-area { /* wideコンテンツ */
	width: 860px;
	margin: 0px auto;
	padding:5px 0;
}
/*--Roomplan------------------------------------*/
.bt_container {
	height: 450px;
	width: 900px;
	margin: 0 auto 30px;
}
.bt_L {
	margin: 0px 30px 0 0px;
	float: left;
	height: 450px;
	width: 280px;
}
.bt_R {
	margin: 0px 0px 0 0;
	float: right;
	height: 450px;
	width: 280px;
}