@charset "UTF-8";



/**********************************************************
概要
**********************************************************/
/*
サイトトップ

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

内容：
  1：ナビゲーション部分 - #navi
  2：メイン部分 - #main
  3：ページトップ - .pagetop
----------------------------------------------------------*/



html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
	cursor: default;
}



/*----------------------------------------------------------
  1：ナビゲーション部分 - #navi
----------------------------------------------------------*/

div#navi {
  font-size: 75%;
}

div#navi li {
  color: #333333;
  margin: 0;
  padding: 0 0 0 1em;
  display:inline;
}

/* タブメニュー：カテゴリー切り替えボタン
------------------------------*/

div#navi div#tabmenu {
  margin: 0;
  padding: 0;
  background: url(../../images/sitetop/navi_bg_header.jpg) no-repeat left top;
}

div#navi div#tabmenu {
  margin: 0x;
  padding:15px 0 0 20px;
}

div#navi div#tabmenu ul {
  margin: 0;
  padding: 0;
}

div#navi div#tabmenu li {
  margin: 0 20px 0 0;
  padding: 0;
  display:inline;
}


div#navi div#tabmenu p {
  margin: -1px 0px 0 0;
  padding: 0px 20px 0 0;
}

div#navi div#tabmenu p a.newproducts {
  display: block;
  width: 105px;
  height: 25px;
  margin: 0;
  padding: 0;
  background: url(../../images/sitetop/btn_newproducts.jpg) no-repeat left top;
  text-indent: -9999px;
}


/* タブメニュー：製品ブランドリスト
------------------------------*/

div#navi div#menu-list {
  margin: 0;
  padding: 0;
	height: 40px;
  background: url(../../images/sitetop/navi_bg_footer.jpg) no-repeat left bottom;
	overflow: hidden;
}

div#navi div#menu-insect,
div#navi div#menu-athome,
div#navi div#menu-garden,
div#navi div#menu-gyomu {
  margin: 0;
  padding: 0;
  height: 40px;
}

div#navi div#menu-insect {
  background: url(../../images/sitetop/navi_bg_footer_insect.jpg) no-repeat left bottom;
}

div#navi div#menu-athome {
  background: url(../../images/sitetop/navi_bg_footer_athome.jpg) no-repeat left bottom;
}

div#navi div#menu-garden {
  background: url(../../images/sitetop/navi_bg_footer_garden.jpg) no-repeat left bottom;
}

div#navi div#menu-gyomu {
  background: url(../../images/sitetop/navi_bg_footer_gyomu.jpg) no-repeat left bottom;
}


/* 製品ブランドリスト：左（製品リスト） */

div#navi div#menu-insect ul.box-left,
div#navi div#menu-athome ul.box-left,
div#navi div#menu-garden ul.box-left,
div#navi div#menu-gyomu ul.box-left {
  margin: 17px 0 0 0;
  padding: 0;
}

div#navi div#menu-insect ul.box-left li,
div#navi div#menu-athome ul.box-left li,
div#navi div#menu-garden ul.box-left li,
div#navi div#menu-gyomu ul.box-left li {
  margin: 0;
  padding: 0 0 0 20px;
}

div#navi div#menu-insect ul.box-left li a,
div#navi div#menu-athome ul.box-left li a,
div#navi div#menu-garden ul.box-left li a,
div#navi div#menu-gyomu ul.box-left li a {
  margin: 0;
  padding: 0 0 0 20px;
  color: #333333;
  text-decoration: none;
}

div#navi div#menu-insect ul.box-left li a:hover,
div#navi div#menu-athome ul.box-left li a:hover,
div#navi div#menu-garden ul.box-left li a:hover,
div#navi div#menu-gyomu ul.box-left li a:hover {
  color: #0066cc;
  text-decoration: underline;
}

div#navi div#menu-insect ul.box-left li a{
  background: url(../../images/sitetop/mark_insect.gif) no-repeat left center;
}

div#navi div#menu-athome ul.box-left li a {
  background: url(../../images/sitetop/mark_athome.gif) no-repeat left center;
}

div#navi div#menu-garden ul.box-left li a {
  background: url(../../images/sitetop/mark_garden.gif) no-repeat left center;
}

div#navi div#menu-gyomu ul.box-left li a {
  background: url(../../images/sitetop/mark_gyomu.gif) no-repeat left center;
}


/* 製品ブランドリスト：右（その他の製品） */

div#navi div#menu-insect p.box-right,
div#navi div#menu-athome p.box-right,
div#navi div#menu-garden p.box-right,
div#navi div#menu-gyomu p.box-right {
  margin: 14px 0 0 0;
  padding :0 20px 0 0;
}

div#navi div#menu-insect p.box-right a,
div#navi div#menu-athome p.box-right a,
div#navi div#menu-garden p.box-right a,
div#navi div#menu-gyomu p.box-right a {
  display: block;
  width: 107px;
  height: 20px;
  margin: 0;
  padding :0;
  text-indent: -9999px;
}

div#navi div#menu-insect p.box-right a{
  background: url(../../images/sitetop/btn_producs_insect.gif) no-repeat left center;
}

div#navi div#menu-athome p.box-right a {
  background: url(../../images/sitetop/btn_producs_athome.gif) no-repeat left center;
}

div#navi div#menu-garden p.box-right a {
  background: url(../../images/sitetop/btn_producs_garden.gif) no-repeat left center;
}

div#navi div#menu-gyomu p.box-right a {
  background: url(../../images/sitetop/btn_producs_gyomu.gif) no-repeat left center;
}



/*----------------------------------------------------------
  2：メイン - #main
----------------------------------------------------------*/

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

/* 中見出し
------------------------------*/
div#main h2 {
  margin: 0;
  padding: 10px 0 0 13px;
}

/* 小見出し
------------------------------*/
div#main ul {
  margin: 0;
  padding: 15px 20px 0px 20px;
}

div#main li {
  line-height: 1.75em;
  margin: 0 0 1em 0;
  padding: 0 0 0.75em 20px;
  border-bottom: dotted 1px #3faa40;
  background: url(../../images/sitetop/dd_bg.jpg) no-repeat left top;
}

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

div#main a:hover {
  color: #0066cc;
  text-decoration: underline;
}



/*----------------------------------------------------------
  3：サイド
----------------------------------------------------------*/

div#side {
  margin: 3px 0 0 0;
  padding: 0;
}

div#side p.banner-shadow {
  margin: 0 0 0px 0;
  padding: 4px;
/*  background: url(../../images/sitetop/bnn_bg_shadow.jpg) no-repeat left top; */
}

div#side img {
  border: solid 1px #dfdfdf;
}