/** 共通部品 */

/** タイトル */
.title {
    margin:20 auto;
    width: 300px;
    height: 36px;
    line-height: 2.3;
    color: #0000FF;
}

.view-title {
    margin: 0px auto;
    border: 1px solid #000000;
    border-radius: 10px;
    padding: 12px;
    width: 250px;
    text-align: center;
    color: #3333FF;
    font-weight: bold;
    font-size: 16px;
}

/** 注文テーブル */
.order-body {
    margin: auto;
    width: fit-content;
}

.order-table {
    margin: 20px auto 0px;
    font-size: 14px;
    border: solid 0.5px #6699CC;
    border-spacing: 0px;
    border-collapse: collapse;
}
.order-table tr {
    height :46px;
}
.order-table tr:nth-child(odd) th {
    background-color: #A9C6E2;
}
.order-table tr:nth-child(even) th {
    background-color: #6699CC;
}
.order-table tr th {
    color: #333333;
    width: 160px;
}
.order-table tr td {
    padding: 0px;
    border: solid 0.5px #6699CC;
    border-collapse: collapse;
}
.order-table tr td > div {
    text-align: left;
    margin-left: 30px;
}
/* タイトル - 注文番号 */
.order-table .chumon-line {
    margin: 0px;
}
.order-table .chumon-line div {
    text-align: center;
    line-height: 45px;
}
.order-table .chumon-line div:nth-child(1) {
    width: 170px;
}
.order-table .chumon-line div:nth-child(2) {
    width: 160px;
}
.order-table .chumon-line div:nth-child(3) {
    width: 270px;
}
/** 注文テーブル：値 */
.order-table output {
    font-weight: bold;
    color: #333333;
}
.order-table .kibo-line {
    display: flex;
    justify-content: space-between;
}
.order-table .eneosLowSuryo-line {
    margin-right: 15px;
}

/** 値 - 数量 */
.order-table #kura {
    margin: 10px;
}
.order-table [name=syaban] {
    width: 90px;
}
.order-table [name=kaiji] {
    width: 60px;
}
.order-table [name=cardno] {
    width: 150px;
}
.order-table .suryo-line {
    margin: 0px;
}
.order-table .suryo-line td {
    text-align: center;
}
.order-table .suryo-line div {
    width: 120px;
    text-align: center;
    line-height: 45px;
    border: solid 0.5px #6699CC;
}
.order-table .suryo-line input {
    width: 86px;
}
.order-table .num {
    font-size: 105%;
}

/* タイトル - 商品名 */
.order-table .shohin-nm-line {
    margin: 0px;
}
.order-table .shohinnm-line td {
    min-width: 120px;
    max-width: 120px;
    background-color: #A9C6E2 !important;
    text-align: center;
    font-weight: bold;
}
.order-table .shohinnm-line th {
    min-width: 120px;
    max-width: 120px;
}


/** オーダー一覧のテーブル */
.common-order-list {
    margin-top: 5px;
    width: 100%;
    font-size: 10px;
    border-spacing: 1px;
    border: 2px solid #6699CC;
    background-color: #6699CC;
}
/** 対象のオーダーなし */
.common-order-list .no-order {
    margin-left: 10px;
    text-align: left;
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
}
.common-order-list th {
    font-weight: normal;
    background: #A9C6E2;
}
.common-order-list tr td {
    height:30px;
    text-align:center;
}
.common-order-list tbody tr {
        background-color:#FFFFFF;
}
.common-order-list-title {
    margin-top: 10px;
    margin-left: 5px;
    text-align: left;
    font-size: 16px;
}
.common-no-order {
    margin-left: 10px;
    text-align: left;
    color: #FF0000;
    font-size: 16px;
    font-weight: bold;
}

/**
 * 送信済オーダーの確認
 * 各行の状態によって、背景色を変更する
 */
/* オーダー一覧：送信OK */
.tr_ok_row {
    background-color: #FFFFFF !important;
}
/* オーダー一覧：送信OK(警告) */
.tr_warning_row {
    background-color: #FFFF66 !important;
}
/* オーダー一覧：送信エラー */
.tr_error_row {
    background-color: #CC3333 !important;
}

