@charset "UTF-8";
body {
  background-image: url(../css_img/bg_body_long_g.gif);
  background-repeat: repeat-x;
  background-color: #F4F4F4; }

.clear {
  clear: both;
  visibility: hidden; }

/* 全体のDIV要素
--------------------------------------------------------------*/
#wrapper {
  width: 820px;
  text-align: left;
  margin-top: 0px;
  margin-right: auto;
  margin-bottom: 0px;
  margin-left: auto;
  background-color: #FFFFFF; }

/*トップアイコン部分
--------------------------------------------------------------*/
#toplist-h2 {
  clear: both;
  margin: 0;
  padding: 0;
  width: 800px; }

#top-thumbnail {
  padding: 5px;
  height: 1%; }

/* Hides from IE5-mac \*/
* html #top-thumbnail {
  height: 1%;
  margin-bottom: 0px;
  display: block; }

/* End hide from IE5-mac */
#top-icon {
  background-image: url(../css_img/header_logo_eg.gif);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 820px;
  height: 100px;
  text-align: left;
  top: 0px;
  margin: 0; }

#top-icon h1 {
  font-size: xx-small;
  font-weight: normal;
  float: left;
  margin: 0; }

#top-icon h1 a {
  display: block;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
  background-position: 0 20px;
  background-repeat: no-repeat;
  width: 200px;
  height: 90px;
  left: 0px;
  top: 0px; }

#top-icon ul {
  left: 700px;
  top: 40px;
  float: right;
  margin-top: 63px;
  margin-right: 20px; }

#top-icon li {
  color: #FFFFFF;
  display: inline;
  font-size: 10px;
  background-image: url(../css_img/list_topsubmenu.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 18px;
  color: #FFFFFF; }

#top-icon a {
  color: #FFFFFF;
  text-decoration: none; }

#top-icon a:active {
  color: #FFFFFF;
  text-decoration: none; }

#top-icon a:visited {
  color: #FFFFFF;
  text-decoration: none; }

#top-icon a:hover {
  color: #FFFFFF;
  text-decoration: underline; }

/* ヘッダー部分
--------------------------------------------------------------*/
#header {
  background-image: url(../css_img/bg_header_top2.jpg);
  background-repeat: no-repeat;
  margin: 0;
  width: 820px;
  height: 220px;
  clear: both; }

#header h1 {
  font-size: xx-small;
  font-weight: normal; }

#header p {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", "Osaka‐等幅";
  color: #003300;
  line-height: 1.5em;
  padding: 100px 10px 0 330px; }

#header h2 {
  font-size: 120%;
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
  padding: 110px 10px 0 400px;
  line-height: 1.4em;
  color: #4E4E4C; }

.top-h2 {
  font-size: 12px;
  line-height: 1.3em; }

/*トップページ、ECサイトへの案内右側のコラム
--------------------------------------------------------------*/
#top-to-ec {
  width: 255px;
  font-size: 85%;
  margin: 5px 0 0 0;
  border: 5px solid #77C3A5;
  padding: 0 0 8px 0;
  background-color: #EEF3F1; }

/*right-col右側のコラム
--------------------------------------------------------------*/
#right-col {
  display: inline;
  float: right;
  width: 255px;
  font-size: 85%;
  margin: 0px 10px 0 0;
  border: 5px solid #77C3A5;
  padding: 1px 1px 2em 1px;
  background-color: #EEF3F1; }

/* 見出しです。
----------------------------------------------*/
#right-col h3 {
  background-image: url(../css_img/bg_rightmenu.gif);
  background-repeat: repeat-x;
  font-size: 11px;
  text-align: center;
  margin: 1px;
  padding: 0.5em 0; }

#right-col h4 {
  background: url(../css_img/bg_rightmenu.gif) repeat-x;
  font-size: 11px;
  font-weight: bold;
  padding: 0.5em 0;
  line-height: 1.5em;
  text-align: center;
  margin: 1px; }

img.right-img {
  text-align: center;
  margin-left: 1px; }

p.right-p {
  font-size: 10px;
  padding: 0 15px;
  line-height: 1.5em;
  margin-bottom: 1em;
  text-align: left; }

/*このぺーじのトップへ
-------------------------------------------------*/
#modoru {
  clear: both;
  text-align: right;
  margin: 0px 0 20px 0;
  padding: 0; }

