@charset "Shift_JIS";

/************************** 

製品案内TOP
product/index.html

**************************/
div#contents div#mainCol div.noBgImg {
	background-image: none;
}

div#productTop {
	width: 750px;
	height: auto;
	margin: 0 0 60px;
	padding: 0;
	clear: both;
}

div#productTop h3 {
	width: 730px;
	height: 23px;
	margin: 0 0 15px;
	padding: 5px 10px 0;
	float: right;
	border-top: 3px solid #003B12;
	border-bottom: 3px solid #003B12;
	font-size: 13px;
	line-height: 130%;
}

div#productTop ul {
	width: auto;
	height: auto;
	margin: 0 0 0 12px;
	padding: 0;
	clear: both;
}

div#productTop ul li {
	width: 354px;
	height: 90px;
	margin: 0 15px 15px 0;
	padding: 0;
	float: left;
}

div#productTop ul li.right {
	margin-right: 0;
}


/************************** 

カテゴリーTOP
product/category0x_top.html

**************************/
div#mainCol div#mainColInner {
	margin-bottom: 10px;
	background: transparent url(../product/images/promenu_bg.gif) repeat-y 0 0;
}

/* 商品名サブメニュー */
div#mainColInner div#proMenu {
	width: 169px;
	height: auto;
	margin: 0;
	padding: 0;
	float: left;
}

div#proMenu ul {
	width: 169px;
	height: auto;
	margin: 0;
	padding: 8px 0 0;
	clear: both;
}

div#proMenu ul li {
	width: 169px;
	height: 18px;
	margin: 0 0 3px;
	padding: 0;
	clear: both;
}

/* IE5〜6のみ適用 */
* html div#proMenu ul li {
	margin-bottom: 0;
}

/* IE7のみ適用 */
*:first-child+html div#proMenu ul li {
	margin-bottom: 2px;
} 

div#proMenu ul li a {
	width: 165px;
	height: 16px;
	margin: 0 0 2px;
	padding: 2px 0 0 4px;
	display: block;
	font-size: 10px;
	color: #231815;
}

/* IE5〜6のみ適用 */
* html div#proMenu ul li a {
	width: 162px;
	padding-left: 7px;
}

/* IE7のみ適用 */
*:first-child+html div#proMenu ul li a {
	width: 162px;
	padding-left: 7px;
} 

div#proMenu ul li.selected a {
	color: #666;
	text-decoration: none;
	background: transparent url(../images/common/pro_menu_over_bg.jpg) no-repeat 0 0;
}

div#proMenu ul li a:hover {
	color: #666;
	text-decoration: none;
	background: transparent url(../images/common/pro_menu_over_bg.jpg) no-repeat 0 0;
}

div#proMenu ul li.longtext a {
	letter-spacing: -1px;
}

/* 商品紹介エリア */
div#proInfo {
	position: relative;
	width: 566px;
	/*height: 400px;*/
	height: auto;
	margin: 0;
	padding: 0;
	float: right;
}

div#proInfo h3 {
	width: 556px;
	height: 23px;
	margin: 0 0 6px;
	padding: 5px 5px 0;
	float: right;
	border-top: 3px solid #003B12;
	border-bottom: 3px solid #003B12;
	font-size: 13px;
	line-height: 130%;
}

/* 商品TOP 一覧 */
div#proInfo ul#proList {
	width: auto;
	height: 100%;
	margin: 0 0 20px 7px;
	padding: 0;
	clear: both;
}

div#proInfo ul#proList li {
	width: 160px;
	height: 60px;
	margin: 0 23px 8px 0;
	padding: 0;
	float: left;
}

div#proInfo ul#proList li dl {
	width: 160px;
	height: 61px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #898989;
}

div#proInfo ul#proList li dl:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

div#proInfo ul#proList li.noborder dl {
	border-bottom: 0;
}

div#proInfo ul#proList li dl dt {
	width: 51px;
	height: 51px;
	margin: 0;
	padding: 0;
	float: left;
}

div#proInfo ul#proList li dl dd {
	width: auto;
	height: auto;
	margin: 0 0 0 57px;
	padding: 0;
}

div#proInfo ul#proList li dl dd a {
	color: #231815;
	font-size: 11px;
	line-height: 130%;
}


/************************** 

商品詳細ページ
product/product_xx.html

**************************/
div#proInfo div.proDetail {
	width: 560px;
	height: auto;
	margin: 0 0 0 6px;
	padding: 4px 0 0 0;
	clear: both;
}

div#proInfo div.proDetail h4 {
	width: auto;
	height: auto;
	margin: 0 1em 5px 0;
	padding: 0;
	clear: both;
	font-size: 16px;
	font-weight: bold;
	color: #096B32;
}

div#proInfo div.proDetail p.proPhoto {
	width: 560px;
	height: auto;
	margin: 0 0 5px;
	padding: 0;
}

div#proInfo dl#proSpecDL {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
}

div#proInfo dl#proSpecDL dt {
	width: auto;
	height: 100%;
	margin: 0 0 0.5em;
	padding: 0 0 0 0.2em;
	color: #13903E;
	font-weight: bold;
	border-bottom: 1px solid #13903E;
}

div#proInfo dl#proSpecDL dd {
	width: auto;
	height: auto;
	margin: 0 0 10px 0.5em;
	padding: 0;
}

div#proInfo dl#proSpecDL dd ul {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

div#proInfo dl#proSpecDL dd ul li {
	line-height: 140%;
}

div#proInfo h5 {
	width: auto;
	height: auto;
	margin: 10px 0 2px;
	padding: 0;
	clear: both;
	font-size: 11px;
	font-weight: bold;
}

/* width値のMAXは565px */
div#proInfo table.proSpecTB {
	/*width: 565px;*/
	height: auto;
	margin: 0;
	padding: 0;
	clear: both;
	font-size: 10px;
}

div#proInfo table.proSpecTB th {
	height: auto;
	margin: 0;
	padding: 2px 0;
	background-color: #649D8A;
	text-align: center;
	vertical-align: middle;
	color: #FFF;
	font-weight: bold;
	border-bottom: 2px solid #FFF;
	border-right: 1px solid #FFF;
	white-space: nowrap;
}

div#proInfo table.proSpecTB td {
	width: auto;
	height: auto;
	margin: 0;
	padding: 1px 0;
	background-color: #DBE5DD;
	text-align: center;
	vertical-align: middle;
	color: #333;
	line-height: 140%;
	font-weight: normal;
	border-bottom: 2px solid #FFF;
	border-right: 1px solid #FFF;
	white-space: nowrap;
}