@charset "shift_jis";

body {
 margin: 0;
 background-image: url('/img/background.gif');
 background-repeat: repeat-y;
 background-position: center top;
}

a {
 color: #20c;
}

a:hover {
 color: #e02;
}

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

  /* ▼ヘッダー */
   /* ▼見出し */
   div#content h1 {
    margin: 0px;
    padding: 6px 0px;
    font-size: 80%;
    font-weight: normal;
   }

  /* ▼ヘッダー */
  div#content div#header {
  }

   /* ▼ロゴ */
   div#content div#header div.logo {
    float: left;
    width: 475px;
    height: 104px;
   }

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

   /* ▼ガイド */
   div#content div#header div.guide {
    float: left;
   }

    /* ▼閲覧サイト */
    div#content div#header div.guide div.seeing_site {
     width: 305px;
     height: 30px;
    }

    div#content div#header div.guide div.seeing_site img {
     width: 305px;
     height: 30px;
    }

    /* ▼電話番号 */
    div#content div#header div.guide div.tel_number {
     width: 305px;
     height: 37px;
    }

    div#content div#header div.guide div.tel_number img {
     width: 305px;
     height: 37px;
    }

    /* ▼ファクス番号 */
    div#content div#header div.guide div.fax_number {
     width: 305px;
     height: 37px;
    }

    div#content div#header div.guide div.fax_number a img {
     width: 305px;
     height: 37px;
     border-width: 0px;
    }

    /* ▼検索フォーム */
    div#content div#header div.search_form {
     clear: left;
     width: 780px;
     height: 28px;
     background-image: url('/img/common/header/search_form.gif');
     background-repeat: no-repeat;
     background-position: left center;
    }

    div#content div#header div.search_form form {
     margin: 0px;
     padding: 3px 8px;
     text-align: right;
    }

    div#content div#header div.search_form form input.input {
     width: 150px;
    }

    div#content div#header div.search_form form input.submit {
     width: 70px;
    }

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

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

  div#content ul#menu li a img {
   width: 130px;
   height: 50px;
   border-width: 0px;
   vertical-align: top;
  }

  /* ▼パンくずリスト */
  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 {
   clear: left;
   float: left;
   width: 175px;
   margin-right: 5px;
  }

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

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

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

   div#content div#side dl.menu dd ol {
    list-style-type: none;
    margin: 0px;
    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 {
    margin: 6px 2px;
    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 {
    font-size: 95%;
   }

   /* ▼商品の検索 */
   div#content div#side dl.search {
    width: 175px;
    margin: 0px 0px 10px;
   }

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

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

   /* ▼商品ピックアップ */
   div#content div#side ul.banner {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
   }

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

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

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

   /* ▼表示用 */
   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: 95%;
   }

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

   .comment {
    font-size: 95%;
   }

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

   .warning {
    color: #f33;
   }

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

    /* ▼ランキング：タイトル */
    div#content div#main div.rank div.title img {
     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: 5px;
     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: 80%;
    }

   /* ▼ページの先頭へ戻る */
   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.footer dl.order {
     float: right;
     width: 180px;
     margin: 0px;
    }

    div#content div#main div.footer dl.order dt {
     background-color: #FF9801;
     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: #FF9801;
     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: #FF9801;
     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: #FF9801;
     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:#FFCC66;
    }

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

    div#content div#main div.footer dl.payprev dt {
     background-color: #FF9801;
     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: 410px;
     margin: 0px;
    }

    div#content div#main div.footer dl.deliver dt {
     background-color: #FF9801;
     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: #FF9801;
     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: #FF9801;
     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%;
    }