/* 画面一番下のナビゲーション
--------------------------------------------------------------*/
#under-navi {
  font-size: 8px;
  padding: 15px 8px;
  clear: both;
  margin-top: 30px;
  text-align: center; }

#under-navi li {
  display: inline;
  margin-left: 1em; }

#under-navi li.first {
  margin: 0; }

/*商品名リスト
------------------------------------------------*/
ul#togo {
  margin: 1em 0;
  font-size: 11px; }

li.itemname {
  font-size: 12px;
  line-height: 1.8em;
  padding: 0;
  margin: 0 0 0 15px; }

a.cart {
  padding-left: 20px;
  background: url(../css_img/cart.gif) left top no-repeat; }

/*news-feedトップページのニュースフィード
--------------------------------------------------------------*/
#news-feed {
  width: 500px;
  margin: 0 0 0 10px;
  padding: 0;
  float: left;
  margin-bottom: 10px; }

/*注意事項部分
--------------------------------------------------------------*/
#caution {
  height: 45px;
  background: url(../css_img/bg_footer_caution.jpg) no-repeat;
  color: #666666;
  font-size: 10px;
  padding: 10px;
  background-position: 10px;
  clear: both;
  margin-top: 10px; }

#caution p {
  font-size: 10px;
  margin: 5px 10px 0px 55px;
  line-height: 1.5em; }

/*フッター部分
--------------------------------------------------------------*/
#footer {
  text-align: center;
  color: #FFFFFF;
  font-size: 10px;
  padding: 0 0 0 0;
  background-image: url(../css_img/bg_footer_siteid.gif);
  height: 40px;
  background-repeat: no-repeat;
  margin: 0; }

#footer a {
  color: #FFFFFF;
  text-decoration: none; }

#footer a:active {
  color: #FFFFFF;
  text-decoration: none; }

#footer a:hover {
  color: #FFFFFF;
  text-decoration: none; }

#footer a:visited {
  color: #FFFFFF;
  text-decoration: none; }

#footer p {
  padding: 20px 0 0 0; }

/* ロゴとナビゲーション
------------------------------------*/
#top-navi {
  width: 760px; }

/* ロゴとナビゲーション
------------------------------------*/
#gmenu {
  margin: 0;
  padding: 0;
  width: 800px;
  background-image: url(../css_img/bg_gmenu.png); }

/* naviの詳細
----------------------------------- */
ul#navi {
  width: 820px;
  height: 50px;
  background-image: url(../css_img/bg_gmenu.png);
  background-repeat: no-repeat; }

ul#navi {
  margin: 0px;
  padding: 0; }

#navi li {
  list-style-type: none;
  float: left;
  padding: 0px;
  margin: 0px;
  height: 50px;
  text-indent: -9999px; }

.first-list {
  padding-left: 0px; }

#navi a {
  display: block;
  text-decoration: none;
  background-image: url(../css_img/bg_gmenu.png);
  background-repeat: no-repeat;
  height: 50px; }

#navi {
  display: block;
  text-decoration: none;
  background-image: url(../css_img/bg_gmenu.png);
  background-repeat: no-repeat;
  height: 50px; }
  #navi #cigarette {
    width: 112px;
    background-position: 0 0; }
    #navi #cigarette:hover {
      background-position: 0 -50px; }
  #navi #cigar {
    width: 59px;
    background-position: -112px 0; }
    #navi #cigar:hover {
      background-position: -112px -50px; }
  #navi #pipe {
    width: 123px;
    background-position: -171px 0; }
    #navi #pipe:hover {
      background-position: -171px -50px; }
  #navi #snuff {
    width: 97px;
    background-position: -294px 0; }
    #navi #snuff:hover {
      background-position: -294px -50px; }
  #navi #hand_rolled {
    width: 96px;
    background-position: -391px 0; }
    #navi #hand_rolled:hover {
      background-position: -391px -50px; }
  #navi #kiseru {
    width: 97px;
    background-position: -487px 0; }
    #navi #kiseru:hover {
      background-position: -487px -50px; }
  #navi #shisha {
    width: 125px;
    background-position: -584px 0; }
    #navi #shisha:hover {
      background-position: -584px -50px; }
  #navi #items {
    width: 111px;
    background-position: -709px 0; }
    #navi #items:hover {
      background-position: -709px -50px; }