/**
 * ログイン画面
 */
/* システムタイトル */
.system-title {
    font-size: 24px;
    font-weight: bold;
    margin:20 auto 0;
}

.Login01-mainTable th {
    text-align: right;
    height: 35px;
}

.Login01-mainTable td {
    text-align: left;
}

.table_bodyTop{
    padding:0;
    border:0;
    background-color:#FFFFFF;
    width:900;
    text-align:center;
}
.td_bodyMargin{
    width:70;
}

.table_bodyMain{
    width:760;
    border-width:0;
    text-align:center;
    /*border-spacing:1;*/
    bordercolor:#6699CC;
    background-color:#6699CC;
    font-size: 14px;
    border-style: none;
}
.td_bodyTitle{
    bordercolor:#6699CC;
    background-color:#FFFFFF;
    height:45;
    background-image:url(/e-order/images/waku_760.gif);
    font-size:16;
}

.table_bodyItem{
    text-align:left;
    vertical-align:middle;
    bordercolor:#6699CC;
    border-width:0;
    width:100%;
    font-size: 14px;
}

.td_bodyTitle1{
    width:160;
    height:45;
    vertical-align:middle;
    text-align:center;
    background-color:#6699CC;
}
.td_bodyTitle2{
    height:45;
    text-align:center;
    background-color:#A9C6E2;
    width:160;
}
.td_bodySu{
    height:45;
    text-align:center;
    background-color:#A9C6E2;
}

.td_bodySum{
    height:45;
    text-align:center;
    background-color:#6699CC;
}

.td_bodyItem{
    height:45;
    text-align:left;
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#6699CC;
}
.td_bodyItem2{
    height:45;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#6699CC;
}
.td_bodyItemNoOrder{
    text-align:left;
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#6699CC;
    color:#FF0000;
    font-size:16;
    font-weight:bold;
}
.font_body{
    font-weight:bold;
    color:#333333;
}
.font_bodyLight{
    color:#333333;
}
.font_Error{
    color:#FF0000;
    font-size:16;
    font-weight:bold;
}
.input_Error{
    color:#800000;
    background-color:#ff8888;
    font-size: 105%;
}
.table_Guide{
    text-align:left;
    vertical-align:top;
    bordercolor:#FFFFFF;
    border-width:0;
    width:100%;
    padding:0;
}
.font_Guide{
    font-size:14px;
    color:#666666;
}

.font_downloadMsg{
    font-size:20;
    font-weight:bold;
    color:#006666;
}
.font_haccyuSort{
    font-size:16;
    font-weight:bold;
    color:#000080;
}
.table_Button{
    width:900;
    text-align:center;
    border-width:0;
    background-color:#FFFFFF;
}
.TB_toppage{
    border: 0;
    font-size : 12px;
}

.TB2_toppage{
    font-size : 10px;
}
/* TopPage.jsp End */
/* 一覧.jsp A.Naknaihsi 2007/01/29 */

/* 一覧画面上部のタイトル「送信済オーダーの変更」「送信済オーダーの変更登録」に使用 */
.table_bodyTitle3{
    background-image:url(/e-order/images/kakunin.jpg);
    text-align:center;
    width:286px;
    height:40px;
    padding:0;
}
.td_bodyTitle3{
    vertical-align:middle;
    text-align:center;
}
.font_bodyTitle3{
    color:#3333FF;
    font-size:16;
    font-weight: bold;
}

/* 送信済オーダー変更登録画面の「注文No」「受付日時」に使用 */
.td_bodyListTitle3{
    width:160;
    height:45;
    background-color:#003366;
    text-align:center;
}
.tr_bodyListItem3{
    border-color:#6699CC;
    background-color:#FFFFFF;
}
.td_bodyListItem3{
    width:160;
    height:45;
    background-color:#003366;
    text-align:center;
}
.font_bodyListItem3{
    color:#FFFFFF;
    font-weight: bold;
}

