*{
	margin:0px;
	padding:0px;
}
body{
	color:#fff;
	background:#040000;
	position:relative;
	overflow:hidden;
}
.animation_block{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	background-image:url(../../common/images/a_bg_air.jpg);
	background-repeat:repeat;
	background-size:3110px;
	background-position:center;
}
.animation_block .wrap{
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
	position:relative;
	left:0px;
	top:0px;
	height:580px;
	background-repeat:no-repeat;
	background-size:1300px;
	background-position:center;
	width:1100px;
	margin:0px auto;
}
.loading{
	position:fixed;
	left:50%;
	top:50%;
	width:120px;
	height:120px;
	text-align:center;
	margin-left:-60px;
	margin-top:-40px;
	font-size:12px;
}
.loading span{
	width:70px;
	height:70px;
	display:block;
	margin:0px auto;
	margin-bottom:10px;
	border-radius:50%;
	border:solid 2px #fff;
	position:relative;
	animation-name:Lo;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-iteration-count:infinite;
	-webkit-animation-name:Lo;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:Lo;
	-moz-animation-duration:1s;
	-moz-animation-timing-function:linear;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:Lo;
	-ms-animation-duration:1s;
	-ms-animation-timing-function:linear;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:Lo;
	-o-animation-duration:1s;
	-o-animation-timing-function:linear;
	-o-animation-iteration-count:infinite;
	transition-duration:0.6s;
	-webkit-transition-duration:0.6s;
	-moz-transition-duration:0.6s;
	-ms-transition-duration:0.6s;
}
.loading span:before{
	position:absolute;
	left:-2px;
	top:-2px;
	content:"";
	width:40px;
	height:40px;
	background:rgba(0,0,0,0.5);
}

