/* =======================================
    carousel w100 h50
======================================= */
#carousel {
    height: 70px;
    margin: 5px auto 0;
    position: relative;
    text-align: left;
    width: 208px;
}

#carousel,  x:-moz-any-link, x:default  {
    margin: 5px auto 0;
}


/* for ie7*/
*+html #carousel {
    margin: 4px auto 0;
}


#carousel_prev,
#carousel_next {
    top: 10px;
    width: 15px;
    height: 70px;
    background: #000;
    cursor: pointer;
    position: absolute;
}
#carousel_prev {
    left: -15px;
    background:transparent url(../img/prev.gif) no-repeat top left;
}
#carousel_next {
    right: -15px;
    background:transparent url(../img/next.gif) no-repeat top left;
}


#carousel ul {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    height: 70px;
}

#carousel #carousel_wrap #carousel_move ul li {
    display: inline;
    float: left;
    height: 70px;
    margin: 0 8px 0 0px;
    width: 100px;
}


/* =======================================
    ClearFixElements
======================================= */
#carousel ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

a img {
    border-style:none;
}








/* =======================================
    carouse2 w100 h50
======================================= */
#carousel2 {
    height: 50px;
    margin: 25px auto 0;
    position: relative;
    text-align: left;
    width: 208px;
}

#carousel2_prev,
#carousel2_next {
    top: 0;
    width: 15px;
    height: 50px;
    background: #000;
    cursor: pointer;
    position: absolute;
}
#carousel2_prev {
    left: -15px;
    background:transparent url(../img/prev.gif) no-repeat top left;
}
#carousel2_next {
    right: -15px;
    background:transparent url(../img/next.gif) no-repeat top left;
}


#carousel2 ul {
    display: inline-block;
    margin: 0;
    overflow: hidden;
    padding: 0;
    height: 50px;
}

#carousel2 #carousel2_wrap #carousel2_move ul li {
    display: inline;
    float: left;
    height: 50px;
    margin: 0 8px 0 0px;
    width: 100px;
}


/* =======================================
    carouseナシ w100 h70
======================================= */
#jscontent-steptop .steptop-navi #banner_camp ul li.first {
    display: inline;
    float: left;
    height: 70px;
    margin: 5px 8px 0 11px;
    width: 100px;
}

#jscontent-steptop .steptop-navi #banner_camp ul li.second {
    display: inline;
    float: left;
    height: 70px;
    margin: 5px 0 0 0;
    width: 100px;
}

/* =======================================
    ClearFixElements
======================================= */
#carousel2 ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}

a img {
    border-style:none;
}