@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

body, html {background:#000; height: 100%;}

body > #container {height: auto;}


img {border:0;}

#main:after {
	clear:both;
}

a:hover img {filter:alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;}
#header, #navi * {display:block;}
ul {list-style-type:none;}
h1, h2, #menu dd a {color:#fff;}
#navi ul li, #lefter, #header h1, .header_banner, #menu ul a img {float:left;}
#main {float:right;}
#navi ul {margin-top:0px; width:1200px; padding:0px;}
#navi ul li a {font-family: Arial, Helvetica, sans-serif; color:#fff; margin:0px; font-size:12px; font-weight:bold; height:26px; line-height:26px; border:1px solid #1c1c1c; width:98px; text-align:center; text-decoration:none; letter-spacing:1px;}
#navi ul li a:hover {background:#330000; border-bottom:1px solid #ff6600; color:#ccc; letter-spacing:0px;} 
#navi {height:28px; border-bottom:1px solid #666; margin:0px 0px 245px 0px; background:url(../img/woodframesofa/naviback.jpg);}

#header h1 {
width:689px;
height:28px;
font-size:10px;
line-height:14px;
font-weight:normal;
text-align:right;
margin:3px 0px 0px 0px;
padding:3px 10px 3px 0px;
border-right:1px solid #ccc;
}


.header_banner {
margin:6px 0px 0px 10px;
}



#header {width:1200px;
height:420px;
margin-bottom:20px;
background:url(../img/dt/dt_back.jpg);
position:relative;
}

#header_box {
margin:0px;
position:relative;
background:#1c1c1c;
filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;
width:1200px;
height:40px;
}



#menu {
width:250px;
position:relative;
margin:0px;

}

#menu dl * {display:block;}

#menu dl {
width:250px;
background:#ccc;
overflow:hidden;
margin:0px;

border-radius:0px 0px 8px 8px;
}

#menu dt {
color:#330000; letter-spacing:1px;
font-size:13px;
line-height:18px;
text-indent:10px;
height:18px;
padding:8px 0px 0px 0px;
border-top:1px solid #000;
font-family: Arial, Helvetica, sans-serif;
}

#menu dl a {
font-weight:bold;
margin-right:auto;
margin-left:auto;
padding:2px 3px 9px 3px;
width:230px;
font-size:12px;
line-height:18px;
height:38px;
display:block;
text-decoration:none; 
letter-spacing:1px;
color:#555;
}

#menu dl a:hover {
color:#fff; text-decoration:underline;
}




#menu p {
border-radius:8px 8px 0px 0px;
text-indent:28px;
font-size:14px; line-height:38px;
color:#993333;
background:url(../img/menu_bk.jpg);
width:250px;
height:36px;
letter-spacing:1px;
font-weight:bold;
font-family: Arial, Helvetica, sans-serif;
}



#main h3 {
border-left:4px solid #ff9933;
margin:0px;
font-size:18px; line-height:42px;
height:42px;
text-indent:16px;
font-family:'‚l‚r ‚o–¾’©', 'MS PMincho', serif;
margin:0px 0px 18px 0px;
letter-spacing:3px;
background:#eee;
color:#cc6600;
}

#main h2 {
font-family:'‚l‚r ‚o–¾’©', 'MS PMincho', serif;
font-size:22px; line-height:44px;
text-indent:6px;
letter-spacing:6px;
padding:0px;
}
#ca_box p {
color:#fff; font-family:'‚l‚r ‚o–¾’©', 'MS PMincho', serif;
font-size:12px; line-height:16px; letter-spacing:1px;
padding:0px;
}

.detail {
margin:0px;
padding:0px;
font-size:12px; line-height:21px;
}

#main {
width:910px;
height:auto;
margin:0px 0px 0px 0px;
background:#000;
padding:0px 0px 40px 0px;
}

.authen p {
padding:12px 16px 28px 16px;
font-size:12px; line-height:18px;

color:#000;
}

.authen {
width:910px;
margin:12px 0px 36px 0px;
border-bottom:6px solid #ccc;
background:#fff;
border-radius:0px 16px 0px 0px;


overflow:hidden;
}


.authen tr {
vertical-align:top;
}

.caution {
letter-spacing:2px;
width:910px;
height:38px;
font-size:13px; line-height:38px;
text-align:center;
color:#1c1c1c;
background:#eee;
margin:0px 0px 30px 0px;
}


.clear {clear:both;}  
.clear hr {display:none;}  


#container {
width:100%;
height:100%;
min-height: 100%;
background:#000;
position:relative;
width:1200px;
margin: 0 auto;
}