@keyframes Lo{
	0%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	100%{
		transform:rotate(360deg);
		-webkit-transform:rotate(360deg);
		-moz-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		-o-transform:rotate(360deg);
	}
}
.animation_block .part{
	position:absolute;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.animation_block .part_ground{
	left:0px;
	bottom:-100px;
	width:100%;
	height:232px;
	background-repeat:repeat no-repeat;
	background-size:2000px;
}
.animation_block .part_air_star{
	width:100%;
	height:100%;
	left:0px;
	bottom:0px;
}
.animation_block .part_air_moon{
	width:130px;
	height:130px;
	right:3%;
	top:13%;
	background-size:130px;
}
.animation_block .part_toptree{
	width:100%;
	height:220px;
	background-repeat:repeat no-repeat;
	background-size:1300px;
	left:0px;
	top:-100px;
	z-index:1;
}
.animation_block .part_topleaf1{
	width: 80px;
	height: 95px;
	left:40%;
	z-index:4;
	top:-10px;
}
.animation_block .part_topleaf2{
	width: 68px;
	height: 95px;
	right:20%;
	top:-10px;
	z-index:4;
}
.animation_block .part_topleaf3{
	width:80px;
	height:95px;
	left:20%;
	z-index:4;
}
.animation_block .part_ornament00{
	width: 100%;
	height: 215px;
	background-repeat:repeat no-repeat;
	background-size:1300px;
	left:0px;
	top:0px;
	z-index:3;
}
.animation_block .part_ornament01{
	width:55px;
	height:250px;
	background-size:100%;
	left: -2%;
	top: 50px;
	z-index:3;

	transform-origin:48px 0px;
	-webkit-transform-origin:48px 0px;
	-moz-transform-origin:48px 0px;
	-ms-transform-origin:48px 0px;
	-o-transform-origin:48px 0px;

	/* 星の吊るし物が左右に揺れる動作 */
	/* animation-name:ornament_shake_type1;
	-webkit-animation-name:ornament_shake_type1;
	-moz-animation-name:ornament_shake_type1;
	-ms-animation-name:ornament_shake_type1;
	-o-animation-name:ornament_shake_type1; */

	animation-duration:2s;
	-webkit-animation-duration:2s;
	-moz-animation-duration:2s;
	-ms-animation-duration:2s;
	-o-animation-duration:2s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;

	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
}
.animation_block .part_ornament02{
	width:47px;
	height:185px;
	background-size:100%;
	left:20%;
	top: 110px;
	z-index:3;

	transform-origin:28px 0px;
	-webkit-transform-origin:28px 0px;
	-moz-transform-origin:28px 0px;
	-ms-transform-origin:28px 0px;
	-o-transform-origin:28px 0px;

	/* 星の吊るし物が左右に揺れる動作 */
	/* animation-name:ornament_shake;
	-webkit-animation-name:ornament_shake;
	-moz-animation-name:ornament_shake;
	-ms-animation-name:ornament_shake;
	-o-animation-name:ornament_shake; */

	animation-duration:5s;
	-webkit-animation-duration:5s;
	-moz-animation-duration:5s;
	-ms-animation-duration:5s;
	-o-animation-duration:5s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;

	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	-moz-animation-timing-function:ease-out;
	-ms-animation-timing-function:ease-out;
	-o-animation-timing-function:ease-out;

	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
}
.animation_block .part_ornament03{
	width:67px;
	height:200px;
	background-size:100%;
	right: -2%;
	top: 50px;
	z-index:3;

	transform-origin:40px 0px;
	-webkit-transform-origin:40px 0px;
	-moz-transform-origin:40px 0px;
	-ms-transform-origin:40px 0px;
	-o-transform-origin:40px 0px;

	/* 星の吊るし物が左右に揺れる動作 */
	/* animation-name:ornament_shake;
	-webkit-animation-name:ornament_shake;
	-moz-animation-name:ornament_shake;
	-ms-animation-name:ornament_shake;
	-o-animation-name:ornament_shake; */

	animation-duration:4s;
	-webkit-animation-duration:4s;
	-moz-animation-duration:4s;
	-ms-animation-duration:4s;
	-o-animation-duration:4s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;

	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;

}

.animation_block .part_ornament04{
	width:55px;
	height:250px;
	background-size:100%;
	right:-21%;
	top: 50px;
	z-index:3;

	transform-origin:48px 0px;
	-webkit-transform-origin:48px 0px;
	-moz-transform-origin:48px 0px;
	-ms-transform-origin:48px 0px;
	-o-transform-origin:48px 0px;

	/* 星の吊るし物が左右に揺れる動作 */
	/* animation-name:ornament_shake_type1;
	-webkit-animation-name:ornament_shake_type1;
	-moz-animation-name:ornament_shake_type1;
	-ms-animation-name:ornament_shake_type1;
	-o-animation-name:ornament_shake_type1; */

	animation-duration:3.5s;
	-webkit-animation-duration:3.5s;
	-moz-animation-duration:3.5s;
	-ms-animation-duration:3.5s;
	-o-animation-duration:3.5s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;

	animation-timing-function:linear;
	-webkit-animation-timing-function:linear;
	-moz-animation-timing-function:linear;
	-ms-animation-timing-function:linear;
	-o-animation-timing-function:linear;

	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
}
.animation_block .part_ornament05{
	width:47px;
	height:185px;
	background-size:100%;
	left: -20%;
	top: 50px;
	z-index:3;

	transform-origin:28px 0px;
	-webkit-transform-origin:28px 0px;
	-moz-transform-origin:28px 0px;
	-ms-transform-origin:28px 0px;
	-o-transform-origin:28px 0px;

	/* 星の吊るし物が左右に揺れる動作 */
	/* animation-name:ornament_shake;
	-webkit-animation-name:ornament_shake;
	-moz-animation-name:ornament_shake;
	-ms-animation-name:ornament_shake;
	-o-animation-name:ornament_shake; */

	animation-duration:4.2s;
	-webkit-animation-duration:4.2s;
	-moz-animation-duration:4.2s;
	-ms-animation-duration:4.2s;
	-o-animation-duration:4.2s;

	animation-iteration-count:infinite;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;

	animation-timing-function:ease-out;
	-webkit-animation-timing-function:ease-out;
	-moz-animation-timing-function:ease-out;
	-ms-animation-timing-function:ease-out;
	-o-animation-timing-function:ease-out;

	animation-delay:2s;
	-webkit-animation-delay:2s;
	-moz-animation-delay:2s;
	-ms-animation-delay:2s;
	-o-animation-delay:2s;
}
@keyframes ornament_shake_type1{
	0%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	25%{
		transform:rotate(3deg);
		-webkit-transform:rotate(3deg);
		-moz-transform:rotate(3deg);
		-ms-transform:rotate(3deg);
		-o-transform:rotate(3deg);
	}
	50%{
		transform:rotate(-3deg);
		-webkit-transform:rotate(-3deg);
		-moz-transform:rotate(-3deg);
		-ms-transform:rotate(-3deg);
		-o-transform:rotate(-3deg);
	}
	75%{
		transform:rotate(2deg);
		-webkit-transform:rotate(2deg);
		-moz-transform:rotate(2deg);
		-ms-transform:rotate(2deg);
		-o-transform:rotate(2deg);
	}
	100%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
}

@keyframes ornament_shake{
	0%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	50%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	66.666666%{
		transform:rotate(-5deg);
		-webkit-transform:rotate(-5deg);
		-moz-transform:rotate(-5deg);
		-ms-transform:rotate(-5deg);
		-o-transform:rotate(-5deg);
	}
	80%{
		transform:rotate(5deg);
		-webkit-transform:rotate(5deg);
		-moz-transform:rotate(5deg);
		-ms-transform:rotate(5deg);
		-o-transform:rotate(5deg);
	}
	100%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
}

/* 流れ星 */
/* .animation_block .part_shootingstar01,
.animation_block .part_shootingstar02,
.animation_block .part_shootingstar03{
	position:absolute;
	width:250px;
	height:1px;
	left:10%;
	top:40%;
	z-index:0;
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
	transform:rotate(-35deg);
	-webkit-transform:rotate(-35deg);
	-moz-transform:rotate(-35deg);
	-ms-transform:rotate(-35deg);
	-o-transform:rotate(-35deg);
}
.animation_block .part_shootingstar02{
	left:-20%;
	top:45%;
}
.animation_block .part_shootingstar03{
	left:auto;
	right:-5%;
	top:38%;
}
.animation_block .part_shootingstar01:before,
.animation_block .part_shootingstar02:before,
.animation_block .part_shootingstar03:before{
	background:rgba(255,255,255,0.6);
	content:"";
	position:absolute;
	z-index:2;
	display:block;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	animation-name:shootingstar_3;
	animation-duration:3.4s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-delay:1.7s;

	-webkit-animation-name:shootingstar_3;
	-webkit-animation-duration:3.4s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:1.7s;

	-moz-animation-name:shootingstar_3;
	-moz-animation-duration:3.4s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-moz-animation-delay:1.7s;

	-ms-animation-name:shootingstar_3;
	-ms-animation-duration:3.4s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
	-ms-animation-delay:1.7s;

	-o-animation-name:shootingstar_3;
	-o-animation-duration:3.4s;
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
	-o-animation-delay:1.7s;
}
.animation_block .part_shootingstar02:before{

	animation-duration:2.7s;
	animation-delay:2.3s;

	-webkit-animation-duration:2.7s;
	-webkit-animation-delay:2.3s;

	-moz-animation-duration:2.7s;
	-moz-animation-delay:2.3s;

	-ms-animation-duration:2.7s;
	-ms-animation-delay:2.3s;

	-o-animation-duration:2.7s;
	-o-animation-delay:2.3s;

}
.animation_block .part_shootingstar03:before{

	animation-duration:3s;
	animation-delay:4.1s;

	-webkit-animation-duration:3s;
	-webkit-animation-delay:4.1s;

	-moz-animation-duration:3s;
	-moz-animation-delay:4.1s;

	-ms-animation-duration:3s;
	-ms-animation-delay:4.1s;

	-o-animation-duration:3s;
	-o-animation-delay:4.1s;

}
@keyframes shootingstar_3{
	0%{
		width:0px;
		left:100%;
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
	}
	15%{
		width:100%;
		left:0%;
		opacity:1;
		-webkit-opacity:1;
		-moz-opacity:1;
		-ms-opacity:1;
		-o-opacity:1;
	}
	30%{
		width:0%;
		left:0%;
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
	}
	100%{
		opacity:0;
		-webkit-opacity:0;
		-moz-opacity:0;
		-ms-opacity:0;
		-o-opacity:0;
	}
} */
.animation_block .part_bottomflower{
	width:100%;
	background-repeat:repeat no-repeat;
	background-size:1300px;
	height:143px;
	left:0px;
	bottom:-100px;
	z-index:4;
}
.animation_block .part_bookshelf{
	width: 590px;
	height: 540px;
	right:18%;
	bottom:2%;
	z-index:3;
}
.animation_block .part_girl{
	width: 270px;
	height: 270px;
	left:5%;
	bottom:3%;
	z-index:1;

	/* 本をめくる動作 */
	/* animation-name:girl_animation;
	animation-iteration-count:infinite;
	animation-duration:4s;
	animation-timing-function:steps(13,end); */
	animation-delay:2s;

	/* -webkit-animation-name:girl_animation;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-duration:4s;
	-webkit-animation-timing-function:steps(13,end); */
	-webkit-animation-delay:2s;

	/* -moz-animation-name:girl_animation;
	-moz-animation-iteration-count:infinite;
	-moz-animation-duration:4s;
	-moz-animation-timing-function:steps(13,end); */
	-moz-animation-delay:2s;

	/* -ms-animation-name:girl_animation;
	-ms-animation-iteration-count:infinite;
	-ms-animation-duration:4s;
	-ms-animation-timing-function:steps(13,end); */
	-ms-animation-delay:2s;

	/* -o-animation-name:girl_animation;
	-o-animation-iteration-count:infinite;
	-o-animation-duration:4s;
	-o-animation-timing-function:steps(13,end); */
	-o-animation-delay:2s;

	background-image:url(../../common/images/a_girl_animation.png);
	background-size:3780px;
	background-position:0px;
}
@keyframes girl_animation{
	30%{ background-position:-3510px; }
	100%{ background-position:-3510px; }
}
.animation_block .part_rabitte{
	left: 1%;
	bottom: 7%;
	z-index: 3;
	width: 152px;
	height: 192px;
	background-image:url(../../common/images/a_rabitte_animation.png);
	background-size:456px;
	background-position:0px;

	/* ウサギが耳を動かす動作 */
	/* animation-name:rabitte_animation;
	animation-iteration-count:infinite;
	animation-duration:3s;
	animation-timing-function:steps(2,end); */
	animation-delay:2s;

}
@keyframes rabitte_animation{
	10%{ background-position:-304px; }
	100%{ background-position:-304px; }
}
.animation_block .part_balloon{
	width: 210px;
	height: 220px;
	top:13%;
	left:5%;
	z-index:4;
}
.animation_block .part_balloon .text{
	font-size:15px;
	color:#6A250F;
	position:absolute;
	width:160px;
	left: 20px;
	top: 40px;
	text-align: center;
}
.animation_block .part_balloon .text.t2{
	font-size:13px;
	top:80px;
	height:140px;
	line-height:20px;
	overflow:hidden;
}
.animation_block .link{
	position:absolute;
	z-index:100;
}
.animation_block .link.active img{
	animation-name:link_active;
	animation-duration:100ms;
	animation-iteration-count:infinite;
	animation-timing-function:linear;

	-webkit-animation-name:link_active;
	-webkit-animation-duration:100ms;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

	-moz-animation-name:link_active;
	-moz-animation-duration:100ms;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;

	-ms-animation-name:link_active;
	-ms-animation-duration:100ms;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;

	-o-animation-name:link_active;
	-o-animation-duration:100ms;
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
}
@keyframes link_active{

/*
	0%{
		margin-left:0px;
	}
	25%{
		margin-left:5px;
	}
	50%{
		margin-left:0px;
		margin-top:-5px;
	}
	50%{
		margin-top:0px;
		margin-bottom:-5px;
	}
	100%{
		margin-bottom:0px;
		margin-right:5px;
	}
*/
}
.animation_block .link_small_lot{
	width: 150px;
	height:100px;
	top: 74px;
	left: 23px;
	background:url(../../common/images/a_link_smalllot.png);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:center;
}
.animation_block .link_small_lot:before{
	content:"";
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;

	background:url(../../common/images/a_link_smalllot_active.png);
	background-repeat:no-repeat;
	background-size:150px;
	background-position:center;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

}
.animation_block .link_small_lot:hover:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.animation_block .link_supplement{
	right: 32px;
	top: 74px;
	width:167px;
	height:100px;
	background:url(../../common/images/a_link_supplement.png);
	background-repeat:no-repeat;
	background-size:167px;
	background-position:center;
}
.animation_block .link_supplement:before{
	content:"";
	background:url(../../common/images/a_link_supplement_active.png);
	background-repeat:no-repeat;
	background-size:167px;
	background-position:center;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
	width:167px;
	height:100px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.animation_block .link_supplement:hover:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.animation_block .link_easy_order{
	width: 200px;
	left: 25px;
	top: 322px;
	height: 80px;
	background:url(../../common/images/a_link_easyorder.png);
	background-repeat:no-repeat;
	background-size:201px;
	background-position:center;
}
.animation_block .link_easy_order:before{
	content:"";
	display:block;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 80px;
	background:url(../../common/images/a_link_easyorder_active.png);
	background-repeat:no-repeat;
	background-size:201px;
	background-position:center;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
.animation_block .link_easy_order:hover:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.animation_block .link_material{
	width: 150px;
	height: 75px;
	right: 26px;
	top: 323px;
	background:url(../../common/images/a_link_material.png);
	background-repeat:no-repeat;
	background-size:140px;
	background-position:center;
}
.animation_block .link_material:before{
	content:"";
	display:block;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 150px;
	height: 75px;
	background:url(../../common/images/a_link_material_active.png);
	background-repeat:no-repeat;
	background-size:140px;
	background-position:center;
	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

}
.animation_block .link_material:hover:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}

.animation_block .link_oem{
	width: 120px;
	height: 240px;
	left: 130px;
	bottom: 8%;
}
.animation_block .link_oem2{
	width: 205px;
	height: 124px;
	left: 181px;
	top: 45px;
	background:url(../../common/images/a_link_oem2.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position:center top 17px;
}
.animation_block .link_oem2:before{
	background:url(../../common/images/a_link_oem2_active.png);
	background-repeat:no-repeat;
	background-size:120px;
	background-position:center top 17px;
	content:"";
	display:block;
	position:absolute;
	left: 0px;
	top: 0px;
	width: 205px;
	height: 124px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

}
.animation_block .link_oem2:hover:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;


}
.animation_block .link_oem2 img{
	width:100%;
}
.animation_block .part_tel{
	position:absolute;
	left: 59%;
	bottom: 10px;
	width: 60px;
	height: 100px;
	background-image:url(../../common/images/a_tel_01.png);
	background-repeat:no-repeat;
	background-size:45px;
}
.animation_block .part_tel:before{
	content:"";
	display:block;
	position:absolute;
	left:-15px;
	bottom: 50px;
	width: 70px;
	height: 50px;
	background-image:url(../../common/images/a_tel_02.png);
	background-repeat:no-repeat;
	background-size:70px;

	transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-ms-transform:rotate(0deg);
	-o-transform:rotate(0deg);

	transition-duration:100ms;
	-webkit-transition-duration:100ms;
	-moz-transition-duration:100ms;
	-ms-transition-duration:100ms;
	-o-transition-duration:100ms;
}
.animation_block .area_tel{
	position:absolute;
	z-index:100;
	cursor:pointer;
	left: 58.59%;
	bottom: 50px;
	width: 75px;
	height: 80px;
	cursor:default;
}
/* 電話が動く動作 */
.animation_block .area_tel:hover~.part_bookshelf .part_tel:before{
	transform-origin:30px 10px;

	height:60px;

	animation-name:tel_hover;
	animation-duration:1s;
	animation-iteration-count:infinite;
	animation-timing-function:linear;

	-webkit-animation-name:tel_hover;
	-webkit-animation-duration:1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;

	-moz-animation-name:tel_hover;
	-moz-animation-duration:1s;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;

	-ms-animation-name:tel_hover;
	-ms-animation-duration:1s;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;

	-o-animation-name:tel_hover;
	-o-animation-duration:1s;
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
	
}
@keyframes tel_hover{
	0%,41%,100%{
		transform:rotate(0deg);
		-webkit-transform:rotate(0deg);
		-moz-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		-o-transform:rotate(0deg);
	}
	1%,3%,5%,7%,9%,11%,13%,15%,17%,19%,21%,23%,25%,27%,29%,31%,33%,35%,37%,39%{
		transform:rotate(10deg);
		-webkit-transform:rotate(10deg);
		-moz-transform:rotate(10deg);
		-ms-transform:rotate(10deg);
		-o-transform:rotate(10deg);
	}
	2%,4%,6%,8%,10%,12%,14%,16%,18%,20%,22%,24%,26%,28%,30%,32%,34%,36%,38%,40%{
		transform:rotate(-10deg);
		-webkit-transform:rotate(-10deg);
		-moz-transform:rotate(-10deg);
		-ms-transform:rotate(-10deg);
		-o-transform:rotate(-10deg);
	}
}
.animation_block .area_mask{
	position: absolute;
	width: 70px;
	height: 80px;
	left: 35%;
	bottom: 8%;
	z-index: 4;
	cursor:default;
}
.animation_block .part_mask{
	position: absolute;
	width: 100px;
	height: 100px;
	left: 9%;
	bottom: 5%;
	background-image: url(../../common/images/a_mask_active.png);
	background-size: 88px;
	background-repeat: no-repeat;
	background-position: center;
}
/* .animation_block .part_mask:before{
	content:"";
	display:block;
	position: absolute;
	width: 100px;
	height: 100px;
	left:0px;
	bottom:0px;
	background-image: url(../../common/images/a_mask.png);
	background-size: 88px;
	background-repeat: no-repeat;
	background-position: center;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

} */
.animation_block .area_mask:hover~.part_bookshelf .part_mask:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
}
.animation_block .part_globe{
	position:absolute;
	left:40%;
	background-image:url(../../common/images/a_globe.png);
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center bottom 15px;
	width:90px;
	height:180px;
	bottom:0%;
}
.animation_block .part_globe:before{
	content:"";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background-image:url(../../common/images/a_globe_active.png);
	background-repeat:no-repeat;
	background-size:100px;
	background-position:center bottom 15px;

	transition-duration:600ms;
	-webkit-transition-duration:600ms;
	-moz-transition-duration:600ms;
	-ms-transition-duration:600ms;
	-o-transition-duration:600ms;

	opacity:0;
	-webkit-opacity:0;
	-moz-opacity:0;
	-ms-opacity:0;
	-o-opacity:0;
}
/* .animation_block .area_globe{
	position:absolute;
	left:50%;
	width:80px;
	height:120px;
	height: 100px;
	bottom: 7%;
	z-index:4;
	cursor:default;
}
.animation_block .area_globe:hover~.part_bookshelf .part_globe:before{
	opacity:1;
	-webkit-opacity:1;
	-moz-opacity:1;
	-ms-opacity:1;
	-o-opacity:1;
] */