@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
製品紹介 | インデックス

ファイル名：index.css
パス：/css/products/index.css
読込先：インデックスページ
コピーライト：2008 © Fumakilla CO.LTD

内容：
	1：コンテンツタイトル表示 - #content-header
  2：エントリー・レイアウト - #products
  3：エントリー・各要素 - #products
----------------------------------------------------------*/



/*----------------------------------------------------------
	1：コンテンツタイトル表示 - #content-header
----------------------------------------------------------*/

div#content-header {
	margin: 10px 10px 20px 10px;
}

div#content-header p,
div#content-header img {
	margin: 0;
	padding: 0;
}



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

/* div#products・左右パディング
------------------------------*/
div#products {
	padding: 0 10px;
}

div#products hr {
	margin: 15px 0;
}

div#products p {
	line-height: 1.75em;
}

/* 製品紹介スローガン - div#sloagan
------------------------------*/
div#products div#slogan div.clearfix  {
	margin: 0 0 25px 0;
}

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

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

div#products div#slogan div.box-right h1 {
	margin: 0 0 20px 0;
}

div#products div#slogan div.box-right p {
	line-height: 1.75em;
}

div#products div#slogan p.cap {
	text-align: center;
	margin: 0 0 15px 0;
}

/* こだわりのカタチ - #id-link
------------------------------*/
div#products div#id-link {
	margin: 0 0 10px 0;
	text-align: center;
}

/* 製品紹介カテゴリ - #products-link
------------------------------*/
div#products div#products-link div.asset-content {
	margin: 0 0 10px 0;
	width: 970px;
}

div#products div#products-link div.asset-footer {
	width: 970px;
	height:30px;
}

div#products div#products-link div.clearfix {
}

@media screen {
	div#products div#products-link div.asset-footer  {
		background: url(../../images/products/index/bg_box_bottom.jpg) no-repeat left bottom;
	}
	div#products div#products-link div.clearfix {
		background: url(../../images/products/index/bg_box_top.jpg) no-repeat left top;
	}
}

@media print {
	div#products div#products-link div.asset-footer,div#products div#products-link div.clearfix {
		background: #ffffff;
	}
}

div#products div#products-link div.box-left,
div#products div#products-link div.box-right {
	width: 485px;
}

div#products div#products-link div.box-left div.inner,
div#products div#products-link div.box-right div.inner {
	padding: 30px 20px 0 30px;
}

div#products div#products-link div.insect,
div#products div#products-link div.athome,
div#products div#products-link div.garden,
div#products div#products-link div.gyomu {
	padding: 0 0 0 150px;
}

div#products div#products-link p.cap {
	font: normal 11px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*font-size:70%;*font:70%;
	line-height: 1.75em;
}

div#products div#products-link div.insect {
	background: url(../../images/products/index/img_insect.jpg) no-repeat left center;
}

div#products div#products-link div.garden {
	background: url(../../images/products/index/img_garden.jpg) no-repeat left center;
}

div#products div#products-link div.athome {
	background: url(../../images/products/index/img_athome.jpg) no-repeat left center;
}

div#products div#products-link div.gyomu {
	background: url(../../images/products/index/img_gyomu.jpg) no-repeat left center;
}



div#products div#products-link div.insect h3,
div#products div#products-link div.athome h3,
div#products div#products-link div.garden h3,
div#products div#products-link div.gyomu h3 {
	padding: 5px 0 5px 50px;
}

div#products div#products-link div.insect h3 {
	background: url(../../images/products/index/bnn_insect.jpg) no-repeat left center;
}

div#products div#products-link div.garden h3 {
	background: url(../../images/products/index/bnn_garden.jpg) no-repeat left center;
}

div#products div#products-link div.athome h3 {
	background: url(../../images/products/index/bnn_athome.jpg) no-repeat left center;
}

div#products div#products-link div.gyomu h3 {
	background: url(../../images/products/index/bnn_gyomu.jpg) no-repeat left center;
}



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

/* 大見出し
------------------------------*/
div#products h1 {
	margin: 0;
	padding: 0;
}

/* 中見出し
------------------------------*/
div#products h2 {
	margin: 0;
	padding: 0;
}

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

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