/*パンくずリストの設定
------------------------------------------------------------*/
#pankuzu {
  font-size: 70%;
  margin-top: 0.2em;
  padding: 0 10px; }

/* maincontentsの詳細
----------------------------------- */
#maincontents {
  margin: 0 0 0 15px;
  padding: 0;
  width: 525px;
  clear: both;
  float: left;
  display: inline; }

/* *html #maincontents { /*IE6用のハック*/
/*margin :0 0 0 5px;*/
/*通常指定の1／2で指定*/
/*}*/
#maincontents a {
  text-decoration: none; }

/* maincontents-topの詳細
----------------------------------- */
#maincontents-top {
  margin: 0 0 0 10px;
  padding: 0;
  clear: both;
  float: left;
  display: block;
  width: 800px; }

/* トップページの商品リスト表示 top-itemlist
----------------------------------- */
.top-itemlist {
  padding: 0px;
  width: 240px;
  float: left;
  height: 290px;
  margin: 10px 12px 15px 6px;
  display: inline; }

dt.top-thumbnail {
  margin: 5px; }

dd.top-thumbnail-text {
  margin: 10px 0px 10px 10px;
  font-size: 12px;
  border-top: 1px solid #CCCCCC;
  line-height: 1.5em;
  padding-top: 1em;
  width: 230px; }

dd.detailbottun {
  margin: 1em 0px 0px 10px;
  background: url(../css_img/ico_seedetail.gif) left no-repeat;
  padding-left: 15px;
  font-size: 10px;
  display: block;
  width: 215px;
  height: 14px; }

dd.goshopbottun {
  margin: 1em 5px 0px 10px;
  background: url(../css_img/ico_gotoshop.gif) left no-repeat;
  padding-left: 15px;
  font-size: 10px;
  display: block;
  width: 140px;
  height: 14px; }

