@charset "shift_jis";


/*画像サイズ*/
img{
max-width: 100%;
height: auto;
width /***/:auto;
}


/* スライドインメニューに必要なところ */

#slide_menu{
	position: fixed;
	top: 0;
	left: -350px;
	width: 350px;
	height: 100%;
    background: #414141;
}
/* 以下装飾など */
#slide_menu ul{
    padding: 0;
    margin: 0;
}
#slide_menu li{
    border-bottom: solid 1px #bebebe; 
    list-style: none;
	height:80px;
}
#slide_menu li a{
    display: block;
    padding: 20px 0;
    color: #ffffff;
	font-size:45px;
    margin: 30px 0 30px 0;
    text-align: center;
    text-decoration: none;
}
#button{
    position: absolute;
    top: 0;  
    left: 0;  
	margin-right: auto;
    width: 120px;
    height: 120px;
    outline: none;
    border: none;
    background: #414141;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}


/* カテゴリーメニュー */

a {
        text-decoration:none;
}
ul#menu, ul.sub_menu{
        list-style:none;
        margin:0;
        padding:0;
		margin: 0 auto;  
}

#menu{
        width:600px;
        margin:20px;
        border-bottom:none;
		margin: 30px auto;  
}
.main_menu{
        background:#414141;
        color:#ffffff;
        font-size:25pt;
        font-weight:bold;
        padding:30px 10px 0;
        margin:-1px 0 0 80px;
        cursor:pointer;
        width:450px;
        height:50px;
        border:1px solid #000000;
}



body {
 position: relative;
 left: 0;
 overflow-x: hidden;
}

a {
 color: #20c;
}

a:hover {
 color: #e02;
}

 /* ▼コンテンツ */
 div#content {
  margin: 0px auto;
 }

  /* ▼見出し */
  div#content h1 {
   display: none;
  }

  /* ▼ヘッダー */
   div#content div#header {
    padding: 10px 0px 0px;
   }

   /* ▼ロゴ */
   div#content div#header div.logo {
    float: left;
    width: 380px;
    height: 100px;
    background-image: url('/img/common/header/header_logo_background.jpg');
    background-repeat: no-repeat;
    background-position: left top;
   }

   div#content div#header div.logo a img {
    width: 380px;
    height: 100px;
    border-width: 0px;
   }

   /* ▼営業時間 */
   div#content div#header div.time {
    float: left;
    width: 165px;
    height: 70px;
   }

   div#content div#header div.time img {
    width: 165px;
    height: 70px;
   }

   /* ▼伝達 */
   div#content div#header div.announce {
    float: left;
    width: 130px;
    height: 70px;
   }

   div#content div#header div.announce img {
    width: 130px;
    height: 70px;
   }

   /* ▼連絡先 */
   div#content div#header div.number {
    float: left;
    width: 270px;
    height: 70px;
   }

   div#content div#header div.number div.tel {
   }

   div#content div#header div.number div.tel img {
    width: 270px;
    height: 35px;
   }

   div#content div#header div.number div.fax {
   }

   div#content div#header div.number div.fax a img {
    border-width: 0px;
    width: 270px;
    height: 35px;
   }

   /* ▼送料 */
   div#content div#header div.souryou {
    clear: left;
    float: left;
    width: 380px;
    height: 30px;
   }

   div#content div#header div.souryou img {
    width: 380px;
    height: 30px;
   }

   /* ▼トップ画像 */
   div#content div#header div.top_image {
    float: right;
	width: 460px;
	height: 80px;

   }

   /* ▼検索 */
   div#content div#header div.search {
    text-align: right;
    width: 100%;
    height: 30px;
   }

   div#content div#header div.search form {
    margin: 4px 0px 0px;
   }

   div#content div#header div.search form input.input {
    width: 220px;
   }

   div#content div#header div.search form input.submit {
    width: 108px;
    height: 22px;
   }

  /* ▼メニュー */
  div#content ul#menu {
   clear: left;
   list-style-type: none;
   margin: 90px 0px 0px 0px;
   padding: 0px;
  }

  div#content ul#menu li {
   float: left;
   margin: 5px 0px 3px;
  }

  /* ▼メニュー1〜5 */
   div#content ul#menu li.menu1 a img, div#content ul#menu li.menu2 a img, div#content ul#menu li.menu3 a img, div#content ul#menu li.menu4 a img, div#content ul#menu li.menu5 a img {
    width: 195px;
    height: 70px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #62f;
    border-width: 1px;
    vertical-align: top;
   }

   div#content ul#menu li.menu1 a img, div#content ul#menu li.menu2 a img, div#content ul#menu li.menu3 a img, div#content ul#menu li.menu4 a img, div#content ul#menu li.menu5 a img {
    margin-right: 1px;
   }

  /* ▼メニュー6 */
   div#content ul#menu li.menu6 a img {
    width: 195px;
    height: 70px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #62f;
    border-width: 1px;
    vertical-align: top;
   }

   div#content ul#menu li.menu6 a img {
   }

  /* ▼ヘッダー直下の商品バナー */
  div#content ul#item_list_header {
   display: none;
  }

  div#content ul#item_list_header li {
   float: left;
  }

  div#content ul#item_list_header li a img {
   border-width: 0px;
  }

  div#content ul#item_list_header li.item1 a img {
   width: 194px;
   height: 64px;
  }

  div#content ul#item_list_header li.item2 a img {
   width: 193px;
   height: 64px;
   margin-left: 2px;
  }

  div#content ul#item_list_header li.item3 a img {
   width: 193px;
   height: 64px;
   margin-left: 2px;
  }

  div#content ul#item_list_header li.item4 a img {
   width: 194px;
   height: 64px;
   margin-left: 2px;
  }

  /* ▼パンくずリスト */
  div#content ol#list {
   clear: left;
   list-style-type: none;
   margin: 0px;
   padding: 0px;
  }

  div#content ol#list li {
   margin: 3px;
   padding: 0px;
   float: left;
   padding: 0px 6px 0px 0px;
   font-size: 80%;
  }

  /* ▼サイド */
  div#content div#side {
   display:none;
  }

   /* ▼メニュー */
   div#content div#side dl.menu, div#content div#side dl.search {
    width: 175px;
    margin: 0px 0px 10px;
   }

   div#content div#side dl.menu dt img, div#content div#side dl.search dt img {
    width: 175px;
    height: 24px;
   }

   div#content div#side dl.menu dd {
    background-image: url('/img/common/side/menu_goods_background.jpg');
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #aaa;
    border-width: 0px 0px 1px;
   }

   div#content div#side dl.search dd {
    margin: 0px;
    border-collapse: collapse;
    border-style: solid;
    border-color: #aaa;
    border-width: 1px;
   }

   div#content div#side dl.menu dd a, div#content div#side dl.search dd a { 
    border-bottom: 1px solid #3D87E2;
    color: #3c3c3c;
    display: block;
    margin-left: -10px;
    padding: 5px 0px 7px 2px;
    text-decoration: none;
    font-weight: bold;
    width: 130px;
   }

   div#content div#side dl.menu dd ol, div#content div#side dl.search dd ol {
    list-style-type: none;
    margin: 0px 30px;
    padding: 0px;
