@charset "UTF-8";

.board {background: url(../img/leisure/bg01.jpg) no-repeat center top;
padding:40px 55px 55px 55px;
width:800px;
height:243px;
}

.mo01 {width:426px;height:253px;} 

.leLeft { width:460px; float: left; }
.leRight { width:340px; float: left; }

.boxle { border:3px solid #c3c3c3; width:262px; height:415px; float:left; margin:0 17px; }
.boxle img { border-bottom:1px solid #c3c3c3; }
.boxle p { padding:20px; }

.pic01 { position:absolute; bottom:25px; right:-25px; }

.maunten { background:#ffe985; position:relative; }
.mauntentxt { width:360px; position:absolute; bottom:520px; right:85px; }

.rice {position:relative;}
.ricetxt { width:900px; color:#fff; position:absolute; bottom:20px; right:5px; text-align:center;}

.bbq {position:relative;}
.bbqtxt { width:243px; position:absolute; bottom:0; right:0;}

.meals01 {position:relative;}
.meals01txt { position:absolute; color:#fff; bottom:100px; right:20px; width:285px; }

.meals02 {position:relative;}
.meals02txt { position:absolute; color:#fff; bottom:45px; left:25px; width:317px; }
.meals02txt h4 { display:inline-block; }
.meals02txt span { display:inline-block; }

.meals03 {position:relative;}
.meals03txt { position:absolute; color:#fff; bottom:80px; right:15px; width:290px; }

.meals04 {position:relative;}
.meals04txt { position:absolute; color:#fff; bottom:70px; left:105px; width:402px; }

.meals05 {position:relative;}
.meals05txt { position:absolute; color:#fff; bottom:95px; right:0; width:350px; }

.meals06 {position:relative;}
.meals06txt { position:absolute; color:#fff; bottom:20px; right:145px; width:307px; }

.meals07txt { position:absolute; color:#fff; bottom:15px; left:25px; width:317px; }

.meals01txt h4,
.meals02txt h4,
.meals03txt h4,
.meals04txt h4,
.meals05txt h4,
.meals06txt h4 { font-size:24px; }


/*gallery*/
#photo {
	width:700px;
	height:470px;
	margin:0;
	float:left;
}

#navi ul {
	width:200px;
	position:relative;
	z-index:1000;
	margin:0;
	float:right;
}

#navi ul li {
	float:right;
	margin:0 4px 4px 0;
	float:left;
}

#navi ul li:nth-child(2n) {
	margin:0 0 4px 0;
}

#navi ul li a img { width:98px; } 


.mo02 { position:absolute; top:0; right:0; width:483px;height:325px;} 
.mo03 { position:absolute; top:0; right:0; width:483px;height:325px;} 
.mo02 img,
.mo03 img { margin:150px 0 0 0; }