@charset "UTF-8";
img{border:none;}
body{
padding:0;
margin:0;
font:12px Arial,"宋体";
line-height:18px;
background:#F3F3F3;
background-color:#F3F3F3;
background:url(/images/common/bg_01.gif) repeat 0 0;
text-align:center;
}
div.wrap{
margin:0 auto;
width:806px;
padding:0 10px;
background:url(/images/common/bg_02.png) repeat-y 0 0!important;
background:url(/images/common/bg_02.gif) repeat-y 0 0;
}
table{
text-align:left;
}
a:link{
	color:#000000;
	text-decoration:none;
}
a:visited{
	color:#000000;
	text-decoration:none;
}
a:active{
	color:#000000;
	text-decoration: underline;
}
a:hover{
	color:#000000;
	text-decoration: underline;
}

a.purple:link {
	text-decoration: none;
	color: #5A61B6;
}
a.purple:visited {
	text-decoration: none;
	color: #5A61B6;
}
a.purple:hover {
	text-decoration: underline;
	color: #5A61B6;
}
a.purple:active {
	text-decoration: underline;
	color: #5A61B6;
}
a.purple2:link {
	text-decoration: none;
	color: #4d4d4d;
}
a.purple2:visited {
	text-decoration: none;
	color: #4d4d4d;
}
a.purple2:hover {
	text-decoration: underline;
	color: #000000;
}
a.purple2:active {
	text-decoration: underline;
	color: #4d4d4d;
}
a.green:link {
	color: #387C5C;
	text-decoration: none;
}
a.green:visited {
	color: #387C5C;
	text-decoration: none;
}
a.green:hover {
	color: #387C5C;
	text-decoration: underline;
}
a.green:active {
	color: #387C5C;
	text-decoration: underline;
}

a.top:link {
	color: #4d4d4d;
	text-decoration: none;
}
a.top:visited {
	color: #4d4d4d;
	text-decoration: none;
}
a.top:hover {
	color: #000000;
	text-decoration: underline;
}
a.top:active {
	color: #4d4d4d;
	text-decoration: underline;
}

.leftnavi{
padding:0 0 8px 15px;
color: #4d4d4d;
line-height:14px;
font-size:12px;
}
.leftnavi_txt{
color: #4d4d4d;
line-height:14px;
font-size:12px;
}
a.leftnavi_txt:link {
	color: #4d4d4d;
	text-decoration: none;
}
a.leftnavi_txt:visited {
	color: #4d4d4d;
	text-decoration: none;
}
a.leftnavi_txt:hover {
	color: #000000;
	text-decoration: none;
}
a.leftnavi_txt:active {
	color: #4d4d4d;
	text-decoration: none;
}
.leftnavi ul{
padding:8px 0 0 20px;
margin:0;
list-style-image:url(/images/list.gif);
}
.leftnavi li{
padding:3px 0 0 0;
}
.leftnavi ul li ul{
padding-top:0;
padding-left:10px;
}


.bread{
color:#4e4e4e;
font-size:12px;
}
a.bread:link {
	color: #4e4e4e;
	text-decoration: none;
}
a.bread:visited {
	color: #4e4e4e;
	text-decoration: none;
}
a.bread:hover {
	color: #000000;
	text-decoration: none;
}
a.bread:active {
	color: #4e4e4e;
	text-decoration: none;
}

.search {
	background-color: #FFFFFF;
	border: 1px solid #8CCDDF;
	
	width: 120px;
	color: #4d4d4d;
/*	padding: 5px;height: 18px;*/
}
.p5{
padding:5px 0 0 0;
}

