@charset "utf-8";
/* CSS Document */

#carousel{position:relative;margin-bottom:25px;height:250px;background:#DEDCD9;}


#carousel img{vertical-align:top;display:block;}

#carouselCorner .li01{position:absolute;left:0;top:0;z-index:100;}
#carouselCorner .li02{position:absolute;right:0;top:0;z-index:100;}
#carouselCorner .li03{position:absolute;right:0;top:246px;z-index:100;}
#carouselCorner .li04{position:absolute;left:0;top:246px;z-index:100;}

#crMain{}
#crMainPreview li{position:absolute;left:1px;top:1px;display:none;}
#crMainPreview li.li01{display:block;}

#crSub{width:220px;height:250px;position:absolute;left:730px;top:0;background:url(/common/carousel/images/bg_sub_01.png) 0px 1px no-repeat;}
#crSubPreview{height:198px;overflow:hidden;position:relative;margin-top:12px;}
#crSubPreviewBx{position:absolute;left:0;top:0px;}
#crSubPreviewBx p{position:absolute;left:10px;top:0;}
#crSubPreviewBx li{cursor:pointer;width:204px;height:62px;background:url(/common/carousel/images/bg_btn_shadow_01.png) 0 0 no-repeat;margin-bottom:4px;margin-left:10px;}


#crSubArrow01{position:absolute;left:111px;top:216px;display:none;cursor:pointer}
#crSubArrow02{position:absolute;left:10px;top:216px;display:none;cursor:pointer}
#crSubArrowCover01{position:absolute;left:111px;top:216px;}
#crSubArrowCover02{position:absolute;left:10px;top:216px;}

#crSubPreviewBx li img:hover {
opacity: 0.7;
filter: alpha(opacity=70);
}