html {
	height: 100%;
	width: 100%;
	position:relative;
}

body {
	margin: 0px;
	height: 100%;
	width: 100%;
	position:relative;
}

.next{
	display: block;
	position: absolute;

	width: 100%;
	height: 50%;
	vertical-align: middle;
	text-align: center;
	text-indent: -9999px;
}
.next a{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	background-image: url(../common/logo_next.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.next  img {
 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

.next a:hover{
center;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #333;
	background-image: url(../common/logo_next_on.png);
	background-repeat: no-repeat;
	background-position: center center;
}


.meoto{
	display: block;
	position: absolute;
	top: 50%;

	width: 100%;
	height: 50%;
vertical-align: middle;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #E7E7E7;
	text-align: center;
}
.meoto  img {
 position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);

}

.meoto a{
	
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
 -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
}

.meoto a:hover{

	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	position: absolute;
		top: 0;

	left: 0;
	width: 100%;
	height: 100%;
	background-color: #E94628;
}

.element {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}