﻿


/* main_image */
.main_visual{height:255px;overflow:hidden;position:relative;clear:both; margin-top:0px;width:970px;margin-left:2px;}
.main_image{height:100%;overflow:hidden;position:relative; }
.main_image ul{height:100%;overflow:hidden;position:absolute;position:relative;top:0;left:0;margin-top:0px;}
.main_image li{float:left;height:255px;}
.main_image li img{display:block;width:100%;}
.main_image li a{display:block;width:100%;height:100%;}

/* div.flicking_con{position:absolute;top:233px;left:52%;z-index:999;width:300px;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('../images/btn_main_img.png') 0 0 no-repeat;display:block;text-indent:-1000px}
div.flicking_con a.on{background-position:0 -21px}*/
#btn_prev,#btn_next{z-index:11111;position:absolute;display:block;width:73px!important;height:74px!important;top:50%;margin-top:-37px;display:none;}
#btn_prev {
    background: url(../images/pre.png) no-repeat left top;
   
    left: 10px;
}
#btn_next {
    background: url(../images/next.png) no-repeat right top;
    right: 10px;   
}

div.flicking_con {
    position: absolute;
    bottom: 5px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
}

    div.flicking_con a {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 1px;
        text-indent: -999px;
        cursor: pointer;
        background-color: #000 \9;
        background-color: rgba(0, 0, 0, 0);
        border: 1px solid #fff;
        border-radius: 10px;
    }

        div.flicking_con a.on {
            width: 12px;
            height: 12px;
            margin: 0;
            background-color: #fff;
        }

