@charset "utf-8";
/* -------------------------------------------- */
p,div,h1,h2,h3,h4,dt,dd,dl,ul,ol,li,form,button {margin:0;padding:0;text-align:left; font-family: "lr SVbN", "Osaka|";}
li{list-style-type:none;}
img{border:none; line-height:0; vertical-align:bottom; display:block;}
a:hover {text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;empty-cells:show; }
.hide{display:none;}
.clear {clear:both;}
p,dt,dd{line-height:1.5em;}
a{color:#FFFFFF;text-decoration:underline;}

/* inline-position
------------------------------------*/
.l {text-align:left;}
.r {text-align:right;}
.c {text-align:center;}

/* float
-----------------------------------*/
.right{float:right;}
.left{float:left;}

/* ex
-----------------------------------*/
.ex1{margin-bottom:8px;}
.ex2{margin-bottom:15px;}

/* Common
------------------------------------*/
body{
	margin:0 auto 20px auto;
	text-align:center;
	font-size:0.8em;
	font-family: "lr SVbN", "Osaka|";
	color:#FFFFFF;
	background: #000000 url(../img/cmn/bg_line.jpg) repeat;
}
h1{
	font-size:12px;
	color:#C4A58C;
	text-align:center;
	line-height: 12px;
	margin: 0px;
	height: 10px;
}
#wrap{
	background:#463324 url(../img/cmn/bg_top.gif) center top no-repeat;
	width:870px;
	margin:3px auto 0;
	text-align:left;
}
#inner{margin:5px 10px; padding-top:5px;}
#header{background:#463324 url(../img/cmn/bg_header.gif) center bottom no-repeat; width:850px; height:65px; position:relative; margin-bottom:3px;}
#header h2{margin-left:5px;}
#header #tel{position:absolute; right:10px; bottom:5px;}
#navi{clear:both; margin-bottom:10px;}
#navi ul li{float:left;}
#navi ul.index{width:181px; float:left;}
#navi ul.index li{line-height:0;}

#fla{float:right;}

#main{float:left; margin-right:10px; width:624px;}

#main h3{margin-bottom:10px;}

#main ul#info li{margin-bottom:10px;}

#main ul.room{}
#main ul.room li{width:208px; height:195px; background:url(../img/index/bg_room.jpg) left top repeat-y; float:left;}
#main ul.room li h4 img{margin:0;}
#main ul.room li img{margin:5px auto 5px auto; display:block;}
#main ul.room li p{margin-left:5px; text-align:center;}
#main ul.room li p img{margin-right:5px; display:inline;}

#main .box{margin:0 auto 0 auto; display:block;}

#right img{margin-bottom:10px;}

#footer{background:#463324 url(../img/cmn/bg_btm.gif) center bottom no-repeat; text-align:center; padding:10px 0; clear:both;}
#footer img{margin:0 auto 0 auto; display:block;}

.top{vertical-align:top; clear:both;}

/*-----*/
#consept{}
#consept h3{margin:10px 0 5px 0; text-indent:1.5em; font-size:1.0em; padding-top:1px; background:url(../img/cmn/mark.jpg) left top no-repeat;}
/*-----*/
#login{margin:0 auto 20px auto; width:470px; height:250px; background:#463324 url(../img/html/login/bg_login.jpg) left top no-repeat; padding-top:40px; position:relative;}
#login img{margin:10px auto 0 auto; display:block;}
#login p{text-align:center;}
#login p.hnbn{padding:20px 10px 0 10px;}
#login table.form{margin:5px auto 5px auto; display:block;}
#login table.form td{padding:5px;}
#login div.crick{
	position:absolute;
	width:104px;
	height:30px;
	left: 184px;
	top: 165px;
}
#login p.lostpass{margin-top:60px;}
/*-----*/
#coupon{margin:0 auto 20px auto; width:470px; height:250px; background-color:#463324; border:dashed 1px #FFFFFF; position:relative;}
#coupon img{margin:10px auto 0 auto; display:block;}
#coupon p{text-align:center;}
#coupon p.hnbn{padding:20px 10px 0 10px;}
#coupon p.limit{color:#FFFF00;}
#coupon img.logo{position:absolute; right:7px; bottom:7px;}
/*-----------*/
#mail{
	margin:0 auto 20px;
	width:470px;
	height:270px;
	background:#463324 url(../img/html/mail/bg_mail.jpg) left top no-repeat;
	padding-top:30px;
}
#mail img{margin:10px auto 0 auto; display:block;}
#mail p{text-align:center;}
#mail p.hnbn{padding:20px 10px 0 10px;}
#mail table.form{margin:5px auto 5px auto; display:block;}
#mail table.form td{padding:5px;}

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

#main ul.system{}
#main ul.system li{width:208px; float:left;}
#main ul.system li h4 img{margin:0;}
#main ul.system li img{margin:5px auto 5px auto; display:block;}
#main ul.system li p{margin-left:5px; text-align:center;}
#main ul.system li p img{margin-right:5px; display:inline;}
#main ul.system h4{margin:15px 0 5px 0; padding-bottom:5px; border-bottom:solid 1px #CCCCCC;}
table.price{margin:5px 0 10px 0;}
table.price td{padding:5px; border:solid 1px #CCCCCC;}

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

h4.title{margin:5px 0 5px 0; border-bottom:solid 1px #CCCCCC; padding:5px 0; clear:both;}
.concept{}
.concept img{float:left; margin:0 10px 5px 0;}

.maptxt{font-weight:bold; font-size:1.2em; text-decoration:underline; margin-top:5px;}