@charset "UTF-8";

body {
	background: #383838 url(../common/body_bg.png) repeat center top;
	background-size: 100% auto;
}
/* ========================================
	Header
======================================== */
header {
	width: 100%;
	z-index: 100;
}

header ul{
	background-color:#000;
}

header li {
	float: right;
	width: 50%;
}

header li img {
	width: 100%;
}

/* ========================================
	Footer
======================================== */
footer img {
	width: 100%;
	height: auto;
}

#gnavi {
	width: 100%
}
#gnavi li {
	float: left;
	width: 50%
}

.foot-nav {
	display: table;
	width: 100%;
	height: 25px;
}
.foot-nav li {
	display: table-cell;
	width: 50%;
}

.pagetop {
	position: relative;
}

.pagetop-img {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20%;
}
.pagetop-img img {
	width: 100%;
}

/* ========================================
	Movie
======================================== */
body#movie {
	margin: 0;
	padding: 0;
	text-align: center;
	background-image: none;
	background-color: #000;
}
#movie .wrap {
	position: relative;
	margin: 20px auto 0 auto;
	text-align: center;
}
#close {
	margin: 10px 0 0;
}

.movie-wrap {
	position: relative;
    width: 100%;
}

.movie-inner iframe,
.movie-inner img {
    position: absolute;
    top: 0;
    left: 5.9375%;
    width: 87.5%;
    height: 87.5%;
}