@charset "utf-8";

.sc {
}

.sc div.scrollable {
    position: relative;
    overflow: hidden;
    float: left;
    /* decoration */
    width:  500px;
    height: 180px;
    border: 1px outset #ccc;
    background-color: #efefef;
}

.sc div.scrollable div.items {
    position: absolute;
    width: 20000em;
    clear: both;
    /* decoration */
}

.sc div.scrollable div.items div {
    float: left;
    /* decoration */
    text-align: center;
    width: 120px;
    padding: 1ex 0px;
    border: 1px outset #ccc;
    background-color:  #ddd;
    margin-right:  5px;
}

/* navi */
.sc a.prev, .sc a.next {
    display: block;
    width: 40px;
    height: 180px;
    background: url(../img/left.png) no-repeat;
    float: left;
    margin: 0px;
    cursor: pointer;
}

.sc a.prev:hover, .sc a.next:hover {
    background-position: 0px -180px;
    }

.sc a.disabled {
   /* visibility:hidden !important; */
    background-position: 0px -360px !important;
    cursor: default !important;
    }

.sc a.next {
    background-image: url(../img/right.png);
    clear: right;
}