@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
製品紹介 | エントリーページ

ファイル名：side.css
パス：/css/products/side.css
読込先：カテゴリトップ、製品紹介個別エントリー、ID情報ページ
コピーライト：2008 © Fumakilla CO.LTD

内容：
  1：サイドバー - #side
----------------------------------------------------------*/



/*----------------------------------------------------------
	1：サイドバー  - #side
----------------------------------------------------------*/

/* サイドバーリスト
------------------------------*/
div#side dl {
/* 	clear:both; */
}

div#side dt {
	margin: 0;
	padding: 0;
}

div#side dd {
	font-size: 80%;
	width: 225px;
	margin: 0;
	padding: 0;
	background: url(../../images/products/side_bg.jpg) repeat-y top right;
}

/* トップカテゴリ
------------------------------*/
div#side ul.category-ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 225px;
}

div#side li.category-li {
	margin: 0;
	padding: 0;
}

div#side li.category-li a.insect,
div#side li.category-li a.garden,
div#side li.category-li a.athome,
div#side li.category-li a.gyomu,
div#side li.category-li a.identify {
	display: block;
	width: 215px;
	height: 70px;
	text-indent: -9999px;
}

div#side li.category-li a.insect {
	background: url(../../images/products/li_insect.jpg) no-repeat top left;
}

div#side li.category-li a.garden {
	background: url(../../images/products/li_garden.jpg) no-repeat top left;
}

div#side li.category-li a.athome {
	background: url(../../images/products/li_athome.jpg) no-repeat top left;
}

div#side li.category-li a.gyomu {
	background: url(../../images/products/li_gyomu.jpg) no-repeat top left;
}

div#side li.category-li a.identify {
	background: url(../../images/products/li_identify.jpg) no-repeat top left;
}

/* トップカテゴリ（選択時）
------------------------------*/
div#side ul.category-ul_selected {
	list-style: none;
	margin: 0;
	padding: 0 0 22px 0;
	background: url(../../images/products/side_ul_footer.jpg) no-repeat bottom left;
	/* bugfix for WinIE6 */
	_width: 225px;
}

div#side li.category-li_selected  {
	margin: 0;
	padding: 0;
}

div#side li.category-li_selected a.insect_selected,
div#side li.category-li_selected a.garden_selected,
div#side li.category-li_selected a.athome_selected,
div#side li.category-li_selected a.gyomu_selected {
	display: block;
	width: 215px;
	height: 70px;
	text-indent: -9999px;
}

div#side li.category-li_selected a.insect_selected {
	background: url(../../images/products/li_insect_selected.jpg) no-repeat top left;
}

div#side li.category-li_selected a.garden_selected {
	background: url(../../images/products/li_garden_selected.jpg) no-repeat top left;
}

div#side li.category-li_selected a.athome_selected {
	background: url(../../images/products/li_athome_selected.jpg) no-repeat top left;
}

div#side li.category-li_selected a.gyomu_selected {
	background: url(../../images/products/li_gyomu_selected.jpg) no-repeat top left;
}

/* サブカテゴリ
------------------------------*/
div#side ul.subcategory-ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

div#side li.subcategory-li {
	margin: 0;
	padding: 0;
}

div#side a.subcategory-li_insect,
div#side a.subcategory-li_garden,
div#side a.subcategory-li_athome,
div#side a.subcategory-li_gyomu {
	display: block;
	width: 179px;
	background: #ffffff;
	border-bottom: dotted 1px #999999;
	padding: 5px 0 5px 30px;
	/* bugfix for WinIE6 */
	_width: 209px;
	_border-bottom: solid 1px #cccccc;
}

div#side a.subcategory-li_insect {
	background: url(../../images/products/mark_insect.gif) no-repeat 10px center;
}

div#side a.subcategory-li_garden {
	background: url(../../images/products/mark_garden.gif) no-repeat 10px center;
}

div#side a.subcategory-li_athome {
	background: url(../../images/products/mark_athome.gif) no-repeat 10px center;
}

div#side a.subcategory-li_gyomu {
	background: url(../../images/products/mark_gyomu.gif) no-repeat 10px center;
}

/* エントリリスト
------------------------------*/
div#side ul.products-ul {
	list-style: none;
	margin: 0 16px 0 0;
	padding: 0;
}

div#side li.products-li {
	margin: 0;
	padding: 0;
	line-height: 1em;
	border-bottom: dotted 1px #999999;
	/* bugfix for WinIE6 */
	_border-bottom: solid 1px #cccccc;
}

div#side a.products-li_insect,
div#side a.products-li_garden,
div#side a.products-li_athome,
div#side a.products-li_gyomu {
	display: block;
	width: 169px;
	font: normal 11px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*font-size:70%;*font:70%;
	line-height: 1.75em;
	padding: 3px 10px 3px 30px;
	/* bugfix for WinIE6 */
	_width: 209px;
}

div#side a.products-li_insect_selected,
div#side a.products-li_garden_selected,
div#side a.products-li_athome_selected,
div#side a.products-li_gyomu_selected {
	display: block;
	width: 169px;
	font: normal 11px Arial, Helvetica, Tahoma, "Trebuchet MS", Verdana, "ヒラギノ角ゴ Pro W3", Osaka, "メイリオ", "ＭＳ Ｐゴシック", sans-serif;*font-size:70%;*font:70%;
	line-height: 1.75em;
	padding: 3px 10px 3px 30px;
	/* bugfix for WinIE6 */
	_width: 209px;
}

div#side a.products-li_insect,
div#side a.products-li_garden,
div#side a.products-li_athome,
div#side a.products-li_gyomu {
	background: #ededed url(../../images/common/side/side_li_arrow.gif) no-repeat top left;
}

div#side a:hover.products-li_insect,
div#side a:hover.products-li_garden,
div#side a:hover.products-li_athome,
div#side a:hover.products-li_gyomu {
	background: #b9b9b9 url(../../images/common/side/side_li_arrow_selected.gif) no-repeat top left;
}

div#side a.products-li_insect_selected,
div#side a.products-li_garden_selected,
div#side a.products-li_athome_selected,
div#side a.products-li_gyomu_selected {
	background: #b9b9b9 url(../../images/common/side/side_li_arrow_selected.gif) no-repeat top left;
}

div#side a:hover.products-li_insect_selected,
div#side a:hover.products-li_garden_selected,
div#side a:hover.products-li_athome_selected,
div#side a:hover.products-li_gyomu_selected {
	background: #b9b9b9 url(../../images/common/side/side_li_arrow_selected.gif) no-repeat top left;
}

/* リンク設定
------------------------------*/
div#side a {
	color: #333333;
	text-decoration: none;
	margin: 0;
}

div#side a:hover{
	text-decoration: none;
}

/* サイドバー段落
------------------------------*/
div#side p{
	line-height: 20px;
	margin: 0;
	padding: 0;
}
