* {
	margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
*::after {
	margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
*::before {
	margin: 0px; padding: 0px; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
body {
}
ul {
	list-style: none;
}
img {
	vertical-align: bottom;
}
.wrapper {
	margin: 0px auto; max-width: 1280px;
}
.logo {
	margin: 25px 0px; text-align: center;
}
.logo-img {
	max-width: 95%;
}
.superbox-list {
	width: 12.5%; display: inline-block; -ms-zoom: 1;
}

.superbox-list img {
	padding: 5px;
}

.superbox-img {
	width: 100%; cursor: pointer; max-width: 100%;
}
.superbox-show {
	background: rgb(51, 51, 51); padding: 25px; width: 100%; text-align: center; float: left; display: none; position: relative; box-shadow: inset 0px 1px 5px #111; -webkit-box-shadow: inset 0 1px 5px #111; -moz-box-shadow: inset 0 1px 5px #111;
}
.superbox-current-img {
	border: 1px solid rgb(34, 34, 34); border-image: none; max-width: 100%; box-shadow: 0px 1px 4px #222;
}
.superbox-img:hover {
	opacity: 0.8;
}
.superbox-float {
	float: left;
}
.superbox-close {
	top: 25px;
	width: 35px;
	height: 35px;
	right: 25px;
	position: absolute;
	cursor: pointer;
	opacity: 0.7;
	background-image: url(http://www.megatonet.com/0_hp/gunkyo/000/web/img/close.gif);
	background-repeat: no-repeat;
	background-position: center;
}
.superbox-close:hover {
	opacity: 1;
}
@media only screen and (min-width:320px)
{
.superbox-list {
	width: 50%;
}
}
@media only screen and (min-width:486px)
{
.superbox-list {
	width: 25%;
}
}
@media only screen and (min-width:768px)
{
.superbox-list {
	width: 16.66%;
}
}
@media only screen and (min-width:1025px)
{
.superbox-list {
	width: 15%;
}
}