body{
	color:#666666;
	margin: 0px 0px 0px 0px;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka;

	background:url(../img/common/bg201001.gif) top center repeat-y;
	font-size:12px;
	background-color:#E0E7A5;
}
img{
	border: none;
}
ol,ul,li{
 list-style:none;
 margin:0;
 padding:0;
}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form,  blockquote{
	padding: 0;/* margin&padding reset */
	text-align: left;
	display: block;
	font-size:12px;
	margin: 0;
	text-decoration: none;
	font-style:normal;
}

caption, cite, code, dfn, em, strong, var {
	font-style: normal;
	font-weight: normal;
}


.cboth { clear:both; }

.wrapper{
	width:900px;
	margin:0 auto;
}
.txtS{
	font-size:9px;
	line-height:12px;
}
A,A:visited{ color:#7d7b66; text-decoration:none;}
A:active,A:hover{ color:#524e34; text-decoration:none;}

#pageTopBlock{
	width:94%;
	margin:0 auto;
	padding-top:20px;
	text-align:right;
}
p{ margin:0px; padding:0;}

/*=============================================
/		header
/=============================================*/
#header{
	width:860px;
	margin:0 auto;
}
#header #logo{
	width:384px;
	float:left;
	padding:10px 0;
	text-align:left;
}
#header #weather{
	width:476px;
	float:right;
	text-align:right;
	padding-top:13px;
}
#header #weather table{
	float:right;
}
#header #weather #detail{
	background:url(http://www.hokuto-retreat.jp/img/common/weather/line.gif) left no-repeat;
	margin-left:5px;
	padding:0 5px 0 5px;
}
#header #weather td{
	float:left;
	font-size:9px;
	line-height:15px;
	vertical-align:middle;
	text-align:left;
}

#navi{
	width:100%;
}

/*=============================================
/		footer
/=============================================*/
#footer{
	width:100%;
	background: #FFF;
	border-top:1px dotted #c5c2b1;
	padding:10px 0;
}
#footer #inner{
	width:860px;
	margin:0 auto;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#83816d;
}

/*=============================================
/		404
/=============================================*/
#page404{
	padding:50px 0;
}

/*=============================================
/		contents
/=============================================*/

#underContainer{
	width:100%;
	background:url(http://www.hokuto-retreat.jp/img/common/under_bg.gif);
}
#underContainer #naviBlock{
	width:199px;
	float:left;
	text-align:right;
}
#underContainer #naviBlock ul{
	background:#FFF;
}
#underContainer #naviBlock li{
	border-bottom:1px dotted #c5c2b1;
}
#underContainer #naviBlock .ttl{
	padding:30px 15px 15px 0;
}
#underContainer #contetnsBlock{
	width:700px;
	float:right;
	border-left:1px solid #e2e1d8;
}


/* for float Hack 
-------------------------------------*/
.clearfix:after { 
content: url(pixel.gif);
display: block;
clear: both; height: 0; 
}

.clearfix { display: inline-block; }
.clearfix { display: block; }
/* Mac版IEのみに適用 \*//*/
.clearfix { overflow: hidden; }
/* */
