@charset "utf-8";

.cf:after {
	content: "";
	display: block;
	clear: both;
}

.contents {
	width: 100%;
}

.contentsArea {
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}

#mainArea {
	padding: 0%;
}

#contents {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}

.pic {
	width: 100%;
}

/* 背景画像 width:100%; */
.pic-img {
	width: 100%;
	height: auto;
}
.pic img {
	width: 100%;
	height: auto;
}

/* btn common */
.btn-common {
	position: absolute;
}

.btn-common a {
	display: block;
}

.btn-common img {
	width: 100%;
	height: auto;
}

.btn-common img:hover {
	opacity: .6;
}

.btn_01,
.btn_02,
.btn_03,
.btn_04 {
	width: 23.3%;
}

.btn_05,
.btn_06,
.btn_07 {
	width: 19.1%;
}


.btn_08,
.btn_09,
.btn_10,
.btn_11,
.btn_12,
.btn_13 {
	width: 20.3%;
}

.btn_01 {
	top: 0.34%;
	left: 2.3%;
}

.btn_02 {
	top: 7.15%;
	left: 12.4%;
}

.btn_03 {
	top: 7.15%;
	left: 38.4%;
}

.btn_04 {
	top: 7.15%;
	left: 64.3%;
}

.btn_05 {
	top: 12.3%;
	left: 57.6%;
}

.btn_06 {
	top: 20.99%;
	left: 71.1%;
}

.btn_07 {
	top: 28%;
	left: 6.1%;
}

.btn_08 {
	top: 40.22%;
	left: 17.1%;
}

.btn_09 {
	top: 40.22%;;
	left: 63.6%;
}

.btn_10 {
	top: 72.43%;
	left: 4.1%;
}

.btn_11 {
	top: 82.94%;
	left: 57.1%;
}

.btn_12 {
	top: 89.43%;
	left: 9.3%;
}

.btn_13 {
	top: 97.01%;
	left: 57.2%;
}

@media only screen and (max-width: 767px) {
	#contentsArea {
		width: 100%;
		padding: 0%;
	}
}