/* 一覧画面の明細上部の「【白物】送信済オーダー」「【黒物】送信済オーダー」に使用 */
.td_ListItemTile{
    height:30;
    vertical-align:bottom;
    text-align:left;
}
.font_ListItemTitle{
    font-size:16;
}

/* 一覧画面の明細に使用 */
.table_ListItemTop{
    width:900;
    border:0;
    padding:2;
    border-color:#6699CC;
    background-color:#6699CC;
    font-size:10;
}

/* 一覧画面の明細の項目に使用 */
.td_ListItemHeader{
    text-align:center;
    background-color:#A9C6E2;
}

/* 2008/04/23 NAGASAWA 一覧画面の明細の項目（固定幅）追加 Start */
.td_ListItemHeader2{
    width:48;
    text-align:center;
    background-color:#A9C6E2;
}

.td_ListItemHeader3{
    width:95;
    text-align:center;
    background-color:#A9C6E2;
}
/* 2008/04/23 NAGASAWA 一覧画面の明細の項目（固定幅）追加 End */

/* 一覧画面の明細の項目(スペース)に使用 */
.td_ListItemSpace{
    text-align:center;
    background-color:#FFFFFF;
}

/* 一覧画面の明細の値に使用 */
.td_ListItem{
    height:30;
    text-align:center;
    background-color:#FFFFFF;
}

/* 2008/04/23 NAGASAWA 一覧画面の明細の値（固定幅）追加 Start */
.td_ListItem2{
    width:95;
    height:30;
    text-align:center;
    background-color:#FFFFFF;
}
/* 2008/04/23 NAGASAWA 一覧画面の明細の値（固定幅）追加 End */

/* 2007/04/03 A.Nakanishi 数量独自フォント追加 Start */
.td_ListItemNum{
    height:30;
    text-align:right;
    background-color:#FFFFFF;
}
/* 2007/04/03 A.Nakanishi 数量独自フォント追加 End */

/* 2008/04/23 NAGASAWA 数量独自フォント（固定幅）追加 Start */
.td_ListItemNum2{
    width:48;
    height:30;
    text-align:right;
    background-color:#FFFFFF;
}
/* 2008/04/23 NAGASAWA 数量独自フォント（固定幅）追加 End */

.font_ListItem{
    font-size:14;
    font-weight: bold;
}

.font_ListItem2{
    font-size:16;
    font-weight: bold;
}

/* 一覧画面の明細の「変更ボタン」に使用 */
.td_ListItemButton{
    font-size:16;
}

/* 一覧画面の明細の余白に使用 */
.td_ListSpaceLine{
    height:30;
}

/* 一覧画面の明細の「【白物】送信済オーダーキャンセル」「【黒物】送信済オーダーキャンセル」全件キャンセルボタンに使用 */
.td_ListItemButton2{
    height:30;
    vertical-align:bottom;
    text-align:right;
}

/* 送信中画面 A.Nakanishi 2007/02/03 */
.table_bodyMessageSoushin{
    padding:0;
    border:0;
    background-color:#FFFFFF;
    width:900;
    height:437;
    text-align:center;
}
.td_bodyMessageSoushin{
    width:900;
    height:100;
    text-align:center;
    vertical-align:middle;
}
.font_bodyMessageSoushin{
    font-size:32;
    color:#666666;
}

/* 送信結果画面 A.Nakanishi 2007/02/07 */
/* 一覧結果画面の明細の値に使用(エラー、警告時に背景色を変えるため) */
.td_ListItemNoColor{
    height:30;
    text-align:center;
}
/* 2007/04/05 A.Nakanishi 数値項目の右揃え */
.td_ListItemNoColorNum{
    height:30;
    text-align:right;
}

/* 2008/04/23 NAGASAWA 数値項目の右揃え（固定幅）追加 Start */
.td_ListItemNoColorNum2{
    width:48;
    height:30;
    text-align:right;
}
/* 2008/04/23 NAGASAWA 数値項目の右揃え（固定幅）追加 End */


/* エラー確認画面 A.Nakanishi 2007/02/08 */
/* エラー確認画面のメッセージ */
.td_errorNaiyou{
    width:900;
    height:30;
    text-align:center;
    vertical-align:middle;
}

