/*****************************************************************

  サーフショップKai
  スタイルシート

*****************************************************************/

@charset "Shift_JIS";

/*--------------------------------------------------------------*/
/* 全てに影響するデフォルト設定                                 */
/*--------------------------------------------------------------*/

BODY
{
    /* 余白部のデフォルト設定 */
    margin              : 0px ;
    padding             : 0px ;
    border-width        : 0px ;
}

BODY, TD, TH, CAPTION, INPUT, TEXTAREA
{
    /* 文字のデフォルト設定 */
    font-family         : "メイリオ", "ＭＳ Ｐゴシック", sans-serif serif ;
    font-weight         : normal ;
    font-style          : normal ;
    color               : #202020 ;
    font-size           : 10px ;
    letter-spacing      : 1px ;
    line-height         : 140% ;

    /* 配置のデフォルト設定 */
    text-align          : left ;
    vertical-align      : top ;
}

/* IMGタグ */
IMG
{
    /* リンク有り画像の線囲みをさせない */
    border              : 0px ;
}

/* OL/ULタグ */
OL, UL
{
    background          : transparent none ;
    list-style-position : outside ;
    margin-top          : 0px ;
    margin-bottom       : 0px ;

    /* デフォルトでは冗長に余白があるので補正 */
    position            : relative ;
    left                : -25px ;
    margin-right        : -1em ;
}

UL
{
    list-style-type     : /*square*/ disc ;
}

/* 印刷時の設定 */
@media print
{
    A                   /* 非表示にする */
    {
        display         : none ;
    }
}

/*--------------------------------------------------------------*/
/* ページ有効範囲の基本設定                                     */
/*--------------------------------------------------------------*/

BODY#PAGE_BASE1
{
    margin              : 0px ;
    padding             : 10px ;

    /* 有効領域外の背景色 */
    background          : url("../image/bg_spacer.jpg") repeat fixed;

    /* 有効範囲のセンタリング fot IE */
    text-align          : center ;
}

DIV#PAGE_BASE2
{
    /* 有効範囲の幅 */
    width               : 760px ;
    background          : url(../image/bg_main.jpg)
                          left top repeat-y ;

    /* 有効範囲のセンタリング fot IE以外 */
    margin-left         : auto ;
    margin-right        : auto ;

    /* BODYでのIE用のセンタリングを解除する */
    text-align          : left ;
}

.BG_TRANSPARENT
{
    margin              : 0px ;
    padding             : 0px ;
    background          : transparent none ;
}

/*--------------------------------------------------------------*/
/* ページ有効範囲内の表示エリア別設定                           */
/*--------------------------------------------------------------*/

IFRAME#PAGE_HEADER
{
    width               : 760px ;
    height              : 110px ;
    background          : url(../image/bg_header.jpg)
                          left top no-repeat ;
 /* overflow            : hidden ; *** Opera9ではスクロールバーを消せない */
}

#PAGE_FOOTER
{
    clear               : both ;
    height              : 40px ;
    background          : url(../image/bg_footer.jpg)
                          left top no-repeat ;
}

#PAGE_MAIN
{
    padding             : 5px 20px 0px 20px ;
    min-height          : 400px ;
    _height             : 400px ;
}

TABLE.PAGE_LAYOUT
{
    margin              : 0px ;
    padding             : 0px ;
    border-collapse     : collapse ;
}

.PAGE_LAYOUT TD
{
    margin              : 0px ;
    padding             : 1px 3px ;
 /* border              : dotted 1px red; */
}

.PAGE_LAYOUT TH
{
    padding             : 0px ;
}

/*--------------------------------*/
/* サイトID                       */
/*--------------------------------*/

#SITE_ID
{
    position            : absolute ;
    top                 : 9px ;
    left                : 11px ;
    width               : 190px ;
    height              : 80px ;
    background          : url(../image/site_id.jpg)
                          left top no-repeat ;
}

/*--------------------------------*/
/* グローバル ナビゲーション      */
/*--------------------------------*/

#GNAVI
{
    position            : absolute ;
    top                 : 86px ;      /* IE 以外 */
    _top                : 83px ;      /* IE */
    left                : 210px ;
    width               : 520px ;
    height              : 24px ;
    text-align          : left ;
 /* border              : dotted 1px red ; */
}

#GNAVI .GNAVI_MAIN
{
/* ImpactはMacでは標準インストールフォントでない
    font-family         : Impact ;
    font-size           : 18px ;
    letter-spacing      : 1px ;
***/
    font-family         : Tahoma, sans-serif ;
    font-weight         : bold ;
    font-size           : 15px ;
    letter-spacing      : 0px ;
}

#GNAVI .GNAVI_SUB
{
    font-family         : Tahoma, sans-serif ;
    font-weight         : bold ;
    font-size           : 13px ;
    letter-spacing      : 0px ;
/* GNAVI_MAINでのフォント指定がImpactの場合
    padding-bottom      : 1px !important ;  /-* 黄色下線を一直線に揃える為 *-/
    _padding-bottom     : 0px !important ;  /-* ↑IEでは不要 *-/
***/
}

