@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
製品紹介 | アーカイブページ

ファイル名：archive.css
パス：/css/products/archive.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 h1,
div#content-header img {
	margin: 0;
	padding: 0;
}



/*----------------------------------------------------------
	2：エントリー・レイアウト - #products
----------------------------------------------------------*/

/* エントリーボックス
------------------------------*/
div#products div.subcategory {
	margin: 0 0 10px 0;
	padding: 0;
}

/* エントリーボックス
------------------------------*/
div#products div.asset-content {
	width: 765px;
	margin: 0 0 5px 0;
	padding: 0;
	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-footer {
	margin: 0;
	padding: 0;
	height: 20px;
	background: url(../../images/products/asset_footer_bg.gif) no-repeat left bottom;
}

/* エントリーボックス
------------------------------*/
div#products div.productname {
	margin: 0 25px;
	padding: 10px;
	background: #ededed;
	border: solid 1px #cccccc;
}

/* asset-body内・左右回り込み
------------------------------*/
div#products div.clearfix {
	margin: 15px 0 0 0;
	padding: 0;
}

div#products div.box-left {
	width: 225px;
}

div#products div.box-right {
	width: 500px;
}



/*----------------------------------------------------------
	3：エントリー・各要素 - #products
----------------------------------------------------------*/

/* 見出し「製品ブランド（サブカテゴリ）」
------------------------------*/
div#products div.subcategory h2 {
	font-size: 100%;
	font-weight: bold;
	color: #333333;
	margin: 0 0 15px 0;
	padding: 0 0 0 25px;
	clear: both;
}

div#products div.subcategory h2.insect {
	background: url(../../images/products/mark_insect.gif) no-repeat 5px center;
}

div#products div.subcategory h2.garden {
	background: url(../../images/products/mark_garden.gif) no-repeat 5px center;
}

div#products div.subcategory h2.athome {
	background: url(../../images/products/mark_athome.gif) no-repeat 5px center;
}

div#products div.subcategory h2.gyomu {
	background: url(../../images/products/mark_gyomu.gif) no-repeat 5px center;
}

/* 見出し「製品名」
------------------------------*/

div#products div.productname h3 {
	font-size: 120%;
	font-weight: bold;
	color: #333333;
	margin: 0;
	padding: 0 0 0 25px;
	clear: both;
}

div#products div.productname h3.insect {
	background: url(../../images/products/mark_insect_g.gif) no-repeat center left;
}

div#products div.productname h3.garden {
	background: url(../../images/products/mark_garden_g.gif) no-repeat center left;
}

div#products div.productname h3.athome {
	background: url(../../images/products/mark_athome_g.gif) no-repeat center left;
}

div#products div.productname h3.gyomu {
	background: url(../../images/products/mark_gyomu_g.gif) no-repeat center left;
}

/* リンク
------------------------------*/
div#products a {
	text-decoration: none;
}

div#products a:hover {
	text-decoration: underline;
}

/* リンク
------------------------------*/
div#products a.permalink {
	text-decoration: none;
	display: block;
	text-indent: -9999px;
	width: 173px;
	height: 26px;
	background: url(../../images/products/btn_permalink.jpg) no-repeat left top;
}

div#products a:hover.permalink {
	text-decoration: none;
	background: url(../../images/products/btn_permalink.jpg) no-repeat 0px -26px;
}

/* 画像
------------------------------*/
div#products img {
	border: none;
	margin: 0;
	padding: 0;
}

/* 段落
------------------------------*/
div#products p {
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

div#products div.box-left p {
	padding: 0 0 0 40px;
	text-align: center;
}

div#products div.box-right p {
	padding: 0 40px 0 0;
}

/* ライン
------------------------------*/
div#products hr {
	margin: 15px 0 10px 0;
	padding: 0;
	border: solid 1px #e9e9e9;
}

/* drug & new 表示
------------------------------*/
div#products div.icon-list {
	margin: 15px 0 10px 0;
	padding: 0;
	border: solid 1px #e9e9e9;
}

div#products div.icon-list ul,
div#products div.icon-list p {
	margin: 15px 0 0 0;
}

div#products div.icon-list ul li {
	display: inline;
}

/* drug 画像
------------------------------*/
div#products img.drug {
	margin: 0 15px 0 0;
}

/* new 画像
------------------------------*/
div#products img.new {
	vertical-align: top;
}



/* ページトップ：マージン
------------------------------*/
div#products div.pagetop {
	margin: 0;
	padding: 0px 20px 10px 0;
	text-align: right;
}

div#products div.pagetop a {
	margin: 0;
	padding: 0;
}

div#products div.pagetop img {
	margin: 0;
	padding: 0;
}