.main_visuals {
    width: 100%;
    /*height: 600px;*/
}

.main_images {
    width: 100%;
    height: 600px;
    border-top: 0px solid #d7d7d7;
    overflow: hidden;
    margin: 0 auto;
    position: relative
}

@media (max-width:768px) {
.main_images{height: 750px;}
}

@media (max-width:640px) {
.main_images{height: 710px;}
}



.main_images ul {
    width: 9999px;
    height: auto;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0
}

.main_images li {
    float: left;
    width: 100%;
    height: 600px;
    overflow: hidden;
}



.main_images li span {
    display: block;
    width: 100%;
    height: auto;
}

.main_images li a {
    /*display: block;*/
    width: 100%;
    height: auto;
}

.main_images li img {
    background: center top no-repeat;
    width: 100%;
}

div.flicking_cons {width:100%; margin:0 auto; position:relative;height: 21px}
div.flicking_cons .flicking_inner {/*position:absolute; top:-40px; left:45%;*/ z-index:100; width:130px; height:21px;margin: 0 auto}
div.flicking_cons 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_cons a.on {background-position:0 -18px}





#btn_prevs{
    z-index: 99;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    /*display: none;*/
}
#btn_nexts {
    z-index: 99;
    position: absolute;
    top: 50%;
    width: 100px;
    height: 100px;
    /*display: none;*/
}
#btn_prevs{background:url(../images/hover_left.png) no-repeat left top;left:-5%;}
#btn_prevs:hover{background:url(../images/hover_left1.png) no-repeat left top;left:-5%;}
#btn_nexts{background:url(../images/hover_right.png) no-repeat right top;right:-5%;}
#btn_nexts:hover{background:url(../images/hover_right1.png) no-repeat right top;right:-5%;