/* slider.css */

#slider_area {
    margin: 0 auto;
    width:  700px;
    height: 380px;
    background-color: #f0f0f0;
}

#slider {
    position: absolute; /* frame of reference */
    width:  700px;
    height: 380px;
    overflow: hidden;
}

.slide {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index:  0;
    opacity: 0;
}

.slide.first {
    z-index:  1;
    opacity: 1;
}