/* ------------------------------------------------- *
 *        Floor
 * ------------------------------------------------- */

#mainArea {
	position: relative;
	width: 100%;
	height:293px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}


/* contents */
	
.con1 {
	width:100%;}

.con1_imgarea1 {
	width:100%;}
.con1_imgarea1 li {
	display:inline-block;}
.con1_imgarea2 {
	width:100%;
	margin-top: -5px;}
.con1_imgarea3 {
	width:100%;
	margin-top: -5px;}
.con1_imgarea3 li {
	display:inline-block;}

.con2 {
	width:100%;
	overflow:hidden;}
h3.slidettl {
	width:100%;
	background:#BEBAA3;
	height:109px;}
h3.slidettl img {
	text-align:center;
	margin-top:45px;}

@media only screen and (max-width: 640px) {

#mainArea {
	position: relative;
	width: 100%;
	height:180px;
	background: url(../images/bg_main.jpg) no-repeat top center;
	background-size: cover;
}

	/* contents */
	
	.con1 {
		width: 100%;
		margin-right:auto;
		margin-left:auto;
		text-align: center;}

	.con1_imgarea1 {
		width:100%;}
	.con1_imgarea1 li {
		width:32%;
		display:inline-block;
		margin:0;}
	.con1_imgarea2 {
		width:100%;
		margin-top: -1.5%;}
	.con1_imgarea3 {
		width:100%;
		margin-top: -1.5%;}
	.con1_imgarea3 li {
		width:49%;
		display:inline-block;}
		
	.con2 {
		width:100%;
		overflow:hidden;}
	h3.slidettl {
		width:100%;
		background:#BEBAA3;
		height:50px;}
	h3.slidettl img {
		text-align:center;
		margin-top:18px;}	
}



/* Zone */

.zone .con1 {
	width:100%;
	padding:25px 0;
	background:#FAFAF8;}
.zone .con1 li {
	display:inline-block;
	margin-right:6px;}
.zone .con1 li.last {
	margin-right:0;}

.zone .ttlarea {
	width:100%;
	height:auto;
	background:#EFEEE9;
	padding:22px 0;}

.mainarea {
	margin:45px auto 30px;}
.main_txt {
	margin-bottom:45px;}
.mainimg {
	margin-bottom:30px;}
.mainimg img {
	margin:0 auto;
	vertical-align:bottom;}

.con_green {
	width:100%;
	height:auto;
	padding:45px 0;
	background:#F5F8ED;}
.con_white {
	width:100%;
	height:auto;
	padding:45px 0;
	background:#FFF;}
.contents {}
.con_l {
	float:left;}
.con_l img {
	vertical-align:bottom;}	
.con_l_l {
	float:left;
	margin-top:48px;}
.con_l_f {
	float:left;
	margin-top:95px;}
.con_l_f1 {
	float:left;
	margin-top:85px;}
.con_l_b {
	float:left;
	margin-top:85px;}
.con_l_e {
	float:left;
	margin-top:80px;}
.con_r {
	float:right;}
.con_r img {
	vertical-align:bottom;}	
.con_r_l {
	float:right;
	margin-top:68px;}
.con_r_f {
	float:right;
	margin-top:85px;}
.con_r_f1 {
	float:right;
	margin-top:75px;}
	
.zone .subttl {
	text-align:left;
	border-bottom:1px dotted #5C521A;
	margin-bottom:10px;}
	
.con_r p, .con_l p,
.con_l_l p, .con_r_l p,
.con_l_f p, .con_r_f p,
.con_l_f1 p, .con_r_f1 p,
.con_l_b p, .con_l_e p {
	width:350px;
	margin:0;
	text-align:left;
	font-size:16px;}

.con_green p.jushu  {
	width:330px;
	background:#FFF;
	padding:14px 10px;
	text-align:center;
	margin-top:50px;
	color:#7D7548;}
.con_white p.jushu {
	width:330px;
	background:#F5F8ED;
	padding:14px 10px;
	text-align:center;
	margin-top:50px;
	color:#7D7548;}

@media only screen and (max-width: 640px) {

.zone .con1 {
	width:100%;
	padding:25px 0;
	background:#FAFAF8;
	margin:0 auto;}
.zone .con1 li {
	width:48%;
	margin-right:1%;}
.zone .con1 li img {
	width:100%;}
.zone .con1 li.sp_last {
	margin-right:0;}
.zone .con1 li.last {
	margin-right:0;}

.zone .ttlarea {
	width:100%;
	height:auto;
	background:#EFEEE9;
	padding:22px 0;}
.zone .ttlarea img {
	width:80%;}

.mainarea {
	margin:45px auto 30px;}
.main_txt {
	margin-bottom:45px;}
	
.con_green {
	width:100%;
	height:auto;
	padding:10% 0;
	background:#F5F8ED;}
.con_white {
	width:100%;
	height:auto;
	padding:10% 0;
	background:#FFF;}
.con_l {
	float:none;
	margin-left:auto;
	margin-right:auto;}
.con_l_l {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_l_f {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_l_f1 {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_l_b {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_l_e {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_r {
	float:none;
	margin-left:auto;
	margin-right:auto;}
.con_r_l {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_r_f {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}
.con_r_f1 {
	float:none;
	margin-top:0;
	margin-left:auto;
	margin-right:auto;}

	
.zone .subttl {
	text-align:center;
	border-bottom:1px dotted #5C521A;
	margin-bottom:3%}
	
.con_r p, .con_l p,
.con_l_l p, .con_r_l p,
.con_l_f p, .con_r_f p,
.con_l_b p, .con_l_e p {
	width:100%;
	margin:0;
	text-align:left;}

.con_green p.jushu  {
	width:86%;
	background:#FFF;
	padding:6% 7%;
	text-align:center;
	margin-top:9%;
	margin-bottom:5%;
	color:#7D7548;}
.con_white p.jushu {
	width:86%;
	background:#F5F8ED;
	padding:6% 7%;
	text-align:center;
	margin-top:9%;
	margin-bottom:5%;
	color:#7D7548;}


}