/**
 * 店舗画像ページのjcarousel用のCSS
 */

@charset "utf-8";

/* 上位のCSSの値をリセット */
ul li,
ol li
{
    margin: 0;
}

/* jcarousel-containerになる部分 */
#mycarousel
{
    width:495px;
}

/* 画像が入る部分 */
.jcarousel-clip
{
    width:420px;
    height: 75px;
}

/* UL */
.jcarousel-list
{
    width:425px;
    height:75px;
}

/* LI */
.jcarousel-list li,
.jcarousel-item
{
    float:left;
    display:inline;
    list-style:none;
    width:75px;
    height:75px;
    margin-right:10px;
}

/* 画像がロードされるまで使われる */
.jcarousel-item-placeholder {
    background: #fff url(/images/jcarousel/loading.gif) 50% 50% no-repeat;
}

/* 横のボタン：次 */
.jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 15px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/images/target/photo_item/photoitem_thum_next__001.png) no-repeat 0 0;
}

/* 横のボタン：次 */
.jcarousel-next-horizontal:hover {
}

/* 横のボタン：次 */
.jcarousel-next-horizontal:active {
}

/* 横のボタン：次 */
.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -75px;
}

/* 横のボタン：前 */
.jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 15px;
    width: 15px;
    height: 75px;
    cursor: pointer;
    background: transparent url(/images/target/photo_item/photoitem_thum_previous__001.png) no-repeat 0 0;
}

/* 横のボタン：前 */
.jcarousel-prev-horizontal:hover {
}

/* 横のボタン：前 */
.jcarousel-prev-horizontal:active {
}

/* 横のボタン：前 */
.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: 0 -75px;
}