#contents {
 width: 360px;
 margin: 0 auto;
}

#imgcontainer {
 width: 100%;
 height: 240px;
 position: relative;
}

#imgcontainer div {
 width: 100%;
 height: 240px;
 position: absolute;
}

#imgcontainer div img {
 width: 100%;
}

.hidden {
 visibility: hidden; 
}

#buttons {
 display: flex;
 justify-content: center;
}

#buttons button {
 margin: 0 5px;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
#buttons button:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
#buttons button:active {
	position:relative;
	top:1px;
}

#buttons button.selected {
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	background-color:#ffec64;
	border:1px solid #ffaa22;
	color:#333333;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	text-shadow:0px 1px 0px #ffee66;
}
#buttons button.selected:hover {
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	background-color:#ffab23;
}