/*主な使用目的を記します*/

/*全体にborder-boxを設定*/
* {
    box-sizing: border-box;
}

/*ボタンやインプットのフォントを設定*/
button,input,select,textarea {
    font-family: "MS UI Gothic",sans-serif;
    padding: 1px;
}

/*IEでラジオボタンのハイライトがずれるのを修正*/
span.radio {
    _padding-left: 1px
}
@supports (-ms-ime-align: auto) {
    span.radio {
        padding-left: 1px
    }
}

/*基盤:Submit時にページ全体を非表示にする*/
.hideobj{
    display:none;
}

/*BODYの色*/
BODY{
    /*  background-color : #fffffff; */
    /*Rainbow add ST*/
    background-color : #FFFEE8;
    color : #000000;
    margin : 5px;
    /*Rainbow add ED*/
}

/*隠しボタン*/
.tip{
    width : 0px;height : 0px;z-index : 0;
}

/*ボタン*/
.btn{
    width : 90px;
    height: 21px;
}

/*大きいボタン（過去注文を確認ボタン）*/
.btnwide{
    width : 120px;
}

/*小さいボタン（参照ボタン）*/
.smallbtn{
    width : 40px;
    height: 20px;
}

/* 一覧表の行選択ボタン */
.linebtn{
    width : 13px;
    height: 13px;
}

/*非表示ボタン*/
.invisiblebtn{
    display: none;
}

/*ダウンロード画面へボタン ON状態*/
.DLbtnOn{
  width : 115px;
  color : black;
  background-color:#56A7F5;
  border-color:#56A7F5;   
}

/*ダウンロード画面へボタン OFF状態*/
.DLbtnOff{
  width : 115px;
  color : black;
  background-color : silver;
  border-color : silver;
}

/*検索条件や検索条件整形部分の背景色変更*/
.bg1 {
    /* Rainbow Del */
    /*
      width:982px;
      background-color : #ececf8;
    */
}

/*検索条件整形部分のテーブル*/
.tbl_zh{
    border: none;
    margin: 5px;
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#000000;
}

/*検索条件のテーブル*/
.tbl_z{
    border: none;
    margin: 0px;
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#000000;
}

/*テーブルの右罫線を非表示*/
.boder_right_none{
    border-right-style:none;
}

/*テーブルの左罫線を非表示*/
.boder_left_none{
    border-left-style:none;
}

/* Rainbow Add 検索条件の行ﾀｲﾄﾙ */
.td_z{
    background-color : #ffffff;
    /* vertical-align: middle; */
    white-space: nowrap;
}
.td_z2{
    background-color:#008b8b; 
    border:solid; 
    border-width:3px; 
    border-color:#008b8b;    
    height: 30px;
}
.td_z3{
    background-color:#696969; 
    border:solid; 
    border-width:3px; 
    border-color:#696969;
    height: 30px;
}
.td_z4{
    background-color : #ffffff;
    height: 45px;
    white-space: nowrap;
}

/*表のテーブル*/
.tbl{
    border: none;
    table-layout:fixed;
    border-collapse: collapse
}

/*表のテーブル*/
.tbl_mst{
    border: none;
    border-collapse: collapse
}

/*一覧のヘッダのTD*/
.head_td{
    height:30px;
    border:solid;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    border-width:1px;
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}

/*一覧のヘッダのTD (２段表示の場合)*/
.head2_td{
    height:16px;
    border:solid;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    border-width:1px;
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}

/*一覧のヘッダのTD (２段表示の場合)*/
.head2n_td{
    height:32px;
    border:solid;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    border-width:1px;
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}

/*一覧のヘッダのTD 背景:黄色*/
.head_td2{
    height:30px;
    border:solid;
    border-color:#003095;
    border-width:1px;
    background-color : #FFFF00;  /** 黄 **/
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}

.head3_td2{
    height:51px;
    border:solid;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    border-width:1px;
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}
.head3_td3{
    height:16px;
    border:solid;
    border-color:#003095;
    border-width:1px;
/**    background-color : #FFFF00;   黄 **/
    background-color : #FFFF9E;  /** 黄 **/
    text-align: left;
    vertical-align: bottom;
    white-space:nowrap;
}
/*一覧のヘッダのTD 背景:黄色*/
.head3_td4{
    height:34px;
    border:solid;
    border-color:#003095;
    border-width:1px;
/**    background-color : #FFFF00;   黄 **/
    background-color : #FFFF9E;  /** 黄 **/
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}
.head3_td5{/**　head3_td3・head3_td4と組み合わせて使用するため高さ設定無し **/
    /*height:50px;*/
    border:solid;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    border-width:1px;
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    text-align: center;
    vertical-align: bottom;
    white-space:nowrap;
}
.head3_td32{/** 本部ユーザー用( height以外はhead3_td3と同じ）**/
    height:17px;
    border:solid;
    border-color:#003095;
    border-width:1px;
    /**background-color : #FFFF00;   黄 **/
    background-color : #FFFF9E;  /** 黄 **/
    text-align: left;
    vertical-align: bottom;
    white-space:nowrap;
}
/*一覧のフッタ（合計行等）のTD*/
.foot_td{
    height:23px;
    /* Rainbow Mod */
    /* border:solid; */
    /* border-width:1px; */
    border-right:solid;
    border-right-width:1px;
    border-color: #FFFFFF;
    /* Rainbow Del */
    /* border-color:#3399FF; */
    /* Rainbow Mod */
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    /* vertical-align: middle; */
    white-space: nowrap;
    text-align: right;
}