/* A.Nakanishi 2007/02/13 送信済みオーダ変更登録画面 */
.table_bodyMain2{
    width:760;
    /*border-color:#6699CC;
    background-color:#6699CC;*/
    font-size: 14px;
    /*border-width:0;*/
    text-align:center;
    /*border-spacing:1;*/
}
.td_bodyListItem3BorderTBLRNone{
    width:160;
    height:45;
    background-color:#003366;
    text-align:center;
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.td_bodyListItem3NoSize{
    background-color:#003366;
    text-align:center;
    border-top-sytle:none;
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.table_bodyItemNone{
    text-align:left;
    vertical-align:middle;
    margin:0;
    border-style:none;
    padding:0;
    border-color:#6699CC;
    background-color:#6699CC;
    font-size: 14px;
}
.td_bodyTitle1BorderNone{
    width:160;
    height:45;
    vertical-align:middle;
    text-align:center;
    background-color:#6699CC;
    border-style:none;
}
.td_bodyTitle2BorderNone{
    width:160;
    height:45;
    text-align:center;
    background-color:#A9C6E2;
    border-color:#A9C6E2;
    border-style:none;
}
.td_bodySuBorderTBLNone{
    height:45;
    text-align:center;
    background-color:#A9C6E2;
    border-color:#6699CC;
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
}
.td_bodySumBorderNone{
    height:45;
    text-align:center;
    background-color:#6699CC;
    border-style:none;
}
.td_bodyItemBorderTBLRNone{
    height:45;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.td_bodyItemBorderLRNone{
    height:45;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-left-style:none;
    border-right-style:none;
}
.td_bodyItemBorderTBLRNoneH60{
    height:60;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.td_bodyItemBorderBLRNoneH60{
    height:60;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-bottom-style:none;
    border-left-style:none;
    border-right-style:none;
}
.td_bodyItemBorderLRNoneH60{
    height:60;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-left-style:none;
    border-right-style:none;
}
.td_bodyItemBorderLNoneH60{
    height:60;
    /*text-align:left;*/
    vertical-align:middle;
    /*background-color:#FFFFFF;
    border-color:#6699CC;*/
    border-left-style:none;
}
.td_bodyItem2TBLNone{
    height:45;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#6699CC;
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
}
.td_bodyItem2BorderNone{
    height:45;
    text-align:center;
    vertical-align:middle;
    background-color:#FFFFFF;
    border-color:#FFFFFF;
    border-style:none;
}
.td_bodyBorderNone{
    border-style:none;
}
.font_NoOrder{
    font-size:24px;
    color:#666666;
}

/* A.Nakanishi 2007/02/22 メンテナンス中画面 */
.td_bodyMessageMente{
    width:900;
    height:400;
    text-align:center;
    vertical-align:middle;
}
.font_bodyMessageMente{
    font-size:32;
    color:#666666;
}
.font_bodyMessageMenteList{
    font-size:24;
    color:#333333;
}

/* A.Nakanishi 2007/02/24 出荷日エラー */
.font_bodySyuYMDError{
    font-weight:bold;
    color:#800000;
    background-color:#ff8888;
}

/* A.Nakanishi 2007/03/04 商品エラー */
.td_bodySuBorderTBLNoneError{
    height:45;
    text-align:center;
    background-color:#ff8888;
    border-color:#6699CC;
    border-top-style:none;
    border-bottom-style:none;
    border-left-style:none;
}

/* A.Nakanishi 2007/03/23 メッセージ画面OK */
.font_bodyMessageOK{
    color:#0000FF;
    font-size:24;
}

.font_bodyMessageOKTitle{
    color:#0000FF;
    font-size:40;
    font-weight:bold;
}

.font_bodyMessageWarning{
    color:#FF0000;
    font-size:24;
}

.font_bodyMessageError{
    color:#FF0000;
    font-size:24;
}

/* A.Nakanishi 2007/03/23 お知らせ画面 */
.font_bodyMessageInfoTitle{
    font-size:32;
    font-weight: bold;
    color:#666666;
}
.font_bodyMessageInfoSubTitle{
    font-size:20;
    font-weight: bold;
    color:#999999;
}
.font_bodyMessageInfoList{
    font-size:16;
    color:#000000;
}

/* ログインエラー画面 */
.font_bodyMessageLoginTitle{
    font-size:32;
    color:#666666;
}
.font_bodyMessageLoginList{
    font-size:20;
    color:#333333;
}

.font_loginItem{
    color: 666666;
    font-size: 16px;
    font-weight: bold;
}

.font_loginNewPass{
    color:FF3366;
    font-size:16px;
    font-weight:bold;
}
.font_loginNewPassSmall{
    color:FF3366;
    font-size:12px;
    font-weight:bold;
}
.font_loginGuideBlue{
    font-size:12px;
    color:#3333cc;
}
.font_loginGuideRed{
    font-size:12px;
    color:#FF6666;
}
.font_loginGuideBlue2{
    color:#0000FF;
    font-size:12px;
    font-weight:bold;
}

/* TOP画面 */
.font_bodyLogin02{
    color:#000099;
    font-size:16px;
    font-weight:bold;
}
.font_bodyLogin02Mes{
    color:#0033CC;
    font-size:14px;
}
.font_ListItemTitleRed{
    color:FF0000;
    font-size:14;
    font-weight:bold;
}

/* 数値の右揃え */
.input_ItemNum {
    font-size: 105%;
    ime-mode:disabled;
    text-align:right;
}
.input_ErrorNum{
    color:#800000;
    background-color:#ff8888;
    font-size: 105%;
    text-align:right;
}

/* ボタン使用不可表示スタイル */
.img_MenuDisabled{
    filter: progid:DXImageTransform.Microsoft.pixelate(maxsquare=5);
}

/* 対象年月スタイル */
.font_listCalYmd{
    color:#333333;
    font-size:32px;
    font-weight:bold;
}

/* 月合計のテーブル */
.table_listCalMonth{
    padding:0;
    border:1;
    background-color:#FF9933;
    text-align:center;
    border-color:#FF9933;
}
/* 月別合計のアイテム */
.td_listCalMonthItem{
    vertical-align:middle;
    text-align:center;
    background-color:#FFFF99;
}
.font_listCalDay{
    font-size:16px;
    font-weight:bold;
    color:#666666;
}
.font_listCalSunDay{
    font-size:16px;
    font-weight:bold;
    color:#CC3333;
}
.font_listCalSaturDay{
    font-size:16px;
    font-weight:bold;
    color:#000099;
}
.font_listCalMonth{
    font-size:16px;
    font-weight:bold;
    color:#666666;
}
/* 月別合計の数量 */
.td_listCalMonthNum{
    vertical-align:middle;
    text-align:right;
    background-color:#FFFFFF;
}
/* カレンダー入力の日付テーブル */
.table_listCalMain{
    border-width:0;
    text-align:center;
    bordercolor:#FFFFFF;
    background-color:#FFFFFF;
    font-size: 14px;
    border-style: none;
}
/* カレンダー入力の明細に使用 */
.table_listCalDayTop{
    width:100%;
    border:0;
    padding:2;
    border-color:#6699CC;
    background-color:#6699CC;
    font-size:10;
}
/* カレンダー入力の明細の項目に使用 */
.td_listCalDayHeader{
    text-align:center;
    background-color:#FFFF99;
}

/* 出荷スタイル */
.listCal_syukka_2{    /* 月曜日 */
    background-color: #EDF5FE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_3{    /* 火曜日 */
    background-color: #EDF5FE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_4{    /* 水曜日 */
    background-color: #EDF5FE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_5{    /* 木曜日 */
    background-color: #EDF5FE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_6{    /* 金曜日 */
    background-color: #EDF5FE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_7{    /* 土曜日 */
    background-color: #CCDDEE;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
.listCal_syukka_1 {    /* 日曜日 */
    background-color: #FFCCCC;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}

/* 未出荷スタイル */
.listCal_misyukka{
    background-color: #E8E8E8;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
}
