/*---------------------------------------------------------------------------------
        ＥＣ情報表示
-----------------------------------------------------------------------------------
        作成会社:IT-WAVE Corp.
        作 成 者:
        作 成 日:
-----------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------*/
/*=================================================================================*/
/* ディテール部                                                                    */
/*=================================================================================*/
/*-----------------------------------------------*/
/* ナビ                                          */

table.EC_Detail{
    width                : 100%;
    margin               : 0px auto;

}
table.EC_Preparation_navi ,
table.EC_header_navi      {
    width           : 100%;
    margin-top      : 0px;
    margin-bottom   : 15px;
}
table.EC_footer_navi {
    width           : 100%;
    margin-top      : 10px;
}

/*=================================================================================*/
/* 検索条件用                                                                      */
/*=================================================================================*/
div.EC_SEARCH_BOX {
    text-align       : center;
    margin           : 0 auto;
    height           : 50px;
    padding-top      : 20px;
}
div.EC_SEARCH_BOX input.DEF_INP_TEXT {
    width            : 200px;
    height           : 20px;
}



/*---------------------------------------------------------------------------------*/
/* カテゴリ選択内容表示                                                            */
/*---------------------------------------------------------------------------------*/
div.EC_SelectItemDisp{
    width           : 90%;
    margin          : 0 auto;
    text-align      : center;
}
/*-----------------------------------------------*/
th.EC_SelectItemTitle{
    width           : 30%; 
    text-align      : center;
    font-size       : 15px;
    font-weight     : normal;
    color           : #000000;
}
/*-----------------------------------------------*/
td.EC_SelectItemDisp{
    width           : 30%;
    height          : 150px;
    text-align      : center;
    font-size       : 15px;
    font-size       : 14px;
    font-weight     : bold;
    color           : #000000;
}
/*-----------------------------------------------*/
td.EC_SelectItemDisp img.MEI_PICTURE{
    width           : 140px;
    height          : 140px;
}

/*---------------------------------------------------------------------------------*/
/* カテゴリ，商品一覧表示用                                                        */
/*---------------------------------------------------------------------------------*/
/*-----------------------------------------------*/
/* 商品名称 */
td.EC_ITIRAN_NAME {
    vertical-align   : top;
    height           : 60px;
    text-align       : center;
    margin           : 0 auto;
}
/*-----------------------------------------------*/
/* 商品名称リンクカラー                          */
td.EC_ITIRAN_NAME span {
    color            : blue;
}
/*-----------------------------------------------*/
/* カテゴリ名称 */
td.EC_ITIRAN_CTGNM {
    vertical-align   : top;
    height           : 30px;
    text-align       : center;
    margin           : 0 auto;
}
/*-----------------------------------------------*/
/* カテゴリ名称リンクカラー                      */
td.EC_ITIRAN_CTGNM span {
    color            : blue;
}