.txt_11 {
	font-size: 11px;
	line-height: 14px;
}
.txt_12 {
	font-size: 12px;
	line-height: 16px;
}
.txt_new{
	font-size: 12px;
	line-height: 16px;
	color:#4D4D4D;
}
a.txt_new:link {
	color: #4D4D4D;
	text-decoration: none;
}
a.txt_new:visited {
	color: #4D4D4D;
	text-decoration: none;
}
a.txt_new:hover {
	color: #666666;
	text-decoration: none;
}
a.txt_new:active {
	color: #4D4D4D;
	text-decoration: none;
}
.news {
	font-size: 12px;
	line-height: 16px;
	color: #67AEB1;
}
.txt_14 {
	font-size: 14px;
	line-height: 18px;
}
.back_about {
	background-color: #000000;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat;
}
.back_design {
	background-color: #000000;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat;
}
.back_info {
	background-color: #000000;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat;
}
.back_product {
	background-color: #000000;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat;
}
.back_tech {
	background-color: #000000;
	background-image: url(/images/bg2.gif);
	background-repeat: repeat;
}
.back_left {
	background-color: #666032;
	background-image: url(../about/images/back_left.gif);
	background-position: top;
	background-repeat: no-repeat;
}
.txt12h {
	font-size: 12px;
	line-height: 20px;
	text-decoration: none;
}
.back_product_left {
	background-color: #4C5C55;
	background-image: url(../product/images/back_product_left.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.back_tech_left {
	background-color: #596270;
	background-image: url(../tech/images/back_tech_left.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.back_design_left {
	background-color: #574F69;
	background-image: url(../design/images/back_design_left.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.back_info_left {
	background-color: #335254;
	background-image: url(../info/images/back_info_left.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.border_dot {
	border: 1px dotted;
}
.txt_16 {
	font-size: 16px;
	line-height: 36px;
}
.txt_16_2 {
	font-size: 16px;
	line-height: 28px;
}
.bord01{
	border:2px solid #5F5876;
}
.td_back_purple {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #9687BC;
}
.under_line {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #88888A;
}
.pro_bread {
	font-size: 13px;
	font-weight: bold;
	background-color: #E3EEE9;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	letter-spacing: 6px;
	color: #4C5B54;
}
.pro_bread2 {
	font-size: 13px;
	font-weight: bold;
	background-color: #E3EEE9;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	letter-spacing: 1px;
	color: #4C5B54;
}
.spec_title {
	font-size: 12px;
	padding-left: 10px;
	color: #666666;
	background-color: #E3EEE9;
	font-weight: bold;
	padding-top:4px;
}
.border_line {
	border: 1px solid #999999;
}
.tech_title {
	font-size: 13px;
	font-weight: bold;
	background-color: #D3DAE4;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 16px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	letter-spacing: 2px;
	color: #415069;
}
.button_face {
	background-color: #DCDFF1;
	border: 1px solid #999999;
	padding-top: 3px;
}
form{
margin:0px;
}
.iframe{
border:1px solid #666;
padding:2px;
}
a.des:link{
	color:#CF9350;
	text-decoration:underline;
}
a.des:visited{
	color:#CF9350;
	text-decoration:underline;
}
a.des:active{
	color:#CF9350;
	text-decoration:nderline;
}
a.des:hover{
	color:#CF9350;
	text-decoration:none;
}
.txt_kin{
color:#CF9350;
font-family:Arial;
}
a.more:link{
	color:#E6331B;
	text-decoration:underline;
}
a.more:visited{
	color:#E6331B;
	text-decoration:underline;
}
a.more:active{
	color:#E6331B;
	text-decoration:nderline;
}
a.more:hover{
	color:#E6331B;
	text-decoration:none;
}

/*top_renewal*/
H1 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; 
}
.sub_navi{
margin:8px 18px 13px 0;
}


a.link-gray:link{
font:10px Arial,"宋体";
color:#AEADAE;
text-decoration:none;
}
a.link-gray:visited{
font:10px Arial,"宋体";
color:#AEADAE;
text-decoration:none;
}
a.link-gray:hover{
font:10px Arial,"宋体";
color:#AEADAE;
text-decoration:none;
}
a.link-gray:active{
font:10px Arial,"宋体";
color:#AEADAE;
text-decoration:none;
}
.content{
width:800px;
padding-left:0;
padding-right:0;
}

.tb1{
height:16px;
font:Arial 12px;
line-height:18px;
text-align:left;
color:#A3A3A3;
}

a.tb1:link{
color:#A3A3A3;
text-decoration:none;
}
a.tb1:visited{
color:#A3A3A3;
text-decoration:none;
}
a.tb1:active{
color:#A3A3A3;
text-decoration:none;
}
a.tb1:hover{
color:#A3A3A3;
text-decoration:underline;
}

#news_tb{
padding:0 11px 0 5px;
}
.banner{
padding:0 5px 8px 5px;
}
.title_txt{
padding:2px 0 2px 24px;
color:#4d4d4d;
font-size:12px;
}

.icon{
padding:0 4px 0 4px;
}
.news_detail{
padding:18px 0 0 4px;
width:576px;
}
.news_datel{
padding:5px 4px 0 0;
width:576px;
text-align:right;
}
.photo01{
border:1px solid #B5B4B8;
padding:2px 2px 2px 2px;
width:176px;
margin:23px 0 23px 0;
}
/*shop*/
.shop_title_txt{
padding:2px 0 2px 10px;
color:#4E4E4E;
font-size:12px;
}
.shop_list_tb{
border-left:1px solid #DFDDD9;
border-bottom:1px solid #DFDDD9;
border-right:1px solid #DFDDD9;
}
.shop_title_tb{
border-left:1px solid #DFDDD9;
border-top:1px solid #DFDDD9;
border-right:1px solid #DFDDD9;
}
.sh_list_txt{
color:#4d4d4d;
font-size:12px;
}
a.sh_list_txt:link{
color:#4d4d4d;
text-decoration:none;
}
a.sh_list_txt:visited{
color:#4d4d4d;
text-decoration:none;
}

a.sh_list_txt:hover{
color:#000000;
text-decoration:none;
}
a.sh_list_txt:active{
color:#4d4d4d;
text-decoration:none;
}
.sh_list{
padding:7px 0 0 0;
}
.shop_ph{
border:1px solid #B5B4B8;
padding:2px 2px 2px 2px;
width:159px;
margin:20px 0 20px 0;
}
.sh_info{
padding:35px 0 0 0;
}
/*pro*/
.pro_tb{
border:1px solid #B5B4B8;
}

.pro_tb_r{
border-right:1px dashed #adadad;
}

.sub_title{
padding:0 0 0 21px;
color:#4E4E4E;
font-size:12px;
}

.sub_title2{
padding:0 0 0 21px;
color:#4E4E4E;
font-size:12px;
}
.sub_title3{
padding:0 0 0 10px;
color:#4E4E4E;
font-size:12px;
}
.sub_title3 span{
margin:0 5px 0 0;
font-size:10px;
float:right;
}
a.sub_title3:link{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title3:visited{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title3:active{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title3:hover{
color:#0C699E;
text-decoration:none;
}

.sub_title span{
margin:0 5px 0 0;
font-size:10px;
float:right;
}
a.sub_title:link{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title:visited{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title:active{
color:#4E4E4E;
text-decoration:none;
}
a.sub_title:hover{
color:#0C699E;
text-decoration:none;
}
.pro_intro2{
padding:12px 5px 5px 10px;
color:#939393;
font-size:12px;
line-height:14px;
}

.pro_intro2 span{
float:right;
}

.pro_intro3{
padding:12px 5px 5px 5px;
color:#939393;
font-size:12px;
line-height:14px;
}

.pro_intro3 span{
float:right;
}

.pro_intro{
padding:12px 20px 5px 20px;
color:#4E4E4E;
font-size:12px;
}
.pro_txt{
color:#4E4E4E;
font-size:12px;
padding:2px;
}
.pro_intro4{
padding:10px;
color:#4E4E4E;
font-size:12px;
}
.pro_intro_more{
margin:0 5px 5px 0;
font-size:10px;
float:right;
}
a.pro_intro_more:link{
color:#4E4E4E;
text-decoration:none;
}
a.pro_intro_more:visited{
color:#4E4E4E;
text-decoration:none;
}
a.pro_intro_more:active{
color:#4E4E4E;
text-decoration:none;
}
a.pro_intro_more:hover{
color:#0C699E;
text-decoration:none;
}

.pro_intro3{
padding:8px 23px 8px 23px;
color:#939393;
font-size:12px;
}

.color_gray{
color:#4D4D4D;
}
.color_gray2{
color:#939393;
}
.color_gray3{
color:#a3a3a3;
}

.color_black{
color:#1a1a1a;
}
.size12{
font-size:12px;
}
.pd_l10{
padding-left:10px;
padding-top:10px;
}
a.a_gray:link{font-size:12px;color:#939393;text-decoration:none;}
a.a_gray:visited{font-size:12px;color:#939393;text-decoration:none;}
a.a_gray:hover{font-size:12px;color:#939393;text-decoration:underline;}
a.a_gray:active{font-size:12px;color:#939393;text-decoration:none;}

.other_nolink{
text-align:left;
font-size:12px;
color:#939393;
}
.mail{
	color:#4E4E4E;
}
.a.mail:link{
	color:#4E4E4E;
	text-decoration:none;
}
.a.mail:visited{
	color:#4E4E4E;
	text-decoration:none;
}
.a.mail:active{
	color:#4E4E4E;
	text-decoration:none;
}
.a.mail:hover{
	color:#000000;
	text-decoration:none;
}

.line2{
background:url(/products/images/line2.jpg) no-repeat bottom left;
}
.sub_title_2line{
background:url(/products/images/arrow.gif) no-repeat 10px 5px;
}
.dashed{
margin-top:30px;
width:0px;
font-size:0px;
height:200px;
border-right:1px dashed #afafaf;
float:left;
}


#header{
padding:0;
margin:0;
background:#d2d3d5;
height:81px;
_height:71px;
border-bottom:1px solid #ffffff;
text-align:left;
width:806px;
position:relative;
}
#header h1{
margin:0;
padding:0;
width:155px;
height:64px;
float:left;
padding:15px 0 0 30px;
}
#header img {
	position:absolute;
	right: 20px;
	top: 35px;
}
#header h1 a{
width:111px;
height:50px;
display:block;
background:url(/images/common/logo.gif) no-repeat 0 0;
text-indent:-999em;
}
#header .acc_link{
width:250px;
float:right;
margin:5px 0 0;
}
#header ul , #header li{
list-style:none;
padding:0;
margin:0;
float:left;
}
#header .acc_link li {
width:57px;
padding-left:12px;
background:url(/images/t_arrow.gif) no-repeat 0 5px;
}
#header .acc_link li.spec{
width:30px;
}
#header .nav{
margin-top:28px;
width:475px;
height:30px;
float:left;
background:#ffffff;
padding-left:1px;
_padding-left:2px;
}
#header .nav li{
width:92px;
height:30px;
border-left:1px solid #d2d3d5;
border-right:1px solid #d2d3d5;
margin-right:1px;
background:url(/images/common/nav_bg.gif) repeat-x 0 0;
font-weight:700;
text-align:center;

}
#header .nav li a{
color:#323232;
text-decoration:none;
height:22px;
padding-top:08px;
width:100%;
display:block;
}
#header .nav li a:link{
color:#323232;
}
#header .nav li a:visited{
color:#323232;
}
#header .nav li a:hover ,#header .nav li.active a.nav_01{
color:#81c9f0;
text-decoration:none;
background:#ffffff;
}
#header .nav li a.nav_02:hover , #header .nav li.active a.nav_02{
color:#fcd3c1;
text-decoration:none;
background:#ffffff;
}
#header .nav li a.nav_03:hover , #header .nav li.active a.nav_03{
color:#d0e4a7;
text-decoration:none;
background:#ffffff;
}
#header .nav li a.nav_04:hover , #header .nav li.active a.nav_04{
color:#fdd284;
text-decoration:none;
background:#ffffff;
}
#header .nav li a.nav_05:hover , #header .nav li.active a.nav_05{
color:#b1b3da;
text-decoration:none;
background:#ffffff;
}
#header .nav li a:active{
color:#323232;
}

