@charset "UTF-8";

/* ***************************************************
* CSS file For fujikasei
	FileName: product.css
	data:2008/09/24 kinoshita

■目次 ==========================================
■[01]:取扱い品目　一覧
■[02]:取扱い品目　詳細
**************************************************** */


/* common.cssを上書きする↓ */
/********** --ビゲーション **********/
/*-----------------------------------------------------------
■共通
------------------------------------------------------------*/
div.Text{
	padding-bottom: 15px;
	width: 610px;
	/* word-break:keep-all; */
	/* word-break:break-all; */
}

h4,p{ float: left; }
h4 img,p img{ display:block; }
/*-----------------------------------------------------------
■[01]:取扱い品目　一覧
------------------------------------------------------------*/

ul.productLink{
	width: 610px;
	float: left;
	margin: 5px 0 25px 0;
}

/* メッキ薬品のみ下に余白なし */
ul.mbplating{
	width: 610px;
	float: left;
	margin: 0px 0px 25px 0px;
}

ul.productLink li{
	width: 305px;
	float: left;
	padding: 4px 0;
	line-height: 18px;
	
}
ul.productLink li a{ display:block; }
ul.productLink li a:link 	{ padding-left: 15px; background: url(/img/common/arrow_rll.gif) no-repeat 0px 5px; }
ul.productLink li a:visited 	{ padding-left: 15px; background: url(/img/common/arrow_rll.gif) no-repeat 0px 5px;}
ul.productLink li a:hover 	{ padding-left: 15px; background: url(/img/common/arrow_on.gif) no-repeat 0px 5px; }


/*-----------------------------------------------------------
■[02]:取扱い品目　詳細
------------------------------------------------------------*/
div.productDetail{
	float: left;
	width: 610px;
}


div.productDetail dl{
	background: url(/img/product/bg_ttl_detail.gif) no-repeat left bottom #003399;
	float: left;
	width: 610px;
	padding: 0 0 8px 0;
	color: #fff;
	margin-bottom : 10px;
}

div.productDetail dl p.BgTop img{
	display:block;
}


div.productDetail dl dt{
	font-weight: bold;
	float: left;
	padding-left: 10px;
	padding-top: 6px;
}

div.productDetail dl dd{
	font-size: 12px;
	padding-top: 8px;
	padding-right: 6px;
	float: right;
}


div.usdBox{
	width: 100%;
	background: url(/img/common/description_bg.gif) repeat-y left top;
	float: left;
	border-top: 3px solid #c8c2e2;
	padding: 10px 0;
	border-bottom: 3px solid #c8c2e2;
}

div.usdBox p{
	width: 56px;
	float: left;
	text-align: right;
	padding-top: 2px;
}

div.usdBox p img{ margin-left : 10px; }

div.usdBox div{
	float: right;
	color: #3e3176;
	padding: 0 12px 0 14px;
	line-height: 20px;
	width: 520px;
	background: url(/img/common/description_num_bg.gif) repeat-y left top;
}


div.Image{
	width: 610px;
	float: left;
	margin : 20px 0;
	text-align: center;
}

div.contactBox{
	background: url(/img/product/bg_dot_contact.gif) repeat left top;
	float: left;
	text-align: center;
	width: 610px;
	padding: 15px 0;
}

div.backBox{
	background-color: #e8e8e8;
	float: left;
	width: 610px;
	margin-top : 10px;

}

div.backBox img{
	display:block;
}