#GNAVI_CONTACT
{
    position            : absolute ;
    top                 : 0px ;
    _top                : 3px ;
    right               : 0px ;
    font-family         : Tahoma ;
    font-weight         : bold ;
    font-size           : 13px ;
    letter-spacing      : 0px ;
    background          : darkorange ;
    border-style        : outset ;
    border-color        : #b0b0b0 ;
    border-width        : 1px 3px 2px 3px ;
}

#GNAVI A
{
    margin              : 0px 2px ;
    padding             : 0px 1px ;
    color               : white ;
    text-decoration     : none ;
    border-bottom       : solid 2px yellow ;
    vertical-align      : super ;
}

#GNAVI A:hover
{
    color               : gray ;
    background-color    : yellow ;
}

/*--------------------------------*/
/* ローカル ナビゲーション        */
/*--------------------------------*/

IFRAME#LNAVI_APPAREL,
IFRAME#LNAVI_SURF,
IFRAME#LNAVI_WIND,
IFRAME#LNAVI_SNOW
{
    margin              : 0px 2px 0px 0px ;
    padding             : 0px ;
    width               : 165px ;
    _width              : 162px ;
}

IFRAME#LNAVI_APPAREL
{
    height              : 510px ;   /* 高さはJavaScriptで自動設定する */
}

IFRAME#LNAVI_SURF,
IFRAME#LNAVI_WIND,
IFRAME#LNAVI_SNOW
{
/* CART Chg *
    height              : 145px ; */
    height              : 185px ;
/* CARD End */
}

.BG_LNAVI
{
    margin              : 0px ;
    background          : url("../image/bg_lnavi.jpg") repeat-y ;
}

DIV#LNAVI
{
    width               : 155px ;
    _width              : 164px ;   /* for IE */
    margin              : 0px ;
    padding             : 5px 5px 3px 5px ;
    color               : white ;
    font-family         : Tahoma ;
    font-weight         : bold ;
    text-align          : center ;
}

#LNAVI_MENU_TITLE
{
    color               : white ;
    font-size           : 13px ;
    letter-spacing      : 0px ;
    text-align          : center ;
    margin-bottom       : 3px ;
}

#LNAVI FIELDSET
{
    margin              : 0px ;
    border              : solid 1px white ;
    padding             : 0px 5px 5px 5px ;
}

#LNAVI LEGEND
{
    margin              : 2px 2px ;
    padding             : 2px 0px ;
    font-size           : 11px ;
    color               : white ;
    text-align          : left ;
    background-color    : #333333 ;
    padding             : 0px 4px ;
}

#LNAVI A
{
    display             : block ;
    height              : 15px ;
    margin              : 4px 0px ;
    padding             : 0px 3px ;
    color               : white ;
    font-size           : 12px ;
    text-decoration     : none ;
    text-align          : right ;
    letter-spacing      : 2px ;
    font-weight         : bold ;
    border-right        : solid 2px yellow ;
    border-bottom       : dashed 1px yellow ;
    background-color    : transparent ;
}

#LNAVI A:hover
{
    color               : #333333 ;
    background-color    : yellow ;
}

#LNAVI_SCROLL
{
    _width              : 100% ;    /* (for IE) widthを指定しないとopacityを変更できない為 */
    margin              : 0px ;
    padding             : 0px ;
}

/* 「ページ先頭に戻る」ボタン */
.LNAVI_GOTOTOP
{
    margin              : 3px 10px 0px 30px ;
    padding             : 0px 4px 2px 4px ;
    text-align          : right ;
    color               : white ;
    background-color    : #333333 ;

    /* Aタグじゃないので... */
    text-decoration     : underline ;
    cursor              : pointer ;
}

/*--------------------------------*/
/* コンテンツ エリア              */
/*--------------------------------*/

#PAGE_CONTENT
{
    display             : block ;
}

DIV#PAGE_CONTENT,
TD#PAGE_CONTENT
{
    min-height          : 450px ;
    _height             : 450px ;
}

#PAGE_CONTENT,
#PAGE_CONTENT TH,
#PAGE_CONTENT TD,
.BG_CONTENT
{
    background          : transparent ;
}

TD#PAGE_CONTENT         /* 左側にローカルナビがある場合 */
{
    width               : 540px ;
    _width              : 545px ;   /* for IE */
}

#PAGE_CONTENT A
{
    color               : #003399 ;
    text-decoration     : underline ;
}

#PAGE_CONTENT A:hover,
#PAGE_CONTENT A:active
{
    background          : yellow ;
}

/*--------------------------------*/
/* コンテンツ部品                 */
/*--------------------------------*/

/* TOPページのお知らせ欄 */
#TOP_NOTIFY
{
    margin              : 0px ;
    padding             : 0px ;
/* CART Chg *
    height              : 70px ; */
    min-height          : 70px ;
    max-height          : 120px ;
    *height             : 120px ; /* IE */
/* CART End */
    overflow-x          : hidden ;
    overflow-y          : auto ;
}