#banner{
background:#d2d3d5;
padding:3px 3px 0;
text-align:center;
font-size:0;
line-height:0;
}
.ban_01 img{
border:none;border-top:5px solid #81c9f0;
}
.ban_02 img{
border:none;border-top:5px solid #fcd3c1;
}
.ban_03 img{
border:none;border-top:5px solid #d0e4a7;
}
.ban_04 img{
border:none;border-top:5px solid #fdd284;
}
.ban_05 img{
border:none;border-top:5px solid #b1b3da;
}
#content{
padding:5px 3px;
}

#footer{
width:806px;
padding:0;
margin:0;
text-align:right;
font-family:arial,"宋体";
font-size:12px;
background:#d2d3d5;
}
.b_f{
width:826px;
margin:0 auto 0px;
height:15px;
background:url(/images/common/bg_03.png) no-repeat 0 0;
}

.txt_indent p{
text-indent:2em;
font-size:12px;
font-family:Arial,"宋体", sans-serif;
line-height:20px;
}
.ban_01 .pro_tb , .ban_03 .pro_tb{
border-width:0 1px 1px;
}

.td01{padding:5px;}
.td02{padding:5px 0}
.td03{padding:0 10px;}
.td04{padding:0 5px 3px;}
.td05{padding:0 15px;}



