* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 100%;
	color: #333; 
	font-size: 12px;
	font-family: Arial,'ＭＳ Ｐゴシック',sans-serif ;
	background: #FFF;

	}


body div {
	text-align: center;
	margin: 0 auto;
	}


p {
	font-size: 14px;
	line-height: 1.6;
	}

img {
	vertical-align:bottom;
}

/*================== h tag ==================*/




h4{
	font-size: 14px;
	margin: 0 auto;
	}

h5{
	width: 236px;
	color:#333;
	margin:10px;
	font-weight: bold;
	font-size: 16px;
	float: left;
	text-align: left;
	}
	
*html h5{
	width: 206px;
	
}


h6{
	color:#fff;
	padding-top: 4px;
	padding-left: 4px;
	font-weight: bold;
	font-size: 14px;
	float: left;
	}

/*================== link ==================*/

a:link {
	color: #000;
	text-decoration: underline;
	}

a:visited {
	color: #000;
	text-decoration: underline;
	}

a:hover {
	color: #F56200;
	text-decoration: none;
	} 
	

/*================== image ==================*/

img {
	margin: 0;
	padding: 0;
	border: none;
	}

/*================== margin-bottom ==================*/

img.mb15 {
	margin-bottom: 15px;
	}



/*================== float clear ==================*/


.fl{float: left;}
.fr{float: right;}

br.clb{
	clear: both;
	line-height: 0px;
	}


/*================== text ==================*/
.cen {text-align : center;}
.left {text-align :left;}
.right {text-align :right;}

/*================== font color ==================*/

.aka {color: #F00;}
.ao {color: #00F;}
.shu {color: #AB0C0C;}
.org {color: #F60;}
.gren {color: #008000;}
.gray {color: #808080}
.pink {color: #FF3399;
font-size:18px;}
.siro {color: #FFF;}

.normal {font-weight: normal;}
.bold {font-weight: bold;}

/*================== font size ==================*/

.s18{font-size:18px;}
.s16{font-size:16px;}
.s14{font-size:14px;}
.s12{font-size:12px;}
.s11{font-size:11px;}
.s10{font-size:10px;}

/*================== copyright ==================*/
address{
	margin: 2px 0;
	text-align: center;
	font-size:9pt;
	}

/*================== basic ==================*/

#wrap{
	width: 100%;
	}

#header {
	width: 800px;
	height: 79px;
	margin-bottom: 15px;
	position:relative;
	}


#topimage{
	width: 100%;
	height: 340px;
	background :#FFF url(../img/g_park/bktopimage.gif) repeat-x 10px;
	margin-bottom: 10px;
	}



#container {
	width: 100%;
	clear:both;
	padding-top: 15px;
	background :#FFF url(../img/g_park/border.gif) repeat-x top;
	}

#main {
	width: 800px;
	clear:both;
	}




#footer {
	width: 100%;
	background :#FFF url(../img/g_park/border.gif) repeat-x top;
	padding: 11px 0 0 0;
	}







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


#header h1{
	height: 22px;
	text-align: right;
	line-height: 1.6;
	font-size: 12px;
	font-weight: bold;
	float: right;
}

#header .pankuzu{
	height: 22px;
	font-size: 11px;
	float: right;
	}



#header .logo{
	position:absolute;
	top: 4px;
	left: 4px;
	}


	#header ul.menu{
	width: 610px;
	height: 54px;
	padding-left: 190px;
	background :url(../img/g_park/header/terrace.gif) no-repeat 30px 30px;
	list-style: none;
	position: absolute;
	bottom: 0;
	left: 0;
	}

	#header ul.menu li{ 
		margin-right: 5px;
		float: left;
		}







/*------------ container --------------*/

.w800{
	width: 800px;
	margin-bottom: 40px;
	}


/*------------ main --------------*/

/*-- ttl --*/

.ttl{
	height: 32px;
	margin-bottom: 15px;
	border-bottom: 2px solid #AB0C0C;
	clear: both;
	}


.ttl h2{
	font-size: 24px;
	padding-top: 4px;
	padding-left: 4px;
	margin-right: 15px;
	float: left;
	}


.ttl p{
	padding-top: 10px;
	padding-right: 4px;
	float: right;
	}


p.summary{
	width: 790px;
	text-align: left;
	margin-bottom: 30px;
	}



/*-- ttlsub --*/

.ttlsub{
	margin-bottom: 20px;
	clear: both;
	}


.ttlsub img{
	color: #666;
	margin-right: 15px;
	float: left;
	}


.ttlsub p{
	font-size: 14px;
	color: #03C;
	float: left;
	font-weight: bold;
	text-align: left;
	}

.ttlsub p.shu{
	color: #AB0C0C;
	}




/**/

#demo {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 494px; /* important */
	height: 400px; /* important */
	margin: 0;
	float: left;
	}

