@charset "utf-8";

/*#compWrap { width:1280px; margin:0 auto; background:url(../img/bg.jpg); padding:151px 0 350px 166px;}*/

#zoomBannerWrap {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
#zoomBannerWrap img { border:0;}

#zoomBannerWrap { position:relative; border:4px solid #FFC0CB; border-width:4px 5px 4px 4px; width:772px; height:217px;}

#zoomBannerWrap ul li { list-style:none; line-height:0;}

#zoomBannerWrap #zbNav-01 { position:absolute; top:0; left:0; z-index:7;}
#zoomBannerWrap #zbNav-02 { position:absolute; top:0; right:382px; z-index:7;}
#zoomBannerWrap #zbNav-03 { position:absolute; top:0; left:382px; z-index:7;}
#zoomBannerWrap #zbNav-04 { position:absolute; top:0; right:0; z-index:7;}
#zoomBannerWrap #zbNav-05 { position:absolute; top:auto; bottom:0; left:0; z-index:7;}
#zoomBannerWrap #zbNav-06 { position:absolute; top:auto; bottom:0; right:382px; z-index:7;}
#zoomBannerWrap #zbNav-07 { position:absolute; top:auto; bottom:0; left:382px; z-index:7;}
#zoomBannerWrap #zbNav-08 { position:absolute; top:auto; bottom:0; right:0; z-index:7;}

#zoomBannerWrap #zoomBannerNav li { display:block; width:190px; height:104px;}
#zoomBannerWrap #zoomBannerNav li img { position:absolute; top:0; left:0; z-index:2;}
#zoomBannerWrap #zoomBannerNav li#zbNav-05 img { top:auto; bottom:0;}
#zoomBannerWrap #zoomBannerNav li#zbNav-06 img { top:auto; bottom:0;}
#zoomBannerWrap #zoomBannerNav li#zbNav-07 img { top:auto; bottom:0;}
#zoomBannerWrap #zoomBannerNav li#zbNav-08 img { top:auto; bottom:0;}
#zoomBannerWrap #zoomBannerNav li img.zbImg_s { z-index:1;}

#zoomBannerWrap .zbPanel-base { width:190px; height:104px; cursor:pointer; position:relative; overflow:hidden;}
#zoomBannerWrap #zbPanel-01 { position:absolute; top:30px; left:0; z-index:5;}
#zoomBannerWrap #zbPanel-02 { position:absolute; top:30px; right:382px; z-index:5;}
#zoomBannerWrap #zbPanel-03 { position:absolute; top:30px; left:382px; z-index:5;}
#zoomBannerWrap #zbPanel-04 { position:absolute; top:30px; right:-1px; z-index:5;}
#zoomBannerWrap #zbPanel-05 { position:absolute; top:auto; bottom:30px; left:0; z-index:5;}
#zoomBannerWrap #zbPanel-06 { position:absolute; top:auto; bottom:30px; right:382px; z-index:5;}
#zoomBannerWrap #zbPanel-07 { position:absolute; top:auto; bottom:30px; left:382px; z-index:5;}
#zoomBannerWrap #zbPanel-08 { position:absolute; top:auto; bottom:30px; right:-1px; z-index:5;}

#zoomBannerWrap .zbTtl_l { position:absolute; top:0; right:0; bottom:0; left:0; width:407px; height:37px; margin:auto; z-index:1000;}
	
#zoomBannerWrap .zbImg_l { width:100%; height:auto; position:absolute; top:0; left:0; z-index:1; opacity:0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-moz-opacity:0;-khtml-opacity:0;zoom:1;}