@charset"UTF-8";  



/*--------------------------画像のフェードイン　アウト-------------------------------*/
 

#stage {
position: relative;
max-width:850px;
margin: 0px;
background:#ddd;
}
.pic {
position: absolute;
left:17px;    
}
.pic img {
width: 815px;
height: 400px;
opacity:0;
-moz-animation: imgTrans 12s infinite;
-webkit-animation: imgTrans 12s ease-in infinite;
animation: imgTrans 12s infinite;
}
#photo1 img {
-moz-animation-delay: 0s;
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
#photo2 img {
-moz-animation-delay: 2s;/*５秒毎にフェードアウトしていく*/
-webkit-animation-delay: 2s;
animation-delay: 2s;
}
#photo3 img {
-moz-animation-delay: 4s;
-webkit-animation-delay: 4s;
animation-delay: 4s;
}
#photo4 img{
-moz-animation-delay: 6s;
-webkit-animation-delay: 6s;
animation-delay: 6s;
}
#photo5 img {
-moz-animation-delay: 8s;
-webkit-animation-delay: 8s;
animation-delay: 8s;
}
#photo6 img {
-moz-animation-delay: 10s;
-webkit-animation-delay: 10s;
animation-delay: 10s;
}

@-webkit-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@-moz-keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
@keyframes imgTrans {
0% { opacity:0; }
7% { opacity:1; }
18% { opacity:1; }
25% { opacity:0; }
100% { opacity:0; }
}
*/---------------------------------------------------------------------------------*/