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

body {
	width:100%;
	height:100%;
	color:#fff;
	margin:0px;
	padding:0px;
	z-index:0;
	line-height:16px;
	overflow:hidden;
	background:#1A151E;
	font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a{text-decoration:underline;padding:0;margin:0;border:none;color:#fff;}
img {text-decoration:none;border:none;}
a:hover {color:#F90}

#white{
	width:100%;
	height:100%;
	position:absolute;
	left:0px;
	top:0px;
	background:#FFF;
	z-index:60;
}

#main {
	position:relative;
	margin:0 auto;
	padding:0px;
	top:0px;
	width:800px;
	height:1000px;
	z-index:30;
}
#mov {
	position:relative;
	width:671px;
	height:431px;
	margin:0 auto;
	padding:0px;
	background:url(../bg/stage.png) no-repeat;
	-moz-transform-origin: 50% 0%;
	-webkit-transform-origin:50% 0%;
	-o-transform-origin:50% 0%;
	-ms-transform-origin: 50% 0%;
	z-index:30;
}
#anim {
	position:relative;
	width:400px;
	height:300px;
	margin:0 auto;
	padding:0px;
	top:100px;
	overflow:hidden;
	background:url(../bg/anim.png) no-repeat;
}
#about {
	position:relative;
	display:block;
	font-size:12px;
	color:#fff;
	line-height:13px;
	margin:0 auto;
	top:5px;
	left:0px;
	width:450px;
	height:310px;
	padding:5px;
	background-color:rgba(16,48,78,0.7);
}
#bun {
	position:relative;
	display:block;
	margin-top:-114px;
	left:240px;
	width:200px;
	height:90px;
	opacity:0;
}
#bun img {
	width:200px;
	height:40px;
	margin-top:5px;
}
ul {
	height:180px;
	width:430px;
	padding-left:15px;
}
li {
	position:relative;
	opacity:0;
	left:20px;
	font-size:10px;
	line-height:11px;
	display:inline-block;
	width:400px;
	height:12px;
	text-align:left;
}
.flower{
	height:60px;
	width:60px;
	position:absolute;
	z-index:60;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-ms-transform-origin: 50% 50%;
}
.snow{
	height:60px;
	width:60px;
	position:absolute;
	z-index:60;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-ms-transform-origin: 50% 50%;
}
.snow2{
	height:240px;
	width:240px;
	position:absolute;
	z-index:60;
	transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-webkit-transform-origin:50% 50%;
	-o-transform-origin:50% 50%;
	-ms-transform-origin: 50% 50%;
}

#dan{top:0px; left:0px;}
#dan2{top:220px; left:90px;}
#dan3{top:400px; left:350px;}
#dan4{bottom:0px; left:60%;}
#dan5{top:350px; left:75%;}
#dan6{top:120px; left:65%;}

.dan{
	width:300px;
	height:199px;
	position:absolute;
	z-index:2;
	opacity:0;
}
#fl1{
	left:10%;
	top:10%;
}
#fl2{
	left:22%;
	top:21%;
}
#fl3{
	left:7%;
	top:40%;
}
#fl4{
	left:18%;
	top:65%;
}
#fl5{
	left:27%;
	top:80%;
}
#fl6{
	left:88%;
	top:6%;
}
#fl7{
	left:90%;
	top:35%;
}
#fl8{
	left:75%;
	top:54%;
}
#fl9{
	left:85%;
	top:80%;
}

#fl10{
	left:77%;
	top:70%;
}

#sn1{
	left:16%;
	top:4%;
}
#sn2{
	left:14%;
	top:23%;
}
#sn3{
	left:12%;
	top:50%;
}
#sn4{
	left:23%;
	top:53%;
}
#sn5{
	left:15%;
	top:90%;
}
#sn6{
	left:70%;
	top:11%;
}
#sn7{
	left:75%;
	top:29%;
}
#sn8{
	left:85%;
	top:49%;
}
#sn9{
	left:90%;
	top:74%;
}

#sn10{
	left:76%;
	top:88%;
}

#son{
	left:0%;
	top:55%;
}
.cf:before, .cf:after {
	content:"";
	display:table;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}
.clear {
	clear:both
}
.clear hr {
	display:none
}
.bgs {
	top:0;
	left:0;
	position:absolute;
	position:fixed;
	z-index:5;
	width:100%;
	min-width:100%;
	height:100%;
	min-height:100%;
}
#bg1 {
	background:url(../bg/effect_1.png) repeat-x;
	background-position:0 bottom;
}
#bg2 {
	background:url(../bg/effect_2.png) repeat-x;
	background-position:bottom;
}
#bg3 {
	background:url(../bg/effect_3.png) repeat-x;
	background-position:bottom;
}
.book2{
	position:absolute;
	left:0px;
	top:0px;
	width:40%;
	height:100%;
	z-index:90;
	margin-left:-1000px;
	background:rgba(51,102,204,0.8);
}
.book{
	position:absolute;
	right:0px;
	top:0px;
	width:40%;
	height:100%;
	z-index:90;
	margin-right:-1000px;
	background:rgba(51,102,204,0.8);
}

.book2 img{
	position:relative;
	left:5%;
	top:5%;
	width:90%;
	height:90%;
	z-index:90;
	display:block;
}
.book img{
	position:relative;
	left:5%;
	top:5%;
	width:90%;
	height:90%;
	z-index:90;
	display:block;
}

.book3{
	position:absolute;
	right:0px;
	top:0px;
	width:80%;
	height:100%;
	z-index:90;
	margin-right:-2000px;
	background:rgba(51,102,204,0.8);
}
.book3 img{
	position:relative;
	left:5%;
	top:5%;
	width:90%;
	height:90%;
	z-index:90;
	display:block;
}