/*
    background-image: url('/img/common/side/menu_background.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
*/
   }

   div#content div#side dl.menu dd ol li, div#content div#side dl.search dd ol li {
    padding: 6px 2px;
    line-height: 120%;
/*
    padding-left: 14px;
    background-image: url('/img/common/side/menu_icon.jpg');
    background-repeat: no-repeat;
    background-position: left center;
*/
   }

   div#content div#side dl.menu dd ol li a, div#content div#side dl.search dd ol li a {
    font-size: 80%;
    text-decoration: underline;
   }

   div#content div#side ul.banner {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
   }

   div#content div#side ul.banner li {
    margin: 2px 0px 12px;
   }

   div#content div#side ul.banner li a img {
    border-width: 0px;
   }

   /* ▼姉妹サイト */
   div#content div#side ul.banner_sister_site {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
   }

   div#content div#side ul.banner_sister_site li {
    margin: 10px 0px;
   }

   div#content div#side ul.banner_sister_site li a img {
    border-width: 0px;
   }

  /* ▼メイン */
  div#content div#main {
   float: left;
   width: 600px;
  }

   table.index_pest {
    border-collapse: collapse;
    border-style: solid;
    border-color: #333;
    border-width: 0px 0px 1px 1px;
    margin: 10px 0px;
   }

   table.index_pest tr th {
    width: 100px;
    background-color: #eef;
   }

   table.index_pest tr th, table.index_pest tr td {
    border-collapse: collapse;
    border-style: solid;
    border-color: #333;
    border-width: 1px 1px 0px 0px;
    padding: 3px 10px;
    font-size: 95%;
   }

   table.index_pest tr td {
    text-align: center;
   }

   table.index_pest tr td div.item_name {
    height: 50px;
    font-size: 90%;
    font-weight: bold;
   }
   table.index_pest tr td div.item_link img, table.index_pest tr td div.item_image img {
    width: 104px;
   }

   table.index_pest tr td div.item_price {
    color: #f33;
    font-weight: bold;
   }

   table.index_pest tr td strong {
    color: #33f;
   }

  div#content div#main strong.h2-1 {
   background-image:url('/img/common/main/arrow2.gif');
   background-repeat:no-repeat;
   background-position:left center;
   margin: 0px;
   padding:3px 0px 3px 20px;
   display:block;
   color: #fff;
   background-color: #5ad;
   font-size:105%;
   border-collapse:collapse;
   border-style:solid;
   border-color:#f80;
   border-width:0px 0px 1px 0px;
  }

  div#content div#main strong.h3-1 {
   background-image: url('/img/common/main/arrow3.gif');
   background-repeat: no-repeat;
   background-position: left center;
   margin: 10px 0px 2px 0px;
   padding-left: 20px;
   display: block;
   border-bottom: 1px solid #777777;
   width: 95%;
  }

   /* ▼表示用 */
   table.sheet {
    border-collapse: collapse;
    border-style: solid;
    border-color: #333;
    border-width: 0px 0px 1px 1px;
    margin: 10px 0px;
   }

   table.sheet th, table.sheet td {
    border-collapse: collapse;
    border-style: solid;
    border-color: #333;
    border-width: 1px 1px 0px 0px;
    padding: 3px 10px;
    font-size: 100%;
   }

   table.sheet th {
    background-color: #eee;
    white-space: nowrap;
   }

   .comment {
    font-size: 80%;
   }

   .important {
    color: #f33;
    font-weight: bold;
   }

   .warning {
    color: #f33;
   }

   .caution {
    text-align: center;
    font-weight: bold;
   }

   /* ▼関連商品の表示 */
   div.assoc_block {
    float: left;
    width: 130px;
    padding: 10px;
    text-align: center;
   }

    /* ▼タイトル */
    div.assoc_title img {
     margin-top: 20px;
    }

    /* ▼商品画像 */
    div.assoc_block div.assoc_image {
     margin: 2px 0px;
    }

    div.assoc_block div.assoc_image a img {
     width: 100px;
     height: 100px;
     border-width: 0px;
    }

    /* ▼商品名 */
    div.assoc_block div.assoc_name {
     margin: 2px 0px;
     font-size: 80%;
    }

    /* ▼販売価格 */
    div.assoc_block div.assoc_price {
     margin: 2px 0px;
     font-size: 80%;
    }

    div.assoc_block div.assoc_price span.assoc_price {
     color: #f33;
     font-weight: bold;
    }

   /* ▼ランキング */
    div#content div#main div.rank {
     margin: 2px 0px;
    }

    /* ▼ランキング：タイトル */
    div#content div#main div.rank div.title img {
     margin-top: 20px;
     width: 600px;
     height: 30px;
    }

    /* ▼ランキング：内容 */
    div#content div#main div.rank ol.detail {
     width: 600px;
     list-style-type: none;
     margin: 0px;
     padding: 0px;
    }

    div#content div#main div.rank ol.detail li {
     float: left;
     margin: 4px;
     width: 110px;
     text-align: center;
    }

    div#content div#main div.rank ol.detail li div.rank img {
     width: 110px;
     height: 30px;
    }

    div#content div#main div.rank ol.detail li div.img a img {
     width: 100px;
     height: 100px;
     border-width: 0px;
    }

    div#content div#main div.rank ol.detail li div.name {
     margin: 6px;
     font-size: 80%;
     font-weight: bold;
    }

    div#content div#main div.rank ol.detail li div.text {
     font-size: 70%;
    }

    /* ▼Ｑ＆Ａ */
     /* ロゴ */
     div.q_logo {
      float: left;
     }

     div.q_logo img {
      width: 64px;
      height: 55px;
     }

     /* 本文 */
     strong.q_sentence {
      float: left;
      display: block;
      width: 536px;
      height: 25px;
      background-image: url('/img/common/main/q_a/q_sentence.jpg');
      background-repeat: no-repeat;
      background-position: right top;
      padding-top: 30px;
     }

     /* カテゴリのテキスト */
     a.category_text {
      color: #000;
      text-decoration: none;
     }

     a.category_text:hover {
      text-decoration: underline;
     }

     /* ライン */
     div.q_a_line {
      clear: left;
      width: 600px;
      height: 10px;
     }

     /* 応答 */
      /* 本文 */
      p.a_sentence {
       width: 500px;
       margin: 0px;
       padding: 0px 20px 0px 80px;
       background-image: url('/img/common/main/q_a/a_sentence.jpg');
       background-repeat: no-repeat;
       background-position: center top;
      }
    /* ==================================== */

   /* ▼バナー */
   div#content div#main div.knowledge a img {
    border-width: 0px;
   }

   /* ▼ページの先頭へ戻る */
   div#content div#main div.return {
    clear: left;
    padding: 10px 0px;
    text-align: right;
   }

   div#content div#main div.return a img {
    width: 140px;
    height: 20px;
    border-width: 0px;
   }

   /* ▼フッター */
   div#content div#main div.footer {
   }

    /* ▼休暇のご案内 */
    div#content div#main div.vacation {
     width: 600px;
     margin: 10px 0px;
    }

    /* ▼ご注文について */
    div#content div#main div.footer dl.order {
     float: right;
     width: 180px;
     margin: 0px;
    }

    div#content div#main div.footer dl.order dt {
     background-color: #39f;
     padding: 2px 6px;
     color: #fff;
     font-size: 110%;
     font-weight: bold;
    }

    div#content div#main div.footer dl.order dd {
     margin: 0px;
    }

    div#content div#main div.footer dl.order dd p {
     font-size: 80%;
    }

    div#content div#main div.footer dl.order dd ul {
     list-style-type: none;
     margin: 18px 0px 0px;
     padding: 0px;
    }

    div#content div#main div.footer dl.order dd ul li {
     font-size: 80%;
    }

    div#content div#main div.footer dl.order dd div.calendar_this_month {
     text-align: center;
    }

    div#content div#main div.footer dl.order dd div.calendar_next_month {
     margin: 10px 0px;
     text-align: center;
    }

    div#content div#main div.footer dl.order dd table.calendar {
     margin: 18px 0px 6px 0px;
     border-collapse: collapse;
     border-style: solid;
     border-color: #69f;
     border-width: 2px 2px 0px 0px;
    }

    div#content div#main div.footer dl.order dd table.calendar caption {
     border-collapse: collapse;
     border-style: solid;
     border-color: #69f;
     border-width: 2px 2px 0px 2px;
     padding: 1px 0px;
    }

    div#content div#main div.footer dl.order dd table.calendar th, div#content div#main div.footer dl.order dd table.calendar td {
     width: 20px;
     border-collapse: collapse;
     border-style: solid;
     border-color: #69f;
     border-width: 0px 0px 2px 2px;
     padding: 2px 0px;
    }

    div#content div#main div.footer dl.order dd table.calendar th {
     text-align: center;
     font-size: 90%;
     font-weight: normal;
    }

    div#content div#main div.footer dl.order dd table.calendar td {
     text-align: center;
    }

    div#content div#main div.footer dl.order dd table.calendar th.holiday, div#content div#main div.footer dl.order dd table.calendar td.holiday {
     background-color: #cff;
    }

    /* ▼お支払いについて */
    div#content div#main div.footer dl.payprev {
     width: 400px;
     margin: 0px;
    }

    div#content div#main div.footer dl.payprev dt {
     background-color: #39f;
     padding: 2px 6px;
     color: #fff;
     font-size: 110%;
     font-weight: bold;
    }

    div#content div#main div.footer dl.payprev dd {
     margin: 0px;
    }

    div#content div#main div.footer dl.payprev dd p {
     font-size: 90%;
    }

    div#content div#main div.footer dl.payprev dd p.detail {
     font-size: 80%;
    }

    /* ▼送料・配送について */
    div#content div#main div.footer dl.deliver {
     width: 400px;
     margin: 0px;
    }

    div#content div#main div.footer dl.deliver dt {
     background-color: #39f;
     padding: 2px 6px;
     color: #fff;
     font-size: 110%;
     font-weight: bold;
    }

    div#content div#main div.footer dl.deliver dd {
     margin: 0px;
    }

    div#content div#main div.footer dl.deliver dd p {
     font-size: 90%;
    }

    div#content div#main div.footer dl.deliver dd p.detail {
     font-size: 80%;
    }

    /* ▼ご注意 */
    div#content div#main div.footer dl.caution {
     clear: both;
     margin: 0px;
    }

    div#content div#main div.footer dl.caution dt {
     background-color: #39f;
     padding: 2px 6px;
     color: #fff;
     font-size: 110%;
     font-weight: bold;
    }

    div#content div#main div.footer dl.caution dd {
     margin: 0px;
    }

    div#content div#main div.footer dl.caution dd p.detail {
     font-size: 80%;
    }

    /* ▼領収書・御見積書のご案内 */
    div#content div#main div.footer dl.document {
     clear: both;
     margin: 0px;
    }

    div#content div#main div.footer dl.document dt {
     background-color: #39f;
     padding: 2px 6px;
     color: #fff;
     font-size: 110%;
     font-weight: bold;
    }

    div#content div#main div.footer dl.document dd {
     margin: 0px;
    }

    div#content div#main div.footer dl.document dd p {
     font-size: 90%;
    }

    /* ▼フリーダイヤルの表示 */
    div#content div#main div.footer div.freedial {
     font-size: 90%;
    }

    div#content div#main div.footer div.freedial a img {
     border-width: 0px;
    }

    /* ▼著作権表示 */
    div#content div#main div.footer div.copyright p {
     text-align: center;
     line-height: 120%;
     font-size: 80%;
    }
