@charset "utf-8";
/* CSS Document */
#sw_mainbox{ background:#fff;width:938px;  padding:10px; margin:0 auto; overflow:hidden;zoom:1;}
.sw_line_1{overflow:hidden;zoom:1; }
.sw_item_a01{ width:348px; height:240px; padding:2px; border:3px solid #c7c7c7; float:left;}
.sw_item_a02{ width:352px; float:left; padding:0px 15px; border-right:1px solid #c7c7c7;}
.sw_item_a02 h2{ font-size:16px; font-weight:700; border-bottom:1px solid #c7c7c7; line-height:28px; height:28px;padding:0px 5px; }
.sw_item_a02 h2 span{ float:right; font-size:12px; font-weight:300;}
.sw_item_a02 h3{font-weight:700; line-height:1.8em; padding:5px 20px 0px;}
.sw_item_a02 h3 a{ color:#3068e9; text-decoration: none;}
.sw_item_a02 h3 a:hover{ color:#ba2636;text-decoration:none;}
.sw_item_a02 p{ padding:0px 20px;}
.sw_item_a02 ul { padding:0px 20px; }
.sw_item_a02 ul li{ background:url(sw_dot_gray.gif) no-repeat 0 10px; padding-left:8px;}
.sw_item_a03{ float:right; width:180px;}
.sw_item_a03 img{ display:block; padding-bottom:5px; margin:0 auto;}
.sw_item_a03 h2{ font-weight:700; font-size:16px; padding:10px 5px;}
.sw_item_a03 p span a{color:#057eb6; text-decoration:none; padding:0px 0px 0px 15px;}
.sw_item_b{ height:38px; line-height:38px; border-bottom:1px solid #c7c7c7;}
.sw_item_b span a{ color:#9e9e9e; padding-right:15px; }
.sw_item_b span.selected a{ color:#fff; text-decoration:none; background:#00f;padding:4px;}
.sw_item_b01{ font-size:16px; padding:0px 20px 0px 0px; font-weight:700;}


/* examples_body */
.examples_body {width: 910px;margin: 20px auto 15px;clear: both;position: relative;}
.bx_wrap {margin-left: 34px;}
.bx_wrap ul img { border: 2px solid #DDD; width:120px; height:160px; }
.bx_wrap ul p { padding-top:5px; width:120px; text-align:center;}
.bx_wrap a.prev {width: 27px;height: 60px;line-height: 17px;outline-style: none;outline-width: 0;position: absolute;top: 40px;left: 20px;text-indent: -9999px;background: url(icon_arrow_left.gif) no-repeat left;}
.bx_wrap a.prev:hover {background: url(icon_arrow_left.gif) no-repeat right;}
.bx_wrap a.next {width: 27px;height: 60px;line-height: 17px;left: 860px;outline-style: none;outline-width: 0;position: absolute;top: 40px;text-indent: -9999px;background: url(icon_arrow_right.gif) no-repeat right;}
.bx_wrap a.next:hover {background: url(icon_arrow_right.gif) no-repeat left;}

.sw_item_c01{ width:348px; float:left;}
.sw_item_c01 h2{ font-size:16px; font-weight:700; border-bottom:1px solid #c7c7c7; line-height:28px; height:28px;padding:0px 5px; margin-bottom:10px;}
.sw_item_c01 h2 span{ float:right; font-size:12px; font-weight:300; }
.sw_item_c01 img{ display:block;width:330px; height:185px; padding:2px; border:2px solid #c7c7c7; margin:0px auto 10px;}
.sw_item_c02{ width:352px; float:left; padding:0px 15px; border-right:1px solid #c7c7c7;}
.sw_item_c02 h2{ font-size:16px; font-weight:700; border-bottom:1px solid #c7c7c7; line-height:28px; height:28px;padding:0px 5px;margin-bottom:10px; }
.sw_item_c02_box{width:330px; height:195px;margin:0px auto 10px;}
.sw_item_c03{ float:right; width:190px;}
.sw_item_c03 h2{ font-size:16px; font-weight:700; line-height:28px; height:28px;padding:0px 5px;margin-bottom:10px; }
.sw_item_c03 img{display:block;width:180px; height:195px;  margin:0px auto 10px;}

div.slideBox{ position:relative; width:350px; height:240px; overflow:hidden;}
div.slideBox ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
div.slideBox ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox ul.items li a img{ width:348px; height:240px;margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips{ position:absolute; bottom:0px; width:100%; height:50px; background-color:#000; overflow:hidden;}
div.slideBox ul.items li a img{ width:348px; height:240px;margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/;}
div.slideBox div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
div.slideBox div.tips div.title a{ color:#FFF; font-size:18px; line-height:50px; margin-left:10px; text-decoration:none;}
div.slideBox div.tips div.title a:hover{ text-decoration:underline !important;}
div.slideBox div.tips div.nums{ position:absolute; right:0px; top:0px; height:100%;}
div.slideBox div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:20px; height:20px; background-color:#FFF; text-indent:-99999px; margin:15px 10px 0px 0px;}
div.slideBox div.tips div.nums a.active{ background-color:#093;}