@charset "utf-8";

/* indexMainContents
------------------------------------------------------------------------------- */
#mainImage {
    width:525px;
    height:260px;
    margin-bottom:10px;
    background:#fff;
    position:relative;
    overflow:hidden;
}

#mainVisual ul {
    height:260px;
    position:absolute;
}

#mainVisual ul li {
    position:absolute;
    top:0;
}

#mainVisual ul li img {
    display: none;
}

#mainImgNav {
    height:30px;
    position:absolute;
    right:5px;
    bottom:5px;
    z-index:20;
}

#mainImgNav ul {
    float:right;
}

#mainImgNav ul li {
    float:left;
    width:30px;
    height:30px;
    margin-right:4px;
    overflow:hidden;
    position:relative;
    cursor:pointer;
}

#mainImgNav ul li div {
    width:26px;
    height:26px;
    border:2px solid #ab1a7b;
    position:absolute;
    top:0;
    left:0;
}

#mainImgNavbg {
    width:525px;
    height:40px;
    
    filter: alpha(opacity=50);
    -moz-opacity:0.5;
    opacity:0.5;
    position:absolute;
    bottom:0;
    z-index:10;
}

#mainVisual ul:after,
#mainImgNav:after,
#mainImgNav ul:after {
    content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;
}