@charset "utf-8";
/*
=============================================================================
page-products.css
=============================================================================
Structure:
	[Products Top]
		01. Products Top Page
		03. Content
	[Products Category]
		01. Eyecatch
		02. Content
*/

/*
-----------------------------------------------------------------------------
[Products Top]
=============================================================================
/*	01. Products Top Page
-----------------------------------------------------------------------------*/
/* 製品紹介トップページ */
div#products-top {
	margin-top: -65px;
	background: url(../images/bg-products-top.jpg) no-repeat 100% 0;
	}

	div#products-top h2 { padding-top: 75px; }

	div#products-top h3 {
		width: 480px;
		margin-top: 50px;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
		}

	div#products-top p {
		width: 480px;
		padding: 20px 0 50px;
		color: #555555;
		font-size: 108%;
		text-align: justify;
		text-justify: inter-ideograph;
		}

/*	02. Content
-----------------------------------------------------------------------------*/
/* 製品カテゴリー一覧 */
div#products-top ul.product-link {
/*
	margin-right: -32px;
	overflow: hidden;
	zoom: 1;
*/
	}

	div#products-top ul.product-link li {
		display: block;
		float: left;
		width: 295px;
		margin: 0 32px 1.5em 0;
		font-size: 93%;
		line-height: 1.6;
		vertical-align: middle;
		text-align: justify;
		text-justify: inter-ideograph;
		overflow: hidden;
		zoom: 1;
		}

		div#products-top ul.product-link li.no-margin { margin-right: 0; }

		div#products-top ul.product-link li h4 {
			display: inline-table;
			padding: 0.25em 0;
			font-size: 108% !important;
			font-weight: bold;
			line-height: 1.6;
			}

		div#products-top ul.product-link li p {
			padding: 0;
			font-size: 100%;
			}

/* 製品画像のサムネイル */
div#products-top ul.product-link li a.thumbnail {
	display: block;
	width: 285px;
	height: 125px;
	margin-bottom: 0.5em;
	padding: 5px;
	background: url(../images/bg-dots2.gif) repeat 0 0;
	overflow: hidden;
	}


/*
-----------------------------------------------------------------------------
[Products Category]
=============================================================================
/*	01. Products Category Top Page
-----------------------------------------------------------------------------*/
/* 製品カテゴリー別トップページ */
div.products {
	margin-top: -65px;
	background-repeat: no-repeat;
	background-position: 100% 0;
	}

	div#recycle { background-image: url(../images/bg-products-recycle.jpg); }					/* リサイクル機器 */
	div#sluice { background-image: url(../images/bg-products-sluice.jpg); }						/* 水門機器 */
	div#snowvehicles { background-image: url(../images/bg-products-snowvehicles.jpg); }			/* 雪上車輌 */
	div#sewage-treatment { background-image: url(../images/bg-products-sewage-treatment.jpg); }	/* 下水処理施設設備 */
	div#airport { background-image: url(../images/bg-products-airport.jpg); }					/* 空港機器 */
	div#excavator { background-image: url(../images/bg-products-excavator.jpg); }				/* 石油･天然ガス･地熱･温泉･水井戸掘削機器 */

div#products-heads { margin-bottom: 30px; }

	div#products-heads h2 { padding-top: 75px; }

	div#products-heads h3 {
		margin-top: 50px;
		margin-bottom: 0;
		padding-bottom: 0;
		background: none;
		}

	div#products-heads p {
		width: 480px;
		padding-top: 20px;
		color: #555555;
		font-size: 108%;
		text-align: justify;
		text-justify: inter-ideograph;
		}

/*	02. Content
-----------------------------------------------------------------------------*/
/* 製品の紹介 */
div.products div#products-list { margin-top: -30px; }

/* 製品カテゴリー名 */
div.products div#products-list h3 {
	clear: both;
	margin: 30px 0 15px;
	}

/* 製品カテゴリー解説 */
div.products div#products-list p {
	width: 100%;
	padding-bottom: 20px;
	font-size: 93%;
	line-height: 1.6;
	}

/* 製品の詳細へのリンク */
div.products table {
	width: 100%;
	margin: 0 auto 10px;
	border: none;
	}

	div.products table td {
		width: 210px;
		padding: 0 30px 1.5em 0;
		border: none;
		background-color: transparent;
		font-size: 100% !important;
		line-height: 1.6;
		vertical-align: top;
		text-align: justify;
		text-justify: inter-ideograph;
		}

		div.products table td.no-margin { padding-right: 0; }

	div.products table tbody tr.even-row td { background-color: transparent; }

	div.products table span { font-size: 85%; }

	/* 製品名 */
	div.products table strong {
		display: inline-table;
		padding: 0.25em 0 0.3em;
		}

	/* 製品画像 */
	div.products table img {
		display: block;
		margin-bottom: 0.5em;
		background: url(../images/bg-dots2.gif) repeat 0 0;
		}

	div.products table a img {
		width: 200px;
		height: 135px;
		padding: 5px;
		}