/*===========================================
PRODUCT.CSS
===========================================*/


/*============================================================
MENU AREA
============================================================*/
div#mainmenu ul li.mmProduct a {
	background-position: 0px 0px;
}


/*==============================
CONTENTS AREA (HEADER)
===============================*/

div#headerContents h2 {
	background-image: url(../../product/img/h2_product.jpg);
}


/*==============================
CONTENTS AREA (SUB)
===============================*/

div#subContents dl dt {
	background-image: url(../../product/img/bt_product.gif);
}



div#subContents dl dd ul li.smFine a {
	background-image: url(../../product/img/bt_fine.gif);
}


div#subContents dl dd ul li.smCatalyst a {
	background-image: url(../../product/img/bt_catalyst.gif);
}


/*==============================
p.bt_contact
===============================*/

p.bt_contact {
	width: 223px;
	height: 35px;
	margin: 0px;
	padding: 0px;
}

p.bt_contact a {
	display: block;
	width: 223px;
	height: 35px;
	margin: 0px;
	margin-left: 287px;
	padding: 0px;
	text-indent: -9999px;
	overflow: hidden;

	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../../product/img/bt_contact.gif);
/*	background-image: url(../../../company/img/bt_plofile.gif);*/
}

p.bt_contact a:hover {
	background-position: 0px -35px;
}

/*==============================
div.cat02
===============================*/
div#mainContents div.cat02{
	width: 131px;
}

table.ta_cat{
	width: 350px;
}

table.ta_cat td {
	padding-bottom: 0.5em;
}


table.ta_fin{
	width: 450px;
	margin: 2em auto 2em auto;
}

table.ta_fin th{
	text-align:center;
}

table.ta_fin td {
	padding-bottom: 0.5em;
}

table caption{
	margin-bottom: 0.1em;
	border-bottom: 1px dotted #999;
	font-weight: bold;
}

dl.dl_fin{
	text-align: center;
}

dl.dl_fin dt{
	font-weight: bold;
	text-align: center;
}

dl.dl_fin dd{
	margin-bottom: 1.5em;
}