a.top-cigarette {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_cigarrete.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.top-cigar {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_cigar.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.top-shisha {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_shisha.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.top-ind {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_indy.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.pipe {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_pipe.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.kiseru {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_kiseru.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.snuff-page {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_snuff.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.gumtabaco {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_gumtabaco.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.items {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_items.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.handroll {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_handroll.gif);
  background-position: left top;
  background-repeat: no-repeat; }

a.herbcigarette {
  display: block;
  width: 240px;
  height: 35px;
  text-indent: -9999px;
  background-image: url(../css_img/h3_herbcigarette.gif);
  background-position: left top;
  background-repeat: no-repeat; }

/* howtorollの詳細
----------------------------------- */
dt.howtoroll {
  margin: 0;
  padding: 0; }

dd.howtoroll-exp {
  margin: 0;
  padding: 0 0.3em 0 0.9em;
  font-size: 10px; }

dl.howtoroll-pic {
  float: left;
  margin: 10px 20px 10px 30px;
  padding: 0;
  width: 189px;
  height: 240px;
  display: inline; }

/* パイプのthumbnailの詳細
----------------------------------- */
dl.pipethumbnail-pic {
  float: left;
  margin: 0px;
  font-size: 80%;
  width: 150px; }

dt.thumbnail-pipe {
  width: 150px;
  margin: 0;
  padding: 0; }

dt.thumbnail-exp {
  width: 150px;
  padding: 0.2em;
  font-size: 80%;
  color: #FFFFFF;
  background-color: #66CC66; }

dl.pipethumbnail-cw-pic {
  float: left;
  margin: 0px;
  font-size: 80%;
  width: 150px; }

dt.thumbnail-cw-pipe {
  width: 220px;
  margin: 0;
  padding: 0; }

dt.thumbnail-cw-exp {
  width: 220px;
  padding: 0.2em;
  font-size: 80%;
  color: #FFFFFF;
  background-color: #66CC66; }

/* 各ページの商品紹介の設定
----------------------------------- */
dl.goods-image {
  margin-left: 0px;
  padding: 5px 5px 0 5px;
  clear: both; }

dt.goods-title {
  font-size: 110%;
  margin-bottom: 10px;
  background-color: #66CC66;
  padding: 0.2em; }

dd.goods-picture {
  float: left;
  margin-right: 1em; }

dd.goods-explain {
  padding: 0 1em; }

dd.goods-price {
  float: right; }

/* #maincontents でリストにする時の設定
----------------------------------- */
#maincontents ul.mainlist {
  margin: 1em 0.5em;
  font-size: 90%;
  clear: both; }

#maincontents li.detail {
  line-height: 1.5em; }

/* トップページのニュースFeedのh3の画像置換
----------------------------------- */
h3#feed-brandnew {
  text-indent: -9999px;
  background-image: url(../css_img/h3_feed_brandnew.gif);
  height: 30px; }

h3#feed-end {
  text-indent: -9999px;
  background-image: url(../css_img/h3_feed_end.gif);
  height: 30px; }

h3#feed-limited {
  text-indent: -9999px;
  background-image: url(../css_img/h3_feed_ltdcamp.gif);
  height: 30px; }

h3#feed-owner {
  text-indent: -9999px;
  background-image: url(../css_img/h3_feed_owner.gif);
  height: 30px; }

/* トップページのニュースJRSS3.tmpのCSS設定
----------------------------------- */
#news-feed a {
  text-decoration: underline; }

#news-feed dl {
  margin-left: 10px;
  font-size: 12px;
  font-weight: normal; }

dt.feednews-date {
  margin: 0.5em 0;
  float: left;
  width: 70px;
  line-height: 136%; }

dd.feednews-desc {
  clear: both;
  padding-left: 70px;
  line-height: 146%;
  font-size: 11px; }

dd.feednews-title {
  margin: 0.5em 0;
  line-height: 136%;
  float: left; }

/*	エクスタシーDL設定
----------------------------------- */
dl.ecstasy {
  clear: both;
  margin: 8px 0 16px 5px;
  display: block;
  height: 150px; }

dt.ecstasy-title {
  margin: 0;
  border-bottom: 1px solid #EEF3F1;
  padding-bottom: 0.5em;
  margin-right: 10px;
  font-size: 110%;
  font-weight: bolder;
  color: #336666; }

dd.ecstasy-picture {
  float: left;
  margin-top: 10px;
  margin-right: 10px; }

dd.ecstasy-desc {
  padding-left: 5px;
  margin: 10px 5px 0 10px;
  font-size: 11px; }

dd.ecstasy-spec {
  padding-left: 5px;
  font-size: 11px;
  margin: 10px 5px 0 10px; }

/*	サイトマップ設定
----------------------------------- */
ul#sitemap {
  margin: 5px;
  list-style: none; }

ul#sitemap li {
  list-style-type: none;
  line-height: 1.7em;
  margin-left: 5px; }

/* ------------------------------------- 
 *	ヘッダーメニュー（ホーム、マイカウント、お問い合わせ）
 * ------------------------------------- */
#header_menu ul {
  padding-top: 3px;
  margin-left: 10px; }

#header_menu ul li {
  display: inline; }

#header_menu ul li img {
  height: 15px;
  margin-right: 5px; }

/*right-mark右側のコラムの上野画像部分
--------------------------------------------------------------*/
#right-mark {
  display: inline;
  float: right;
  width: 267px;
  font-size: 85%;
  margin: 0 10px 4px 0;
  padding: 0;
  background-color: #ffffff; }

/*トップページright-mark-top右側のコラムの上野画像部分
--------------------------------------------------------------*/
#right-mark-top {
  display: inline;
  float: right;
  width: 267px;
  font-size: 85%;
  margin: 0 10px 5px 18px;
  padding: 0;
  background-color: #ffffff;
  text-align: right; }

/*メルマガの登録ボタン
--------------------------------------------------------------*/
ul#mag {
  margin: auto;
  width: 120px;
  height: 27px; }

ul#mag {
  margin: 0px auto;
  padding: 0; }

#mag li {
  list-style-type: none;
  float: left;
  padding: 0px;
  margin: 0 0 0 5px;
  height: 27px;
  text-indent: -9999px; }

#mag a {
  display: block;
  text-decoration: none;
  background-image: url(../css_img/bt_entry.gif);
  background-repeat: no-repeat;
  height: 27px; }

#mag a#entry {
  width: 50px;
  height: 27px;
  background-position: 0px 0px; }

#mag a#entry:hover {
  background-position: 0 -27px; }

#mag a#withdraw {
  width: 50px;
  height: 27px;
  background-position: -50px 0px; }

#mag a#withdraw:hover {
  background-position: -50px -27px; }