@charset "utf-8";

.summerBox h2 {
	padding:19px 0 13px 0;
	text-align:center;
}
.summerBox h3 {
	text-align:center;
	padding-bottom:25px;
}
.summerBox .eatPhotoBox {
	margin:0 13px 15px 13px;
	background-color:#E8FFD1;
}
.eatPhotoBox h4 {
	padding:20px 20px 18px 20px;
}
.eatPhotoBox .eatSalt {
	position:relative;
	width:660px;
	height:570px;
	margin-left:20px;
}
.eatSalt div {
	position:absolute;
}
.eatSalt .arrow {
	z-index:0;
}
.eatSalt .ph {
	z-index:1;
}

.eatSalt .arrow1_2 {
	left:67px;
	top:165px;
}
.eatSalt .arrow2_3 {
	left:180px;
	top:157px;
}
.eatSalt .arrow3_4 {
	left:307px;
	top:185px;
}
.eatSalt .arrow4_5 {
	left:189px;
	top:379px;
}
.eatSalt .arrow5_6 {
	left:299px;
	top:471px;
}
.eatSalt .photo01 {
	left:0px;
	top:0px;
}
.eatSalt .photo02 {
	left:0px;
	top:213px;
}
.eatSalt .photo03 {
	left:239px;
	top:0px;
}
.eatSalt .photo04 {
	left:239px;
	top:213px;
}
.eatSalt .photo05 {
	left:0px;
	top:423px;
}
.eatSalt .photo06 {
	left:372px;
	top:423px;
}
.eatSalt .column {
	left:458px;
	top:0px;
}
.eatSalt .illust {
	left:474px;
	top:258px;
}