body, html{
	margin: 0;
	width: 300px;
	height: 250px;
}

#banner {
	position:relative;
	text-align: center;
	border: 1px solid #006187;
	width: 300px;
	height: 250px;
	cursor: pointer;
	background: #0092db;
	overflow: hidden;
	box-sizing: border-box;
}

#pic01 {
	position: absolute;
	width:300px;
	height: 129px;
	top: 121px;
	left: 0px;
	opacity:0;
	background-image: url("assets/pic01.jpg");
	z-index: 0;
}

#pic02 {
	position: absolute;
	width:300px;
	height: 129px;
	top: 121px;
	left: 0px;
	opacity:0;
	background-image: url("assets/pic02.jpg");
	z-index: 0;
}

#pic03 {
	position: absolute;
	width:300px;
	height: 129px;
	top: 121px;
	left: 0px;
	opacity:0;
	background-image: url("assets/pic03.jpg");
	z-index: 0;
}

#logo_L_b {
	position: absolute;
	width:300px;
	height: 80px;
	top: 170px;
	left: 0px;
	opacity:0;
	background-image: url("assets/logo_L_b.png");
	z-index: 0;
}

#logo_L_t {
	position: absolute;
	width:300px;
	height: 70px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/logo_L_t.png");
	z-index: 0;
}

#logoEL {
	position: absolute;
	width:60px;
	height: 40px;
	top: 190px;
	left: 238px;
	opacity:0;
	background-image: url("assets/logoEL.png");
	z-index: 0;
}


#wave01 {
	position: absolute;
	width:400px;
	height: 20px;
	top: 5px;
	left: -180px;
	opacity:0;
	background-image: url("assets/wave01.png");
	z-index: 0;
}

#wave02 {
	position: absolute;
	width:400px;
	height: 20px;
	top: 25px;
	left: -180px;
	opacity:0;
	background-image: url("assets/wave02.png");
	z-index: 0;
}

#wave_mask {
	position:absolute;
	width: 210px;
	height: 50px;
	top: 140px;
	left: 45px;
	box-sizing: border-box;
	overflow:hidden;
	-webkit-mask-image: linear-gradient(90deg, transparent 0%, black 10%, black 90%, transparent 100%);
}

#txt01 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt01.png");
	z-index: 0;
}

#txt02 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt02.png");
	z-index: 0;
}

#txt03 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt03.png");
	z-index: 0;
}

#txt04 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt04.png");
	z-index: 0;
}

#txt05 {
	position: absolute;
	width:300px;
	height: 250px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/txt05.png");
	z-index: 0;
}

#clock {
	position: absolute;
	top: 5px;
	left: 75px;
}

#circle_02 {
	position: absolute;
	width:124px;
	height: 124px;
	top: 23px;
	left: -15px;
	opacity:0;
	background-image: url("assets/circle_02.png");
	z-index: 0;
}

#circle_00 {
	position: absolute;
	width:170px;
	height: 170px;
	top: 0px;
	left: 0px;
	opacity:0;
	background-image: url("assets/circle_00.png");
	z-index: 0;
}

#clock_03 {
	position: absolute;
	width:124px;
	height: 124px;
	top: 23px;
	left: 23px;
	opacity:0;
	background-image: url("assets/clock_03.png");
	z-index: 0;
}

#clock_02 {
	position: absolute;
	width:124px;
	height: 124px;
	top: 23px;
	left: 23px;
	opacity:0;
	background-image: url("assets/clock_02.png");
	z-index: 0;
}

#clock_01 {
	position: absolute;
	width:124px;
	height: 124px;
	top: 23px;
	left: 23px;
	opacity:0;
	background-image: url("assets/clock_01.png");
	z-index: 0;
}

#bottles {
	position: absolute;
	width:300px;
	height: 100px;
	top: 150px;
	left: 0px;
	opacity:0;
	background-image: url("assets/bottles.png");
	z-index: 0;
}