#main #slider {
    position:relative;
}

#main #wrapper {
    background: #fff;
    width: 100%;
    height: 530px;
    overflow: hidden;
}

#main #carousel li {
    float: left;
}

#main #prev, #main #next {
    background-image:url("../images/bg_slide.png");
    opacity:0.7;
    filter: alpha(opacity=70);/* ie 6 7 */
    -ms-filter: "alpha(opacity=70)";/* ie 8 */
    zoom:1;
    display: block;
    height: 530px;
    width: 50%;
    top: 0;
    position: absolute;
}

#main #prev:hover, #main #next:hover {
    opacity:0.4;
    filter: alpha(opacity=40);/* ie 6 7 */
    -ms-filter: "alpha(opacity=40)";/* ie 8 */
    zoom:1;
}

#main #prev {
    left: -500px;/* スライドする画像の横半分の値 */
}

#main #next {
    right: -500px;/* スライドする画像の横半分の値 */
}

#main #prev img {
    right:20px;
    top:240px;
    position:absolute;
}

#main #next img {
    left:20px;
    top:240px;
    position:absolute;
}

#main #pager {
    text-align:center;
    padding:10px;
}

#main #pager a {
    border: 2px solid #main #ccc;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    display: inline-block;
    width: 5px;
    height: 5px;
    margin: 0 5px 0 0;
}

#main #pager a:hover {
    background:#eee ;
}

#main #pager a span {
    display: none;
}

#main #pager a.selected {
    background-color: #ccc;
}