/*?????ݒ?----------------------------------*/

body{
	margin: 0;
	padding: 0;
	border: 0 none;
	font-size:14px;
	color: #333333;
	font-family: "?q???M?m?p?S Pro W3", "Hiragino Kaku Gothic Pro", "???C???I", Meiryo, Osaka, "?l?r ?o?S?V?b?N", "MS PGothic", sans-serif;
	line-height:1.5em;
	background: url(../images/bg.png) no-repeat center top;
}

/*float?̉??*/
.clearfix:after {
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6?A7?΍?/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x?΍?/
	height: auto;
	overflow: hidden;
	/**/
}
.text-left {
	text-align:left;
}
.text-center {
	text-align:center;
}
.text-right {
	text-align:right;
}
.text-ss {
	font-size:0.6em;
}
.text-s {
	font-size:0.8em;
}
.text-l {
	font-size:1.2em;
}
.text-ll {
	font-size:1.6em;
}
.text-xl {
	font-size:2em;
}

.mt-s {
	margin-top:20px;
}
.mt-m {
	margin-top:40px;
}
.mt-l {
	margin-top:60px;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}


/*
-------------------------------*/
#cp_WRAPPER{
	width: 990px;
	margin: 0 auto;
}

/*?p?[?c????
-------------------------------*/

.freeArea{
	width:100%;
	text-align:center;
	padding-bottom:0;
}

#wrap { position: relative; }

.headBox { width: 990px; }
.headBox .headBoxL { width: 750px; float: left; margin-left: 25px; }
.headBox .headBoxL p { text-align: left; }
.headBox .headBoxR { width: 190px; float: right;margin-right: 25px; }

h1 { text-align: center; margin: 0 auto; }
.contentsBox { width:990px; padding:0 0 0; margin: 0 auto; clear: both; position: relative; }
.contentsBox h2 { width:990px; padding:30px 0 26px; margin: 0 auto ;clear: both;  }
.contentsBox .boxWrap { width:960px; margin: 0 15px; }
.contentsBox .box01 { width:240px; float: left;}
.contentsBox .box02 { width:240px; float: left;}
.contentsBox .box03 { width:240px; float: left;}
.contentsBox .box04 { width:240px; float: left;}
.contentsBox .siteLink { position: absolute; top: 70px; right: 20px; }

.contentsBox .boxWrap {
    overflow: hidden;
}

.contentsBox .boxWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contentsBox .boxWrap {
    height: 1em;
    overflow: visible;
}
/**/
.contentsBox #history h2 { padding:30px 0 26px;  }
.contentsBox #gourmet h2 { padding:34px 0 26px;  }
.contentsBox #stay h2 { padding:26px 0 26px;  }
.contentsBox #flower h2 { padding:30px 0 16px;  }

.ftLinkBox { width:960px; margin: 0 15px; clear: both; padding: 45px 0;  }
.ftLinkBox li.ftLink01 { width:460px;  float: left; }
.ftLinkBox li.ftLink02 { width:460px;  float: right; }
.ftLinkBox li.ftLink03 { width:460px;  float: left; }
.ftLinkBox li.ftLink04 { width:460px;  float: right; }

.ftLinkBox {
    overflow: hidden;
}

.ftLinkBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .ftLinkBox {
    height: 1em;
    overflow: visible;
}
/**/


.yadoBox { background: url('../images/yadoBg.png') no-repeat center top;width:940px; margin: 0 25px 20px; clear: both;  }
.yadoSmlBox { width:940px; margin: 0 25px 20px; clear: both;  }
.yadoSmlBox h3 { padding-top:10px;  }
.yadoSmlBox p.yadoPlanLink { padding-bottom:15px;  }
.yadoSmlBoxL { background: url('../images/yadoBg02.png') no-repeat center top; float: left;width:300px;margin-bottom: 20px; }
.yadoSmlBoxC { background: url('../images/yadoBg02.png') no-repeat center top; float: left; width:300px; margin: 0 20px 20px;}
.yadoSmlBoxR { background: url('../images/yadoBg02.png') no-repeat center top; float: left;width:300px;margin-bottom: 20px;}

.yadoBox h3 {padding-top:20px; }
.yadoBox .yadoBoxL { width: 440px; float: left; margin-left:20px; margin-bottom: 15px; }
.yadoBox .yadoBoxR { width: 450px; float: right;margin-right:20px;}


.yadoBox {
    overflow: hidden;
}

.yadoBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .yadoBox {
    height: 1em;
    overflow: visible;
}
/**/




a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
}




.topBtn { position: absolute; bottom: 10px; right:10px; }

.pageTop { float:right; margin-bottom: 100px; }
.pageTop a { display:block; border:1px solid #877e73; padding:5px; color:#877e73; width:10em; text-decoration:none; font-size:75%; }
.pageTop a:hover {  color:#ffffff; background:#877e73;}


#footer {
	background:#FFFFFF;
	width:100%;
}

p.pr {
	text-align:center;
	color:#000000;
	width:100%;
	font-weight:bold;
	font-size:16px;
	margin: 50px auto 30px;
	padding-top:0;
	clear: both;
}