/* カテゴリータイトル(APPAREL/SURF/...) */
.CATEGORY_TITLE
{
    width               : 540px ;
    height              : 20px ;    /* IE以外(padding分を差し引く) */
    _height             : 50px ;    /* IE */
    background          : url(../image/bg_categorytitle.jpg)
                          no-repeat center top ;
    padding-top         : 30px ;
    color               : white ;
    font-size           : 16px ;
    font-weight         : bold ;
    text-align          : center ;
    letter-spacing      : 5px ;
}

/* セクションタイトル(新着情報/特価情報/...) */
.SECTION_TITLE
{
    height              : 22px ;    /* IE以外(padding/border分を差し引く) */
    _height             : 30px ;    /* IE */
    width               : 518px ;
    _width              : 540px ;
    margin              : 10px 0px 4px 0px ;
    background          : url(../image/bg_sectiontitle.jpg) repeat-x ;
    border-left         : solid 10px #003399 ;
    border-right        : solid  2px #003399 ;
    padding-top         : 8px ;
    _padding-top        : 10px ;
    padding-left        : 8px ;
    color               : #003399 ;
    text-align          : left ;
    font-size           : 14px ;
    letter-spacing      : 0px ;
}

/* ブランド個別ページのタイトル */
.BRAND_TITLE
{
    height              : 18px ;    /* IE以外(padding分を差し引く) */
    _height             : 30px ;    /* IE */
    margin              : 8px 0px 0px 0px ;
    border-right        : solid 10px #d0d0d0 ;
    border-bottom       : solid  2px #d0d0d0 ;
    background          : url(../image/bg_brandtitle.jpg) repeat-x ;
    padding             : 8px 0px 2px 15px ;
    color               : /*#606060*/ #003399 ;
    text-align          : left ;
/* ImpactはMacでは標準インストールフォントでない
    font-family         : Impact ;
    font-size           : 25px ;
    letter-spacing      : 4px ;
***/
    font-family         : Tahoma, sans-serif ;
    font-weight         : bold ;
    font-size           : 20px ;
    letter-spacing      : 1px ;
}

/* ブランド個別ページのメーカーサイトへのリンク */
.BRAND_MAKER_LINK
{
    height              : 30px ;
    text-align          : right ;
    padding             : 2px 15px 2px 0px ;
    line-height         : 110% ;
}

#BRAND_INFO
{
    margin              : 0px 0px 10px 0px ;
}

/* サブページ(MAP/LINK)のタイトル */
#SUBPAGE_TITLE
{
    text-align          : center ;
    font-size           : 15px ;
    margin              : 5px 0px 10px 0px ;
    color               : black ;
}

/*Add 2011.12.01 --> */
#BRAND_INFO {
    max-height          : 150px ;
    _height             : expression( (this.offsetHeight < 150 ? this.offsetHeight : 150) + "px" );
    overflow            : auto ;
}

#COMMO_TARGET_NEWS {
    max-height          : 300px ;
    _height             : 300px ;       /* コンテンツをJSで生成するので、expressionは使えない */
    overflow            : auto ;
}
/*Add <-- */

/*--------------------------------*/
/* TOPページのビジュアル          */
/*--------------------------------*/

#TOP_VISUAL
{
    position            : relative ;    /* for #SHOP_IMAGE_LIST position */
    margin              : 0px ;
    padding             : 0px ;
    height              : 250px ;
    display             : block ;
    background          : url(../image/top_visual.jpg)
                          no-repeat center top ;
}

#TOP_VISUAL,
#SHOP_IMAGE_LIST
{
    width               : 540px ;
}

#SHOP_IMAGE_LIST
{
    position            : absolute ;
    top                 : 200px ;
    margin              : 0px ;
    padding             : 0px ;
    text-align          : center ;
    color               : #282828 ;
    font-weight         : bold ;
    line-height         : 100% ;
}

#SHOP_IMAGE_LIST IMG
{
    display             : inline ;
    margin              : 2px 2px ;
    width               : 50px ;
    height              : 30px ;
    border              : solid 1px white ;
    padding             : 0px ;
}

#SHOP_IMAGE_LIST A:hover
{
    background          : none ;
}

#SHOP_IMAGE_ENLARGE
{
    display             : none ;              /* JavaScriptで表示有無を切り替える */
    position            : absolute ;
    top                 : 5px ;
    left                : 115px ;
    margin              : 0px ;
    border              : solid 6px white ;
    width               : 300px ;
    height              : 180px ;
    padding             : 0px ;

    /* 透明度:初期状態は｢透明｣にしておく */
    _filter             : Alpha(opacity=0) ;  /* IE */
    opacity             : 0.0 ;               /* IE以外 */
}

/*--------------------------------*/
/*  記事登録欄                    */
/*--------------------------------*/

#ENTRY_SPACE
{
    display             : none ;
    margin-bottom       : 500px ;
    text-align          : left ;
}

.ENTRY_SPACE_NOTES
{
    background          : white ;
    color               : darkorange ;
    margin-left         : 10px ;
}

#ENTRY_SPACE_CAUTION
{
    margin-top          : 50px ;
    border              : dotted 3px red ;
    padding             : 10px ;
    background          : white ;
    color               : red ;
    font-size           : 20px ;
    text-align          : center ;
}

