
/* トップページアニメーション */
.invisible {
	opacity:0.0;
}

.visible {
	opacity:1.0;
}

.feed_out {
	-webkit-animation: feed_out 1.5s ease-in-out;
}

.feed_in {
	-webkit-animation: feed_in 1.0s ease-in-out;
}
@-webkit-keyframes show_popup {
 0% {-webkit-transform: scale(0.0, 0.0);}
 5% {-webkit-transform: scale(0.0, 0.0);}
 50% {-webkit-transform: scale(0.25, 1.0);}
 100% {-webkit-transform: scale(1.0, 1.0);}
}

@-webkit-keyframes close_popup {
 0% {-webkit-transform: scale(1.0, 1.0);}
 40% {-webkit-transform: scale(1.0, 0.25);}
 100% {-webkit-transform: scale(0.0, 0.0);}
}

@-webkit-keyframes feed_out {
 0% {opacity:1.0;}
 5% {opacity:1.0;}
 100% {opacity:0.0;}
}

@-webkit-keyframes feed_in {
 0% {opacity:0.0;}
 5% {opacity:0.0;}
 100% {opacity:1.0}
}

#animation_area {
	width:320px;
	height:114px;
	margin-bottom:10px !important;
	overflow:hidden;
	margin:0px auto;
}

#animation_inner {
	width:3100px;
}

#animation_inner ul li {
	width:320px;
	float:left;
}

/* 個別デザイン */
#phase_0 {
	font-size:11px;
	text-align:center;
}

#phase_1 {
	margin-top:5px;
	text-align:center;
}

#phase_2 {
	text-align:center;
}

#phase_0_area {
	margin-top:30px;
	text-shadow:0px 0px 3px #999999;
}
