@charset "utf-8";

html,body{color:#767782; background:#f5f3f0 url(/unique/images/bg.gif) repeat-x;}
body{padding:0; margin:0 auto; text-align:center; font:normal 0.7em/1.2 Verdana, AppleGothic, sans-serif; letter-spacing:-0.015em;}

a{color:#767782; text-decoration:none;}
a:hover{color:#767782; text-decoration:underline;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
/*table{border-collapse:collapse; border-spacing:0;}*/
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
caption{display:none;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit; color:#9899a8;}
select{vertical-align:top;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
img{line-height:0;}

/* print set */
@media print{
body { margin:0; background:#fff;}
#wrap { width:100%; padding:0; border:none;}
#contents { width:100% !important; overflow:visible; margin:0 0 1em 0;}
#gnb, 
#lnb,
#quickmenu { display:none !important;}
#footer { clear:both;}
}

.cb {*height:1%;} 
.cb:after {content:" "; display:block; clear:both; height:0; visibility:hidden;}

.fl{float:left;}
.fr{float:right;}
.tl{text-align:left;}
.tr{text-align:right;}
.tc{text-align:center;}
.pa{position:absolute;}
.pr{position:relative;}

input.txt{height:17px; padding:2px 0 0 2px; background:#fff; border:1px solid #cecece;}
input.submit{padding:2px; color:#666; background:#F3EEF6; border:1px solid #cecece; cursor:pointer;}
input.check {width:13px; height:13px; margin:0 3px 2px 0; border:none; background:none;}
:root input.check {margin-left:0; vertical-align:-2px;}
.btn_del{background:none; border:1px solid #cecece;}
.tnone{text-indent:-10000px; font-size:0; line-height:0; overflow:hidden;}

#skipnavi{position:absolute; width:0; height:0; top:-10000px;}

/* Common Layout */
#wrap{position:relative; width:967px; margin:0 auto; text-align:left;}
#header{float:left; width:100%; height:63px;}
#header h1{float:left; padding:14px 0 0 8px;}
#header .topnavi{float:right; padding:35px 28px 0 0;}
#header .topnavi a{display:inline-block; padding:3px 2px 2px 7px; background:url(/unique/images/top_bar.gif) no-repeat 0 5px;}
#header .topnavi a.first{padding-left:0; background:none;}

#navibar{float:left; width:211px;}

#gnb{padding:33px 0 0 0; background:url(/unique/images/gnb_bg.gif) no-repeat;}
#gnb .bg{padding:0 0 40px 19px; background:url(/unique/images/gnb_bg.gif) no-repeat left bottom; font-size:0;}

#gnb li a{position:relative; /*selector-dummy : expression(this.hideFocus=true);*/}
#gnb li img{display:block;}
*html #gnb li img{margin:-1px 0 0;}
*html #gnb li.first img{margin:0;}
#gnb li div{position:absolute; left:160px; top:68px; padding:0 5px 20px 0; background:#fff; /* background:url(/unique/images/gnb_layer2.gif) no-repeat right bottom; */ border:2px solid #d5d7de; /* border-right:2px solid #d5d7de; border-bottom:2px solid #d5d7de;*/ z-index:10;}
#gnb li ul{padding:20px 5px 0 0; /* background:url(/unique/images/gnb_layer2.gif) no-repeat;*/ text-align:left; font-size:0; z-index:10;}
#gnb li ul li{display:block; margin:0 10px; padding:3px 10px 5px 0; border-bottom:1px solid #eceef4; z-index:10; }
#gnb li ul li a{display:block; padding:0 0 0 14px; color:#afb1bb; font-size:11px; font-weight:bold; letter-spacing:-0.09em; text-decoration:none; white-space:nowrap;}
#gnb li ul li a:hover,
#gnb li ul li a.on{background:url(/unique/images/bl/gnb.gif) no-repeat 2px 4px; color:#797c91;}
#gnb li div.products{display:none;}
#gnb li div.designs{display:none; top:98px;}
#gnb li div.combination{display:none; top:128px;}
#gnb li div.printing{display:none; top:158px;}
#gnb li div.testreport{display:none; top:290px;}

#navibar .banner a{display:block; margin:6px 0 0;}

#container{float:right; width:750px; background:url(/unique/images/contents_bg.gif) repeat-y; z-index:1;}
/*#contents{position:relative; width:693px; margin:14px 0 20px 28px;}*/
#contents{position:relative; width:715px; margin:14px auto 20px;}
#total-search{height:43px; background:#fbfbea; border:1px solid #f2f2e8;}
#total-search .form label{display:inline; float:left; margin:3px 22px 0 72px; padding:0 0 0 10px; background:url(/unique/images/bl/dot_gray.gif) no-repeat 0 5px; font-weight:lighter;}
#total-search .form{float:left; margin:10px 0 0;}
#total-search .form select,
#total-search .form input{float:left; vertical-align:middle;}
#total-search .form select{height:21px;}
#total-search .size_search{float:left;}
#total-search .form input{margin:0 2px;}

.more{position:absolute; right:0; top:0; padding:4px 0;}

#footer img{display:block;}


/* Main */
.mainbanner{margin:36px 0 0;}
.mainbanner .unq_design{float:left; position:relative; width:485px;}
.mainbanner .unq_design h2{float:left; margin:0 0 6px;}
.mainbanner .unq_design .tabmenu{float:right;}
.mainbanner .unq_design .tabmenu li{float:left;}
.mainbanner .unq_design .box{position:relative; width:485px; height:174px; background:url(/unique/images/hotdesign_box.gif) no-repeat; overflow:hidden;}
.mainbanner .design_img{position:absolute; left:3px; top:3px;}
.mainbanner .hotdesign{position:relative; width:295px; padding:26px 0 0 165px;}
.mainbanner .hotdesign h3{height:20px; border-bottom:1px solid #e0e1e2;}
.mainbanner .hotdesign ul{height:92px; margin:22px 0 0; color:#9899a8;}
.mainbanner .hotdesign ul li{padding-bottom:3px;}
.mainbanner .hotdesign .more{right:6px; top:26px;}
.mainbanner .fr{margin:18px 0 0;}
.newdesign{position:relative; margin:32px 0 0;}
.newdesign h2{height:20px; padding:0 0 0 8px; border-bottom:1px solid #e0e1e2;}
.newdesign .lastupdate{position:absolute; left:100px; top:0; color:#908eab;}
.moving_prod{height:152px; border-bottom:1px solid #e0e1e2; overflow:hidden;}
.moving_prod .btn_prev{float:left; width:21px; margin:60px 0 0 15px;}
.moving_prod ul{float:left; width:620px; height:133px; margin:20px 0 0; overflow:hidden;}
.moving_prod ul li{display:inline; float:left; margin:0 13px; text-align:center;}
.moving_prod ul li img{display:block;}
.moving_prod ul li strong{display:block; color:#5e5b7f;}
.moving_prod ul li strong a{color:#5e5b7f;}
.moving_prod .btn_next{float:right; width:21px; margin:60px 8px 0;}

/* text type */
.point{color:#5b5e86;}
.add_txt{padding:8px 0 0;}
.compulsory_txt{position:absolute; right:0; top:0; color:#5d668d; font-size:1.1em;}
.note_txt{margin:10px 0 0;}

/* list type */
.dot_gray li{padding:0 0 0 8px; background:url(/unique/images/bl/dot_gray.gif) no-repeat 0 6px;}
.dot_gray2 li,
.dot_gray2 dd{zoom:1; padding:0 0 0 6px; background:url(/unique/images/bl/dot_gray2.gif) no-repeat 0 8px;}

/* box type */
.boxtype1{padding:20px 15px 20px 25px; margin:17px 0 0; background:#fff; border:2px solid #e5e3eb;}
.boxtype2{padding:20px 5px 20px 15px; margin:5px 0 5px 0; background:#fff; border:2px solid #e5e3eb;}

/* table type */
.table_type1{width:100%; background:#d0cfdd; border-top:1px solid #d0cfdd; border-bottom:1px solid #d0cfdd;}
.table_type1 th{padding:0 0 0 12px; background:#f3eef6; color:#61626b; font-weight:lighter;}
.table_type1 td{padding:5px 0; background:#fff; text-align:center;}
.mm td{/* padding:10px 0; */ padding:2px 0; font-size:0.85em; letter-spacing:-0.1em;}
.horz thead th,
.horz2 thead th,
.mm thead th{padding:5px 0; text-align:center; font-weight:bold;}
.horz tbody th{padding:5px 0; background:#fff; color:#595961; text-align:center;}
.horz tbody td{padding:6px 0;}
.horz2 thead th strong{font-weight:bold;}
.horz2 tbody td{padding:15px 0 15px 20px; text-align:left;}
.input tbody th{width:32%; white-space:nowrap;}
.input td{padding-left:5px; text-align:left;}
td.tl{padding-left:6px !important; padding-right:4px !important; text-align:left;}
/*  .table_type1 img{width:30px;}2009-08-21 */

/* board type */
.paging{clear:both; padding:10px 0 0; text-align:center;}
.paging img{vertical-align:-6px;}
.paging a{padding:0 5px; text-align:center;}
.paging a.on{color:#4851af; font-weight:bold; letter-spacing:-1px;}
.paging a.first,
.paging a.prev,
.paging a.next,
.paging a.end{padding:0;}

.paging_select{margin:10px 0 0; text-align:right;}

.btn_center{margin:20px 0 0; text-align:center;}


/* img type */
.img1 {margin:17px 0 0;}