TABLE.ENTRY_TABLE
{
    margin-bottom       : 20px ;
 /* width               : 800px ;   ** CART Old */
    width               : 1800px ;  /* CART New */
    background          : #003399 ;
    border-collapse     : separate ;
    empty-cells         : show ;
}

.ENTRY_TABLE CAPTION
{
    background          : #003399 ;
    border              : solid 1px #003399 ;   /* HPBの編集画面での破線枠を消す為 */
    color               : white ;
    font-size           : 16px ;
    text-align          : center ;
}

.ENTRY_TABLE TD         /* 日付/画像/リンクIDの列 */
{
    width               : 100px ;
}

.ENTRY_TABLE TH         /* 記事の列 */
{
    width               : auto ;
}

.ENTRY_TABLE THEAD TH,
.ENTRY_TABLE THEAD TD
{
    border              : solid 1px #d1e8ff ;   /* HPBの編集画面での破線枠を消す為 */
    background          : #d1e8ff ;
    color               : black ;
    font-size           : 14px ;
    text-align          : center ;
}

.ENTRY_TABLE TFOOT TH,
.ENTRY_TABLE TFOOT TD
{
    height              : 30px;
    border              : solid 1px white ;   /* HPBの編集画面での破線枠を消す為 */
    background          : white ;
    color               : black ;
    font-size           : 10px ;
    text-align          : left ;
}

.ENTRY_TABLE IMG
{
    border              : solid 2px yellow ;
    width               : 100px ;
    height              : 100px ;
}

/*--------------------------------*/
/* 商品掲載欄                     */
/*--------------------------------*/

.COMMO_LAYOUT
{
    margin              : 0px ;
    padding             : 0px ;
/*Chg 2011.12.01 --> */
/*org height            : 100% ; */
    _height             : 0 ;           /* IE表示崩れ回避 */
    position            : relative ;    /* for #COMMO_JUMP_TARGET_MARK */
/*Chg <-- */
}

.COMMO_STRETCH
{
    overflow-x          : hidden ;
    overflow-y          : visible ;
/*Add 2011.12.01 --> */
    display             : none ;        /* jsで変更 */
/*Add <-- */
}

.COMMO_DATE
{
    margin-left         : 5px ;
    color               : blue ;
    font-weight         : bold ;
}

.COMMO_DESC
{
    position            : relative ;
    margin              : 0px ;
    padding             : 0px 5px 5px 5px ;
    _word-break         : break-all ;
    z-index             : 1 ;
}

/*
.COMMO_DESC:first-line
{
    font-weight         : bold ;
}
*/

.COMMO_MORE
{
    display             : none ;
    position            : absolute ;
    top                 : 0px ;       /* <-- JavaScriptで変更する */
    left                : 50px ;
    padding             : 0px 4px ;
    color               : white ;
    background          : #808080 ;
}

.COMMO_IMAGE
{
    position            : relative ;
    margin              : 0px 0px 2px 5px ;
    float               : right ;
    z-index             : 2 ;
}

.COMMO_IMAGE IMG
{
    display             : block ;
    width               : /*240px*/ auto ;
    height              : auto ;    /* 縦横比を保つ */
    margin-left         : 2px ;
    _margin             : 0px ;
    border              : solid 2px yellow ;
}

.COMMO_IMAGE_DESC
{
    position            : absolute ;
    right               : 4px ;
    bottom              : 4px ;
    padding             : 0px 2px ;
    color               : white ;
    background          : #333333 ;
    border              : solid 1px gray ;
    text-align          : center ;
}

#COMMO_SETUP_PROGRESS
{
    display             : none ;
/*Del 2011.12.01 --> *
    color               : gray ;
 *Del <-- */
    text-align          : center ;
/*Add 2011.12.01 -->*/
    position            : fixed ;
    top                 : 45% ;
    left                : 45% ;
    border              : solid 1px white ;
    padding             : 5px ;
    background          : #202020 ;
    color               : white ;
    z-index             : 10 ;

    /* IE互換モード(position:fixed無効)対策 */
    _position           : absolute ;
 /* _top                : JSで設定する */
    _left               : expression( ((document.body.scrollLeft + (document.body.clientWidth  / 2)) - 60) + 'px');
    _width              : 120px ;
/*Add <--*/
}

/* 商品の在庫早見表 */
TABLE.COMMO_MATRIX
{
    border-collapse     : separate ;
    empty-cells         : show ;
}

.COMMO_MATRIX TH
{
    margin              : 0 ;
    padding             : 2px 5px ;
    background          : #d8dfd8 !important ;
    text-align          : left ;
}

.COMMO_MATRIX TD
{
    margin              : 0 ;
    padding             : 2px 5px ;
    background          : #e8efe8 !important ;
    text-align          : center ;
}

/*Add 2011.12.01 --> */
.PAGE_SWITCHER {
    padding             : 2px ;
    text-align          : center ;
    font-size           : 12px ;
    font-weight         : bold ;
    letter-spacing      : 0px ;
    color               : gray ;
}

