@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
製品紹介 | こだわりのカタチ

ファイル名：id.css
パス：/css/products/id.css
読込先：こだわりのカタチ
コピーライト：2008 © Fumakilla CO.,LTD

内容：
	1：コンテンツタイトル表示 - #content-header
  2：エントリー・レイアウト - #products
  3：エントリー・各要素 - #products
----------------------------------------------------------*/



/*----------------------------------------------------------
	1：コンテンツタイトル表示 - #content-header
----------------------------------------------------------*/

div#content-header {
	margin: 10px 10px 15px 10px;
}

div#content-header p,
div#content-header img {
	margin: 0;
	padding: 0;
}



/*----------------------------------------------------------
	2：エントリー・レイアウト - #products
----------------------------------------------------------*/

div#products div.asset-content {
	width: 765px;
	margin: 0 0 10px 0;
	padding: 0;
	position: relative;
	background: url(../../images/products/asset_body_bg.gif) repeat-y left bottom;
}

div#products div.asset-header {
	margin: 0;
	padding: 4px 0 0 0;
	background: url(../../images/products/asset_header_bg.gif) no-repeat left top;
	/* bugfix for WinIE6 */
	_height: 10px;
}

div#products div.asset-excerpt {
	margin: 0 0px 20px 25px;
}
div#products div.asset-excerpt p{
	float:left;
	}
div#products div.asset-excerpt img{

	margin:5px 10px 30px 0px;
	}
	
div#products div.asset-excerpt-rightbox	{
	width:460px;
	display:block;
	margin-left:270px;
	}
div#products div.asset-excerpt-rightbox h2{
	width:460px;
	display:block;
	}
div#products div.asset-excerpt-rightbox h2 img{
	display:block;
	margin: 5px 0px 5px 0px;
	}
div#products div.asset-excerpt-rightbox p{
	width:460px;
	font-size:95%;
	margin: 1em 0;
	line-height:2em;
	}
div#products div.asset-body {
	margin: 0 5px 0 20px;
}

div#products div.asset-footer {
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../../images/products/asset_footer_bg.gif) no-repeat left bottom;
}

/* こだわりのカタチ製品一覧・左右回り込み
------------------------------*/
div#products div.asset-body .clearfix {
	padding: 0;
}

div#products div.asset-body .box-left {
	width: 368px;
	margin: 0;
}

div#products div.asset-body .box-right {
	width: 368px;
	margin: 0;
}

/* こだわりのカタチ製品一覧・table
------------------------------*/

div#products div.asset-body table {
	background: url(../../images/products/id/tbl_id_bg.jpg) no-repeat top left;
	width: 368px;
	height: 135px;
	_font-size: x-small;
}

div#products div.asset-body tr {
	vertical-align:middle;
}

div#products div.asset-body td a.id-link {
	display:block;
	margin:15px 25px 20px 20px;
}

div#products div.asset-body td dl {
	margin: 0 10px 0 0;
	padding: 0;
}

div#products div.asset-body td dt {
	font-weight: bold;
	margin: 0 0 0.5em 0;
	padding: 0;
}

div#products div.asset-body td dd {
	margin: 0;
	padding: 0;
}



/*----------------------------------------------------------
	3：エントリー・各要素 - #products
----------------------------------------------------------*/

/* 見出し「こだわりのカタチ 〜フマキラーデザインの秘密〜」
------------------------------*/
div#products h1 {
	margin: 10px 0 20px 0;
	padding: 0;
	text-align: right;
}

/* 見出し「一つひとつのカタチに」
------------------------------*/
div#products h2 {
	margin: 0 0 10px 0;
	padding: 0;
}

/* 見出し「こだわりのカタチ・製品一覧」
------------------------------*/
div#products h3 {
	margin: 0 0 5px 0;
	padding: 0;
}

/* 段落
------------------------------*/
div#products p {
	line-height: 1.75em;
	margin: 0 0 2em 0;
	padding: 0;
}

/* ハイパーリンク
------------------------------*/
div#products a {
	text-decoration: none;
}

div#products a:hover {
	text-decoration: underline;
}

/* 画像
------------------------------*/
div#products img {
	margin: 0px;
}
