@charset "UTF-8";
/* CSS Document */

/*--------------------------------
header
--------------------------------*/
header{
	position: relative;
	width: 100%;
	background: #fff;
}

#header_inner{
	position: relative;
	width: 1024px;
	height: 720px;
	margin: 0 auto;
}

.bg01 {
	position:absolute;
	top:0;
	visibility: hidden;
}

.bg02 {
	position:absolute;
	bottom:80px;
	visibility: hidden;
}

.main {
	position:absolute;
	bottom:80px;
	right:-10px;
	visibility: hidden;
}

.title {
	position:absolute;
	top:240px;
	left:100px;
	visibility: hidden;
	z-index:1;
}

.h-p01 {
	position:absolute;
	top:215px;
	left:8px;
	visibility: hidden;
}

.h-p02 {
	position:absolute;
	top:215px;
	left:520px;
	visibility: hidden;
}

.lead01 {
	position:absolute;
	top:205px;
	left:95px;
	visibility: hidden;
}


.lead02 {
	position:absolute;
	top:40px;
	right:212px;
	visibility: hidden;
}

.release {
	position:absolute;
	bottom:15px;
	visibility: hidden;
	z-index:1;
}


/*-------- sns --------------------*/
#sns_share{
	position: absolute;
	top: 20px;
	right: 10px;
	line-height: 20px;
	z-index: 100;
}

#sns_share li{
	margin-bottom:5px;
}

#sns_share li#facebook{
	overflow: visible;
}

/*--------------------------------
nav
--------------------------------*/

#nav{
	width:100%;
	background:url(../images/common/nav_bg.gif) center 0 repeat-x;
	position:relative;
	z-index:2;
}

#nav_wrap {
	width:1024px;
	height:48px;
	display:block;
	margin:0 auto;
	position:relative;
	background:url(../images/common/nav_hart.png) 150px center no-repeat;
}

#nav a {
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#nav #trailer_jump a{
	top: 0;
	left: 10px;
	position: absolute;
	display: block;
	width: 150px;
	height: 48px;
	background: url(../images/common/nav.png) 0 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #trailer_jump a:hover{
	background: url(../images/common/nav.png) 0 -37px no-repeat;
}


#nav #products_jump a{
	top:0;
	left:185px;
	position:absolute;
	display: block;
	width:150px;
	height:48px;
	background: url(../images/common/nav.png) -200px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #products_jump a:hover{
	background: url(../images/common/nav.png) -200px -37px no-repeat;
}

#nav #intro_jump a{
	top:0;
	left:382px;
	position:absolute;
	display: block;
	width:180px;
	height:48px;
	background: url(../images/common/nav.png) -390px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #intro_jump a:hover{
	background: url(../images/common/nav.png) -390px -37px no-repeat;
}

#nav #story_jump a{
	top:0;
	left:617px;
	position:absolute;
	display: block;
	width:160px;
	height:48px;
	background: url(../images/common/nav.png) -605px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #story_jump a:hover{
	background: url(../images/common/nav.png) -605px -37px no-repeat;
}

#nav #cast_jump a{
	top:0;
	left:810px;
	position:absolute;
	display: block;
	width:200px;
	height:48px;
	background: url(../images/common/nav.png) -800px 0 no-repeat;
	text-indent: -9999px;
	overflow: hidden;
}

#nav #cast_jump a:hover{
	background: url(../images/common/nav.png) -800px -37px no-repeat;
}

/*--------------------------------
trailer
--------------------------------*/

#trailer_top {
	padding-top:60px;
	margin-top:-60px;
}

#trailer_top h2 {
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#trailer_top .h2-bg {
	background:#e9e926 url(../images/common/h2_line.png) 0 bottom repeat-x;
	height:107px;
	width:100%;
}

#trailer_top .bg {
	background:url(../images/trailer/bg_trailer.gif) 0 0 repeat;
}

#trailer_top .container {
	width: 1024px;
	margin: 0 auto;
	position:relative;
	height:560px;
	visibility:hidden;
}


#trailer{
    width:570px;
	height:420px;
	padding:120px 0 0 90px;
	margin:0 auto;
	background:url(../images/trailer/m_bg.png) center center no-repeat;
}

.t-p01 {
	position:absolute;
	left:40px;
	bottom:0;
	visibility:hidden;
}

.t-p02 {
	position:absolute;
	right:-50px;
	bottom:0;
	visibility:hidden;
}

/*--------------------------------
product
--------------------------------*/

#products_top {
	padding-top:48px;
	margin-top:-48px;
}

#products_top h2 {
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#products_top .h2-bg {
	background:#40c8ff url(../images/common/h2_line.png) 0 bottom repeat-x;
	height:107px;
	width:100%;
}

