﻿body{ margin:0 auto}
.banner1{width:100%; position:relative; margin:0 auto}

/* main_image */
.main_visual{height:265px;overflow:hidden;position:relative;}
.main_image{height:265px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:265px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:265px;}
.main_image li span{display:block;width:100%;height:265px}
.main_image li a{display:block;width:100%;height:265px}

div.flicking_con{position:absolute;bottom:8px; left:55%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('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(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}
@media screen and (max-width: 800px){
.banner1{width:100%; position:relative;}
/* main_image */
.main_visual{height:145px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:145px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:145px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:145px;}
.main_image li span{display:block;width:100%;height:145px}
.main_image li a{display:block;width:100%;height:145px}

div.flicking_con{position:absolute;bottom:8px; left:55%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('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(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}

}
@media screen and (max-width: 375px){
.banner1{width:100%; position:relative;}
/* main_image */
.main_visual{height:120px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:120px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:120px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:120px;}
.main_image li span{display:block;width:100%;height:120px}
.main_image li a{display:block;width:100%;height:120px}

div.flicking_con{position:absolute;bottom:8px; left:55%;z-index:999;height:21px;margin:0 0 0 -50px;}
div.flicking_con a{float:left;width:21px;height:21px;margin:0;padding:0;background:url('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(hover_left.png) no-repeat left top;left:100px;}
#btn_next{background:url(hover_right.png) no-repeat right top;right:100px;}

}