@charset "utf-8";

/* グローバルナビ */

div#navigation ul#global_navi li a#gnavi_products,
div#navigation ul#global_navi li a#gnavi_products:hover {
	background: url(../../../../common/images/navigation/global_navi.gif) -227px -70px no-repeat;
}


/* コンテンツスタイル
------------------------------------------------------------- */

/* 製品情報 */

div#contents div#products {
	width: 730px;
	margin: 0 95px;
}

div#contents div#products dl {
	width: 730px;
	margin: 0 0 10px 0;
	overflow: hidden;
}

div#contents div#products dl dt {
	float: left;
}

div#contents div#products dl dd {
	width: 430px;
	margin: 0 0 0 294px;
}

div#contents div#products dl dd p {
	margin: 0 0 10px 0;
}

div#contents div#products dl dd span.annotation {
	font-size: 85%;
}

div#contents div#products dl dd h4.midashi02 {
	width: 400px;
	background: url(../../../../common/images/contents/title_back_products.jpg) 0 0 no-repeat;
}

* html div#contents div#products dl dd h4.midashi02 {
	width: 430px;
}

div#contents div#products dl dd div#lead {
	width: 430px;
	margin: 0 0 15px 0;
	padding: 5px 0 0 0;
	background: url(../../../../common/images/contents/lead_bg.jpg) 0 0 no-repeat;
}

div#contents div#products dl dd div#lead p {
	width: 400px;
	margin: 0;
	padding: 0 15px 5px 15px;
	background: url(../../../../common/images/contents/lead_bg_bottom.jpg) 0 bottom no-repeat;
	color: #744B27;
	font-weight: bold;
}

* html div#contents div#products dl dd div#lead p {
	width: 430px;
}



/* 使い方 */

div#contents div#products ol {
	position: relative;
	margin: 0 0 25px 0;
}

div#contents div#products ol li {
	min-height: 24px;
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	background: url(../../../../common/images/contents/dotline.gif) 0 bottom repeat-x;
}

* html div#contents div#products ol li {
	height: 24px;
}

div#contents div#products ol li span.number {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	background: url(../../../../common/images/contents/howto_bg.jpg) 0 0 no-repeat;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	line-height: 24px;
}

div#contents div#products ol li span.howto {
	display: block;
	width: 680px;
	margin: 0 0 0 35px;
}



/* 商品詳細 */

div#contents div#products table {
	width: 720px;
	margin: 0 5px;
	font-size: 100%;
	line-height: 1.4;
}

div#contents div#products table th,
div#contents div#products table td {
	padding: 5px 10px;
	border: 1px solid #D6CBA5;
}

div#contents div#products table th {
	width: 80px;
	background: url(../../images/soap/th_back01.jpg) 0 0 no-repeat;
}

div#contents div#products table th.material {
	background: url(../../images/soap/th_back02.jpg) 0 0 no-repeat;
}