@charset "UTF-8";



/* area */
#area{ width:680px; margin:0 auto 36px; }

/* headline */
.headline { display:block;background:url(../../image/product/online/headline.gif) no-repeat 0 0;  position:relative; height:25px;clear:both; margin-bottom:9px;}
.headline h1{ font-size:14px; color:#FFF;top:4px; left:10px; margin:0; position:relative;}

/* centerline */
.centerline { display:block; width:678px; background:url(../../image/product/online/centerline.gif) no-repeat 0 0; position:relative; height:25px;clear:both; margin-bottom:9px;}
.centerline h1{ font-size:14px; color:#FFF;top:4px; left:10px; margin:0; position:relative;}


/* column */
.column{ width:680px; background:url(../../image/product/online/bk/box_top.gif) no-repeat; height:auto; margin-bottom:9px; position:relative; clear:both;}
.columnbt{ background:url(../../image/product/online/bk/box_bottom.gif) no-repeat 0 100%; padding:7px 0 7px 0; zoom:1;}
.columnbt:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.columnin{ background:url(../../image/product/online/box_center.gif) repeat-y;}

.column h1 { font-size:14px; color:#FFF; position:relative; top:5px; left:10px; margin:0;}
.column h3{ margin-bottom:9px; }
.column p{ font-size:12px; margin-bottom:0;}

/* column1 */
.column1in{padding: 10px 20px 20px 20px; clear:both; }

/* column2 */
.columnin2{ height:auto;background:url(../../image/product/online/bk/box_center.gif) repeat-y;zoom:1;}
.columnin2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column2lrl{ display:block; float:left; width:299px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column2lrr{ display:block; float:right; width:299px; padding: 10px 20px 20px 20px;}
.columnin2 img{ float:right; margin-left:9px;}

.columnin2 li{ font-size:10px; }

/* column3 */
.columnin3{ background:url(../../image/product/online/bk/box_center.gif) repeat-y;zoom:1; }
.columnin3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column3lrl{ display:block; float:left; width:186px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column3lrc{ display:block; float:left; width:185px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column3lrr{ display:block; float:right; width:185px; padding: 10px 20px 20px 20px;}
.columnin3 img{ margin:0 13px 9px; }

/* column4 */
.columnin4{ background:url(../../image/product/online/bk/box_center.gif) repeat-y;zoom:1; }
.columnin4:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.column4lrl{ display:block; float:left; width:129px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column4lrc{ display:block; float:left; width:129px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column4lrc2{ display:block; float:left; width:129px; padding: 10px 20px 20px 20px; border-right:solid 1px #ccc;}
.column4lrr{ display:block; float:right; width:129px; padding: 10px 20px 20px 20px;}
.columnin4 img{ margin:0; }
.columnin4 h3{ font-size:10px; line-height:14px; margin-bottom:9px; }


/* text-decoration */
.lineth{ font-size:12px; margin-bottom:0; text-decoration:line-through; }
.spoffer{ font-weight:bold; color:#FF0000; }
