@charset "utf-8";

/* ====  目次・文書構造  ===============================================

A. ＜基幹＞
A-1. CSSリセット
A-2. 汎用スタイル

B. ＜エリア別＞
B-0. 基本レイアウト
B-1. 共通ヘッダ
B-2. 共通フッタ
B-3. コンテンツ


----  [ 文書構造 ]  --------------------------------------------------------

body [ .page_home | .page_shop ||| .type_tokyo | .type_makuhari | .type_osaka ]
  a#top
  .nav_skip
  
  #globalheader
  .inner
    .nav_global
    .nav_lang
  
  #header
  .inner
    .logo_header
    .nav_user

  #contents
  .inner
  
    [body.page_home]--------------
    .label_greeting
    #heros
      .mod_main | .mod_sub
        .cmn_banner
    #extra
      .mod_guide
        .cmn_heading
        .cmn_lead
        .cmn_banner2

    [body.page_item | body.page_cart | body.page_shop]--------------
    .nav_breadcrumb
    #main
      .mod_detail
      .mod_lineup
        .cmn_item ***

      .mod_head
      .mod_cart
      
      .nav_shop
      .nav_shop_l
      .mod_info
      .mod_recommend
        .cmn_heading
        .cmn_banner3
        .cmn_banner4

    #sub
      .nav_item
        .cmn_heading

  #footer
  .inner
    .logo_footer
    address
    .nav_guide
  
  #globalfooter
  .inner
    .nav_info
    address

============================================================ */










