/* CSS Document */
body{
	background:#000000;
}
#top #wrapper {position: relative}

#wrapper{
	background:#000;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

#header{
	margin-top: -100px;
}
#top #container{
	/* background-image:url(../img/main_bg.jpg); */
	background-position: -50px -120px;
	background-repeat: no-repeat;
	background-size:110%;
	margin-top: 200px;
	opacity:0;
/* 	-webkit-animation: bgScale 50s linear 1 normal;
	animation: bgScale 50s linear 1 normal; */
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}
/*


@keyframes bgScale {
  0% { background-size:140%;}
  100%   { background-size:110%;}
}
 */
#content-bg {
	/* position: absolute; */
	/* top: -120px; */
	/* left: -50px; */
	width: 100%;
}
#content-bg img {
/* 	position: absolute;
	top: -120px;
	left: -50px; */
	/* max-width: 1920px; */
	width: 120%;
	margin-top: -140px;
	-ms-transform: scale(1, 1); /* IE 9 */
	-webkit-transform: scale(1, 1); /* Safari */
	transform: scale(1, 1);
	-webkit-animation: imgScale 40s linear 1 normal;
	-ms-animation: imgScale 40s linear 1 normal;
	animation: imgScale 40s linear 1 normal;
}

@-ms-keyframes imgScale {
	0% {
		-ms-transform: scale(1.3, 1.3); /* IE 9 */
    	-webkit-transform: scale(1.3, 1.3); /* Safari */
    	transform: scale(1.3, 1.3);
    }
	100% {
		-ms-transform: scale(1, 1); /* IE 9 */
    	-webkit-transform: scale(1, 1); /* Safari */
    	transform: scale(1, 1);
    }
}

@keyframes imgScale {
	0% {
		-ms-transform: scale(1.3, 1.3); /* IE 9 */
    	-webkit-transform: scale(1.3, 1.3); /* Safari */
    	transform: scale(1.3, 1.3);
    }
	100% {
		-ms-transform: scale(1, 1); /* IE 9 */
    	-webkit-transform: scale(1, 1); /* Safari */
    	transform: scale(1, 1);
    }
}

.topContentWrap{
	width:100%;
	height:100%;
	background:url(../img/bg_wrap.png);
	background-size:100% 100%;
}
.topContentWrap2{
	width:100%;
	height:100%;
	background:#000000;
	position:absolute;
	left:0px;
	top:0px;
}
.topContent{
	position:absolute;
	left:0px;
	top:0px;
	right:0px;
	bottom:0px;
	height:800px;
	margin: auto;
/*	overflow:hidden;*/
}
.topContent .topContentInner{
	position:relative;
	height:700px;
	width:1365px;
	margin:10px auto;
	/*background:url(../img/bg_sample.png) no-repeat;*/
}
.topContent .topContentInner ul{
	/*opacity:0.3;*/
}

.topContent .topContentInner ul li{
}

.topContent .topContentInner ul li img{
	opacity:0;
	margin-top:50px;
}

.topContent .topContentInner ul li .photoInner{
	position:relative;
}

.topContent .topContentInner .photoInner .photo{
	opacity:0;
}
.topContent .topContentInner .photoInner .cover{
	left:-20px;
	top:-20px;
	opacity:0;
}

.topContent .topContentInner span img{
	opacity:0;
}

.topContent .topContentInner .ph1{
	position:absolute;
	left:320px;
	top:350px;
	z-index:15;
}
.topContent .topContentInner .ph2{
	position:absolute;
	left:0px;
	top:390px;
	z-index:15;
}
.topContent .topContentInner .ph3{
	position:absolute;
	left:800px;
	top:90px;
	z-index:10;
}
.topContent .topContentInner .ph4{
	position:absolute;
	left:324px;
	top:0px;
	z-index:10;
}


.topContent .topContentInner .ph5{
	position:absolute;
	left:408px;
	top:455px;
	z-index:20;
}
.topContent .topContentInner .ph6{
	position:absolute;
	left:300px;
	top:167px;
	z-index:10;
}
.topContent .topContentInner .ph7{
	position:absolute;
	left:982px;
	top:235px;
	z-index:40;
}
.topContent .topContentInner .ph8{
	position:absolute;
	left:643px;
	top:383px;
	z-index: 20;
}
.topContent .topContentInner .ph8 .photoInner .cover{
left:-100px;
top:200px;
}
.topContent .mainCopy{
	position:absolute;
	left:0px;
	top:300px;
	z-index: 20;
}
.topContent .topContentInner .mainCopy img{
	opacity:0;
	margin-left:-10px;
	margin-top:-100px;
}
.topContent h1{
	position:fixed;
	bottom:-100px;
	left:50%;
	width:480px;
	height:300px;
	margin-left:-240px;
	z-index: 100;
}
.topContent h1 .ttlInner{
	width:480px;
	position:relative;
	height:300px;
}
.topContent .logoTxt1{
	position:absolute;
	left:0px;
	top:0px;
	z-index:5;
}
.topContent .logoTxt2{
	position:absolute;
	left:0px;
	top:5px;
	z-index:5;
}
.topContent .logoTxt3{
	position:fixed;
	right:300px;
	bottom:100px;
	z-index:5;
}

.topContent .logoImg{
	left:220px;
	top:-80px;
	position:absolute;
	z-index:5;
}
.wingLight {
	position:relative;
	width:220px;
	height:215px;
	display:none;
}
.wingImg img{
	position:absolute;
	left:0px;
	top:0px;
}
#snsbtn{
	bottom:56px;
}
#top #footer{
	bottom:0;
	position: absolute;
}