@charset "UTF-8";

/*----------------------------------------------------
	☆TOP
----------------------------------------------------*/


div.divInr{
	max-width:1000px;
}
div.divInr dt,
div.divInr p,
div.divInr dd{
	font-size:90%;
	line-height:normal;
	text-align:left;
}
div.divInr p.small{
	font-size:77%;
	line-height:140%;
}
div.titleBox h2 {
    border-bottom: 1px solid #00a8a8;
	margin-bottom:30px;
    padding: 2px 0 0 2px;
}


/*--section.mvSection--*/


div.contents_body{
	width:100%;
	background:url(../lib/cmn_img/img_bgWhite.gif) left top repeat;
	padding-top:20px;
	}
	
/*--section.mvSection--*/


div.contents_body{
	width:100%;
	background:url(../lib/cmn_img/img_bgWhite.gif) left top repeat;
	}
div.divInr section.mvSection2{
	background:url(../image/mv.png) center left no-repeat;
	height:480px;
	padding-top:50px;
}
div.divInr section.mvSection2 h3{
	color:#fff;
	font-size:90%;
	font-weight:normal;
	line-height:140%;
	margin-top:200px;
	text-align:center;
}


/*--TOWNSECTION--*/
section.townSection div.divInr{
	margin-bottom:60px;
	padding-bottom:60px;
	border-bottom:1px dotted #666;
}
section.townSection div.divInr div.leftBox{
	float:left;
	width:60%;
}
section.townSection div.divInr div.rightBox{
	float:right;
	width:32%;
}

section.townSection div.divInr div.leftBox ul{
	display:table;
	margin-left:-3.2%;
	width:670px;
	overflow:hidden;
}
section.townSection div.divInr div.leftBox ul li{
	display:table-cell;
	padding:0 3.2%;
	vertical-align:top;
	width:50%;
}


/*--TOWNDETAILSECTION--*/
section.townDetailSection div.divInr ul{
	display:table;
	margin-left:-2%;
	overflow:hidden;
	width:1040px;
}
section.townDetailSection div.divInr ul li{
	display:table-cell;
	padding:0 2%;
	width:44%;
}
section.townDetailSection div.divInr ul li dd span.title{
	color:#00a9a9;
	display:block;
	font-size:120%;
	font-weight:bold;
	margin-bottom:-20px;
}
section.townDetailSection div.divInr ul li dd.img img{
	width:100%;
}
section.townDetailSection div.divInr span.leftBox{
	float:left;
	display:block;
	width:100px;
}
section.townDetailSection div.divInr span.rightBox{
	display:block;
	float:right;
	margin-left:8px;
	width:75%;
}



/*--PARKSECTION--*/
section.parkSection div.divInr div.wrapper{
	display:table;
	overflow:hidden;
	width:1000px;
}
section.parkSection div.divInr div.leftBox,
section.parkSection div.divInr div.rightBox{
	display:table-cell;
	width:50%;
	padding:3%;
}
section.parkSection div.divInr ul.flowerBox{
	display:table;
	margin-left:-2%;
	overflow:hidden;
	width:1030px;
}
section.parkSection div.divInr ul.flowerBox li{
	display:table-cell;
	text-align:justify;
	padding:0 2%;
	width:25%;
}
section.parkSection div.divInr ul.flowerBox li dt.title{
	color:#00a9a9;
	font-size:90%;
	font-weight:bold;
}
section.parkSection div.divInr ul.flowerBox li dd img{
	width:100%;
}
section.parkSection div.divInr ul.flowerBox li dd.small{
	font-size:77%;
	line-height:140%;
}

section.parkSection div.divInr div.wrapper{
	background-color:rgba(143, 180, 104, 0.1);
}
section.parkSection div.divInr div.wrapper p.mv img{
	width:100%;
}
section.parkSection div.divInr div.wrapper p.small{
	font-size:77%;
	line-height:140%;
}
section.parkSection div.divInr span.leftBox{
	float:left;
	display:block;
	width:100px;
}
section.parkSection div.divInr span.rightBox{
	display:block;
	float:right;
	margin-left:8px;
	width:75%;
}


/*--CONCEPTSECTION--*/
section.conceptSection div.divInr ul{
	display:table;
	margin:0 auto;
	margin-left:-20px;
	overflow:hidden;
	width:1040px;
}
section.conceptSection div.divInr ul li{
	font-size:77%;
	line-height:140%;
	display:table-cell;
	width:17.6%;
	padding:0 2%;
}


.tab{
	overflow:hidden;
	border-bottom:5px solid #32b9b9;
}
.tab li{
	width: 50%;
	background:#f0f0f0;
	padding:10px 0 5px 0;
	float:left;
	text-align: center;
}
.tab li.select{
	background:#32b9b9;
	color:#fff;
}
.content li{
	background:#fff;
	padding:30px 0 0px 0;
	text-align: center;
}
.hide {display:none;}