.PAGE_SWITCHER .PAGE_CURRENT {
    color               : black ;
}

A#COMMO_JUMP_TARGET_MARK,
A#COMMO_JUMP_TARGET_MARK:hover {
    display             : block ;
    position            : absolute ;
    top                 : 0 ;
    left                : -170px ;
    width               : 150px ;
    _width              : 160px ;
    border              : solid 1px white ;
    padding             : 15px 5px ;
    background          : #003399 ;
    color               : white ;
    font-size           : 11px ;
    text-align          : right ;
    text-decoration     : none ;
    cursor              : pointer ;
}

#COMMO_JUMP_TARGET_MARK .CLOSE {
    margin-right        : 8px ;
    border              : outset 2px white ;
    padding             : 0px 2px ;
    background          : white ;
    color               : #003399 ;
    font-weight         : bold ;
}

#COMMO_JUMP_TARGET_MARK:hover .CLOSE {
    border-color        : yellow ;
    background          : yellow ;
}
/*Add <-- */

/*--------------------------------*/
/* 営業日カレンダー               */
/*--------------------------------*/

IFRAME#CALENDAR
{
    width               : 150px ;
    height              : 190px ;
    _height             : 208px ;   /* IE */
}

.BG_CALENDER
{
    margin              : 0 ;
    background          : #d0d0d0 ;
}

TABLE#CALENDAR
{
    border-collapse     : separate ;
    caption-side        : top ;
    font-family         : Tahoma ;
    background          : transparent ;
}

#CALENDAR CAPTION
{
    font-size           : 10px ;
    background          : #003399 ;
    color               : white ;
    border-style        : solid ;
    border-color        : #d0d0d0 ;
    border-width        : 4px 4px 0px 4px ;
    text-align          : center ;
}

#CALENDAR BUTTON
{
    width               : 90px ;
    font-size           : 10px ;
}

#CALENDAR THEAD TD
{
    font-size           : 10px ;
    text-align          : center ;
    color               : #202020 ;
}

#CALENDAR TBODY TD
{
    width               : 17px ;
    font-size           : 10px ;
    text-align          : right ;
 /* background          : white ; 背景色はJavaScriptで設定する */
    color               : #202020 ;
}

/*--------------------------------*/
/* ショップ周辺地図               */
/*--------------------------------*/

/*
#SHOP_MAP,
#SHOP_MAP_PRN
{
    width               : 510px ;
    height              : 430px ;
}
*/

IMG#SHOP_MAP
{
    display             : block ;
}

IMG#SHOP_MAP_PRN
{
    display             : none ;
}

@media print            /* 印刷時 */
{
    IMG#SHOP_MAP
    {
        display         : none ;
    }

    IMG#SHOP_MAP_PRN
    {
        display         : block ;
    }
}

/*--------------------------------*/
/* オーダー/問い合せフォーム      */
/*--------------------------------*/

BODY#ORDERFORM
{
    margin              : 0 ;
    background          : #d1e8ff
                          url("../image/bg_form.jpg") no-repeat scroll 5px 10px ;
    overflow            : auto ;
}

#ORDERFORM_CONTENT,
#ORDERFORM FORM,
#ORDERFORM TABLE.GUIDE
{
    width               : 360px ;
}

#ORDERFORM_CONTENT
{
    padding             : 15px 0px 15px 40px ;
}

#ORDERFORM TABLE
{
    padding             : 3px 0px ;
    border-collapse     : separate ;
    background          : #f8fff8 ;
}

#ORDERFORM CAPTION
{
    background-color    : #333333 ;
}

.ORDERFORM_FORMNAME
{
    font-size           : 13px ;
    font-weight         : bold ;
    color               : slateblue ;
}

#ORDERFORM CAPTION
{
    border-style        : solid ;
    border-color        : #f8fff8 ;
    border-width        : 4px 10px 2px 10px ;
    text-align          : center ;
    color               : white ;
}

#ORDERFORM LABEL
{
    padding             : 3px 5px ;
    color               : blue ;
    text-decoration     : underline ;
}

#ORDERFORM TH,
#ORDERFORM TD
{
    margin              : 0px ;
    padding             : 0px ;
    vertical-align      : middle ;
}

#ORDERFORM TABLE.GUIDE TD
{
    border-bottom       : solid 1px #503535 ;
    padding             : 0px 8px ;
}

#ORDERFORM TABLE.GUIDE TH
{
    padding             : 4px 4px ;
}

#ORDERFORM BUTTON
{
    margin              : 0px ;
    padding             : 0px ;
    text-align          : center ;
    vertical-align      : middle ;
}

#ORDERFORM INPUT,
#ORDERFORM TEXTAREA
{
    color               : black ;
}

#ORDERFORM INPUT.RADIO
{
    width               : 14px ;
    height              : 14px ;
}

#ORDERFORM A.UPDOWN
{
    margin              : 0px ;
    padding             : 0px ;
    width               : 12px ;
    height              : 10px ;
    font-size           : 12px ;
    text-decoration     : none ;
    border              : solid 1px white ;
    color               : black ;
    background          : silver ;
}

