@charset "UTF-8";

/* ========================================
	base
======================================== */
html,
body {
	height: 100%;
	background-color: #FFF;
	background: #4AC9C6 url(../common/footer_bg02.gif) center 0 repeat;
}
body > #wrapper {
	height: auto;
}
#header {
	position: relative;
	margin: 0 auto;
	min-width: 960px;
	top: 0;
	z-index: 110;
}
#wrapper {
	position: relative;
	height:100%;/* for IE6 */
	min-height:100%;
}

.bg-left{
	position:absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 900px;
	z-index: 9;
	background-image:url(../movie/images/bg_center.png);
	background-position:right top;
	background-repeat:repeat;
	padding: 0 8px 0 0;
}
.bg-left-inner{
	width: 100%;
	height: 900px;
	background-image:url(../movie/images/bg_left.png);
	background-position:right top;
	background-repeat:repeat;
}
.no-js .bg-left,
.no-js .bg-left-inner{
	height: 850px;
}
#contents{
	background-image:url(../movie/images/bg_right.png);
	background-position:center top;
	background-repeat:repeat;
	height: 850px;
}
#contents.istablet{
	height:900px;
}
.no-js #contents{
	height: 850px;
}

.movie-contents{
	position:relative;
	z-index:10;
	width:100%;
	height: 850px;
	background-image:url(../movie/images/bg_all.png);
	background-position:center top;
	background-repeat:no-repeat;
}

.img01{
	position: absolute;
	top: 16px;
	left: 195px;
}
.img02{
	position: absolute;
	top: 66px;
	left: -14px;
	z-index: 10;
}
.img03{
	position: absolute;
	top: 78px;
	left: 806px;
	z-index: 10;
}
.movie-wrap{
	position: absolute;
	top: 199px;
	left: 128px;
}
#movie{
	display:none;
	width:640px;
	height:360px;
	position:absolute;
	top: 29px;
	left: 32px;
	background-color:#fff;
}
.movie-navi{
	position: absolute;
	top: 592px;
	left: 203px;
}
.movie-navi li{
	float: left;
	margin: 0 0 0 0;
	position: relative;
}
.movie-navi li .nav-on{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
.movie-navi li.current .nav-on{
	display: block;
}


/* ========================================
	#footer
======================================== */
#footer {
	text-align: center;
}

#footer .copyright {
	float: right;
}