/*-----------------------------------------------*/
/* 写真                                          */
td.EC_ITIRAN_IMG {
    text-align       : center;
    margin           : 0 auto;

}
/*-----------------------------------------------*/
/* 商品一覧写真枠                                */
td.EC_ITIRAN_IMG img ,
td.EC_ITIRAN_IMG div {
    text-align       : center;
    margin           : 0px auto;
    border-style     : solid;
    border-width     : 1px;

/* ■■■■ yoshimura ■■■■ */
    border           : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

/*-----------------------------------------------*/
/* 売価                                          */
td.EC_ITIRAN_BAIKA {
    vertical-align   : top;
    text-align       : center;
    margin           : 0 auto;
}

/*-----------------------------------------------*/
/* 品コード                                      */
td.EC_ITIRAN_SCODE {
    vertical-align   : top;
}

/*-----------------------------------------------*/
/* ランキング                                    */
td.EC_RANK_NO  {
    vertical-align   : top;
}
span.EC_RANK_TOP  {
    color            : red;
    font-weight      : bold;
}
span.EC_RANK_NEXT {
    color            : black;
    font-weight      : bold;
}

/*---------------------------------------------------------------------------------*/
/* カテゴリ，商品詳細画面                                                          */
/*---------------------------------------------------------------------------------*/
/*-----------------------------------------------*/
/* 名称                                          */
p.EC_MEI_NAME{
    /* height           : 20px; */
    text-align       : left;
    font-size        : 13px;
    font-size        : 15px;
    font-weight      : bold;
    padding          : 5px;
}

/*-----------------------------------------------*/
/* 写真                                          */
p.EC_MEI_PIC{
    width            : auto;
    /* text-align       : center; */
    vertical-align   : middle;
    /* padding          : 5px; */

}

/*-----------------------------------------------*/
/* 写真枠                                        */
p.EC_MEI_PIC img{
    /* width            : 500px; */
    /* 商品情報・スペック表示欄とサイズをあわせる（padding分の+20） */
    width            : 520px;
/* ■■■■ yoshimura ■■■■ */
    border           : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

/*-----------------------------------------------*/
/* インフォメーション                            */
p.EC_MEI_INFO{
    text-align       : left;
    vertical-align   : top;
    font-size        : 12px;
    font-weight      : normal;
    padding          : 5px;
}



/*---------------------------------------------------------------------------------*/
/* ※受注メンテナンスステータス変更                                                */
/*---------------------------------------------------------------------------------*/

td.EC_JSL_Before_AREA {
    width           : 150px;
    text-align      : left;
    
    border          : #cccccc 1px solid;
}
td.EC_JSL_Allow_AREA {
    width           : 30px;
    text-align      : center;
}

td.EC_JSL_After_AREA {
    text-align      : left;
    
    border          : #cccccc 1px solid;
}

/*---------------------------------------------------------------------------------*/
/* ※受注メンテナンス合計表示欄                                                    */
/*---------------------------------------------------------------------------------*/
table.EC_JCMENTE_SUM_TABLE {
    /* margin-left     : 35px; */
    /* width           : 250px; */
}
th.EC_JCMENTE_SUM_TITLE {
    width           : 120px;
    text-align      : left;
    
    border          : #cccccc 1px solid;
}
td.EC_JCMENTE_SUM_DATA {
    width           : 120px;
    text-align      : right;
    
    border          : #cccccc 1px solid;
}

/*---------------------------------------------------------------------------------*/
/* ※注文状況一覧表示                                                              */
/*---------------------------------------------------------------------------------*/
table.EC_JC_ITIRAN{
    width           : 500px;
    
    text-align      : center;
    margin          : 20px auto;
}

/*---------------------------------------------------------------------------------*/
/* ※特定商取引                                                                    */
/*---------------------------------------------------------------------------------*/
table.EC_TOKUTEI{
    text-align      : center;
    margin          : 20px auto;
    width           : 100%;
}

/* ※タイトル列                                                                    */
table.EC_TOKUTEI th.DEF_DTL_LTLTBL{
    height          : 25px;
    border          : #cccccc 1px solid;
    text-align      : left;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
/* ■■■■ yoshimura ■■■■ */
    border          : 1px solid #000000;
    background-color:#eeeeee;
/* ■■■■ yoshimura ■■■■ */
    width:130px;
}
/*---------------------------------------------------------------------------------*/
/* ※明細列                                                                        */
table.EC_TOKUTEI td.DEF_DDT_LTLTBL{
    height          : 25px;
    border          : #cccccc 1px solid;
    text-align      : left;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
/* ■■■■ yoshimura ■■■■ */
    border          : 1px solid #000000;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* ※文言表示用（エラーメッセージなど）                                            */
/*---------------------------------------------------------------------------------*/
div.EC_MSGBOX {
    text-align      : center;
    margin          : 0 auto;
}
div.EC_MSGBOX p {
    margin          : 40px auto;
}
div.EC_MSGBOX input {
    margin          : 20px auto;
}

/*---------------------------------------------------------------------------------*/
/* カート表示                                                                      */
/*---------------------------------------------------------------------------------*/


/*---------------------------------------------------------------------------------*/
/* コメント（右寄せ）                                                              */
form.CART{
    vertical-align  : bottom;
}

/*---------------------------------------------------------------------------------*/
/* ※カート右寄せ設置(商品詳細カート表示用）                                       */
.CART_SET_RIGHT{
    /* height          : 25px; */
    padding         : 10px;
    text-align      : right;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
}

.CART_SET_RIGHT table {
    width           : 100%;
}
.CART_SET_RIGHT td {
    vertical-align  : bottom;
    text-align      : right;
}
.CART_SET_RIGHT td.Cart_In_Button {
}
.CART_SET_RIGHT td.Cart_In_Button {
    width           : 10%;
}

/*---------------------------------------------------------------------------------*/
/* カートに入れるボタン                                                            */
input.CART_IN{
    width           : 80px;
    width           : 166px;
    width           : 160px;
    height          : 25px;
    height          : 50px;
    cursor          : pointer;
    border          : none;
    border          : #dddddd solid;
    border-right          : #bbbbbb solid 2px;
    border-bottom         : #bbbbbb solid 2px;
    color           : #000000;
    background-color: #ffffff;  /* この行を消すとIE7以前のIEでボタンの画像が消える */
    text-align      : center;
    vertical-align  : top;
    font-weight     : normal;
    font-size       : 10pt;
    background-image: url('image/ec_cart.gif');
}
/*---------------------------------------------------------------------------------*/
/* カートの更新，削除ボタン                                                        */
input.CART_UPD ,
input.CART_DEL {
    width           : 40px;
    height          : 25px;
    cursor          : pointer;
    border          : #cccccc 1px solid;
    text-align      : center;
    vertical-align  : top;
    font-weight     : normal;
    font-size       : 10pt;
    background-image: url('image/button.gif');
}
/*---------------------------------------------------------------------------------*/
/* 注文数セレクト                                                                  */
select.CART{
    height          : 25px;
    font-weight     : normal;
    font-size       : 12px;
    font-size       : 15px;
}
/*---------------------------------------------------------------------------------*/
/* 単位数量                                                                        */
input.CART{
    width           : 60px;
    height          : 20px;
    font-weight     : normal;
    font-size       : 12px;
    font-size       : 15px;
    text-align      : right;
    vertical-align  : top;
}

/*---------------------------------------------------------------------------------*/
/* ※サブタイトル（カートで使用:ご予約商品／ご注文商品）                           */
/*---------------------------------------------------------------------------------*/
th.CART_STL_DISP{
    height          : 25px;
    width           : 612px;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
    background-color: #eeeeee;
/* ■■■■ yoshimura ■■■■ */
    text-align      : center;
    vertical-align  : middle;
    font-size       : 13px;
    font-weight     : normal;
}

/*---------------------------------------------------------------------------------*/
/* カートの中身明細表示用                                                          */
/*---------------------------------------------------------------------------------*/
/* タイトル行                                                                      */
table.ORDER_INPUT_CART{
    width           : 690px;
}

/* タイトル行                                                                      */
th.CART_TTL_TOP{
    height          : 25px;
    text-align      : center;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
    background-color: #eeeeee;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* 明細行の商品名列                                                                */
td.CART_MEI_NAMEJ{
    height          : 25px;
    text-align      : left;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* 明細行の商品数量列                                                              */
td.CART_MEI_SURYO{
    width           : 420px;
    height          : 25px;
    text-align      : right;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}
/*---------------------------------------------------------------------------------*/
/* 明細行の金額列                                                                  */
td.CART_MEI_PRICE{
    width           : 100px;
    height          : 25px;
    text-align      : right;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* 明細行の削除列                                                                  */
td.CART_MEI_DEL{
    width           : 50px;
    height          : 25px;
    text-align      : center;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* 合計行のタイトル列                                                              */
th.CART_TTL_GOUKEI{
    height          : 25px;
    text-align      : left;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
    background-color: #eeeeee;
/* ■■■■ yoshimura ■■■■ */
}

/*---------------------------------------------------------------------------------*/
/* 合計行の金額列                                                                  */
td.CART_MEI_GOUKEI{
    height          : 25px;
    text-align      : right;
    vertical-align  : middle;
    font-size       : 12px;
    font-weight     : normal;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}


/*---------------------------------------------------------------------------------*/
/* オーダー時設定項目                                                              */
/*---------------------------------------------------------------------------------*/

/* ※システム管理者用表示テーブル罫線（個別用）                               */
th.CART_TTL_DISP ,
td.CART_TTL_DISP {
    border-top           : #cccccc 1px solid;
    border-left          : #cccccc 1px solid;
    border-bottom        : #cccccc 1px solid;
    
    height               : 25px;
    text-align           : left;
    vertical-align       : top;
    
    font-weight:normal;

/* ■■■■ yoshimura ■■■■ */
/*    color:#000000; */
    border-top           : #000000 1px solid;
    border-left          : #000000 1px solid;
    border-bottom        : #000000 1px solid;
    background-color     : #eeeeee;
/* ■■■■ yoshimura ■■■■ */

}

th.CART_MEI_HISSU ,
td.CART_MEI_HISSU {
    border-top           : #cccccc 1px solid;
    border-bottom        : #cccccc 1px solid;
    
    height               : 25px;
    text-align           : left;
    vertical-align       : top;

/* ■■■■ yoshimura ■■■■ */
    border-top           : #000000 1px solid;
    border-bottom        : #000000 1px solid;
    background-color     : #eeeeee;
/* ■■■■ yoshimura ■■■■ */
}

th.CART_MEI_INPUT  ,
td.CART_MEI_INPUT  {
    border               : #cccccc 1px solid;
    
    height               : 25px;
    text-align           : left;
    vertical-align       : top;

/* ■■■■ yoshimura ■■■■ */
    border               : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}
td.CART_MEI_ERROR{
    border               : #cccccc 1px solid;
    
    height               : 25px;
    text-align           : left;
    vertical-align       : top;
/* ■■■■ yoshimura ■■■■ */
    border               : #000000 1px solid;
/* ■■■■ yoshimura ■■■■ */
}

div.ORDER_ERROR {
    margin-top           : 20px;
    margin-left          : 20px;
    
    color                : red;
    font-size            : 10pt;
}

/*---------------------------------------------------------------------------------*/
/* 特定商取引・オーダー時説明文設定                                                */
/*---------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------*/
/* オーダー内説明文（外枠）                                                        */
div.ORDER_SETUMEI_BASE {

    margin          : 5px;
}
/*---------------------------------------------------------------------------------*/
/* オーダー内説明文（タイトル）                                                    */
div.ORDER_SETUMEI_TTL {
    padding         : 5px;
    border          : #cccccc 1px solid;
/* ■■■■ yoshimura ■■■■ */
    border          : 1px solid #000000;
    background-color:#eeeeee;
/* ■■■■ yoshimura ■■■■ */
}
/*---------------------------------------------------------------------------------*/
/* オーダー内説明文（内容）                                                        */
div.ORDER_SETUMEI_MAIN {
    padding         : 10px;
}


/*---------------------------------------------------------------------------------*/
/* ログ表示                                                                        */
/*---------------------------------------------------------------------------------*/
/*-----------------------------------------------*/
div.EC_LogDisp{
    width           : 80%;
    margin          : 10px auto;
    text-align      : center;
}
/*-----------------------------------------------*/
div.EC_LogDisp table{
    width           : 100%;
    margin          : 10px auto;
}
/*-----------------------------------------------*/
div.EC_LogDisp th{
    height          : 15px;
    text-align      : left;
    font-size       : 12px;
    color           : #000000;
    padding         : 5px 5px 5px 10px;
    border          : #cccccc 1px solid;
}
/*-----------------------------------------------*/
div.EC_LogDisp td{
    height          : 15px;
    text-align      : left;
    font-size       : 12px;
    font-weight     : nomal;
    color           : #000000;
    padding         : 5px 5px 5px 10px;
    border          : #cccccc 1px solid;
}


/*=================================================================================*/
/* 汎用サイドメニュー用 （現在未使用）                                             */
/*=================================================================================*/
/*---------------------------------------------------------------------------------*/
/* サイドメニュー用 <TD>                                                           */
p.DEF_SID_MENU{
/*
    height           : 23px;
    border           : #cccccc 1px solid;
    font-size        : 13px;
    text-align       : left;
    padding-top      : 5px;
    padding-left     : 5px;
*/
}
/*---------------------------------------------------------------------------------*/
/* メニュー共通用 <a>                                                              */
a.DEF_BOX_MENU  {
/*
    text-decoration  : none;
*/
}



/*=================================================================================*/
/* 特殊テーブル表示用                                                              */
/*=================================================================================*/
/*---------------------------------------------------------------------------------*/
/* ※商品情報                                                                      */
/*---------------------------------------------------------------------------------*/
table.EC_SPT_SYOUHIN_TABLE {
    margin               : 20px 0;
}

/* ※タイトル列 */
th.EC_SPT_SYOUHIN_TITLE {
    width                : 150px;
    border               : #000000 1px solid;
}

/* ※明細列 */
td.EC_SPT_SYOUHIN_DATA {
    width                : 350px;
    border               : #000000 1px solid;
}

/*---------------------------------------------------------------------------------*/
/* ※受注状況                                                                      */
/*---------------------------------------------------------------------------------*/
table.EC_SPT_JYUTYU_TABLE {
    margin               : 20px auto;
}

/* ※タイトル列 */
th.EC_SPT_JYUTYU_TITLE {
    width                : 200px;
    border               : #000000 1px solid;
}

/* ※明細列 */
td.EC_SPT_JYUTYU_DATA {
    width                : 430px;
    border               : #000000 1px solid;
}

/*---------------------------------------------------------------------------------*/
/* ※特定商取引                                                                    */
/*---------------------------------------------------------------------------------*/
table.EC_SPT_TOKUTEI_TABLE {
    margin               : 20px 0;
}

/* ※タイトル列 */
th.EC_SPT_TOKUTEI_TITLE {
    width                : 150px;
    border               : #000000 1px solid;
}

/* ※明細列 */
td.EC_SPT_TOKUTEI_DATA {
    width                : 200px;
    border               : #000000 1px solid;
    text-align           : right;
}