@charset "EUC-JP";
/* CSS Document */

.slider{
    width:1000px;
    height:400px;
    margin:0 auto;
    margin-bottom: 20px;
    position:relative;
}

.slider ul{
    margin:0;
    padding:0;
    list-style:none;
}
.slider ul li{
    width:1000px;
    height:400px;
    position:absolute;
    top:0;
    left:0;
    animation-iteration-count:infinite;
    animation-duration:48s;
}

.slider ul li:nth-child(1){
    animation-name:slider;
    animation-delay:-3s;
}
.slider ul li:nth-child(2){
    animation-name:slider;
    animation-delay:5s;
    opacity:0;
}
.slider ul li:nth-child(3){
    animation-name:slider;
    animation-delay:13s;
    opacity:0;
}
.slider ul li:nth-child(4){
    animation-name:slider;
    animation-delay:21s;
    opacity:0;
}
.slider ul li:nth-child(5){
    animation-name:slider;
    animation-delay:29s;
    opacity:0;
}
.slider ul li:nth-child(6){
    animation-name:slider;
    animation-delay:37s;
    opacity:0;
}
 
@keyframes slider{
    0%{
        opacity:0;
    }
    6.25%{
        opacity:1;
    }
    
    12.5%{
        opacity:1;
    }
    
    25%{
        opacity:0;
    }
    50%{
        opacity:0;
    }
    
    100%{
        opacity:0;
    }
}