@charset "utf-8";



/* CSS Document */

.focus{ width:100%; margin:0 auto; overflow:hidden}

.focus_item { width:100%; height:465px; overflow:hidden; margin:0 auto; position:relative;}

.focus_item ul { width:9999px; height:465px; overflow:hidden; position:absolute; top:0; left:0; z-index:99;}

.focus_item li { float:left; width:100%; height:465px;}

.focus_item li span { display:block; width:100%; height:465px}

.focus_item li a { display:block; width:100%; height:465px}

.focus_item li .img_01 { background: url('../images/focus_1.jpg') center top no-repeat}

.focus_item li .img_02 { background: url('../images/focus_2.jpg') center top no-repeat}

.focus_item li .img_03 { background: url('../images/focus_3.jpg') center top no-repeat}



div.flicking_btn { width:1000px; margin:0 auto; position:relative}

div.flicking_btn .flicking_inner { position:absolute; top:400px; left:0; z-index:999; width:300px; height:21px} /* 121126 */

div.flicking_btn 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_btn 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/hover_left.png) no-repeat left top;left:100px;}

#btn_next{ background:url(../images/hover_right.png) no-repeat right top;right:100px;}