/* products page main area css ------------------------------------------------- */

/* image area ------------------------- */
#prod-imagearea {
	width: 740px;
	height: 120px;
	margin: 0 0 5px 0;
	padding: 0;
 }

/* menu area ------------------------- */
#prod-menu {
	clear:both;
	width: 740px;
/*	height: 109px;  */
	height: 53px;
	margin: 0;
	padding:0;
	background: url(../images/bk_menu.jpg) repeat-x;
 }

#prod-menu ul {
	margin: 0;
	padding: 1px 3px 0 3px;
	list-style-type: none;
	}
#prod-menu li {
	display: inline;
	}
#prod-menu a {
	display: block;
	float: left;
	width: 78px;
/*	height: 78px;  */
	height: 18px;
	margin: 0;
	padding: 0;
	text-align: center;
	text-decoration: none;
	}
#prod-menu li.tool {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_tool2.jpg) no-repeat;
 	}
#prod-menu li.tool a {
	background: url(../images/btn_tool1.jpg) no-repeat;
	text-indent: -3000px;

	}
#prod-menu li.tool a:hover {
	background:none;
	}
#prod-menu li.kos {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_kos2.jpg) no-repeat;
 	}
#prod-menu li.kos a {
	background: url(../images/btn_kos1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.kos a:hover {
	background:none;
	}
#prod-menu li.sei {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_sei2.jpg) no-repeat;
 	}
#prod-menu li.sei a {
	background: url(../images/btn_sei1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.sei a:hover {
	background:none;
	}
#prod-menu li.rob {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_rob2.jpg) no-repeat;
 	}
#prod-menu li.rob a {
	background: url(../images/btn_rob1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.rob a:hover {
	background:none;
	}
#prod-menu li.jik {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_jik2.jpg) no-repeat;
 	}
#prod-menu li.jik a {
	background: url(../images/btn_jik1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.jik a:hover {
	background:none;
	}
#prod-menu li.yua {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_yua2.jpg) no-repeat;
 	}
#prod-menu li.yua a {
	background: url(../images/btn_yua1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.yua a:hover {
	background:none;
	}
#prod-menu li.kou {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_kou2.jpg) no-repeat;
 	}
#prod-menu li.kou a {
	background: url(../images/btn_kou1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.kou a:hover {
	background:none;
	}
#prod-menu li.sgs {
	float: left;
	width: 78px;
	padding-right: 4px;
	background: url(../images/btn_sgs2.jpg) no-repeat;
 	}
#prod-menu li.sgs a {
	background: url(../images/btn_sgs1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.sgs a:hover {
	background:none;
	}
#prod-menu li.coa {
	float: left;
	width: 78px;
	background: url(../images/btn_coa2.jpg) no-repeat;
 	}
#prod-menu li.coa a {
	background: url(../images/btn_coa1.jpg) no-repeat;
	text-indent: -3000px;
	}
#prod-menu li.coa a:hover {
	background:none;
	}

/* contents area ------------------------- */

#prod-cont {
	width: 740px;
	height: 100%;
/*	margin: 20px 0 0 0;  */
	margin: 15px 0 0 0;
	padding: 0;
	background: url(../images/bk_main.gif) repeat-y;
}

#prod-sub1 {
	width: 140px;
	height: 350px;
	margin: 0 0 6px 0;
	padding: 4px 0 0 0;
	background-color: #efefed;
	float: left;
	}

#prod-contents {
	width: 600px;
	height: 100%;
	margin: 0;
	padding: 0;
	float: left;
	position: absolude;
	}

#prod-main {
	width: 418px;
	margin: 0;
	padding: 0 16px;
	float: left;
	}

#prod-sub2 {
	width: 150px;
	height: 350px;
	margin: 0 0 6px 0;
	padding: 0;
	background-color: #efefed;
	float: right;
	vertical-align: top;
	}

/* class_style ------------------------- */

#main img {
	border: none;
	}

#ebody .skip {
	position: absolute;
	top: -1000px;
	left: -1000px;
	width: 100px;
	clear: both;
	margin: 0;
	padding: 0;
	border-width: 0;
	}

/* title ------------------ */

#prod-menu h3 {
	background: url(../images/title_prod.gif) no-repeat;
	height: 27px;
	text-indent:-1000px;
	}

#prod-main h3 {
	background: url(../images/title_prod_sub1.gif) no-repeat;
	height: 21px;
	text-indent:-1000px;
	}

#prod-sub2 h3 {
	background: url(../images/title_prod_sub2.gif) no-repeat;
	background-color: #ffffff;
	text-indent:-1000px;
	height: 21px;
	padding: 0 0 8px 0;
	}

