html{
    height:100%;
}

body{
	height:100%;
	font-size: 12px;
	color: #333333;
	margin: 0px 0px 0px 0px;
	background-image:url(../images/bg_base.gif);
	line-height: 125%;
}

h1{
	font-size:16px;
	margin:0px;
}

h2{
	font-size:14px;
	margin:0px;
}

td{
	font-size: 12px;
	color: #333333;
	line-height: 125%;
}

p{
	margin:0px;
	padding:0px;
}

span{
	line-height:135%;
}

.conarea{
	width:778px;
	text-align:left;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
}

.conareatop{
	width:778px;
	text-align:left;
	border-left:1px solid #a7a7a7;
	border-right:1px solid #a7a7a7;
	background-image:url(../images/bg_topcarea.gif);
}


.dot{
	background-image:url(../images/dline_footer.gif);
    height:5px;
	width: 98%;
	margin-top: 3px;
	margin-bottom: 5px;
}

.dotb{
	background-image:url(../images/dline_topics.gif);
    height:5px;
	margin-top: 8px;
	margin-bottom: 8px;
	width: 95%;
}

.dotc{
	background-image:url(../images/dline01.gif);
    height:7px;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 96%;
}

div.dotd{
	height:5px;
	border-top:1px dotted #666666;
}



#head{
	width: 778px;
	text-align: left;
}


#unavi{
	width: 778px;
	text-align:left;
	background-image:url(../images/bg_navi.gif);
}

#bread{
	width: 750px;
	height:21px;
	text-align:left;
	margin-top:5px;
	margin-bottom:10px;
}


#larea {width:540px;
	text-align:left;
	float:left;
	margin-left:5px;
	margin-right:10px;
}

#footer {
	display:inline;
	text-align:right;
	margin:15px;
}

.txtbox{
		text-align:left;
		margin: 0px 5px 0px 10px;
		line-height:125%;
		z-index:5;
		}


/*---------- font --------------*/
.fbase{
		font-size:12px;
		}
.fbasel{
		font-size:14px;
		}

.fbasell{
		font-size:16px;
		}


.fbases{
		font-size:11px;
		
		}

.foran{
		font-size:12px;
		color:#DD3333;
		}

.foranl{
	color:#DD3333;
}

.fred{
		font-size:12px;
		color:#DC0000;
		}

.fplice{
		font-size:18px;
		color:#0048ff;
		}



.fredb{
		font-size:14px;
		color:#DC0000;
		}

div.roomtype{
		width:348px;
		height:206px;
		margin-bottom:20px;
		float:left;
}

div.rtinner{
		width:320px;
		margin:0px auto;
		margin-top:42px;
		margin-bottom:20px;
}

dic.rttitle{
		width:720px;
		margin:0px auto;
		
}

div.rtinner2{
		width:720px;
		margin:0px auto;
		margin-bottom:20px;
		padding-top:15px;
		background-image:url(/roominfo/images/bg_rtype.gif);
}


div.fleft{
	float:left;
}

div.fright{
	float:right;
}

div.plan{
	width:723px;
	background-image:url(/plan/images/bg_planindex.gif);
	background-repeat:no-repeat;
	margin:0px auto;
}

div.plandet{
	width:680px;
	margin:12px;
	margin-bottom:25px;

}

div.plandetl{
	width:690px;
	margin:12px;
	margin-bottom:25px;
}

div.botbanarea{
	width:748px;
	margin-left:15px;
	border-top:1px solid #b8a361;
	border-bottom:1px solid #b8a361;
	padding:8px 0px;
	text-align:left;
}

/*---------- float clear --------------*/
p.clearance{
	clear:both;
	height:1px;
}

/*---------- link --------------*/

a:link {  color: #0054de; text-decoration:underline;}
a:visited {  color: #154499; text-decoration:underline;}
a:active {  color: #999999; text-decoration:underline;}
a:hover {  color: #FFCC66; text-decoration:underline;}

.b:link {  color: #0054de; text-decoration:underline;}
.b:visited {  color: #154499; text-decoration:underline;}
.b:active {  color: #999999; text-decoration:underline;}
.b:hover {  color: #FFCC66; text-decoration:underline;}