#products_top .bg {
	background:url(../images/products/bg_products.gif) 0 0 repeat;
}

#products_top .container {
	width: 980px;
	margin: 0 auto;
	text-align:center;
	position:relative;
	height:1253px;
	visibility:hidden;
}


#products_top h3 {
	text-align:center;
	padding-top:45px;
}

.sell-con {
	padding: 7px 0 10px;
}

.sell {
	background:url(../images/products/sell_bg.png) 0 0 no-repeat;
	width:328px;
	height:599px;
	text-align:center;
	float:left;
}

.jk {
	padding:40px 0 30px;
}

.rjk {
	float:left;
	margin:45px 0 0 80px;
}

.sellbtn {
	margin-top:25px;
}

.rental {
	background:url(../images/products/ren_bg.png) 0 0 no-repeat;
	width:968px;
	height:377px;
}

.r-txt {
	float:left;
	margin:105px 0 0 50px;
}

.txt-s {
	text-align:center;
	font-size: 12px;
	color: #4b4b4b;
}

/*--------------------------------
intro
--------------------------------*/

#intro_top {
	padding-top:48px;
	margin-top:-48px;
}

#intro_top h2 {
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#intro_top .h2-bg {
	background:#ff9600 url(../images/common/h2_line.png) 0 bottom repeat-x;
	height:107px;
	width:100%;
}

#intro_top .bg {
	background:url(../images/intro/bg_intro.gif) 0 0 repeat;
}

#intro_top .container {
	width: 960px;
	margin: 0 auto;
	position:relative;
	height:1184px;
	visibility:hidden;
}

.i-box {
	background:url(../images/intro/introtxt_bg.png) 0 0 no-repeat;
	width:629px;
	height:266px;
}

#intro_top h3 {
	text-align:center;
	padding: 25px 0 15px;
}

.i-box p {
	width:540px;
	margin:0 auto;
	font-weight:bold;
}

#intro_top .p01 {
	position:absolute;
	top:0;
	right:-40px;
	visibility:hidden;
}

#intro_top .p02 {
	position:absolute;
	top:290px;
	left:-30px;
	visibility:hidden;
}

#intro_top .p03 {
	position:absolute;
	bottom:310px;
	right:-30px;
	visibility:hidden;
}

#intro_top .p04 {
	position:absolute;
	bottom:50px;
	left:-10px;
	visibility:hidden;
}

/*--------------------------------
story
--------------------------------*/

#story_top {
	padding-top:48px;
	margin-top:-48px;
}

#story_top h2 {
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#story_top .h2-bg {
	background:#9ce300 url(../images/common/h2_line.png) 0 bottom repeat-x;
	height:107px;
	width:100%;
}

#story_top .bg {
	background:url(../images/story/bg_story.gif) 0 0 repeat;
}

#story_top .container {
	width: 1024px;
	margin: 0 auto;
	position:relative;
	height:455px;
	visibility:hidden;
}

.story-txt {
	background:url(../images/story/storytxt_bg.png) 0 0 no-repeat;
	width:488px;
	height:373px;
	float:left;
}

.story-txt P {
	width:410px;
	padding:38px;
	line-height:30px;
	font-weight:bold;
}

.s-p01 {
	float:left;
	visibility:hidden;
}

/*--------------------------------
story
--------------------------------*/

#cast_staff_top {
	padding-top:48px;
	margin-top:-48px;
}

#cast_staff_top h2 {
	padding-top:30px;
	width:1024px;
	margin:0 auto;
}

#cast_staff_top .h2-bg {
	background:#02becb url(../images/common/h2_line.png) 0 bottom repeat-x;
	height:107px;
	width:100%;
}

#cast_staff_top .bg {
	background:url(../images/cast/bg_cast.gif) 0 0 repeat;
}

#cast_staff_top .container {
	width: 960px;
	margin: 0 auto;
	position:relative;
	height:983px;
	visibility:hidden;
}

.chart {
	text-align:center;
	padding:50px 0 20px;
	visibility:hidden;
}

#cast_staff_top dd {
	font-size:14px;
	line-height:24px;
	font-weight:bold;
	margin:0 0 20px 20px;
}

/*--------------------------------
footer
--------------------------------*/
footer {
	margin:0;
	padding:0;
	z-index: 0;
	background:#FFFFFF;
	width:100%;
	position:relative;
	height:100%;
}

#footer_inner {
	position:relative;
	width:1024px;
	margin:0 auto;
	overflow:hidden;
}

#footer-bnr {
	width:960px;
	margin-top:40px
}

#footer-bnr li {
	float:left;
}

#footer-bnr .mr {
	margin-right:10px;
}

footer .copyright{
	padding-top: 60px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #000;
}