#footer table {
float:right;
width:638px;
height:160px;
}

#footer table a img {
border:1px solid #ccc;
}

#footer table a:hover img {
border:1px solid #ff6600;
}

.link a {
color:#fff;
text-decoration:none;
width:120px;
height:22px;
font-size:11px; line-height:22px;
display:block;
text-align:center;
}

#footer ul {
float:left;
width:160px;
margin:8px 30px 0px 0px;
padding:0px;
height:144px;
}

#footer ul li {
padding:0px;
height:24px;
}

#footer ul a:hover {
color:#666;
border-bottom:1px solid #ff6600;
letter-spacing:2px;
}

#footer ul a {
font-size:11px; line-height:23px;
display:block;
text-decoration:none;
color:#eee;
letter-spacing:1px;
text-indent:11px;
border-bottom:1px solid #ccc;
width:160px;
height:23px;
}

#cr {
	color:#fff;
font-size:11px; line-height:32px;
text-align:center;
font-family: Arial, Helvetica, sans-serif; 
letter-spacing:2px;
margin:0px;
padding:0px;
        height: 32px;
        width:100%;
        bottom: 0px;
	position:relative;
}


#footer {
border-top:1px solid #ccc;
	clear:both;
        width:1090px;
	background:#000;
	position:relative;
        bottom: 0px;
        height: 160px;
padding:8px 0px 20px 110px;
margin-top:10px;
}



#lefter {
width:250px;
background:#000;
position:relative;
padding:0px 40px 0px 0px;
height:2842px;
margin:0px;
display:block;
}

#c_menu td {
width:199px;
height:52px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;


}

#c_menu {
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
height:104px;
width:1200px;
}

#c_menu a, #c_menu span {
display:block;  text-decoration:none;
}

.cmb {
height:20px;
font-family:Batang, serif; 
font-weight:bold;
font-size:16px;
letter-spacing:1px;
text-indent:14px;
line-height:20px;
padding:9px 0px 0px 0px;
}

.cms {
height:14px;
font-family:Century Gothic; 
font-size:11px;
text-indent:32px;
line-height:14px;
letter-spacing:1px;
}

#c_menu a {height:52px; width:100%; background:url(../img/cb_bk.jpg); color:#666; filter:alpha(opacity=80); -moz-opacity:0.80; opacity:0.80;}

#c_menu a:hover {
filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;
color:#1c1c1c;
}

#ca_box {
background:url(../img/dt/dts_memobk.jpg);
filter:alpha(opacity=90); -moz-opacity:0.90; opacity:0.90;
padding:12px 12px 0px 12px;
border-radius:8px; height:136px; margin:0px 0px 32px 0px; }

#new_info {float:right; border-radius:8px; background:#fff;  width:460px; height:216px; padding:16px; margin:0px;}

#new_info dl {
width:432px;


}

#new_info dl img {
width:160px; height:160px;}


#new_info dd {
margin:0px;
float:right;
width:160px; height:160px;
padding:10px; 
border-bottom:1px dashed #ccc;
background:url(../img/ni_bk.png);
} 

#new_info dt {
font-size:12px; line-height:18px;
letter-spacing:1px;
border-bottom:1px dashed #ccc;
margin:0px;
float:left;
width:232px; height:160px;
padding:10px; 
background:url(../img/ni_bk.png);
} 


#new_info div {
width:460px; height:170px;
overflow-y:scroll;
background:url(../img/ni_logo.jpg) no-repeat;
margin:0px; padding:46px 0px 0px 0px;
}

#pu_item table tr {
vertical-align:middle;


}

#pu_item table {

height:168px; 
width:368px;
margin:0px 10px 0px 10px;
background:#fff;

}


#pu_item table a img {
margin:1px;
}

#pu_item table a {
height:150px; width:190px;
border:1px solid #eee;
display:block;
}


#pu_item span {
color:#1c1c1c; font-size:12px; line-height:19px;
font-family:'‚l‚r ‚o–¾’©', 'MS PMincho', serif;
letter-spacing:1px;

padding:9px;
display:block;
}

#pu_item p {
height:68px; width:388px;
background:url(../img/pi_logo.png) no-repeat 16px 14px;
}


#pu_item {
float:left;
border-radius:8px; background:#222;  width:388px; height:248px; margin:0px 0px 30px 0px;

}

.lib {
display:block;
padding:16px;
}


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative;}
.jcarousel-list {z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item {float: left; list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */ width: 60px; height: 60px;}
/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
.jcarousel-next {z-index: 3; display: none;}
.jcarousel-prev {z-index: 3; display: none;}