﻿


/* main_image */
.main_visual {
    height: 500px;
    max-width: 1400px;
    overflow: hidden;
    position: relative;
    clear: both;
    margin: 0 auto;
    padding: 0px;
}

.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: 100%;
    }

        .main_image li img {
            display: block;
            width: 100%;
        }

        .main_image li a {
            display: block;
            width: 100%;
            height: 100%;
            height: 100%
        }

#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(../PROBIRD_SRC/banners/pre.png) no-repeat left top;
    left: 10px;
}

#btn_next {
    background: url(../PROBIRD_SRC/banners/next.png) no-repeat right top;
    right: 10px;
}

div.flicking_con {
    position: absolute;
    bottom: 15px;
    left: 52%;
    z-index: 999;
    width: 300px;
    height: 21px;
    margin: 0 0 0 -50px;
}

    div.flicking_con a {
        display: inline-block;
        width: 10px;
        height: 10px;
        margin: 5px;
        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: 5px;
            background-color: #fff;
        }