#ORDERFORM A:hover
{
    color               : black ;
    background          : yellow !important ;
}

/* フォーム送信後の謝礼表示 */
#ORDERFORM .THANKS
{
    width               : 352px ;
    _width              : 360px ;
    height              : 232px ;
    _height             : 240px ;
    border              : solid 4px silver ; 
    background-color    : #f8fff8 ;
    font-size           : 12px ;
    line-height         : 140% ;
}

/*--------------------------------*/
/* リンク集                       */
/*--------------------------------*/

#LINKLIST
{
    margin              : 0px 10px ;
    background          : url("../image/bg_linklist.jpg") repeat-y scroll right top ;
}

#LINKLIST TABLE
{
    width               : 650px ;
    border-collapse     : separate ;
    margin-bottom       : 20px ;
}

#LINKLIST CAPTION DIV
{
    margin              : 0px ;
    width               : 242px ;
    _width              : 250px ;
    height              : 18px ;
    _height             : 25px ;
    border-left         : solid 10px #003399 ;
    padding             : 7px 0px 0px 8px ;
    background          : url(../image/bg_brandtitle.jpg) repeat-x left bottom;
    color               : #003399 ;
    font-size           : 12px ;
}

#LINKLIST TH,
#LINKLIST TD
{
    padding             : 2px 8px ;
    text-align          : left ;
    vertical-align      : top ;
}

#LINKLIST TH
{
    width               : 150px ;
    background          : #e8e8e8 ;
    border-left         : solid 5px yellow ;
}

#LINKLIST TH IMG
{
    width               : 140px ;
    height              : auto ;
}

#LINKLIST TD
{
    border-bottom       : dotted 4px #d1e8ff ;
}

#LINKLIST TD SPAN
{
    background          : #f8fff8 ;
}

/*--------------------------------*/
/* 特定商取引に関する表記         */
/*--------------------------------*/

TABLE#BUSINESS_IND
{
    border-collapse     : separate ;
}

#BUSINESS_IND TH,
#BUSINESS_IND TD
{
    padding             : 2px 8px ;
    font-size           : 11px ;
}

#BUSINESS_IND TH
{
    width               : 130px ;
    background          : #d8dfd8 ;
}

#BUSINESS_IND TD
{
    width               : 450px ;
    background          : #e8efe8 ;
}

/*--------------------------------*/
/* スクリプト無効時表記           */
/*--------------------------------*/

#TOP_NOSCRIPT_DESC
{
    margin            : 0px ;
    padding           : 15px ;
    width             : 500px ;
    height            : auto ;
    background        : #f8fff8 ;
    border            : solid 10px #ffff99 ;
    text-align        : left ;
}

/*--------------------------------------------------------------*/
/* 各種レイアウト部品/装飾用設定                                */
/*--------------------------------------------------------------*/

/* 矩形領域を線で囲む */
.BOX1
{
    margin              : 0px ;
    background          : transparent none ;
    border              : solid 2px #d0d0d0 ;
    padding             : 5px 5px ;
}

.BOX2
{
    margin              : 0px ;
    background          : transparent none ;
    border-top          : solid  2px #d0d0d0 ;
    border-left         : solid  2px #d0d0d0 ;
    border-right        : dotted 4px #d1e8ff ;
    border-bottom       : dotted 4px #d1e8ff ;
    padding             : 5px 5px ;
}

.BOX3
{
    margin              : 0px ;
    background          : transparent none ;
    border-left         : solid  2px #d0d0d0 ;
    border-right        : dotted 4px #d1e8ff ;
    border-bottom       : dotted 4px #d1e8ff ;
    padding             : 5px 5px ;
}

/* 記述領域内の区切り線 */
DIV.LINE1
{
    margin              : 5px 0px 0px 0px ;
    padding             : 0px 0px 10px 0px ;
    border-style        : dotted ;
    border-color        : #d0d0d0 ;
    border-width        : 4px 0px 0px 0px ;
}

DIV.LINE2
{
    margin              : 5px 0px 0px 0px ;
    padding             : 0px 0px 10px 0px ;
    border-style        : solid ;
    border-color        : #d0d0d0 ;
    border-width        : 2px 0px 0px 0px ;
}

/* グループ囲み */
FIELDSET.GROUPING1
{
    margin              : 0px ;
    border              : solid 2px #d0d0d0 ;
    padding             : 0px 10px 5px 10px ;
    background          : transparent none ;
}

.GROUPING1 LEGEND
{
    margin              : 4px 0px 4px 0px ;
    padding             : 2px 6px 0px 4px ;
    border-left         : solid 8px #003399 ;
    color               : #003399 ;
    font-size           : 11px ;
    line-height         : 11px ;
}

/* CART Add */
/*--------------------------------------------------------------*/
/*                                                              */
/* ショッピングカート導入                                       */
/*                                                              */
/*--------------------------------------------------------------*/

#TOP_CART_ITEMS A {
    margin-bottom       : 5px ;
}