/* subarea1 banner ------------------ */

#prod-sub1 ul.bn {
	margin: 10px;
	padding: 1px;
	line-height: 180%;
	background: #c1c1c1;
	list-style-type: none;
	}
#prod-sub1 ul.bn li {
	margin: 0;
	padding: 0;
	background: #ffffff;
	padding: 0 0 0 6px;
	border-left: 7px solid #5b5b82;
	line-height: 180%;
	}

/* subarea1 banner2 ------------------ */

#prod-sub1 ul.bn2 {
	margin: 18px 0 0 6px;
	padding: 0;
	list-style-type: none;
	}
#prod-sub1 ul.bn2 a {
	width: 128px;
	height: 65px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	text-decoration: none;
	}
#prod-sub1 ul.bn2 li.n1 {
	float: left;
	width: 128px;
	background: url(../images/bn_sub1_a2.gif) no-repeat;
 	}
#prod-sub1 ul.bn2 li.n1 a {
	background: url(../images/bn_sub1_a1.gif) no-repeat;
	text-indent: -3000px;
	}
#prod-sub1 ul.bn2 li.n1 a:hover {
	background:none;
	}
#prod-sub1 ul.bn2 li.n2 {
	float: left;
	width: 128px;
	background: url(../images/bn_sub1_b2.gif) no-repeat;
 	}
#prod-sub1 ul.bn2 li.n2 a {
	background: url(../images/bn_sub1_b1.gif) no-repeat;
	text-indent: -3000px;
	}
#prod-sub1 ul.bn2 li.n2 a:hover {
	background:none;
	}

#prod-sub1 ul.bn2 li.n3 {
	float: left;
	width: 128px;
	background: url(../images/bn_sub1_c1.gif) no-repeat;
 	}
#prod-sub1 ul.bn2 li.n3 a {
	background: url(../images/bn_sub1_c1.gif) no-repeat;
	text-indent: -3000px;
	}

#prod-sub1 ul.bn2 li.n3 a:hover { 
	background:none;
	}


#prod-sub1 ul.bn2 li.n4 {
	float: left;
	width: 128px;
	background: url(../images/bn_sub1_d2.gif) no-repeat;
 	}
#prod-sub1 ul.bn2 li.n4 a {
	background: url(../images/bn_sub1_d1.gif) no-repeat;
	text-indent: -3000px;
	}

#prod-sub1 ul.bn2 li.n4 a:hover { 
	background:none;
	}

#prod-sub1 ul.bn2 li.n5 {
	float: left;
	width: 128px;
	background: url(../images/bn_sub1_e2.jpg) no-repeat;
 	}
#prod-sub1 ul.bn2 li.n5 a {
	background: url(../images/bn_sub1_e1.jpg) no-repeat;
	text-indent: -3000px;
	}


#prod-sub1 ul.bn2 li.n5 a:hover { 
	background:none;
	}

/* mainarea news ------------------ */

#prod-main table {
	margin: 6px 0 6px 0;
	padding: 0;
	border-collapse:collapse;
	}

#prod-main td {
	border-bottom: 1px dotted #cccccc;
	padding: 2px 4px;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	line-height: 120%;
	}

#prod-main .more {
	text-align: right;
	margin: 6px 0 6px 0;
	}

/* subarea2 banner ------------------ */

#prod-sub2 ul {
	width: 137px;
	margin: 6px 6px 4px 6px;
	padding: 0;
	list-style-type: none;
	font-size:1px;
	overflow:hidden;
 }
#prod-sub2 ul a {
	width: 137px;
	height: 30px;
	margin: 0;
	padding: 0;
	float: left;
	text-align: center;
	text-decoration: none;
	text-indent: -3000px;
	}
#prod-sub2 ul li.sym {
	background: url(../images/bn_sub2_1.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub1 ul li.sym a {
	background: url(../images/bn_sub2_1.gif) no-repeat;
	}
#prod-sub2 ul li.anc {
	background: url(../images/bn_sub2_2.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.tor {
	background: url(../images/bn_sub2_3.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.pre {
	background: url(../images/bn_sub2_4.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.for {
	background: url(../images/bn_sub2_5.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.art {
	background: url(../images/bn_sub2_6.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.que {
	background: url(../images/bn_sub2_7.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}
#prod-sub2 ul li.leg {
	background: url(../images/bn_sub2_8.gif) no-repeat;
	height: 30px;
	margin: 0 0 4px 0;
	}