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

/* BUY-ONLINE*/

.contents_buy { overflow:hidden; float:left; width:100%; min-height:820px; text-align:center; position:relative;}
.contents_buy .buy_img1 { margin:0 auto; margin-top:-50px; position:relative; overflow:hidden;}
.contents_buy .buy_img1 img.cut01 { float:left; width:50%; }
.contents_buy .buy_img1 img.cut02 { float:left; width:50%; }
.contents_buy .buy_img1 img.cut03 { float:left; width:100%; }
.contents_buy .buy_img1 .buy_b_img { position:absolute; right:186px; bottom:1%; cursor:pointer;}
.contents_buy .buy_img1 .buy_b_img img { margin-bottom:9px;}
.contents_buy .buy_img1 .buy_b_img p { font-size:19px; color:#90cb53; font-weight:bold;}


.contents_buy .option { overflow:hidden; width:100%; max-width:900px;  margin:0 auto;}
.option .option_table01 { width:100%; padding-top:10px; background:url(../images/buy/option_bg.jpg) repeat-x left top;}
.option .option_table01 table { width:100%;}
.option .option_table01 table.opt_table_w th { width:15%; font-size:15px; font-weight:bold; color:#ededed; vertical-align:middle; text-align:center;}
.option .option_table01 table.opt_table_w td { width:35%; font-size:15px; color:#ededed; vertical-align:middle; text-align:left; padding:12px 0;}
.option .option_table01 td img { float:left;}
.option .option_table01 td span.opt_span { float:left; font-size:13px; color:#989898; line-height:1.5; margin-top:13px; margin-left:15px; }
.option .option_table01 td span.opt_span2 { float:left; font-size:13px; color:#989898; line-height:1.5; margin-top:25px; margin-left:15px; }

.option .option_table01 td div { width:100%; line-height:1.5; }
.option .option_table01 td div input { vertical-align:middle; background:#000;}
.option .option_table01 td div span { vertical-align:middle; font-size:14px; color:#fff;}

.option .option_table01 td ul { float:left; width:100%;}
.option .option_table01 td ul li { float:left; font-size:12px; color:#989898; text-align:center; margin:0 14px}
.option .option_table01 td ul li img { width:32px; float:none; display:block;}



.option .option_table02 { width:100%; padding-top:20px; background:url(../images/buy/option_bg.jpg) repeat-x left top; display:none;}
.option .option_table02 table { width:100%;}
.option .option_table02 table.opt_table_t th { width:20%; font-size:14px; font-weight:bold; color:#ededed; vertical-align:middle; text-align:center;}
.option .option_table02 table.opt_table_t td { width:80%; font-size:14px; color:#ededed; vertical-align:middle; text-align:left; padding:12px 0;}
.option .option_table02 td img { float:left; width:100px;}
.option .option_table02 td span.opt_span { float:left; font-size:14px; color:#989898; line-height:1.5; margin-top:26px; margin-left:15px; }
.option .option_table02 td span.opt_span2 { float:left; font-size:14px; color:#989898; line-height:1.5; margin-top:20px; margin-left:15px; }

.option .option_table02 td div { width:100%; line-height:1.5; }
.option .option_table02 td div input { vertical-align:middle; background:#000;}
.option .option_table02 td div span { vertical-align:middle; font-size:14px; color:#fff;}

.option .option_table02 td ul { float:left; width:100%;}
.option .option_table02 td ul li { float:left; font-size:12px; color:#989898; text-align:center; margin:0 14px}
.option .option_table02 td ul li img { width:36px; float:none; display:block;}
.option .option_table02 td ul li.first { margin-left:0;}


.page_btn_wheel { width:1366px; z-index:120;}
.page_btn_wheel img {}
.page_btn_wheel ul { position:fixed; z-index:120; /*margin-left:1336px;*/margin-left:1440px;}


/* buy online - ¾ÈÀå */

.option01_pop { width:100%; max-width:750px; position:absolute; top:90px; left:50%; z-index:900; min-width:320px;}
.option01_pop .option01_top { float:left; position:relative; width:100%; max-width:750px; min-width:750px; padding:13px 0; background:#414141; border-top-left-radius:5px; border-top-right-radius:5px; }
.option01_pop .option01_top h3 { float:left; font-size:18px; font-weight:bold; color:#fff; margin-left:22px; }
.option01_pop .option01_top p { float:left; font-size:14px; color:#fff; margin-top:3px; }
.option01_pop .option01_top p span { margin:0 11px; color:#595959;}
.option01_pop .option01_top img { float:right; margin-right:28px; cursor:pointer;}
.option01_pop .option01_con { float:left; width:93.578947%; max-width:700px; min-width:700px; padding:15px 25px; background:#dcdcdc; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}



.option01 { float:left; width:100%; max-width:742px; min-height:420px; margin-bottom:11px; }
.option01 .pic_area { float:left; width:100%; margin-bottom:14px;}
.option01 .pic_area .pic_l { float:left; width:53.430821%; max-width:400px; position:relative; min-width:250px;}
.option01 .pic_area .pic_l img { width:100%;}
.option01 .pic_area .pic_l img.buy { width:85px; position:absolute; right:0; bottom:0;}
.option01 .pic_area .pic_r { float:right; width:40.75703%; background:#fff; min-width:300px; }
.option01 .pic_area .pic_r img { float:left; width:40.95%; border:3px solid #000000;}
.option01 .pic_area .pic_r img:hover { border:3px solid #0C0;}
.option01 .pic_area .pic_r img.sel { border:3px solid #0C0;}
.option01 .pic_area .pic_r img.pic01 { float:left; margin:4% 2% 2% 4%;}
.option01 .pic_area .pic_r img.pic03 { float:left; margin:2% 2% 4% 4%;}

.option01 .pic_area .pic_r img.pic02 { float:left; margin:4% 4% 2% 2%;}
.option01 .pic_area .pic_r img.pic04 { float:left; margin:2% 4% 4% 2%;}

.pic_paging { float:left; width:92%; text-align:center; margin:2% 4% 4% 4%; font-size:13px;}
.option01 .pic_area .pic_paging img { float:left; width:100%; width:23px; height:23px; border:0;}
.option01 .pic_area .pic_paging img:hover { border:0; }
.option01 .pic_area .pic_paging p { float:left; width:100%; text-align:center;}
.option01 .pic_area .pic_paging p span {}
.option01 .pic_area .pic_paging img.prev { float:left; margin-top:-7px; }
.option01 .pic_area .pic_paging img.next { float:right; margin-top:-7px; }



/* buy online - ±×¸³ */

.option02_pop { width:63.333333%; max-width:750px; min-width:750px; position:absolute; top:90px; left:50%; z-index:900; min-width:320px;}
.option02_pop .option02_top { float:left; position:relative; width:100%; max-width:750px; min-width:750px; padding:13px 0; background:#414141; border-top-left-radius:5px; border-top-right-radius:5px; }
.option02_pop .option02_top h3 { float:left; font-size:18px; font-weight:bold; color:#fff; margin-left:22px; }
.option02_pop .option02_top p { float:left; font-size:14px; color:#fff; margin-top:3px; }
.option02_pop .option02_top p span { margin:0 11px; color:#595959;}
.option02_pop .option02_top img { float:right; margin-right:38px; cursor:pointer;}
.option02_pop .option02_con { float:left; width:93.578947%; max-width:700px; min-width:700px; padding:15px 25px; background:#dcdcdc; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}



.option02 { float:left; width:100%; max-width:742px; min-height:420px; margin-bottom:11px; }
.option02 .pic_area { float:left; width:100%; margin-bottom:14px;}
.option02 .pic_area .pic_l { float:left; width:53.430821%; max-width:400px; position:relative; min-width:250px;}
.option02 .pic_area .pic_l img { width:100%;}
.option02 .pic_area .pic_l img.buy { width:85px; position:absolute; right:0; bottom:0;}
.option02 .pic_area .pic_r { float:right; width:40.75703%; background:#fff; min-width:300px;   }
.option02 .pic_area .pic_r img { float:left; width:40.95%; border:3px solid #000000; }
.option02 .pic_area .pic_r img:hover { border:3px solid #0C0;}
.option02 .pic_area .pic_r img.sel { border:3px solid #0C0;}
.option02 .pic_area .pic_r img.pic01 { float:left; margin:4% 2% 2% 4%;}
.option02 .pic_area .pic_r img.pic03 { float:left; margin:2% 2% 4% 4%;}

.option02 .pic_area .pic_r img.pic02 { float:left; margin:4% 4% 2% 2%;}
.option02 .pic_area .pic_r img.pic04 { float:left; margin:2% 4% 4% 2%;}

.pic_paging { float:left; width:92%; text-align:center; margin:2% 4% 4% 4%; font-size:13px;}
.option02 .pic_area .pic_paging img { float:left; width:100%; width:23px; height:23px; border:0;}
.option02 .pic_area .pic_paging img:hover { border:0; }
.option02 .pic_area .pic_paging p { float:left; width:100%; text-align:center;}
.option02 .pic_area .pic_paging p span {}
.option02 .pic_area .pic_paging img.prev { float:left; margin-top:-7px; }
.option02 .pic_area .pic_paging img.next { float:right; margin-top:-7px; }





/* buy online - ¾Ç¼¼»ç¸® */

.option03_pop { width:63.333333%; max-width:750px; min-width:750px; position:absolute; top:90px; left:50%; z-index:900; min-width:320px;}
.option03_pop .option03_top { float:left; position:relative; width:100%; max-width:750px; min-width:750px; padding:13px 0; background:#414141; border-top-left-radius:5px; border-top-right-radius:5px; }
.option03_pop .option03_top h3 { float:left; font-size:18px; font-weight:bold; color:#fff; margin-left:39px; }
.option03_pop .option03_top p { float:left; font-size:14px; color:#fff; margin-top:3px; }
.option03_pop .option03_top p span { margin:0 11px; color:#595959;}
.option03_pop .option03_top img { float:right; margin-right:38px; cursor:pointer;}
.option03_pop .option03_con { float:left; width:93.578947%; max-width:700px; min-width:700px; padding:15px 25px; background:#dcdcdc; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}



.option03 { float:left; width:100%; max-width:742px; min-height:420px; margin-bottom:11px; }
.option03 .pic_area { float:left; width:100%; margin-bottom:14px;}
.option03 .pic_area .pic_l { float:left; width:53.430821%; max-width:400px; min-width:250px;}
.option03 .pic_area .pic_l img { width:93%;}
.option03 .pic_area .pic_l .buy_area { float:left; width:100%; background:#707070}
.option03 .pic_area .pic_l .buy_area p { float:left; color:#dcdcdc; margin-top:13px;}
.option03 .pic_area .pic_l .buy_area p span { float:left; font-weight:bold; color:#dcdcdc;}
.option03 .pic_area .pic_l .buy_area p.first { margin-right:25px; margin-left:15px;}
.option03 .pic_area .pic_l .buy_area p.last { margin-left:25px;}
.option03 .pic_area .pic_l .buy_area img { float:right; width:75px;}
.option03 .pic_area .pic_l .pic_s_area { float:left; width:93%; padding:16px 3.5%; background:#414141;}
.option03 .pic_area .pic_l .pic_s_area ul { float:left; width:100%;}
.option03 .pic_area .pic_l .pic_s_area ul li { float:left; margin-right:2%;}
.option03 .pic_area .pic_l .pic_s_area ul li.last { margin-right:0;}
.option03 .pic_area .pic_l .pic_s_area ul li img { width:100%; max-width:76px; height:45px; border:2px solid #414141;}
.option03 .pic_area .pic_l .pic_s_area ul li img:hover { max-width:76px; height:45px; border:2px solid #0C0; }
.option03 .pic_area .pic_l .pic_s_area ul li img.sel { max-width:76px; height:45px; border:2px solid #0C0; margin-right:0;}

.option03 .pic_area .pic_r { float:right; width:40.75703%; background:#fff; min-width:300px; }
.option03 .pic_area .pic_r img { float:left; width:40.95%; border:3px solid #000000; }
.option03 .pic_area .pic_r img:hover { border:3px solid #0C0;}
.option03 .pic_area .pic_r img.sel { border:3px solid #0C0;}
.option03 .pic_area .pic_r img.pic01 { float:left; margin:4% 2% 2% 4%;}
.option03 .pic_area .pic_r img.pic03 { float:left; margin:2% 2% 4% 4%;}

.option03 .pic_area .pic_r img.pic02 { float:left; margin:4% 4% 2% 2%;}
.option03 .pic_area .pic_r img.pic04 { float:left; margin:2% 4% 4% 2%;}

.option03 .pic_area .pic_r img.pic05 { float:left; margin:0% 2% 4% 4%;}
.option03 .pic_area .pic_r img.pic06 { float:left; margin:0% 4% 2% 2%;}


.pic_paging { float:left; width:92%; text-align:center; margin:2% 4% 4% 4%; font-size:13px}
.option03 .pic_area .pic_paging img { float:left; width:100%; width:23px; height:23px; border:0;}
.option03 .pic_area .pic_paging img:hover { border:0; }
.option03 .pic_area .pic_paging p { float:left; width:100%; text-align:center;}
.option03 .pic_area .pic_paging p span {}
.option03 .pic_area .pic_paging img.prev { float:left; margin-top:-7px; }
.option03 .pic_area .pic_paging img.next { float:right; margin-top:-7px; }


.pic_info { float:left; width:93.4%; border:1px solid #cecece; background:#fff; padding:1.79977% 3.1496%;}
.pic_info h3 { float:left; width:100%; font-size:16px; color:#414141; font-weight:bold; margin-bottom:14px;}
.pic_info p { float:left; width:100%; font-size:13px; color:#90cb52; font-weight:bold; margin-bottom:12px;}

.pic_info .pic_info_text { float:left; width:100%; min-height:140px;  padding-top:5px; border-top:1px solid #cecece;}
.pic_info .pic_info_text p { font-size:12px; color:#6b6b6b; font-weight:normal; line-height:1.5; }


.price_table { width:100%; padding:0; margin:0; max-width:900px; margin:0 auto; border-bottom:4px solid #413f3f; margin-bottom:38px;}
.price_table table { width:100%; margin:0; padding:0;}
.price_table table th { font-size:15px; font-weight:bold; color:#fff; text-align:left; vertical-align:middle; padding:12px 0; border:1px solid #202020; border-left:0; border-bottom:0; padding-left:3%;}
.price_table table th img { float:left; margin:0 7%; margin-top:5px;}
.price_table table td { font-size:13px; color:#989898; text-align:left; border:1px solid #202020; border-left:0; vertical-align:middle; padding:17px 0; padding-left:3%; border-bottom:0;}
.price_table table td.last { border-right:0; font-size:15px; font-weight:bold; color:#ededed; text-align:right; padding-left:0; padding-right:3%;}
.price_table table td .price_l { float:left; height:100%; margin-right:5%;}
.price_table table td .price_r { height:100%;}
.price_table table td img { vertical-align:middle;}
.price_table table td span { font-size:14px; line-height:2.2; }
.price_table table th.th_foot { font-size:16px; font-weight:bold; background:#191919; color:#90cb52; border-top:2px solid #202020;}
.price_table table td.last2 { font-size:16px; font-weight:bold; border-right:0; color:#ededed; text-align:right; padding:15px 0; padding-left:0; padding-right:3%; border-top:2px solid #202020;}


.price_table2 { width:100%; padding:0; margin:0; max-width:900px; margin:0 auto; border-bottom:4px solid #413f3f; margin-bottom:38px; display:none;}
.price_table2 table { width:100%; margin:0; padding:0;}
.price_table2 table th { font-size:15px; font-weight:bold; color:#fff; text-align:left; vertical-align:middle; padding:17px 0; border:1px solid #202020; border-left:0; border-bottom:0; padding-left:3%;}
.price_table2 table th img { float:left; margin:0 7%; margin-top:2px;}
.price_table2 table td { font-size:13px; color:#989898; text-align:left; border:1px solid #202020; border-left:0; vertical-align:middle; padding:17px 0; padding-left:3%; border-bottom:0; border-right:0;}
.price_table2 table td.last { border-right:0; font-size:17px; color:#ededed; text-align:right; padding-left:0; padding-right:3%;}
.price_table2 table td .price_l { float:left; height:100%; margin-right:5%;}
.price_table2 table td .price_r { height:100%;}
.price_table2 table td img { vertical-align:middle;}
.price_table2 table td p { color:#ededed; font-size:15px; font-weight:bold;}
.price_table2 table td span { font-size:14px; margin-bottom:5px; color:#989898; line-height:1.5;}
.price_table2 table th.th_foot { font-size:16px; font-weight:bold; background:#191919; color:#90cb52; border-top:2px solid #202020;}
.price_table2 table td.last2 { font-size:16px; font-weight:bold; border-right:0; color:#ededed; text-align:right; padding:15px 0; padding-left:0; padding-right:3%; border-top:2px solid #202020;}


.shop_btn_area { width:100%; max-width:1000px; margin:0 auto;}
.shop_btn_area .btn { width:100%; text-align:center; margin:0 auto;}
.shop_btn_area .btn img { margin:0 7px; }