/*------------------------------------------------------------
	advantage style
------------------------------------------------------------*/
.textRight {
	text-align: right;
}

.textCenter {
	text-align: center;
}


/* product */
#product {
	margin: 0 0 0 20px;
	color: #333;
}

.newproduct {
	margin-bottom: 10px;
	border: 1px solid #b5b4b8;
	width: 283px;
	height: 340px;
	float: left;
	margin-right: 10px;
}
.newproduct .title {
	padding-right: 10px;
	height: 20px;
	background: url(/images/tilte_line.gif) no-repeat left top;
}
.newproduct .title span {
	float: right;
	font-size: 10px;
}
.newproduct .title a:hover {
	text-decoration: none;
	color: #0c699e;
}

.newproduct .pro_img {
	height: 180px;
	border-bottom: 1px #ccc solid;
	position: relative;
	text-align: center;
}
.newproduct .pro_img .new {
	position: absolute;
	top: 0;
	left: 0;
}

.newproduct p.info {
	margin: 45px 20px 10px;
	text-align: left;
}

.newproduct p.more {
	margin: 10px 10px 35px;
	text-align: right;
	font-size: 10px;
}

td .positions {
	position: relative;
	height: 180px;
}
td .positions .new {
	position: absolute;
	top:0;
	left: 0;
}
/* float */

