body { overflow-x: hidden; /*background: #f7f7f7 url(images/body-bg.jpg) repeat;*/
	/*-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
-webkit-text-size-adjust: 100%; }
/*#container #wrapper {
	width : 860px;
	margin:0 auto;
}*/


/* common */
.c_b { clear: both; }
img { vertical-align: bottom; }
a img { border: none; }
div#wrapper a:hover img { opacity: 0.8; filter: alpha(opacity=80); background-color:#000; }
div#wrapper_2 { width: 940px; margin: 0 auto 30px auto; padding: 0; }
/* product_top */
#product_top_con { }
#product_top_con img { margin: 0; padding: 0; }
#product_top_l { width: 576px; float: left; overflow: hidden; margin: 0 0 30px 0; }
#product_top_r { width: 230px; float: right; }
#product_top_l dl { float: left; width: 192px; }
#product_top_l dl dt { margin: 0; padding: 0 0 10px 0; }
#product_top_l dl dd { margin: 0; padding: 0; }
#product_top_r ul li { list-style: none; padding: 0 0 7px 0; margin: 0; }
#product_top_banner { clear: both; width: 820px; height: 84px; position: relative; margin: 30px 0; padding: 0; }
#product_top_banner p { width: 224px; height: 62px; position: absolute; top: 11px; right: 11px; }
/* 	dl(tableLike)
--------------------------------- */
#product_top_news { overflow: hidden; margin: 0 0 40px 0; }
#product_top_news_l { width: 390px; float: left; }
#product_top_news_r { width: 394px; float: right; }
#product_top_news_l dl.tableLike { margin: 0; width: 390px; }
#product_top_news_r dl.tableLike { margin: 0; width: 394px; }
dl.tableLike dt { font-weight: normal; color: #222; padding: 5px 5px 5px 0; width: 5em; float: left; font-size: 12px; }
dl.tableLike dd { background-color: #fff; margin: 0 0 0 5em; padding: 0.5em 0 0.5em 1em; color: #222; font-size: 12px; }
/* product area
----------------------------*/
#digital_btn { text-align: right; height: 17px; margin: 10px 0; }
#product_l h2 { margin: 0; padding: 0; }
#product_con ul li { list-style: none; }
#product_con { width: 940px; overflow: hidden; padding: 20px 0 50px 0; }
#product_l { width: 635px; float: left; }
#product_l ul { margin: 20px 0 0 0; }
#product_l ul li { width: 200px; height: 230px; float: left; margin-right:14px; border:1px solid #9e9f9e; background:url(../images/pro_bg.jpg) no-repeat 0 bottom; margin-bottom:15px;  font-size:18px; color:#808080;}
#product_l ul li span{ padding:15px; display:block; width:169px;}
#product_l ul li.pa_no { width: 147px; height: 168px; float: left; padding: 0; }
#special_r { width: 260px; float: right; }
#special_r dt { margin: 0 0 20px 0; }
#special_r dd { width: 260px; height: 132px; margin-bottom:15px; }
#special_r dd img{ float:left; border-bottom:3px solid #231816; border-left:3px solid #231816;}
#special_r dd span{ float:left; height:130px;  width:87px; display:block; line-height:130px; font-size:16px; color:#999; text-align:center;}
/* pickup box */
#pickup_box { clear: both; overflow: hidden; margin: 42px 0 50px 0; }
#pickup_box p { margin: 0 0 15px 0; }
#pickup_box ul { width: 820px; }
#pickup_box ul li { width: 202px; height: 75px; margin: 0; float: left; padding: 0 4px 0 0; }
#pickup_box ul li.pa_no { padding: 0; }
/****************************************

          2. Slider

*****************************************/
.bx-wrapper { width: 100% !important; overflow: hidden; position: relative !important; height: 186px; _margin: 0 auto !important; _text-align: center !important; _width: 880px !important; }
.bx-window { width: 960px !important; margin: 0 auto !important; overflow: visible !important; height: 186px; }
#slider_box { _width: 910px; _margin: 0 auto; _padding: 0 0 0 30px; }
#slider div { width: 235px; }
#slider h3 { font-family: 'Josefin Sans', sans-serif; line-height: 1.2; font-size: 36px; }
/* slide1 */
#slide1 { height: 186px; }
/* slide2 */
#slide2 { height: 186px; }
/* slide3 */
#slide3 { height: 186px; }
/* slide4 */
#slide4 { height: 186px; }
/* slide5 */
#slide5 { height: 186px; }
/* slide5 */
#slide6 { height: 186px; }
/* slide5 */
#slide7 { height: 186px; }
/* slide5 */
#slide8 { height: 186px; }
.right, .left { width: 380px !important; float: right; padding: 70px 50px; }
.left { float: left; padding-left: 130px; }
/* Navi */
.bx-pager { width: 180px; margin: 0 auto; overflow: hidden; position: relative; /*display:none;*/
}
.bx-pager a { display: block; width: 24px; height: 25px; float: left; background: url(http://webdesignrecipes.com/wp-content/uploads/2012/05/navi-bg1.png) no-repeat 0 0; color: #fff !important; text-align: center; line-height: 24px; text-decoration: none; text-shadow: 0 -1px 0 rgba(0, 0, 0, .8); font-family: 'Josefin Sans', sans-serif; margin: 0 5px; }
.bx-pager a:hover,  .bx-pager a.pager-active { background-position: 0 100%; }
/* prev next */
.prev-next { width: 860px; margin: 0 auto; position: relative; display: block; _width: 856px; }
.bx-prev { display: block; width: 48px; height: 48px; position: absolute; top: -160px; text-decoration: none; background: url(/products/images/top/slide/slide_b_l.png) no-repeat 0 0; _background: url(/products/images/top/slide/slide_b_l.gif) no-repeat 0 0; }
.bx-next { display: block; width: 48px; height: 48px; position: absolute; top: -160px; text-decoration: none; background: url(/products/images/top/slide/slide_b_r.png) no-repeat 0 0; _background: url(/products/images/top/slide/slide_b_r.gif) no-repeat 0 0; }
.bx-prev { left: -8px; _left: -18px; }
.bx-next { right: -8px; _right: 7px; }
.bx-prev:hover, .bx-next:hover { text-decoration: none; }
*:first-child+html .bx-prev, *:first-child+html .bx-next { /*top:-260px;*/
}
/* frame */
/*body,*/
div#wrapper { position: relative; width: 100%; margin: 0 auto;  left:10px;}
div#container2 { position: relative; width : 940px; margin: 0 auto; }
html, body { overflow-x: hidden; }
#slider-frame-left { height: 186px; position: absolute; width: 1000px; top: -186px; right: 950px; background: url(../images/white_box.png) repeat-x 100% 0; _background: #fff; _right: 900px; }
#slider-frame-right { height: 186px; position: absolute; width: 1000px; top: -186px; left: 930px; background: url(../images/white_box.png) repeat-x 0 0; _background: #fff; }