#content {
	width: 13440px;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
}



#frame {
	width: 280px;
	float: right;
}

#frame p{
	font-size: 11px;
	text-align: left;
	color: #666;
	}

#frame ul li {
	list-style: none;
	margin: 0 2px;
		float: left;
}
#frame ul li img{
	border: 1px solid #CAC2B2;
	padding: 2px;
}
#frame ul li img:hover {border: 1px solid #807E79;}

/**/

.w480{
	width: 494px;
	height: 390px;
	float: left;
	}


.phtw480{
	width: 494px;
	height: 374px;
	position:relative;
	background :url(../img/g_park/kage_w480h360.gif) no-repeat left top;
	}


	.phtw480 img{
		width: 480px;
		height: 360px;
		position: absolute;
		top: 7px;
		left: 7px;
		display: block;
		}

p.address{
	width: 280px;
	padding-top: 7px;
	margin-bottom: 10px;
	text-align: left;
	float: right;
	}



.w370l{
	width: 384px;
	float: left;
	}

.w370r{
	width: 384px;
	float: right;
	}


.w370l h3,.w370r h3{
	font-size: 14px;
	margin-bottom: 10px;
	}


.w370l p,.w370r p{
	width: 360px;
	margin: 0 auto;
	text-align: left;
	}



.phtw370{
	width: 384px;
	height: 294px;
	margin-bottom: 10px;
	position:relative;
	background :url(../img/g_park/kage_w370h280.gif) no-repeat left top;
	float: left;
	}


.phtw370 img{
	width: 370px;
	height: 280px;
	position: absolute;
	top: 7px;
	left: 7px;
	}


.phtw800{
	width: 800px;
	height: 294px;
	margin-bottom: 10px;
	position:relative;
	background :url(../img/g_park/kage_w786h280.gif) no-repeat left top;
	}

.phtw800 img{
	width: 786px;
	height: 280px;
	position: absolute;
	top: 7px;
	left: 7px;
	}

p.room{
	width: 786px;
	text-align: left;
	}

.w800 h3{
	font-size: 14px;
	margin-bottom: 10px;
	}

/**/

#feat_demo {
	position: relative; /* important */
	overflow: hidden; /* important */
	width: 800px; /* important */
	height: 290px; /* important */
	margin: 0 auto 40px auto;
	float: left;
}

#feat_content {
	width: 13440px;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
}





.ttlsub ul{
	margin-top: 4px;
	padding-right: 10px;
	float: right;
	}

.ttlsub ul li.text{
	color: #AB0C0C;
	padding-top: 3px;
	}

.ttlsub ul li {
	list-style: none;
	margin: 0 4px 0 0;
	float: left;
}
.ttlsub ul li img{
	margin: 0;
	border: 1px solid #CAC2B2;
	padding: 2px;
}
.ttlsub ul li img:hover {
	margin: 0;
	border: 1px solid #20201E;}


.featbox{
	width: 800px;
	height: 290px;
	float: left;
	}



/**/


.w280l{
	width: 270px;
	padding-left: 10px;
	text-align: left;
	float: left;
	}


	.w280l h4{
		font-size: 14px;
		line-height: 1.6;
		margin-bottom: 10px;
		}


.phth270{
	width: 494px;
	height: 284px;
	margin-bottom: 30px;
	position:relative;
	background :url(../img/g_park/kage_w480h270.gif) no-repeat left top;
	float: right;
	}


	.phth270 img{
		width: 480px;
		height: 270px;
		position: absolute;
		top: 7px;
		left: 7px;
		}





/**/



/*-- tour --*/

.tour{
	width: 800px;
	height: 143px;
	margin-bottom: 60px;
	background :url(../img/g_park/bkaka.gif) repeat left top;
	position:relative;
	}

.tour img.camp{
	position:absolute;
	top:-36px;
	right: -35px;
	z-index: 2;
	}

.tour .btnbox{
	width: 780px;
	height: 123px;
	background-color: #FFF;
	position:absolute;
	top:10px;
	left: 10px;
	}

.tour .btnbox img{
	margin-top: 30px;
	margin-right: 10px;
	}



/* page top */
.pt{
	line-height: 1.0;
	color: #928D81;
	font-size: 9px;
	float: right;
	margin-top: 10px;
	}

.pt img{
	vertical-align:top;
	}

.pt a:link,.pt a:visited{
	color: #928D81;
	}



.htlbox{
	width: 800px;
	margin:0;
	}
	
.htl_sbox{
	width:256px;
	height:350px;
	margin:0 5px;
	float:left;
	background-color:#F6F6F6;
	text-align: left;
}


	
.htl_sbox p{
	margin:10px;
	text-align:left;
}

* html .htl_sbox{
	margin:0 3px 15px;
}