/*-----------------------------------------------------------
  base
-----------------------------------------------------------*/

/*-----------------------------------------------------------
  original
-----------------------------------------------------------*/
/*-- 一覧 --*/
.ProductList{
	display: block;
	padding: ;
	}
	.ProductList ul{
		display: block;
		list-style-type: none;
		text-align: left;
		margin: 0;
		padding: 0;
		border-top: solid 1px #e8e8e8;
		}
		.ProductList ul li{
			display: block;
			width: 226px;
			float: left;
			margin: 0;
			padding: 11px 0;
			border-bottom: solid 1px #e8e8e8;
			line-height: 120%;
			}
			.ProductList ul li .Photo{
				display: table;
				width: 208px;
				height: 208px;
				margin: 0 auto 5px auto;
				padding: 0;
				background: url(/product/img/bg_photo.jpg) 0 0 no-repeat;
				text-align: center;
				overflow: hidden;
				}
				* html .ProductList ul li .Photo{
					position: relative;
					}
				*+html .ProductList ul li .Photo{
					position: relative;
					}
			.ProductList ul li .Photo a{
			    display: table-cell;
			    vertical-align: middle;
			    /margin: 1px 0 0 0;
				}
			    * html .ProductList ul li .Photo a{
					position: absolute;
					top: 50%;
					}
				*+html .ProductList ul li .Photo a{
					position: absolute;
					top: 50%;
					}
			.ProductList ul li .Photo a img{
				margin: 0;
				}
				* html .ProductList ul li .Photo a img{
					position: relative;
					top: -50%;
					left: -50%;
					}
				*+html .ProductList ul li .Photo a img{
					position: relative;
					top: -50%;
					left: -50%;
					}

				/*
				.ProductList ul li .Photo a img{
					margin: 4px 0 0 0;
					}
				*/

			.ProductList ul li .Btn{
				display: block;
				width: 212px;
				height: 24px;
				margin: 0 auto 3px auto;
				padding: 0;
				}
				.ProductList ul li .Btn a{
					display: block;
					width: 212px;
					height: 24px;
					margin: 0 auto;
					padding: 0;
					background: url(/product/img/product_more.jpg) 0 0 no-repeat;
					overflow: hidden;
					text-indent: -10000px;
					color: #FFFFFF;
					}
					.ProductList ul li .Btn a:hover{background: url(/product/img/product_more.jpg) 0 -24px no-repeat;}
			.ProductList ul li .Cate{
				display: block;
				width: 208px;
				margin: 0 auto;
				padding: 0;
				font-weight: bold;
				font-size: 10px;
				color: #007CEF;
				}
			.ProductList ul li .ItemName{
				display: block;
				width: 208px;
				height: 40px;
				margin: 0 auto;
				padding: 0;
				}
				.ProductList ul li .ItemName a{
					display: block;
					margin: 0 0 2px 0;
					font-weight: bold;
					font-size: 14px;
					line-height: 140%;
				    text-decoration: none;
				    color: #000000;
					}

/*-- 詳細 --*/
#Contents h3 span.CT{
	padding: 10px 15px;
	background: #ffffff url(/img/base/bg_h3_product.jpg) right top no-repeat;
	}
	#Contents h3 span.CT span.Cate{
		display: block;
		font-size: 12px;
		color: #007cef;
		line-height: 110%;
		}
	#Contents h3 span.CT span.SubName{
		display: block;
		margin: 5px 0 0 0;
		padding: 5px 0 0 0;
		border-top: solid 1px #efefef;
		font-size: 12px;
		font-weight: normal;
		color: #8298dd;
		line-height: 110%;
		}

.MainImage{
	display: block;
	float: left;
	width: 280px;
	margin-right: 20px;
	}
	.MainImage a{
		display: block;
		padding: 0 0 25px 0;
		background: url(/img/icon_zoom.jpg) left bottom no-repeat;
		}
.MainDoc{
	display: block;
	float: left;
	width: 390px;
	}
	.MainDoc .MainCopy{
		display: block;
		margin: 0 0 0.5em 0;
		line-height: 120%;
		font-size: 16px;
		font-weight: bold;
		color: #007cef;
		}
.ItemImage{
	display: block;
	float: right;
	padding: 0 0 15px 15px;
	}
	.ItemImage a{
		display: block;
		padding: 0 0 25px 0;
		background: url(/img/icon_zoom.jpg) right bottom no-repeat;
		}
.ItemTitle{
	display: block;
	margin: 0 0 1em 0;
	padding: 13px 8px 9px 8px;
	background: url(/img/base/bg_h4.gif) left top no-repeat;
	border-bottom: solid 1px #dfdfdf;
	font-size: 14px;
	font-weight: bold;
	}
table.ItemTable{
	border-spacing: 0;
	border-top: solid #d7d7d7 1px;
	border-left: solid #d7d7d7 1px;
	margin: 5px 0;
	}
	table.ItemTable th,
	table.ItemTable td{
		padding: 5px;
		border-right: solid #d7d7d7 1px;
		border-bottom: solid #d7d7d7 1px;
		line-height: 120%;
		}
	table.ItemTable th{
		background: #F1EFEA;
		font-weight: bold;
		text-align: center;
		}
		table.ItemTable td img{
			margin: 0 2px;
			vertical-align: middle;
			}
	/* 「商品紹介(特別)」ページ内の表用 */
	table.ItemTable tr.LineBlue th		{background: #b9e2f6;}
	table.ItemTable tr.LineBlue td		{background: #ddf2fc;}
	table.ItemTable td.LineBlue			{background: #ddf2fc !important;}
	table.ItemTable tr.LineRed th		{background: #f7d4e3;}
	table.ItemTable tr.LineRed td		{background: #fbeaf2;}
	table.ItemTable tr.LineGreen th		{background: #d4eedc;}
	table.ItemTable tr.LineGreen td		{background: #eefbf2;}
	table.ItemTable tr.LineYellow th	{background: #fffac1;}
	table.ItemTable tr.LineYellow td	{background: #fffde8;}
	table.ItemTable tr.LinePurple th	{background: #e6caee;}
	table.ItemTable tr.LinePurple td	{background: #f5e2fa;}
	table.ItemTable tr.LineOrange th	{background: #f2d7c6;}
	table.ItemTable tr.LineOrange td	{background: #feeee4;}

	table.ItemTable tr.linetop_dotted th,
	table.ItemTable tr.linetop_dotted td{
		border-top: dotted #d7d7d7 1px;
		}
	table.ItemTable tr.linebottom_none th,
	table.ItemTable th.linebottom_none,
	table.ItemTable tr.linebottom_none td{
		border-bottom: none;
		}

.CatalogDL{
    margin: 0;
    padding: 10px 0 0 110px;
	}
	.CatalogDL img{
		margin: 0 7px 0 0;
		vertical-align: middle;
		}
	.CatalogDL .DownroadBtn{
		display: block;
		margin: 0 0 5px 0;
		padding: 0;
		}
	.CatalogDL .AcrobatReader{
		padding: 8px 0 0 0;
		background: url(/img/bg_dotted.gif) 0 0 repeat-x;
		}
		.CatalogDL .AcrobatReader .Txt{
			width: 475px;
			}
	.CatalogDL .CatalogForm{
	    margin: 20px 0 0 0;
	    padding: 10px 0 0 0;
	    border-top: solid 1px #d7d7d7;
		}
		.CatalogDL .CatalogForm .FormTxt{
			padding: 5px 0 0 0;
			}
	.CatalogDL .QAForm{
	    margin: 20px 0 0 0;
	    padding: 10px 0 0 0;
	    border-top: solid 1px #d7d7d7;
		}