.floatL {
	float: left;
}

.floatR {
	float: right;
}

.clear {
	clear:both;
}

.hrClear {
	clear:both;
	visibility: hidden;
}

	* html .clearFix,
	* html #globalNavi,
	* html #main {
		display: inline-block;
		zoom: 100%;
	}

	*+html .clearFix,
	*+html #globalNavi,
	*+html #main {
		display: inline-block;
		zoom: 100%;
	}

.clearFix:after,
#globalNavi:after,
#main:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

/*----tech24----*/
#conts .infomation {
	margin: 0 20px;
}
#conts .infomation p.up {
	margin: 0 0 5px;
	font-size: 18px;
	font-weight: bold;
}
#conts .infomation p.up img {
}
#conts .infomation p.down {
	margin: 0 0 0px;
	font-size: 14px;
}

#conts h2 {
	padding-left: 20px;
	margin-top: 0;
	font-size: 12px;
	font-weight: normal;
	background: url(/images/tilte_line.gif) no-repeat left top;
} 

#conts h3 {
	margin: 10px 25px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	color: #415069;
	background: #D3DAE4;
	padding:3px 5px 1px 16px;
	letter-spacing: 2px;
	font-size: 12px;
	clear: both;
}

#conts h4 {
	margin: 10px 25px 0;
	border-bottom: 1px solid #000;
	clear: both;
	font-size: 12px;
} 

#conts p {
	margin: 5px 25px 15px 25px;
}

#conts .image01 {
	margin-left: 25px;
}

#conts .h4_title {width:573px; height:49px; background:url(/tech/images/img2.jpg) no-repeat left top; border:0; text-indent:1em; padding-top:10px; margin-left:15px;}
#conts .h4_title p {font-weight:normal; text-indent:0; margin-left:13px;}
#conts .image01 .floatL {
	margin-right: 40px;
}
#conts .h4_title2 {width:449px; height:47px; background:url(/tech/images/img11.jpg) no-repeat left top; border:0; ltext-indent:1em; padding-top:-10px; margin-left:20px; padding-bottom:20px;}
#conts .h4_title2 p {font-weight:normal; text-indent:0;margin-left:0px;}

#conts .inner {
	overflow: hidden;
	zoom:1;
}
#conts .inner .floatR,
#conts .inner .floatL {
	width: 300px;
}

/*-----guide-----*/
#made {
}
#made h2 {
	margin-top: 0;
	padding: 10px 0 8px 15px;
	font-size: 16px;
	background: url(/products/images/h2_back.gif) no-repeat left top;
	font-weight: normal;
	margin-bottom: 20px;
}

#made table.top th {
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 1.3;
	border-bottom: 2px solid #afbedd;
}

#made table.top {
	margin-left: 10px;
}
#made table.top td {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.2;
}

#made th.special,
#made table.box th {
	padding: 2px 0 2px 12px;
	font-size: 12px;
	font-weight: bold;
	border-left: 6px solid #ccc;
	border-bottom: 2px solid #ccc;
}
 
 
#made span {
	display: block;
	padding-top: 20px;
}

.made h2 {
	margin-top: 0;
	padding: 10px 0 8px 15px;
	font-size: 16px;
	background: url(/products/images/h2_back.gif) no-repeat left top;
	font-weight: normal;
	margin-bottom: 20px;
}


.made th.special,
.made table.box th {
	padding: 2px 0 2px 12px;
	font-size: 12px;
	font-weight: bold;
	border-left: 6px solid #ccc;
	border-bottom: 2px solid #ccc;
}
 
.made table.top th {
	padding-bottom: 5px;
	font-size: 14px;
	line-height: 1.3;
	border-bottom: 2px solid #afbedd;
	border-left: none;
}

.made table.top {
	margin-left: 10px;
}
.made table.top td {
	padding-top: 10px;
	font-size: 12px;
	line-height: 1.2;
}
 
.made span {
	display: block;
	padding-top: 20px;
}

td#sitemap a {
	margin-right: 10px;
}

.guide {
	padding: 0 25px 20px;
}

.guide a,
.guide a:hover {
	color: #5A61B6;
}