@charset "utf-8";
/* CSS Document */

/* index==========================

	1.for index style
	
*/

/* 1.for index style
===============================================================*/
div#product,div#home{
	margin-bottom:30px;
}
div.proBox{
	float:left;
	display:inline;
	margin:0 0 12px 12px;
	width:296px;
	min-height:97px;
	border:solid 1px #ddd;
}
div.proBoxNew{
	margin:0 0 12px 12px;
	width:605px;
	min-height:97px;
	border:solid 1px #ddd;
}
div.proBox dl{
	margin-bottom:12px;
}
div.proBox dt{
	margin:6px 0 0 5px;
}
div.proBox dd{
	margin:0 12px 0 12px;
	line-height:1.4;
}
div.proBox li{
	padding-left:12px;
}
div.proBoxNew dl{
	margin-bottom:12px;
}
div.proBoxNew dt{
	margin:6px 0 0 5px;
}
div.proBoxNew dd{
	margin:0 12px 0 12px;
	line-height:1.4;
}
div.proBoxNew li{
	padding-left:12px;
}
div#new{
	background:url(../images/pro_bg_new.jpg) no-repeat top left;
}
div#new li{
	background:url(../images/pro_ico_new.gif) no-repeat 0 8px;
	display:inline;
	float:left;
	width:200px;
}

div#optics{
	background:url(../images/pro_bg_optics.jpg) no-repeat top left;
}
div#optics li{
	background:url(../images/pro_ico_optics.gif) no-repeat 0 8px;
}

div#lan{
	background:url(../images/pro_bg_lan.jpg) no-repeat top left;
}
div#lan li{
	background:url(../images/pro_ico_lan.gif) no-repeat 0 8px;
}

div#mdf{
	background:url(../images/pro_bg_mdf.jpg) no-repeat top left;
}
div#mdf li{
	background:url(../images/pro_ico_mdf.gif) no-repeat 0 8px;
}

div#star{
	background:url(../images/pro_bg_star.jpg) no-repeat top left;
}
div#star li{
	background:url(../images/pro_ico_star.gif) no-repeat 0 8px;
}

div#nmj{
	background:url(../images/pro_bg_nmj.jpg) no-repeat top left;
}
div#nmj li{
	background:url(../images/pro_ico_nmj.gif) no-repeat 0 8px;
}

div#wmj{
	background:url(../images/pro_bg_wmj.jpg) no-repeat top left;
}
div#wmj li{
	background:url(../images/pro_ico_wmj.gif) no-repeat 0 8px;
}

div#mj{
	background:url(../images/pro_bg_mj.jpg) no-repeat top left;
}
div#mj li{
	background:url(../images/pro_ico_mj.gif) no-repeat 0 8px;
}

div#other{
	background:url(../images/pro_bg_other.jpg) no-repeat top left;
}
div#other li{
	background:url(../images/pro_ico_other.gif) no-repeat 0 8px;
}
div#home{
	margin:0 13px;
	padding:0;
}
div#home img{
	margin:0;
	padding:0;
	vertical-align:top;
}
div#home p{
	margin:0;
	width:607px;
	padding:0;
}
div#home ul{
	margin:0;
	padding:0;
}
div#home02{
	text-align:center;
}

/* 2.for list style
===============================================================*/
.backPage{
	margin:0 10px 5px 0;
	text-align:right;
	font-size:0.8em;
}
.backPage a{
	padding-left:10px;
	background:url(../../common/images/ico_blue.gif) no-repeat 0 4px;
}

div#proList h3{
	margin-bottom:20px;
}
p.subTitle{
	margin:0 0 15px 15px;
	padding:3px 0 3px 5px;
	font-size:1.2em;
	font-weight:bold;
	border-left:solid 3px #50a1f4;
}
div.listBox{
	margin:0 15px 20px;
	padding-bottom:20px;
	background:url(../../common/images/dot.gif) repeat-x left bottom;
}
div.listRight{
	float:right;
	display:inline;
	width:400px;
}
div.listRight h4{
	font-size:1.2em;
	font-weight:bold;
}
div.listRight p{
	margin-top:15px;
}
div.listRight ul{
	margin-top:15px;
}
div.listRight li{
	padding-left:15px;
	background:url(../images/ico_square_b.gif) no-repeat 0 2px;
}
div.listLeft{
	float:left;
	display:inline;
	width:184px;
}
p.excerpt {
	margin-top:8px!important;
}
p.btDetail{
	margin:15px 30px 0 0;
	text-align:right;
}



/* 3.for Detail style
===============================================================*/
div.titWra {
	border:1px solid #dddddd;
}
h3.detTitle {
	border:1px solid #ffffff;
	font-size:1.2em;
	background:#f1f2f3;
	padding:8px;
	font-weight:bold;
	margin-bottom:0!important;
}
h3.detTitle a {
	text-decoration:none;
	color:#00206f!important;
}
div#detMain {
	padding:0 15px;
}
div#detMain p {
	margin:0;
	padding:0;
}
h4 {
	padding-bottom:5px;
	background:url(/product/images/pro_dotline.gif) no-repeat left bottom;
	font-weight:bold;
}
span#exp {
	margin:0px;
	background:url(/product/images/pro_ico_exp.gif) no-repeat left top;
	padding-left:15px;
	color:#333333;
}
table.proDetBox {
	margin-top:25px;
	width:100%;
}
table.proDetBox ul li {
	background:url(/product/images/pro_det_listico.gif) no-repeat left 0.5em;
	padding-left:12px;
	line-height:1.4;
}
td.proDetCon {
	padding:13px 15px 0 15px;
}

table.proTab {
	width:570px;
	border-top:solid 1px #ddd;
	border-right:solid 1px #ddd;
}
table.proTab th{
	padding:8px 0;
	width:130px;
	text-indent:5px;
	text-align:left;
	font-weight:normal;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
	background:#f2f2f2;
	vertical-align:top;
}
.proTab td{
	padding:8px 5px;
	border-bottom:solid 1px #ddd;
	border-left:solid 1px #ddd;
	vertical-align:top;
}
.proTab ul {
	margin:0px 15px 0 3px!important;
	line-height:1.4;
}
.proTab ul li {
	background:url(/product/images/pro_det_listico.gif) no-repeat left 0.5em;
	padding-left:12px;
}