#workslist_container{margin:50px auto;width: 500px; text-align:left;}
#works_detail_container{margin:50px auto;width: 660px; text-align:left;}
#works_visual_container{width:304px;float:left;}
#works_description_container{width:350px;float:right;}
.works_container{margin:0 auto;width: 500px; margin:8px 0 0 0;}
.work1{margin:7px 0;}
.works_a{background-image: url(../works/img/bar_arc.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.arc{display:block; margin: 0 0 0 18px;font-size:12px; color:#ff6666;text-decoration:underline;}
.works_c{background-image: url(../works/img/bar_con.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.con{display:block; margin: 0 0 0 18px;font-size:12px; color:#6666cc;text-decoration:underline;}
.works_f{background-image: url(../works/img/bar_fur.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.fur{display:block; margin: 0 0 0 18px;font-size:12px; color:#cccc33;text-decoration:underline;}
.works_g{background-image: url(../works/img/bar_gra.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.gra{display:block; margin: 0 0 0 18px;font-size:12px; color:#33ccff;text-decoration:underline;}
.works_i{background-image: url(../works/img/bar_int.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.int{display:block; margin: 0 0 0 18px;font-size:12px; color:#ff9966;text-decoration:underline;}
.works_p{background-image: url(../works/img/bar_pro.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.pro{display:block; margin: 0 0 0 18px;font-size:12px; color:#33cc99;text-decoration:underline;}
.works_s{background-image: url(../works/img/bar_sur.gif);background-position:top right;background-repeat: no-repeat;text-align:right;font-size:10px; color:#FFFFFF;}
.sur{display:block; margin: 0 0 0 18px;font-size:12px; color:#9966cc;text-decoration:underline;}
.none{display:block; margin: 0 0 0 18px;font-size:12px; color:#444444;}


.category_a{width:350px; height:13px; background-image: url(../works/img/bar_arc.gif);background-position:top left;background-repeat: no-repeat;}
.category_c{width:350px; height:13px; background-image: url(../works/img/bar_con.gif);background-position:top left;background-repeat: no-repeat;}
.category_f{width:350px; height:13px; background-image: url(../works/img/bar_fur.gif);background-position:top left;background-repeat: no-repeat;}
.category_g{width:350px; height:13px; background-image: url(../works/img/bar_gra.gif);background-position:top left;background-repeat: no-repeat;}
.category_i{width:350px; height:13px; background-image: url(../works/img/bar_int.gif);background-position:top left;background-repeat: no-repeat;}
.category_p{width:350px; height:13px; background-image: url(../works/img/bar_pro.gif);background-position:top left;background-repeat: no-repeat;}
.category_s{width:350px; height:13px; background-image: url(../works/img/bar_sur.gif);background-position:top left;background-repeat: no-repeat;}

img.sv{margin:0 3px 3px 0;}
.title{width:350px;padding:10px 0 ;font-size:14px; color:#444444; border-bottom:1px solid #cccccc;}
.date{width:350px;font-size:10px; color:#444444;text-align:right;}
.basic_data{margin:2px 0 6px 0;font-size:12px; color:#444444;}
.concept{font-size:10px; color:#444444;line-height:14px;}
.wt{width:350px; margin:10px 0 0 0;padding:1px 0 0 0; border-top:1px solid #cccccc;text-align:right;}
img.sect{margin:10px 0 0 0;}
img.plan{margin:10px 0 0 0;}