/*一覧の小計行のTD*/
.foot2_td{
    height:26px;
    border:solid;
    border-width:1px;
    border-color:#003095;
    background-color : #ebeeff;
    /* vertical-align: middle; */
    white-space:nowrap;
    text-align: right;
}

/*一覧のフッタ（合計行等）のTD (複数段表示の場合)*/
.foot3_td{
    height:23px;
    border-right:solid;
    border-bottom:solid;
    border-right-width:1px;
    border-bottom-width:1px;
    border-color: #FFFFFF;
    background-color : #88C1F8;
    /* vertical-align: middle; */
    white-space: nowrap;
    text-align: right;
}

/*一覧の行のTD*/
.td{
    height:26px;
    border:solid;
    border-width:1px;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    background-color : #ffffff;
    /* vertical-align: middle; */
    white-space:nowrap;
    overflow: hidden;
}

/* Rainbow Add */
/*詳細の項目名のTD*/
.detail_td{
    height:26px;
    border:solid;
    border-width:1px;
    /* Rainbow Mod */
    /* border-color:#3399FF; */
    border-color:#003095;
    /* background-color : #ececf8; */
    background-color : #88C1F8;
    /* vertical-align: middle; */
    white-space:nowrap;
}

/* 新メニュー用 TD */
.menu_hd_td{
    height:36px;
    border:solid;
    border-width:1px;
    border-color:#BEBEBE;
    /* background-color : #99CCFF; */
    background-color : #5dacf7;
    white-space:nowrap;
}

.menu_td1{
    height:28px;
    border:solid;
    border-width:1px;
    border-color:#BEBEBE;
    background-color : #EEEEEE;
    white-space:nowrap;
}

.menu_td2{
    height:28px;
    border:solid;
    border-width:1px;
    border-color:#BEBEBE;
    background-color : #FFFFFF;
    white-space:nowrap;
}

/*品番に付けるpreタグ*/
pre {
    margin-top: 0em;
    margin-bottom: 0em;
    font-family: "ＭＳ ゴシック",sans-serif;
}

/******ＭＳ ゴシック******/

/** 黒 **/
.font1 {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#000000;
}

/* 黒太字 */
.font1_b {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#000000;
    font-weight:bold;
}

/** 青 **/
.font2 {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#003095;
}

/* 青太字 */
.font2_b {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#003095;
    font-weight:bold;
}

/** 赤 **/
.font3 {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#FF0000;
}

/* 赤太字 */
.font3_b {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#FF0000;
    font-weight:bold;
}

/** 4〜6はbwebで使ってるので、とりあえず9を使う。 **/
/** 白 **/
.font9 {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#FFFFFF;
}

/* 白太字 */
.font9_b {
    font-family: "ＭＳ ゴシック",sans-serif;
    font-size: 10pt;
    color:#FFFFFF;
    font-weight:bold;
}
/******ＭＳ Ｐゴシック******/

/** 黒 **/
.font1p {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#000000;
}

/* 黒太字 */
.font1p_b {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#000000;
    font-weight:bold;
}

/** 青 **/
.font2p {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#003095;
}

/* 青太字 */
.font2p_b {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#003095;
    font-weight:bold;
}

/** 赤 **/
.font3p {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#FF0000;
}

/* 赤太字 */
.font3p_b {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#FF0000;
    font-weight:bold;
}
/* 黄太字 */
.font8p {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    font-weight:bold;
    color:#FFFF00;
}
.font8p_b {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 11pt;
    color:#FFFF00;
    font-weight:bold;
}

/** 白 **/
.font9p {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#FFFFFF;
}

.font9p_11pt {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 11pt;
    color:#FFFFFF;
    font-weight:bold;
}

/* 白太字 */
.font9p_b {
    font-family: "ＭＳ Ｐゴシック",system-ui;
    font-size: 10pt;
    color:#FFFFFF;
    font-weight:bold;
}
/*Rainbow add ST*/
.text1{font-size:11px;line-height:13px;font-family:'ＭＳ Ｐゴシック',system-ui;}
.text2{font-size:12px;line-height:18px;letter-spacing:1px;font-family:'ＭＳ Ｐゴシック',system-ui;}
.text3{font-size:14px;line-height:18px;letter-spacing:1px;font-family:'ＭＳ Ｐゴシック',system-ui;}
.text4{font-size:13px;line-height:18px;letter-spacing:1px;font-family:'ＭＳ Ｐゴシック',system-ui;}
/*Rainbow add ED*/

/* ５文字で改行 */
.text_break5 {
    width: 5.4em;
    white-space: normal;
    display: inline-block;
}

/* Safari用 */
@media screen and (-webkit-min-device-pixel-ratio:0){
    _::-webkit-full-page-media, _:future, :root * {
        line-height: 1;
    }
    _::-webkit-full-page-media, _:future, :root span.radio {
        background-position: 0px !important;
    }
    _::-webkit-full-page-media, _:future, :root td[align="right"]>span.radio {
        background-position: 4px !important;
    }
    _::-webkit-full-page-media, _:future, :root label {
        font-family: "ＭＳ Ｐゴシック",system-ui;
    }
    _::-webkit-full-page-media, _:future, :root .td input[type="text"] {
        margin: 0px;
    }
    _::-webkit-full-page-media, _:future, :root .tbl * {
        font-size: 9pt;
    }
}