@media all {

/* ------------------------------------------------------------
A. ＜基幹＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
A-1. CSSリセット
------------------------------------------------------------ */

html,body,a,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,dialog,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
h1,h2,h3,h4,h5,h6,pre,em,strong,address,caption,cite,code,dfn,table,th,td,textarea,input { font-size: 100%; font-style: normal; font-weight: normal; }
article,aside,dialog,figure,footer,header,hgroup,nav,section { display: block; }
ul,ol               { list-style: none; }
object,embed        { vertical-align: top; outline: 0; }
img                 { line-height: 1; vertical-align: top; text-decoration: none; }
input,button,select { vertical-align: middle; }
button              { cursor: pointer; }
table               { border-collapse: collapse; border-spacing: 0; }
caption,th          { text-align: left; }
abbr,acronym        { border: none; font-variant: normal; }
strong,em,dt,
h1,h2,h3,h4,h5      { font-weight: bold; }
a                   { color: #369; text-decoration: none; }
a:hover             { text-decoration: underline; }
body                { font: 13px/1.200 'メイリオ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Verdana',sans-serif; }





/* ------------------------------------------------------------
A-2. 汎用スタイル
------------------------------------------------------------ */

/* 文字 */
.cmn_font_s          { font-size: 11px !important; }
.cmn_font_m          { font-size: 15px !important; }
.cmn_font_l          { font-size: 18px !important; }


/* 表示 */
.cmn_assist          { position: absolute; left: -9999px; width: 500px; }
.cmn_hide            { display: none; }


/* マージン＆パディング */
.cmn_mauto           { margin-right: auto !important; margin-left: auto !important; }
.cmn_mt0             { margin-top: 0px !important; }
.cmn_mt15            { margin-top: 15px !important; }
.cmn_mt30            { margin-top: 30px !important; }
.cmn_mt-15           { margin-top: -15px !important; }
.cmn_mt-30           { margin-top: -30px !important; }
.cmn_mb0             { margin-bottom: 0px !important; }
.cmn_mb15            { margin-bottom: 15px !important; }
.cmn_mb30            { margin-bottom: 30px !important; }
.cmn_mr15            { margin-right: 15px !important; }
.cmn_p15             { padding: 15px !important; }
.cmn_p30             { padding: 30px !important; }


/* 配置 */
.cmn_center          { text-align: center !important; }
.cmn_left            { text-align: left !important; }
.cmn_right           { text-align: right !important; }
.cmn_float_l         { float: left; }
.cmn_float_r         { float: right; }
.cmn_clear           { clear: both; }
.cmn_clear_l         { clear: left; }
.cmn_clear_r         { clear: right; }
.cmn_abs_tr          { position: absolute; top:    0; right: 0; }
.cmn_abs_br          { position: absolute; bottom: 0; right: 0; }
.cmn_abs_bl          { position: absolute; bottom: 0; left: 0; }
.cmn_abs_tl          { position: absolute; top:    0; left: 0; }
.cmn_nowrap          { white-space: nowrap; }
.cmn_clearfix:after  { content: "."; display: block; clear: both; height: 0; visibility: hidden; }


/* テーブル */
.cmn_table           { width: 100%; border-collapse: separate; *border-collapse: collapse; border-spacing: 0; border: none; border-right: 1px solid #D7D6DA; border-bottom: 1px solid #D7D6DA; }
.cmn_table th,   
.cmn_table td        { padding: 8px 10px; border-top: 1px solid #D7D6DA; border-left: 1px solid #D7D6DA; vertical-align: middle; text-align: center; }
.cmn_table_head      { background: #E1E4E4; }
.cmn_table_foot      { background: #E1E4E4; }
.cmn_table_foot th   { text-align: right; font-size: 15px; }
.cmn_table_foot th span { font-size: 12px; }


/* リスト */
.cmn_list_arrow li   { padding-left: 13px; background: url(../img/shared/arrow.png) 0 -97px no-repeat; zoom: 1; }
.cmn_list_dot li     { padding-left: 13px; background: url(../img/shared/arrow.png) 0 -197px no-repeat; zoom: 1; }
.cmn_list_news       { border-bottom: 1px dotted #ccc; font-size: 12px; }
.cmn_list_news dt    { clear: left; float: left; width: 7em; padding: 5px 0; border-top: 1px dotted #ccc; }
.cmn_list_news dd    { margin-left: 7em; padding-left: 12px; padding: 5px 0;  border-top: 1px dotted #ccc; }


/* タブ */
.cmn_tab             { margin: 15px 0; }
.cmn_tab .nav_tab    { height: 22px; }
.cmn_tab .nav_tab li { display: block; float: left; padding: 4px 20px 0; border: 1px solid #ccc; }
.cmn_tab .nav_tab li.on { background: #eee; }
.cmn_tab .cmn_body { clear: left; padding: 15px; border: 1px solid #ccc; }


/* アイコン */
.cmn_icon_order      { display: inline-block; vertical-align: middle; width: 60px; height: 24px; background: url(../img/shared/icon.png) no-repeat; }
.cmn_icon_cart       { display: inline-block; vertical-align: top; width: 14px; height: 14px; background: url(../img/shared/icon.png) 0 -100px no-repeat; }


/* 汎用アイテム */
.cmn_item            { position: relative; min-height: 130px; margin-top: -1px; padding-left: 234px; border: 1px solid #D7D6DA; 
       background: url(../img/shared/dot.png) 219px 0 repeat-y, url(../img/shared/dot.png) 550px 0 repeat-y, url(../img/shared/dot.png) 715px 0 repeat-y;
  -pie-background: url(../img/shared/dot.png) 219px 0 repeat-y, url(../img/shared/dot.png) 550px 0 repeat-y, url(../img/shared/dot.png) 715px 0 repeat-y;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
* html .cmn_item     { height: 130px; }
.cmn_item_title      { position: relative; height: 33px; line-height: 30px; margin-left: -16px; padding-left: 14px; background: url(../img/contents/heading.png) 0 -100px repeat-x; font-weight: normal; font-size: 15px; text-shadow: 0 2px 0 #fff; }
.cmn_item_desc       { width: 305px; margin: 5px 0 15px; line-height: 1.57; font-size: 12px; }
.cmn_item_spec       { position: absolute; top: 38px; left: 558px; width: 150px; line-height: 1.57; }
.cmn_item_cart       { position: absolute; top: 38px; left: 720px; width: 200px; line-height: 1.57; }
.cmn_item_img        { position: absolute; top: 0; left: 0; padding: 10px 20px; }


/* 汎用バナー */
.cmn_banner          { position: relative; overflow: hidden; float: left; width: 328px; height: 98px; margin: 0 10px 10px 0; border: 1px solid #999; background: #fff; 
  -webkit-box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow:    3px 3px 5px #ccc;
  box-shadow:         3px 3px 5px #ccc;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_banner:hover    { cursor: pointer; background: #fff; }
.cmn_banner_title    { position: relative; padding: 10px 0 5px 12px; font-weight: normal; font-size: 14px; text-shadow: 0 2px 0 #fff; z-index: 1; }
.cmn_banner_desc     { position: relative; padding: 0 0 5px 12px; line-height: 1.4; font-size: 11px; }
.cmn_banner a        { color: #000; }
.cmn_banner a:hover  { text-decoration: none; }
.cmn_banner_img      { position: absolute; top: 0; right: 0; z-index: 0; }
.cmn_banner_img img  { height: 98px; filter: alpha(style=1, opacity=0, finishopacity=100, startx=0, finishx=50); }
.cmn_banner_excuse   { position: absolute; bottom: 2px; right: 3px; width: 99px; height: 13px; background: url(../img/shared/txt_excuse.png) no-repeat; }
.cmn_banner_nonexcuse   { position: absolute; bottom: 2px; right: 3px; width: 99px; height: 13px; no-repeat; }
.cmn_banner_mask     { position: absolute; top: 0; left: 0; width: 100px; height: 100%; 
  background: -webkit-gradient(linear,0% 0%,100% 0%, from(rgba(255,255,255,0)), to(rgba(255,255,255,0)));
  background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
  background:      linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
}
.cmn_banner:hover .cmn_banner_mask {
  background: -webkit-gradient(linear,0% 0%,100% 0%, from(rgba(255,255,255,0)), to(rgba(255,255,255,0)));
  background: -moz-linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
  background:      linear-gradient(left, rgba(255,255,255,0), rgba(255,255,255,0));
}

.cmn_banner2         { position: relative; overflow: hidden; width: 210px; height: 62px; margin: 0 0 3px; border: 1px solid #999; background: #F8F0D7; 
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#F8F0D7), to(#DAD2BA));
  background: -moz-linear-gradient(top, #F8F0D7, #DAD2BA);
  background:      linear-gradient(top, #F8F0D7, #DAD2BA);
  -pie-background: linear-gradient(top, #F8F0D7, #DAD2BA);
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_banner2:hover   { cursor: pointer; background: #fff;
  -pie-background: linear-gradient(top, #fff, #fff);
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_banner2_title         { position: relative; padding: 0 0 5px 2px; font-weight: normal; font-size: 15px; text-shadow: 0 2px 0 #fff; }
.cmn_banner2_title span    { display: block;  font-size: 10px; }
.cmn_banner2_title strong  { letter-spacing: 5px; font-weight: normal; }
.cmn_banner2_desc          { position: relative; padding: 0 0 5px 2px; font-size: 10px; }
.cmn_banner2 a             { color: #000; }
.cmn_banner2 a:hover       { text-decoration: none; }
.cmn_banner2_img           { position: absolute; top: 0; right: 0; z-index: 0; }
.cmn_banner2_img img       { height: 62px; }

.cmn_banner3               { position: relative; overflow: hidden; display: block; float: left; width: 298px; height: 102px; margin: 0 6px 6px 0; border: 1px solid #999; background: #FFF; 
  -webkit-box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow:    3px 3px 5px #ccc;
  box-shadow:         3px 3px 5px #ccc;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_banner3:hover         { cursor: pointer; background: #F8EFE8; }
.cmn_banner3_title         { position: relative; padding: 5px 0 10px 108px; font-weight: normal; font-size: 12px; text-shadow: 0 2px 0 #fff; }
.cmn_banner3_title span    { display: block;  font-size: 10px; }
.cmn_banner3_title strong  { letter-spacing: 5px; font-weight: normal; }
.cmn_banner3_desc          { position: relative; padding: 0 5px 5px 108px; line-height: 1.2; font-size: 10px; }
.cmn_banner3 a             { color: #000; }
.cmn_banner3 a:hover       { text-decoration: none; }
.cmn_banner3_img           { position: absolute; top: 0; left: 0; z-index: 0; }
.cmn_banner3_img img       { height: 102px; }

.cmn_banner4               { position: relative; overflow: hidden; display: block; float: left; width: 298px; height: 102px; margin: 0 6px 6px 0; border: 1px solid #999; background: #FFF; 
  -webkit-box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow:    3px 3px 5px #ccc;
  box-shadow:         3px 3px 5px #ccc;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_banner4:hover         { cursor: pointer; background: #F8EFE8; }
.cmn_banner4_title         { position: relative; padding: 5px 0 10px 141px; font-weight: normal; font-size: 12px; text-shadow: 0 2px 0 #fff; }
.cmn_banner4_title span    { display: block;  font-size: 10px; }
.cmn_banner4_title strong  { letter-spacing: 5px; font-weight: normal; }
.cmn_banner4_desc          { position: relative; padding: 0 5px 5px 141px; line-height: 1.2; font-size: 10px; }
.cmn_banner4 a             { color: #000; }
.cmn_banner4 a:hover       { text-decoration: none; }
.cmn_banner4_img           { position: absolute; top: 0; left: 0; z-index: 0; }
.cmn_banner4_img img       { height: 102px; }


/* CSS3装飾＜BOX＞ */
.cmn_box_round {
  position: relative;
  border: 1px solid #999;
  -webkit-border-radius: 8px;
  -moz-border-radius:    8px;
  border-radius:         8px;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_box_shadow {
  position: relative;
  -webkit-box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow:    3px 3px 5px #ccc;
  box-shadow:         3px 3px 5px #ccc;
  background: #fff;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.cmn_box_gradation {
  position: relative;
  background: #F6F1DF;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#F6F1DF), to(#DAD2BA));
  background: -moz-linear-gradient(#F6F1DF, #DAD2BA);
  background:      linear-gradient(#F6F1DF, #DAD2BA);
  -pie-background: linear-gradient(#F6F1DF, #DAD2BA);
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}


/* CSS3装飾＜ボタン＞ */
.cmn_btn_oval {
  position: relative;
  display: inline-block;
  margin: 10px;
  padding: 2px 0;
  width: 80px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
  background: #DADADA;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#F9F9F9), to(#DADADA));
  background: -moz-linear-gradient(#F9F9F9, #DADADA);
  background:      linear-gradient(#F9F9F9, #DADADA);
  -pie-background: linear-gradient(#F9F9F9, #DADADA);
  -webkit-box-shadow: 0px 0px 2px #999;
  -moz-box-shadow:    0px 0px 2px #999;
  box-shadow:         0px 0px 2px #999;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
  font-size: 12px;
}
.cmn_btn_oval:hover {
  -webkit-box-shadow: 0px 0px 0px #ccc;
  -moz-box-shadow:    0px 0px 0px #ccc;
  box-shadow:         0px 0px 0px #ccc;
}

.cmn_btn_submit {
  position: relative;
  display: inline-block;
  margin: 10px;
  padding: 3px 60px 3px 8px;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius:    4px;
  border-radius:         4px;
  background: #FFCC99;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#FFCC99), to(#DE9654));
  background: -moz-linear-gradient(#FFCC99, #DE9654);
  background:      linear-gradient(#FFCC99, #DE9654);
  -pie-background: linear-gradient(#FFCC99, #DE9654);
  -webkit-box-shadow: 2px 2px 3px #ccc;
  -moz-box-shadow:    2px 2px 3px #ccc;
  box-shadow:         2px 2px 3px #ccc;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
  text-shadow: 0px 1px 0px white;
  font-weight: bold;
  font-size: 15px;
}
.cmn_btn_submit:hover {
  padding-top: 4px;
  padding-bottom: 2px;
  -webkit-box-shadow: 0px 0px 1px #ccc;
  -moz-box-shadow:    0px 0px 1px #ccc;
  box-shadow:         0px 0px 1px #ccc;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#FFDDAA), to(#DE9654));
  background: -moz-linear-gradient(#FFDDAA, #DE9654);
  background:      linear-gradient(#FFDDAA, #DE9654);
  -pie-background: linear-gradient(#FFDDAA, #DE9654);
}
* html .cmn_btn_submit .cmn_icon_order { display: none; }

.cmn_btn_addcart {
  position: relative;
  display: inline-block;
  width: 200px;
  height: 20px;
  margin: 10px 0;
  padding: 2px 0;
  border: none;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  background: #FFCC99;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#FFCC99), to(#DE9654));
  background: -moz-linear-gradient(#FFCC99, #DE9654);
  background:      linear-gradient(#FFCC99, #DE9654);
  -pie-background: linear-gradient(#FFCC99, #DE9654);
  -webkit-box-shadow: 2px 2px 3px #ccc;
  -moz-box-shadow:    2px 2px 3px #ccc;
  box-shadow:         2px 2px 3px #ccc;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
  text-shadow: 0px 1px 0px white;
  font-weight: bold;
  font-size: 12px;
}
.cmn_btn_addcart:hover {
  -webkit-box-shadow: 0px 0px 1px #ccc;
  -moz-box-shadow:    0px 0px 1px #ccc;
  box-shadow:         0px 0px 1px #ccc;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#FFDDAA), to(#DE9654));
  background: -moz-linear-gradient(#FFDDAA, #DE9654);
  background:      linear-gradient(#FFDDAA, #DE9654);
  -pie-background: linear-gradient(#FFDDAA, #DE9654);
}
* html .cmn_btn_addcart .cmn_icon_cart { display: none; }




















/* ------------------------------------------------------------
B. ＜エリア別＞
------------------------------------------------------------ */

/* ------------------------------------------------------------
B-0. 基本レイアウト
------------------------------------------------------------ */

html { height: 100%; }
body { height: auto !important; height: 100%; min-height: 100%; min-width: 990px; background: #000; }

/* 幅・配置＆背景 */
#globalheader                 { overflow: hidden; width: 100%; height: 24px; }
#globalheader .inner          { position: relative; width: 980px; height: 100%; margin: 0 auto; background: url(../img/header/globalheader.png) no-repeat; }
#header                       { overflow: hidden; width: 100%; height: 48px; }
#header .inner                { position: relative; width: 980px; height: 100%; margin: 0 auto; background: url(../img/header/header_new.png) no-repeat; }
#contents                     { }
#contents .inner              { position: relative; width: 926px; margin: 0 auto; padding: 40px 27px 23px 27px; background: #fff url(../img/contents/bg.png) repeat-y; }
#sub                          { clear: both; padding-top: 40px; }
.page_home #sub               { padding-top: 16px; }
#footer                       { overflow: hidden; width: 100%; height: 30px; }
#footer .inner                { position: relative; width: 980px; height: 100%; margin: 0 auto; background: url(../img/footer/footer.png) no-repeat; }
#globalfooter                 { overflow: hidden; width: 100%; height: 40px; }
#globalfooter .inner          { position: relative; width: 980px; height: 100%; margin: 0 auto; background: url(../img/footer/globalfooter.png) no-repeat; }





/* ------------------------------------------------------------
B-1. 共通ヘッダ
------------------------------------------------------------ */

/* グローバルヘッダ：ナビゲーション */
.nav_global                   { position: absolute; top: 0; left: 144px; }
.nav_global li                { float: left; height: 12px; margin-right: 10px; }
.nav_global li a              { display: block; height: 100%; text-indent: -9999px; font-size: 10px; }
.nav_global li a:hover        { border-bottom: 1px solid #f1f1f1; }
.nav_global li:nth-child(1)   { width: 142px; }
.nav_global li:nth-child(2)   { width: 41px; }
.nav_global li:nth-child(3)   { width: 48px; }
.nav_global li:nth-child(4)   { width: 83px; margin-right: 0; }


/* グローバルヘッダ：言語ナビゲーション */
.nav_lang                     { position: absolute; top: 0; left: 742px; }
.nav_lang li                  { float: left; height: 12px; margin-right: 10px; }
.nav_lang li a                { display: block; height: 100%; text-indent: -9999px; font-size: 10px; }
.nav_lang li a:hover          { border-bottom: 1px solid #f1f1f1; }
.nav_lang li:nth-child(1)     { width: 33px; border-bottom: 1px solid #f1f1f1; }
.nav_lang li:nth-child(2)     { width: 40px; }
.nav_lang li:nth-child(3)     { width: 38px; }
.nav_lang li:nth-child(4)     { width: 42px; }
.nav_lang li:nth-child(5)     { width: 38px; margin-right: 0; }


/* 共通ヘッダ：ロゴ */
.logo_header                  { position: absolute; top: 0; left: 0; width: 340px; height: 48px; margin-left: 40px; }
.logo_header a                { display: block; width: 100%; height: 100%; text-indent: -9999px; }


/* 共通ヘッダ：ナビゲーション */
.nav_user                     { position: absolute; top: 15px; left: 570px; }
.nav_user li                  { float: left; height: 20px; margin-right: 10px; }
.nav_user li a                { display: block; height: 100%; text-indent: -9999px; font-size: 10px; }
.nav_user li a:hover          { border-bottom: 1px solid #f1f1f1; }
.nav_user li:nth-child(1)     { width: 100px; }
.nav_user li:nth-child(2)     { width: 66px; }
.nav_user li:nth-child(3)     { width: 55px; }
.nav_user li:nth-child(4)     { width: 145px; margin-right: 0; }





/* ------------------------------------------------------------
B-2. 共通フッタ
------------------------------------------------------------ */

/* 共通フッタ：ロゴ */
.logo_footer                  { width: 240px; height: 30px; margin-left: 10px; }
.logo_footer a                { display: block; height: 100%; text-indent: -9999px; }


/* 共通フッタ：ナビゲーション */
.nav_guide                    { position: absolute; top: 7px; left: 822px; }
.nav_guide li                 { float: left; height: 16px; margin-right: 1px; }
.nav_guide li a               { display: block; width: 44px; height: 14px; line-height: 14px; border: 1px solid #999; background: #fff; text-align: center; font-size: 9px; color: #333; }
.nav_guide li a:hover         { border-color: #369; text-decoration: none; color: #369; }
.nav_guide li:nth-child(1)    { width: 46px; }
.nav_guide li:nth-child(2)    { width: 46px; }
.nav_guide li:nth-child(3)    { width: 46px; margin-right: 0; }


/* 共通フッタ：アドレス */
#footer address               { position: absolute; top: 10px; left: 260px; font-size: 10px; color: #ccc; }


/* グローバルフッタ：ナビゲーション */
.nav_info                     { position: absolute; top: 10px; left: 14px; }
.nav_info li                  { float: left; height: 12px; margin-right: 10px; }
.nav_info li a                { display: block; height: 100%; text-indent: -9999px; font-size: 10px; }
.nav_info li a:hover          { border-bottom: 1px solid #f1f1f1; }
.nav_info li:nth-child(1)     { width: 41px; }
.nav_info li:nth-child(2)     { width: 95px; }
.nav_info li:nth-child(3)     { width: 39px; }
.nav_info li:nth-child(4)     { width: 98px; }
.nav_info li:nth-child(5)     { width: 70px; margin-right: 0; }


/* グローバルフッタ：コピーライト */
#globalfooter address         { position: absolute; top: 10px; left: 752px; width: 220px; height: 12px; text-indent: -9999px; }










/* ------------------------------------------------------------
B-3. コンテンツ
------------------------------------------------------------ */

/* コンテンツ：初期設定 */
#main section                 { position: relative; }


/* コンテンツ：基本マージン＆行間 */
.cmn_body p,
.cmn_body dl,
.cmn_body ol,
.cmn_body ul               { margin-bottom: 15px; line-height: 1.57; }
.cmn_body li               { padding-bottom: 3px; }


/* コンテンツ：パンくずナビ */
.nav_breadcrumb               { position: absolute; top: 10px; left: 17px; }
.nav_breadcrumb li            { display: inline;  float: left; padding: 0 8px 0 12px; background: url(../img/shared/arrow.png) 0 3px no-repeat; font-size: 10px; color: #999; }
.nav_breadcrumb li.nav_breadcrumb_home { padding-left: 0; background: none; }


/* コンテンツ：ページタイトル */
.mod_head                     { position: relative; overflow: hidden; height: 40px; background: url(../img/contents/heading.png) repeat-x; }
.mod_head_title               { float: left; margin: 10px 40px 0 10px; letter-spacing: 2px; font-weight: normal; font-size: 18px; text-shadow: 0 2px 0 #fff; }
.mod_head_lead                { padding-top: 12px; }


/* コンテンツ：アイテムメニュー */
.nav_item                     { position: relative; }
.nav_item .cmn_heading        { width: 365px; height: 31px; background: url(../img/contents/label_item.png) no-repeat; text-indent: -9999px; }
.nav_item dl                  { position: relative; float: left; width: 179px; height: 380px; margin-right: 5px; border-right: 1px solid #D7D6DA; border-left: 1px solid #D7D6DA; }
.nav_item dl.nav_item_gourmet { margin-right: 0; }
.nav_item dl.nav_item_gift,
.nav_item dl.nav_item_cake    { height: 366px; }
.nav_item dl.nav_item_retort  { height: 366px; }
.nav_item dl.nav_item_etc     { height: 430px; }
.nav_item dl.nav_item_drink   { position: absolute; top: 290px; left: 0; height: 165px; }
.nav_item dl.nav_item_hotel   { position: absolute; top: 290px; left: 186px; height: 165px; }
.nav_item dl.nav_item_sale    { position: absolute; top: 290px; left: 372px; height: 165px; }
.nav_item dl.nav_item_shop    { position: absolute; top: 290px; left: 744px; height: 165px; }
* html .nav_item dl.nav_item_drink { position: relative; margin-top: -372px; }
.nav_item dt                  { height: 30px; padding-left: 10px; line-height: 30px; background: url(../img/contents/heading.png) 0 -200px repeat-x; font-weight: normal; font-size: 15px; text-shadow: 0 2px 0 #fff; }
.nav_item_sale dt             { height: 30px; padding-left: 10px; line-height: 30px; background: url(../img/contents/heading.png) 0 -300px repeat-x; font-weight: normal; font-size: 15px; text-shadow: 0 0px 0 #fff; }
.nav_item dd                  { overflow: hidden; height: 32px; margin-left: 7px; }
.nav_item dd a                { display: block; height: 100%; line-height: 30px; padding-left: 34px; background: url(../img/contents/items.jpg) no-repeat; color: #000; font-size: 11px; }
.nav_item dd a:hover          { background-color: #eee; opacity: 0.6; filter: alpha(opacity=60); }
.nav_item_gift    a.item_oiwai     { background-position: 0 -0px; }
.nav_item_gift    a.item_cyouji    { background-position: 0 -50px; }
.nav_item_gift    a.item_oseibo    { background-position: 0 -100px; }
.nav_item_gift    a.item_autumn    { background-position: 0 -150px; }
.nav_item_gift    a.item_spring    { background-position: 0 -150px; }
.nav_item_gift    a.item_Valen     { background-position: 0 -200px; }
.nav_item_gift    a.item_white   { background-position: 0 -250px; }
.nav_item_gift    a.item_father    { background-position: 0 -300px; }
.nav_item_gift    a.item_mother   { background-position: 0 -1150px; }
.nav_item_gift    a.item_ocyugen   { background-position: 0 -350px; }
.nav_item_gift    a.item_syocyumimai   { background-position: 0 -750px; }
.nav_item_gift    a.item_zansyomimai   { background-position: 0 -750px; }
.nav_item_gift    a.item_graduation    { background-position: 0 -1150px; }
.nav_item_gift    a.item_fukubukuro    { background-position: 0 -1095px; }
.nav_item_cake    a.item_leaf      { background-position: 0 -400px; }
.nav_item_cake    a.item_baum      { background-position: 0 -450px; }
.nav_item_cake    a.item_gateau    { background-position: 0 -500px; }
.nav_item_cake    a.item_pound     { background-position: 0 -550px; }
.nav_item_cake    a.item_cookie    { background-position: 0 -600px; }
.nav_item_cake    a.item_baked     { background-position: 0 -650px; }
.nav_item_cake    a.item_tour      { background-position: 0 -700px; }
.nav_item_retort  a.item_soup      { background-position: 0 -800px; }
.nav_item_retort  a.item_canned    { background-position: 0 -850px; }
.nav_item_retort  a.item_curry     { background-position: 0 -900px; }
.nav_item_retort  a.item_okayu     { background-position: 0 -950px; }
.nav_item_retort  a.item_pasta     { background-position: 0 -1000px; }
.nav_item_retort  a.item_foods     { background-position: 0 -1050px; }
.nav_item_retort a.item_Premium_Selection    { background-position: 0 -1950px; }
.nav_item_etc     a.item_rb        { background-position: 0 -1150px; }
.nav_item_etc     a.item_ham       { background-position: 0 -1200px; }
.nav_item_etc     a.item_salmon    { background-position: 0 -1250px; }
.nav_item_etc     a.item_dressing  { background-position: 0 -1300px; }
.nav_item_etc     a.item_jelly     { background-position: 0 -1450px; }
.nav_item_etc     a.item_jam       { background-position: 0 -1350px; }
.nav_item_etc     a.item_tea       { background-position: 0 -1400px; }
.nav_item_etc     a.item_noc       { background-position: 0 -1500px; }
.nav_item_etc     a.item_osechi    { background-position: 0 -150px; }
.nav_item_gourmet a.item_mentaiko  { background-position: 0 -1600px; }
.nav_item_gourmet a.item_udon      { background-position: 0 -1650px; }
.nav_item_gourmet a.item_flower    { background-position: 0 -1750px; }
.nav_item_gourmet a.item_katsuo    { background-position: 0 -1800px; }
.nav_item_gourmet a.item_kome      { background-position: 0 -1850px; }
.nav_item_gourmet a.item_jizake    { background-position: 0 -1900px; }
.nav_item_drink   a.item_kosyu     { background-position: 0 -300px; }
.nav_item_drink   a.item_wine      { background-position: 0 -2000px; }
.nav_item_drink   a.item_mineral   { background-position: 0 -2050px; }
.nav_item_drink   a.item_nouveau   { background-position: 0 -2100px; }
.nav_item_drink   a.item_sake      { background-position: 0 -2150px; }
.nav_item_gourmet a.item_kisyu     { background-position: 0 -2200px; }
.nav_item_drink   a.item_beaujolais { background-position: 0 -2250px; }
.nav_item_sale    a.item_sale      { background-position: 0 -2300px; }
.nav_item_gourmet a.item_haku      { background-position: 0 -2350px; }
.nav_item_hotel   a.item_towel     { background-position: 0 -2400px; }
.nav_item_hotel   a.item_bathrobe  { background-position: 0 -2450px; }
.nav_item_hotel   a.item_amenity   { background-position: 0 -1550px; }
.nav_item_shop    a.item_tokyo     { background-position: 0 -2800px; }
.nav_item_shop    a.item_makuhari  { background-position: 0 -2850px; }
.nav_item_shop    a.item_osaka     { background-position: 0 -2900px; }





/* ------------------------------------------------------------
B-3-1. コンテンツ：トップページ（.page_home）
------------------------------------------------------------ */

body.page_home #contents .inner { padding-top: 72px; }

/* コンテンツ：トップページ：あいさつ */
.label_greeting     { position: absolute; top: 10px; left: 27px; width: 926px; height: 46px; background: url(../img/contents/label_greeting.png) no-repeat; text-indent: -9999px; }


/* コンテンツ：トップページ：HEROS */
#heros                         { height: 374px; } 
.mod_main .cmn_banner          { width: 668px; height: 248px; }
.mod_main .cmn_banner_title    { padding: 12px 0 20px 12px; font-size: 18px; }
.mod_main .cmn_banner_desc     { width: 240px; line-height: 1.57; font-size: 13px; }
.mod_main .cmn_banner_img img  { height: 248px; }
.mod_main .cmn_banner_img2     { position: relative; padding: 8px 0 0 12px; }
.mod_main .cmn_banner_img2 img {
  position: relative;
  height: 80px;
  -webkit-box-shadow: 0px 0px 15px #ccc;
  -moz-box-shadow:    0px 0px 15px #ccc;
  box-shadow:         0px 0px 15px #ccc;
  background: #fff;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
.mod_main .cmn_banner:hover .cmn_banner_img2 img {
  -webkit-box-shadow: 0px 0px 0px #ccc;
  -moz-box-shadow:    0px 0px 0px #ccc;
  box-shadow:         0px 0px 0px #ccc;
}
.mod_sub .cmn_banner_desc     { width: 160px; }


/* コンテンツ：トップページ：EXTRA */
body.page_home #extra         { position: absolute; top: 72px; left: 712px; }
.mod_guide                    { position: relative; width: 227px; height: 358px; padding-left: 12px; border: 1px solid #999; }
.mod_guide .cmn_heading       { height: 30px; margin-left: -12px; line-height: 30px; background: url(../img/contents/heading.png) 0 -300px repeat-x; font-size: 14px; font-weight: normal; text-align: center; }
.mod_guide .cmn_lead          { margin-bottom: 15px; font-size: 10px; }
.mod_guide .cmn_font_s        { margin: 0 -12px 15px 0; font-size: 9px !important; letter-spacing: -1px; }


/* コンテンツ：トップページ：TICKER */
#ticker  { overflow: hidden; position: relative; clear: both; height: 26px; padding: 0 20px; border: 1px solid #999;
  background: #eee;
  background: -webkit-gradient(linear,0% 0%,0% 100%, from(#eee), to(#fff));
  background: -moz-linear-gradient(#eee, #fff);
  background:      linear-gradient(#eee, #fff);
  -pie-background: linear-gradient(#eee, #fff);
  -webkit-border-radius: 13px;
  -moz-border-radius:    13px;
  border-radius:         13px;
  behavior: url(/hrt/shop/_common/js/lib/pie.htc);
}
#ticker li  { line-height: 26px; padding-left: 10px; background: transparent url(../img/shared/arrow.png) 0 10px no-repeat; }





/* ------------------------------------------------------------
B-3-2. コンテンツ：詳細ページ
------------------------------------------------------------ */

/* コンテンツ：詳細ページ：商品情報 */
.mod_detail                   { min-height: 250px; margin-bottom: 15px; padding-left: 472px; }
* html .mod_detail            { height: 250px; }
.mod_detail_title             { height: 53px; line-height: 40px; margin-left: -12px; padding-left: 12px; background: url(../img/contents/heading.png) repeat-x; letter-spacing: 2px; font-weight: normal; font-size: 18px; text-shadow: 0 2px 0 #fff; }
.mod_detail_desc              { margin-bottom: 15px; line-height: 1.57; }
.mod_detail_img               { position: absolute; top: 0; left: 0; }
.mod_detail_img2              { position: absolute; top: 0; left: 0; }





/* ------------------------------------------------------------
B-3-3. コンテンツ：カートページ
------------------------------------------------------------ */

/* コンテンツ：カートページ：テーブル */
.mod_cart .cmn_table { margin-bottom: 15px; }





/* ------------------------------------------------------------
B-3-4. コンテンツ：ショップページ
------------------------------------------------------------ */

/* コンテンツ：ショップページ：タブ型ナビ */
.nav_shop                     { height: 33px; }
.nav_shop li                  { float: left; width: 306px; height: 33px; line-height: 26px; margin-right: 4px; }
.nav_shop li a                { display: block; width: 100%; height: 100%; background: url(../img/contents/heading.png) 0 -400px repeat-x; text-align: center; letter-spacing: 3px; font-size: 15px; color: #000; }
.nav_shop li a span           { padding-right: 5px; letter-spacing: 1px; font-size: 13px; }
.type_tokyo    .nav_shop li:nth-child(1) a,
.type_makuhari .nav_shop li:nth-child(2) a,
.type_osaka    .nav_shop li:nth-child(3) a,
.nav_shop li a:hover          { background-position: 0 -500px; text-decoration: none; color: #fff; }
.nav_shop li:nth-child(3)     { margin-right: 0; }


/* コンテンツ：ショップページ：タブ無し型ナビ */
.nav_shop_l                     { height: 33px; }
.nav_shop_l li                  { float: left; width: 926px; height: 33px; line-height: 26px; margin-right: 0px; }
.nav_shop_l li a                { display: block; width: 100%; height: 100%; background: url(../img/contents/heading.png) 0 -400px repeat-x; text-align: center; letter-spacing: 3px; font-size: 15px; color: #000; }
.nav_shop_l li a span           { padding-right: 5px; letter-spacing: 1px; font-size: 13px; }
.type_tokyo    .nav_shop_l li:nth-child(1) a,
.type_makuhari .nav_shop_l li:nth-child(1) a,
.type_osaka    .nav_shop_l li:nth-child(1) a,
.nav_shop_l li a:hover          { background-position: 0 -500px; text-decoration: none; color: #fff; }
.nav_shop_l li:nth-child(3)     { margin-right: 0; }


/* コンテンツ：ショップページ：無し無し型ナビ */
.nav_shop_b                     { height: 33px; }
.nav_shop_b li                  { float: left; width: 926px; height: 33px; line-height: 26px; margin-right: 0px; }
.nav_shop_b li a                { display: block; width: 100%; height: 100%; background: url(../img/contents/heading.png) 0 -400px repeat-x; text-align: center; letter-spacing: 3px; font-size: 15px; color: #000; }
.nav_shop_b li a span           { padding-right: 5px; letter-spacing: 1px; font-size: 13px; }
.type_non    .nav_shop_b li:nth-child(1) a,
.nav_shop_b li a:hover          { background-position: 0 -500px; text-decoration: none; color: #fff; }
.nav_shop_b li:nth-child(3)     { margin-right: 0; }


/* コンテンツ：ショップページ：インフォメーション */
.mod_info                     { min-height: 218px; margin-bottom: 15px; padding-left: 372px; padding-right: 10px; border-bottom: 1px dotted #ccc; background: #F8F0D7; font-size: 12px; }
* html .mod_info              { height: 218px; }
.mod_info_title               { line-height: 40px; margin-left: -12px; padding: 0 0 2px 12px; letter-spacing: 2px; font-weight: normal; font-size: 18px; text-shadow: 0 2px 0 #fff; }
.mod_info_lead                { width: 290px; line-height: 1.57; margin-left: -12px; margin-bottom: 5px; padding: 0 0 5px 12px; border-bottom: 1px dotted #ccc; }
.mod_info_address             { width: 290px; line-height: 1.57; }
.mod_info_desc                { width: 290px; line-height: 1.57; margin-top: 15px; }
.mon_info_img                 { position: absolute; top: 5px; left: 0; }
.mod_info_access              { position: absolute; width: 240px; top: 5px; right: 5px; padding: 5px; line-height: 1.57; background: #f6f6f6; }


/* コンテンツ：ショップページ：おすすめ情報 */
.mod_recommend                { overflow: hidden; width: 919px; min-height: 150px; margin-top: -15px; padding-left: 7px; padding-bottom: 7px; background: #F8F0D7; }
.mod_recommend:after          { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.mod_recommend .cmn_heading { width: 300px; height: 18px; padding: 10px 0 7px; background: transparent 0 10px no-repeat; text-indent: -9999px; }
.type_tokyo    .mod_recommend .cmn_heading { background-image: url(/hrt/shop/shop/tokyo/img/label_recommend.png); }
.type_makuhari .mod_recommend .cmn_heading { background-image: url(/hrt/shop/shop/makuhari/img/label_recommend.png); }
.type_osaka    .mod_recommend .cmn_heading { background-image: url(/hrt/shop/shop/osaka/img/label_recommend.png); }





/* ------------------------------------------------------------
B-3-5. コンテンツ：ご購入方法ページ
------------------------------------------------------------ */

/* コンテンツ：ショップページ：ページ内リンクナビ */
.nav_anchor        {}
.nav_anchor p      { margin: 10px auto; text-align: center; line-height: 1.57; }
.mod_howto_title   { margin: 30px 0 0 30px; letter-spacing: 2px; font-weight: normal; font-size: 16px; }
ul.mod_howto_list  { margin: 10px 0 0 40px;}
.mod_howto_list li { list-style: disc; margin-left: 2.5em; line-height: 1.57; }



}



















.mat                 { padding: 10px; background: #f3f3e7; }

/* ====  PRINT SETTING  =============================================== */

@media print {
}