A#CART_VIEW_BTN {
    display             : block ;
    width               : 152px ;
    height              : 40px ;
    background          : url("../image/btn_cart_view.gif") no-repeat left top ;
}

A#CART_VIEW_BTN:hover {
    background          : url("../image/btn_cart_view_ro.gif") no-repeat left top ;
}

A#SHOPPING_GUIDE_BTN {
    display             : block ;
    width               : 152px ;
    height              : 30px ;
    background          : url("../image/btn_guide.gif") no-repeat left top ;
}

A#SHOPPING_GUIDE_BTN:hover {
    background          : url("../image/btn_guide_ro.gif") no-repeat left top ;
}

#LNAVI_CART_ITEMS  {
    background          : #F8FFF8 ;
    padding             : 0 0 5px 6px ;
}

#TOP_CART_SMART {
    text-align          : center ;
}

A#BANNER_SMART_INTRO,
A#BANNER_SMART_INTRO:hover,
A#BANNER_SMART_INTRO:active {
    display             : none ;    /* JSで変更 */
    width               : 540px ;
    height              : 150px ;
    margin              : 10px 0 5px 0 ;
    background          : url("../image/banner_smart_intro.jpg") no-repeat left top ;
}

/***
A#BANNER_SMART_INTRO:hover,
A#BANNER_SMART_INTRO:active {
    background          : url("../image/banner_smart_intro_ro.jpg") no-repeat left top ;
}
***/

/* カートシステムCGI生成ページ オーバーレイ表示 */

#CARTSYS_PAGE_SHADE {
 /* position            : fixed ; *** IE Quirksモードで無効 */
    position            : absolute ;
    top                 : 0 ;
    left                : 0 ;
 /* width               : 100% ; *** position:fixed なら使用可 */
 /* height              : 100% ; *** position:fixed なら使用可 */
    background          : black ;
    filter              : Alpha(opacity=60) ;  /* IE */
    opacity             : 0.6 ;                /* IE以外 */
    z-index             : 20 ;
    cursor              : pointer ;
}

#CARTSYS_PAGE_CONTAINER {
    position            : absolute ;
    top                 : 0 ;           /* javaScriptで設定 */
    left                : 0 ;           /* javaScriptで設定 */
    margin              : 40px 0px 20px 50px;
    width               : 640px ;
    padding             : 10px ;
    background          : #F8FFF8 ;
    z-index             : 21 ;
    box-shadow          : 3px 3px 3px ;
    -webkit-border-radius : 10px ;
    -moz-border-radius    : 10px ;
    border-radius         : 10px ;
}

DIV#CARTSYS_PAGE_HEADER {
    width               : 640px ;
    height              : 100px ;
    background          : url(../image/cart_page_header.gif) left center no-repeat ;
    margin-bottom       : 10px ;
}

#CARTSYS_PAGE_IFRAME {
    width               : 640px ;
    height              : 0px ;         /* JavaScriptでコンテンツ高さに合わせて設定 */
}

#CARTSYS_PAGE_CONTAINER FORM {
    text-align          : center ;
}

#CARTSYS_CLOSE_BTN {
    margin-top          : 20px ;
    width               : 120px ;
    height              : 30px ;
    font-size           : 14px ;
    text-align          : center ;
    cursor              : pointer ;
}

#CARTSYS_NOW_LOADING {
    margin              : 10px 0 ;
    color               : #606060 ;
    text-align          : center ;
}

#CARTSYS_NOW_LOADING IMG {
    vertical-align      : middle ;
}

/* 商品欄カートボタン */

.COMMO_CART_TAGS {
    display             : block ;
    margin              : 0px ;
    padding             : 10px 0 ;
    width               : 520px ;
    _width              : 530px ;
    text-align          : right ;
    clear               : both ;
}

.COMMO_CART_TAGS FORM {
    margin              : 0 ;
    display             : inline ;
}

.COMMO_CART_TAGS IMG,
.COMMO_CART_TAGS SELECT,
.COMMO_CART_TAGS INPUT {
    margin              : 2px 4px 2px 0 ;
    vertical-align      : middle ;
}

.COMMO_CART_TAGS SELECT {
    font-family         : "メイリオ", "ＭＳ Ｐゴシック", sans-serif serif ;
    font-size           : 10px ;
}

.COMMO_CART_TAGS INPUT {
    border              : none ;
    width               : 130px ;
    height              : 29px ;
    color               : transparent ;
    background          : url(../image/btn_cart_in.gif) left center no-repeat ;
    cursor              : pointer ;
}

.COMMO_CART_TAGS INPUT:hover {
    background-image    : url(../image/btn_cart_in_ro.gif) ;
}

.COMMO_CART_ICONS IMG {
    margin              : 0 0 0 1px ;
    vertical-align      : baseline ;
}

/* ご利用ガイド */

#GUIDE {
    padding             : 0 20px ;
}

#GUIDE *,
#GUIDE_OVERLAY_SCREEN * {
    font-size           : 12px ;
    line-height         : 140% ;
}

#GUIDE .SECTION_TITLE {
    width               : 660px ;
    _width              : 680px ;
    font-size           : 16px ;
    padding             : 10px 5px ;
}

