body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

.box-button {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.button-1 {
	width: 47%;
	height: 100%;
	float: right;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
}

.button-2 {
	width: 47%;
	height: 100%;
	float: left;
	background-size:cover;
	background-position: center center;
	background-repeat:no-repeat;
}

.margin {
	margin-right: 5px;
}

.audio {
	background-image:url(../images/icon-audio.png);
}
.stop {
	background-image:url(../images/icon-stop.png);
}

.pause {
	background-image:url(../images/icon-pause.png);
}
.play {
	background-image:url(../images/icon-play.png);
}
.area-1 {
	display:block;
}
.area-2 {
	display: none;
}
.area-3 {
	display: none;
}