@charset "utf-8";

html,body { height:100%; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN',
 Meiryo, sans-serif;}
body,div {
	position:relative;
}

a .hover_img{
	transition:all 0.5s ease; /*0.5秒かけて要素を変化させる*/
	}
a:hover .hover_img{
	opacity: 0.5;/*要素の透明度を指定*/
	filter: alpha(opacity=50); /*ie6、7の透明度指定*/
	/*ちなみにie8の透明度指定はこれ→ -ms-filter: "alpha(opacity=50)";*/
	}

#wrapperAll {
	height:100%;
	overflow:auto;
	overflow-x:hidden;
}
/**高さ調整**/
#wrapperMain {
	width:1000px;
	min-height:1800px;
	margin:auto;
}
	#wrapperMain .title,
	#wrapperMain .infoStaff,
	#wrapperMain .headline,
	#wrapperMain .chara,
	#wrapperMain .cloud,
	#wrapperMain .catch,
	#wrapperMain .movie,
	#wrapperMain .cloudTop{
		display:block;
		position:absolute;
		z-index:5;
	}
		#wrapperMain .title{
			left:0;
			top:0;
		}
		

		#wrapperMain .embet{
			left:0;
			top: 230px;
			
		}
		
		#wrapperMain .movie{
			left:0;
			top: 290px;
			
		}
		
		#wrapperMain .infoStaff{
			left:0;
			top:464px;
		}
		
		#wrapperMain .catch{
			top:30px;
			left: 420px;
		}
		#wrapperMain .headline{
			top:132px;
			left:890px;
		}
		#wrapperMain .cloud{
			z-index:3;
			bottom:0;
			left:-480px;
		}
		#wrapperMain .cloudTop {
			z-index:1;
			opacity:0.6;
			top:0;
			left:-360px;
			transform: rotate(180deg);
			-webkit-transform: rotate(180deg);
			-moz-transform: rotate(180deg);
			-o-transform: rotate(180deg);
			-ms-transform: rotate(180deg);
		}
		
		#wrapperMain .chara{
			z-index:2;
			top:110px;
			left:390px;
			animation: fadeIn linear 1.5s;
			animation-iteration-count: 1;
			transform-origin: 50% 100%;
			-webkit-animation: fadeIn linear 1.5s;
			-webkit-transform-origin: 50% 50%;
			-moz-animation: fadeIn linear 1.5s;
			-moz-transform-origin: 50% 50%;
			-o-animation: fadeIn linear 1.5s;
			-o-transform-origin: 50% 50%;
			-ms-animation: fadeIn linear 1.5s;
			-ms-transform-origin: 50% 50%;
		}
	
	#banner {
		width:1000px;
		left:10px;
		top:550px;
		z-index:5;
	}
	
	#copyRightWrapper {

		width:100%;
		height:90px;
		text-align:center;
		padding-top:7px;
		background-image:url(../img/common/footer_bg.png);
		background-repeat:repeat-x;
		z-index:5;
	}
#title_latest{
position: relative; left:0; top:200px;z-index: 6;	
}

#movie_area{width:402px; border:#FFF solid 3px; box-shadow: 0 0 5px #707070;-moz-box-shadow: 0 0 5px #707070; -webkit-box-shadow: 0 0 5px #707070; left:11px!important;}
/*高さ調整*/
	#bgMain {
		width:3984px;
		height:100%;
		min-height:1800px;
		position:absolute;
		top:0;
		background: url(../img/bg.jpg);
		animation: slide linear 30s;
		animation-iteration-count: infinite;
		transform-origin: 50% 50%;
		-webkit-animation: slide linear 30s;
		-webkit-animation-iteration-count: infinite;
		-webkit-transform-origin: 50% 50%;
		-moz-animation: slide linear 30s;
		-moz-animation-iteration-count: infinite;
		-moz-transform-origin: 50% 50%;
		-o-animation: slide linear 30s;
		-o-animation-iteration-count: infinite;
		-o-transform-origin: 50% 50%;
		-ms-animation: slide linear 30s;
		-ms-animation-iteration-count: infinite;
		-ms-transform-origin: 50% 50%;
	}
	
	
#wrapperMain a .bandai {
    left: 0;
    top: 590px;
	position:relative;
	 z-index: 5;
}

#wrapperMain a .nav01 {
    left:;
    top: 510px;
	position:relative;
	 z-index: 5;
}	

#wrapperMain a .nav02 {
    left: 0;
    top: 520px;
	position:relative;
	 z-index: 5;
}	
	
	/* forBG Scroll */
	@keyframes slide{
	  0% { transform:  translate(0px,0px); }
	  100% { transform:  translate(-1328px,0px); }
	}
	@-moz-keyframes slide{
	  0% { -moz-transform:  translate(0px,0px); }
	  100% { -moz-transform:  translate(-1328px,0px); }
	}
	@-webkit-keyframes slide {
	  0% { -webkit-transform:  translate(0px,0px); }
	  100% { -webkit-transform:  translate(-1328px,0px); }
	}
	@-o-keyframes slide {
	  0% { -o-transform:  translate(0px,0px); }
	  100% { -o-transform:  translate(-1328px,0px); }
	}
	@-ms-keyframes slide {
	  0% { -ms-transform:  translate(0px,0px); }
	  100% { -ms-transform:  translate(-1328px,0px); }
	}
	
	/* forChara Fadein*/
	@keyframes fadeIn{
	  0% { opacity:0; transform:  translate(0px,60px); }
	  100% { transform:  translate(0px,0px); }
	}
	@-moz-keyframes fadeIn{
	  0% { opacity:0; -moz-transform:  translate(0px,60px); }
	  100% { -moz-transform:  translate(0px,0px); }
	}
	@-webkit-keyframes fadeIn {
	  0% { opacity:0; -webkit-transform:  translate(0px,60px); }
	  100% { -webkit-transform:  translate(0px,0px); }
	}
	@-o-keyframes fadeIn {
	  0% { opacity:0; -o-transform:  translate(0px,60px); }
	  100% { -o-transform:  translate(0px,0px); }
	}
	@-ms-keyframes fadeIn {
	  0% { opacity:0; -ms-transform:  translate(0px,60px); }
	  100% { -ms-transform:  translate(0px,0px); }
	}
	
	
/*-------------------------------
 for splash movie 15.01.19
---------------------------------*/
#Splash {
		display:none;
		position:absolute;
		width:100% !important;
		background:url(../img/index/splash/splashBG.png);
		left:0;
		top:0;
		z-index:1000;
	}
		#SplashContents {
			width:768px;
			margin:auto;
			position:relative;
			z-index:5;
		}
		
		#SplashClose {
			width:100%;
			height:100%;
			position:absolute;
			z-index:4;
			top:0;
			left:0;
		}
		
		#Splash .tgtBlk {
			display:block;
			width:768px;
			height:453px;
			position:relative;
			margin:auto;
			text-align:center;
		}
		#Splash ._btnClose {
			width:860px;
			height:27px;
			text-align:right;
			margin:45px auto 0 auto;
		}
		#Splash .movieBtns {
			width:768px;
			height:57px;
			margin:auto;
			margin-top:15px;
			display:table;
			table-layout:fixed;
		}
				#Splash .movieBtns p {
					font-size:20px;
					margin:10px;
					font-weight:bold;
					color:#FFFFFF;
					text-align: center;
					
				}
				#Splash .movieBtns a {
					text-align:center;
				}