#GUIDE H1 {
    margin              : 10px 0 5px 0 ;
    padding             : 8px 5px ;
    font-size           : 15px ;
    font-weight         : normal ;
    color               : #003399 ;
    background          : #FFFFdd ;
}

.GUIDE_SUBHEADING {
    color               : #404040 ;
    font-weight         : bold ;
/*
    border-bottom       : solid 1px #c0c0c0 ;
    margin-bottom       : 5px ;
*/
}

.CONTENTS_PARAGRAPH {
    padding             : 10px 0 10px 20px ;
}

.CONTENTS_INDENT {
    padding-left        : 2em ;
}

.CONTENTS_STRONG {
    font-weight         : bold ;
}

.CONTENTS_DIM {
    color               : #c0c0c0 ;
    text-decoration     : line-through ;
}

.GUIDE_SHOPPING_DIAGRAM {
    margin              : 10px 0 ;
    text-align          : center ;
}

#GUIDE IMG.PHOTO_FRAME {
    border              : solid 2px white ;
    box-shadow          : 2px 2px 2px #c0c0c0 ;
}

#GUIDE .CONTENTS_GOTO {
    text-align          : right ;
}

.GUIDE_NOTES {
    margin-left         : 1em ;
    text-indent         : -1.5em ;
    color               : darkred ;
}

TABLE.GUIDE_STEP {
    margin              : 0 0 0 0px ;
    border-collapse     : separate ;
    width               : 650px ;
}

TABLE.GUIDE_STEP CAPTION {
    border-left         : solid 8px #CCC ;
    border-bottom       : solid 1px #CCC ;
    margin              : 0 0 10px 0 ;
    padding             : 0 0 1px 8px ;
    color               : darkred ;
    font-weight         : bold ;
    letter-spacing      : 1px ;
}

TABLE.GUIDE_STEP TH {
    width               : 470px ;
    padding-right       : 20px ;
}

IMG.GUIDE_STEP_DIAGRAM {
    border              : solid 1px #003399 ;
    box-shadow          : 2px 2px 2px #888 ;
    -webkit-box-shadow  : 2px 2px 2px #888 ;
    max-width           : 140px ;
    _width              : 140px ;
    height              : auto ;
}

A.GUIDE_STEP_ENLARGABLE_DIAGRAM {
    display             : block ;       /* IE8 max-widthバグ対応 */
    width               : 144px ;       /* IE8 max-widthバグ対応 */
}

A.GUIDE_STEP_ENLARGABLE_DIAGRAM IMG.GUIDE_STEP_DIAGRAM:hover {
    border-color        : yellow ;
}

.GUIDE_STEP_DIAGRAM_GUIDANCE {
    margin-top          : 5px ;
    text-align          : center ;
    color               : gray ;
    font-size           : 10px !important ;
}

#GUIDE UL.LIST1 LI {
    list-style-type     : none ;
    background          : url(../image/guide/gicon_sharp01.gif) no-repeat left center ;
    padding             : 3px 0 3px 20px ;
    margin-left         : -30px ;
}

#GUIDE UL.LIST2 LI {
    list-style-type     : none ;
    background          : url(../image/guide/gicon_default.gif) no-repeat left 3px ;
    padding             : 2px 0 2px 16px ;
    margin-left         : -15px ;
    text-indent         : 0 ;
}

#GUIDE OL LI {
    padding             : 2px 0 2px 0 ;
}

TABLE.GUIDE_KOUZA {
    border-collapse     : collapse ;
}

.GUIDE_KOUZA FIELDSET {
    margin              : 0 5px ;
    border              : solid 1px /*#f0f0c0*/ #e0e0e0 ;
    padding             : 5px 10px ;
    font-size           : 14px !important ;
    line-height         : 1.5em ;
}

.GUIDE_KOUZA LEGEND {
    background          : url(../image/guide/gicon_default.gif) no-repeat left center ;
    padding             : 0 5px 0 16px ;
    color               : #404040 ;
    font-weight         : bold ;
}

.GUIDE_PAYMENT_ITEM_LAYOUT TD {
    padding-right       : 10px ;
}

.GUIDE_OVERLAY_SRC {
    display             : none ;
}

#GUIDE_OVERLAY_SCREEN {
    position            : absolute ;
    top                 : 0 ;           /* javaScriptで設定 */
    left                : 0 ;           /* javaScriptで設定 */
    margin              : 40px 0px 20px 50px;
    width               : 640px ;
    padding             : 10px ;
    background          : #F8FFF8 ;
    z-index             : 21 ;
    box-shadow          : 3px 3px 3px ;
    -webkit-border-radius : 10px ;
    -moz-border-radius    : 10px ;
    border-radius         : 10px ;
}

#GUIDE_OVERLAY_CONTENTS {
    padding             : 10px ;
    text-align          : left ;
}

.GUIDE_RUBY {
    font-size           : 9px !important ;
}

#GUIDE .TEL_NO {
    font-size           : 30px ;
    color               : #003399 ;
}

/* CART End */

/*--- end ---*/