/* ボディ ------------------------------------------------------ */ body{ margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:#FFFFFF; font-family: "Trebuchet MS"; font-size:10pt; } table, textarea{ font-family: "Trebuchet MS"; font-size:10pt; } /* divクラス --------------------------------------------------- */ /****** ブラウザ共通+その他 ******/ .dv_container{ margin:0px auto 0px auto; border:solid 1px #C4CAD0; width:995px; } .dv_header { background-image: url("../../img/header.jpg"); height:60px; } .dv_footer { background-image: url("../../img/footer.jpg"); height:82px; } .dv_category01 { text-align:center; } .dv_category02 { } .dv_main { min-height:530px; } .dv_maintitle { text-align:center; } .dv_mainsearch { } .dv_mainlist { } .dv_mainentry { } .dv_mainbutton{ text-align:center; } /**/ .dv_error { color:red; } /****** ie6 ******/ * html .dv_container{ width:992px; } * html .dv_header { height:60px; } * html .dv_footer { height:60px; } * html .dv_category01 { margin-bottom: -25px; } * html .dv_category02 { height:65px; margin-bottom: -30px; } * html .dv_main { height:435px; } * html .dv_m_main { margin-bottom: -4px; } * html .dv_l_main { height:480px; } * html .dv_maintitle,* html .dv_mainsearch,* html .dv_mainlist, * html .dv_mainentry,* html .dv_mainbutton{ padding: 5px 0px; } * html .dv_error { height:20px; } /****** ie7 ******/ *:first-child+html .dv_container{ width:992px; } *:first-child+html .dv_header { height:63px; } *:first-child+html .dv_footer { height:58px; } *:first-child+html .dv_category01 { height:43px; } *:first-child+html .dv_category02 { height:30px; } *:first-child+html .dv_main { min-height:423px; height:auto !important; height:423px; } *:first-child+html .dv_m_main { height:483px; } *:first-child+html .dv_l_main { height:400px; } /**/ *:first-child+html .dv_error { height:30px; } /****** mozila ******/ html>body .dv_container{ width:992px; } html>body .dv_header { height:61px; } html>body .dv_footer { height:60px; } html>body .dv_category01 { height:44px; text-align: -moz-center; } html>body .dv_category02 { height:31px; } html>body .dv_main { min-height:429px; } html>body .dv_m_main { height:490px; } html>body .dv_l_main { height:450px; } /**/ html>body .dv_error { height:30px; } /* input type="text" クラス ------------------------------------ */ /* 読み込み専用項目 枠無し */ .inpt_readonly { border:0; color:blue; background-color:transparent; width:100% /* add 210720 yu.sakaguchi: fix object inner text overflow */ } /* エラー専用項目 枠無し */ .inpt_error{ border:0; color:red; background-color:transparent; } /* デフォルト設定 枠有り */ .inpt_default { } .input_right{ text-align:right; } .input_center{ text-align:center; } /* table(th/td)クラス ------------------------------------------ */ /* 非表示 */ table.tbl_noborder { background-color:transparent; border-collapse:none; vertical-align:super; } .thd_noborder { background-color:transparent; border-collapse:none; vertical-align:super; } /* 表示 */ table.tbl_default { /*border: 1px #E3E3E3 solid;*/ border: 1px #A3AEB8 solid; border-collapse: collapse; border-spacing: 0; } table.tbl_search { width: 992px; /*border: 1px #E3E3E3 solid;*/ border: 1px #A3AEB8 solid; border-collapse: collapse; border-spacing: 0; } table.tbl_search02 { width: 972px; /*border: 1px #E3E3E3 solid;*/ border: 1px #A3AEB8 solid; border-collapse: collapse; border-spacing: 0; } /* 表示 */ .thd_water1 { border:solid 1px #A3AEB8; background-image: url("../../img/midashi.jpg"); /*background:#ECF5FB;*/ color:#485B6C; height:25px; } .thd_gray1 { border:solid 1px #A3AEB8; background:#E9F1F5; color:#485B6C; height:25px; } /* 各項目表示 */ .thd_blue1 { border:solid 1px #A3AEB8; background:#C6E7F9; color:#485B6C; height:25px; } .thd_blue2 { border:solid 1px #A3AEB8; background:#D9EFFB; color:#485B6C; height:25px; } .thd_blue3 { border:solid 1px #A3AEB8; background:#ECF7FD; color:#485B6C; height:25px; } /* 各一覧目表示 */ .thd_white1 { border:solid 1px #A3AEB8; background:#FFFFFF; color:#666666; height:25px; } .thd_gray2 { border:solid 1px #A3AEB8; background:#F8F9FA; color:#666666; height:25px; } .thd_sky1 { border:solid 1px #A3AEB8; background:#E9F1F5; color:#666666; height:25px; } .thd_cream1 { border:solid 1px #A3AEB8; background:#F8F8ED; color:#666666; height:25px; } /* 表示(高さ指定なし) */ .thd_waterS { /* border:solid 1px #A3AEB8;*/ background-image: url("../../img/midashi.jpg"); color:#485B6C; } .thd_grayS { /* border:solid 1px #A3AEB8;*/ background:#E9F1F5; color:#485B6C; } .thd_whiteS { /* border:solid 1px #A3AEB8;*/ background:#FFFFFF; color:#666666; } /*************************************/ /* CF */ /*************************************/ body { font-family: "Hiragino Kaku Gothic Pro", Meiryo, sans-serif; } /* ヘッダー */ html>body .dv_container { background-image: url("../../img/_cf_topband1.jpg"); background-repeat: repeat-x; width: 100%; border-style: none; } html>body .dv_header { width: 1040px; height: 87px; margin-left: auto; margin-right: auto; } /* メニュー */ html>body .dv_category01 { background-color: #0578f7; height: 36px; } html>body .dv_category01 ul form { margin: 0; margin-block-end: 0; } /* list */ html>body .dv_category01 ul { list-style-type: none; padding: 0; overflow: hidden; width: 1040px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; margin-block-start: 0px; } html>body .dv_category01 li { float: left; } html>body .dv_category01 li ul { width: 132px; position: relative; z-index: 2; } html>body .dv_category01 li ul#rireki { display:none; } html>body .dv_category01 li:hover ul#rireki { display:block; } html>body .dv_category01 li ul#shokai { display:none; } html>body .dv_category01 li:hover ul#shokai { display:block; } html>body .dv_category01 li ul li { float: none; border-width: 1px; border-color: #fff; border-style: solid; } /* フッター */ html>body .dv_footer { background-image: url("../../img/_cf_topband1.jpg"); background-repeat: repeat-x; height: 98px; } html>body .dv_footer div { clear: both; height: 98px; } html>body .dv_footer p { font-size: 11px; clear: both; width: 1080px; color: #fff; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; padding-top: 50px; } /* 005 HOME */ html>body .dv_m_main { background-image: url("../../img2/_cf_005bg.jpg"); background-repeat: repeat-x; background-position: center; height:633px; } html>body .dv_m_main .grid2 { display: grid; grid-template-columns: 498px 498px; column-gap: 23px; row-gap: 23px; width: 1020px; margin-left: auto; margin-right: auto; padding-top: 115px; padding-left: 30px; padding-right: 30px; } html>body .dv_m_main .grid2 div { /*width: 498px*/; height: 162px; background-color: #fff; border-width: 1px; border-color: #000; border-style: solid; border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px; padding: 13px; } html>body .dv_m_main .grid2 h2 { margin-bottom: 0; margin-top: 0; } html>body .dv_m_main .grid2 img { dispaly: block; float: left; } html>body .dv_m_main .grid2 p { float: right; margin-left: 17px; width: 215px; margin-top: 0; } html>body .dv_m_main .grid2 a { color: #0578f7; font-size: 16px; text-decoration: none; } html>body .dv_m_main .grid2 input { width: 215px; margin-left: 17px; position: relative; z-index: 2; opacity: 0.1; } html>body .dv_m_main .grid2 #p1 input { height: 50px; } html>body .dv_m_main .grid2 #p2 input { height: 28px; } html>body .dv_m_main .grid2 #p3 input { height: 36px; } html>body .dv_m_main .grid2 #p4 input { height: 50px; } html>body .dv_m_main .grid2 div { position: relative; } html>body .dv_m_main .grid2 div p { color: #0578f7 ; font-size: 16px; } html>body .dv_m_main .grid2 div p#paneltext1-1 { position: absolute; top: 40px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext1-2 { position: absolute; top: 105px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext2-1 { position: absolute; top: 40px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext2-2 { position: absolute; top: 80px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext2-3 { position: absolute; top: 120px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext3-1 { position: absolute; top: 40px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext3-2 { position: absolute; top: 90px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext3-3 { position: absolute; top: 130px; left: 253px; } html>body .dv_m_main .grid2 div p#paneltext4-1 { position: absolute; top: 40px; left: 253px; } /********************************/ /* 商品検索 索引から探す HP040J */ /********************************/ #HP040J table { width: 1020px; margin-left: auto; margin-right: auto; } #HP040J table tr { padding-bottom: 20px; } #HP040J .thd_white1 { border-style: none; } #HP040J #s_title1 { margin-top: 14px; } #HP040J #s_title1, #HP040J #s_title4, #HP040J #s_title3 { clear: both; font-size: 18px; lineheight: 22px; width: 100%; text-align: left; color: #000000; background-color: #d8edfe; padding-left: 10px; border-left-style: none; border-right-style: none; border-color: #c2c3c5; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } #HP040J #right-td #right-title { } #HP040J #s_title2 { text-align: left; font-size: 14px; margin-top: 5px; } #HP040J #sidebar1 input { width: 80%; } #HP040J #right-td { width: 760px; overflow: hidden; } #HP040J #right-title { font-size: 24px; font-weight: bold; width: 430px; margin-left: 46px; text-align: center; border-left-style: none; border-right-style: none; border-color: #c2c3c5; border-top-style: solid; border-top-width: 1px; border-bottom-style: solid; border-bottom-width: 1px; } #HP040J #itemindex { height: 120px; width: 580px; overflow: hidden; flex-wrap:wrap; margin-left: 110px; margin-right: 0px; } #HP040J #itemindex a { float: left; font-size: 20px; line-height: 20px; width: 30px; height: 26px; color: #fff; background-color: #49aafb; text-align: center; margin-left: 6px; margin-right: 6px; padding: 0; padding-top: 4px; text-decoration-line: none; border-radius: 5px; } #HP040J #main { padding-left: 15px; } #HP040J #main .item_initial { float: left; width: 100px; clear: both; margin-top: 0; font-size: 24px; } #HP040J #main .inner { overflow:hidden; } #HP040J #main .inner > div{ overflow:hidden; padding-bottom: 20px; padding-top: 20px; margin-bottom: 0; border-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1px; } #HP040J #main .inner > div:first-child { border-top-style: solid; border-top-width: 1px; } #HP040J #main .itembox { float: left; width: 100%; margin-bottom: 20px; } #HP040J #main .itembox h3 { clear: both; } #HP040J #main .items { float: left; width: 621px; } #HP040J #main .itembox h3 { font-size: 20px; display: block; margin-bottom: 5px; } #HP040J #main .itemlist { display: block; } #HP040J #main .itemlist a { display: block; float: left; width: 90px; border-color: #c2c3c5; border-style: solid; border-width: 1px; font-size: 18px; text-align: center; margin: 5px; padding: 5px; background-color: #f1eded; color: #111; text-decoration: none; } #HP040J input#search, #HP040J input.back-button { background-color: #49aafb; font-size: 16px; width: 100px; color: #fff; border-width: 1px; border-color: #7c7f85; border-radius: 5px; } #HP040J #categry input { font-size: 16px; border: none; background-color: #fff; width: 90%; text-align: left; list-style-type: disc; } #HP040J input#search, #HP040J #categry input:hover, #HP040J input.back-button:hover { cursor: hand; } /* 検索結果画面 */ #HP040J .pager { margin-left: 28px; margin-top: 16px; margin-bottom: 32px; overflow: hidden; } #HP040J .pager a { display: block; font-size: 20px; float: left; line-height: 20px; width: auto; height: 26px; color: #fff; background-color: #49aafb; text-align: center; margin-left: 6px; margin-right: 6px; padding: 0; padding-top: 4px; padding-left: 10px; padding-right: 10px; text-decoration-line: none; border-radius: 5px; } #HP040J .pager .pager-before, #HP040J .pager .pager-nolink { display: block; font-size: 20px; float: left; line-height: 20px; width: auto; height: 26px; color: #7c7f85; background-color: #f1eded; text-align: center; margin-left: 6px; margin-right: 6px; padding: 0; padding-top: 4px; padding-left: 10px; padding-right: 10px; text-decoration-line: none; border-radius: 5px; } #HP040J .result-1, #HP040J .result-2 { margin-left: 28px; } #HP040J .result-1 { margin-top: 16px; margin-bottom: 12px; clear: both; font-size: 24px; } #HP040J .result-1 input { background-color: #49aafb; font-size: 16px; width: 100px; color: #fff; border-width: 1px; border-color: #7c7f85; border-radius: 5px; } #HP040J .result-1 input:hover { cursor: hand; } /* 発注 */ #HP040J #stock-button { width: 726px; overflow: hidden; margin-left: 28px } #HP040J #stock { width: 726px; overflow-x: scroll; margin-left: 28px } #HP040J #stock table { font-size: 16px !important; border: none; border-width: 0; width: 100%; margin-right: 0; margin-top: 30px; border-collapse: collapse; } #HP040J #stock table tr { border: none; border-width: 0; overflow: hidden; background-color: #fff; border-bottom-style: solid; border-bottom-width: 1; border-bottom-color: #111; width: 100%; height: 60px; } #HP040J #stock table tr:first-child { border-top-style: solid; border-top-width: 1; border-top-color: #111; height: 60px; } #HP040J #stock table td { border: none; border-width: 0; padding: 0; background-color: #fff; } #HP040J #stock table td { min-width: 70px; padding: 5px; border-right-style: solid; border-right-width: 1; border-right-color: #111; } #HP040J #stock table td:last-child { border: none; } #HP040J #stock table tr td:first-child { position: sticky; left: 0; &:before{ content: ""; position: absolute; top: -1px; left: -1px; width: 100%; height: 100%; } } #HP040J #stock table tr:nth-child(odd) td { background-color: #eef7fe; } #HP040J #stock table tr:first-child td { background-color: #e9e9e9; } #HP040J #stock-button { margin-top: 30px; text-align: center; } #HP040J .dv_mainlist input[value="必要数を入力後、発注"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } #HP040J .dv_mainlist input[value="必要数を入力後、発注"]:hover { cursor: hand; } #HP040J .dv_mainlist table table { border: none; font-size: 16px; width: 741px; } #HP040J .dv_mainlist table table tr { height: auto; border-spacing: 0; display: block; padding-bottom: 0; } #HP040J .dv_mainlist table table td { background-color: #fff; border: none; border-image-width: 0; border-right-style: solid; border-right-width: 1; border-right-color: #c2c3c5; padding: 0; height:40px; } #HP040J .dv_mainlist table table td input{ border-width: 1px; } #HP040J .dv_mainlist table table tr:nth-child(2n + 1) td { background-color: #eef7fe } #HP040J .dv_mainlist table table tr td:nth-child(1) { width: 250px !important; } #HP040J .dv_mainlist table table tr td:nth-child(2) { width: 50px !important; } #HP040J .dv_mainlist table table tr td:nth-child(3) { width: 100px !important; } #HP040J .dv_mainlist table table tr td:nth-child(4) { width: 150px !important; } #HP040J .dv_mainlist table table tr td:nth-child(5) { width: 150px !important; } #HP040J .dv_mainlist table table tr td:last-child { border-right-width: 0; } #HP040J .dv_mainlist table table tbody tr:first-child td { background-image: none; border-image-width: 0; background:#e9e9e9; color:#111; } #HP040J .dv_mainlist #categry { } /**********************************************/ /* シングルテーブルページ class="single-table"*/ /**********************************************/ .single-table .dv_main { width: 1020px; margin-left: auto; margin-right: auto; } .single-table .dv_main table { font-size: 16px !important; border: none; border-width: 0; width: 100%; margin-right: 0; margin-top: 30px; border-collapse: collapse; background-color: #fff; table-layout: fixed; } .single-table .dv_main #dv_itemimage { overflow: hidden !important; height: auto; margin-bottom: 20px; } .single-table .dv_main .dv_mainlist { border: none !important; border-image-width: 0; } .single-table .dv_main table td { background-color: #fff; border: none; border-image-width: 0; border-right-style: solid; border-right-width: 1; border-right-color: #c2c3c5; padding: 0; } .single-table .dv_main table tr td:last-child { border-right: none; } .single-table .dv_main table tr { background-color: #e9e9e9; border: none !important; border-image-width: 0; border-bottom: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; height: 60px; } .single-table .dv_main table tr:first-child { height: 40px; } .single-table .dv_main table tr th { padding: 0; font-weight: normal; border-right-style: solid; border-right-width: 1; border-right-color: #c2c3c5; } .single-table .dv_main .thd_cream1, .single-table .dv_main .thd_sky1, .single-table .dv_main .thd_water1, .single-table .dv_main .thd_gray1 { background-image: none; border-image-width: 0; background:#e9e9e9; color:#111; height:20px; } .single-table .dv_mainbutton { margin-top: 24px; } .single-table .dv_mainbutton input { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } .single-table .dv_mainbutton input:hover { cursor: hand; } .single-table .dv_main h1 { margin: 0; max-width: 430px; margin-left: auto; margin-right: auto; margin-bottom: 24px; text-align: center; border-top-style: solid; border-top-width: 1px; border-top-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; padding-top: 5px; padding-bottom: 5px; font-size: 24px; } .dv_maintitle h1 { margin: 0; max-width: 430px; margin-left: auto; margin-right: auto; margin-top: 34px; margin-bottom: 24px; text-align: center; border-top-style: solid; border-top-width: 1px; border-top-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; padding-top: 5px; padding-bottom: 5px; font-size: 24px; } .single-table .pager { margin-left: 0; margin-top: 32px; margin-bottom: 32px; overflow: hidden; } .single-table .pager a { display: block; font-size: 20px; float: left; line-height: 20px; width: auto; height: 26px; color: #fff; background-color: #49aafb; text-align: center; margin-left: 6px; margin-right: 6px; margin-bottom: 16px; padding: 0; padding-top: 4px; padding-left: 10px; padding-right: 10px; text-decoration-line: none; border-radius: 5px; } .single-table .pager .pager-before, .single-table .pager .pager-nolink { display: block; font-size: 20px; float: left; line-height: 20px; width: auto; height: 26px; color: #7c7f85; background-color: #f1eded; text-align: center; margin-left: 6px; margin-right: 6px; margin-bottom: 16px; padding: 0; padding-top: 4px; padding-left: 10px; padding-right: 10px; text-decoration-line: none; border-radius: 5px; } .single-table .dv_error { font-size: 16px; width: 1020px; margin-left: auto; margin-right: auto; text-align: center; font-weight: bold; margin-top: 20px; margin-bottom: 20px; } .single-table .dv_category02 table { width: 1024px; margin-left: auto; margin-right: auto; margin-top: 16px; table-layout: fixed; } .single-table .dv_category02 table td:first-child { width: 80px; } .single-table .dv_mainlist table td { text-align: center; overflow-wrap: break-word; } .single-table .dv_main td, .single-table .dv_mainsearch td { text-align: center; padding: 0; vertical-align: middle; } .single-table .dv_main .dv_mainlist table tr:nth-child(odd) td, .single-table .dv_main table tr:nth-child(odd) td { background-color: #eef7fe; text-align: center; /*border: none;*/ } /**********************************************/ /* 単入力テーブル class="single-entry"*/ /**********************************************/ .single-entry .dv_category02, .single-entry .dv_main { width: 1020px; margin-left: auto; margin-right: auto; font-size: 16px; } .single-entry .dv_main table, .single-entry .dv_main textarea { font-size: 16px; } .single-entry .dv_main .dv_mainsearch th, .single-entry .dv_main .dv_mainsearch td, .single-entry .dv_main .dv_mainlist table tr:nth-child(odd) td, .single-entry .dv_main table tr:nth-child(odd) td, .single-entry .dv_main .dv_mainlist table tr) td, .single-entry .dv_main table tr td, .single-entry .dv_main .dv_mainlist table tr td, .single-entry .dv_main table tr td, .single-entry .dv_main .dv_mainlist table tr th, .single-entry .dv_main table tr th, .single-entry .dv_main .dv_mainentry table tr th, .single-entry .dv_main .dv_mainentry table tr td { background-color: #fff; text-align: left; border: none; font-size: 16px; } .single-entry td .red, .single-entry th .red { color: red; } .single-entry td:first-child td, .single-entry td:first-child th { border-top-style: none; } /**********************************************/ /* 発注テーブル */ #HP010J .dv_main .dv_mainlist { height: 500px; overflow-x: hidden; overflow-y: scroll; } #HP010J .dv_main table tr th:nth-child(1) { width: 20px; } #HP010J .dv_main table tr th:nth-child(2) { width: 100px; } #HP010J .dv_main table tr td:nth-child(2).thd_white1 { height: auto; } #HP010J .dv_main table tr td:nth-child(2) input { width: 140px !important; } #HP010J .dv_main table tr th:nth-child(3) { width: 22px; } #HP010J .dv_main table tr th:nth-child(4) { width: 55px; } #HP010J .dv_main table tr th:nth-child(5) { width: 55px; } #HP010J .dv_main table tr th:nth-child(6) { width: 55px; } #HP010J .dv_main table tr th:nth-child(7) { width: 30px; } #HP010J .dv_main table tr th:nth-child(8) { width: 50px; } #HP010J .dv_main table tr th:nth-child(9) { width: 160px; } #HP010J .dv_main table tr td:nth-child(9) .label_zaiko2 { width: 270px !important; } #HP010J .dv_main table tr th:nth-child(10) { width: 26px; } #HP010J .dv_main table tr td:nth-child(3) { background-repeat: no-repeat; background-attachment: fixed; background-position: center bottom } #HP010J .dv_main table tr td:nth-child(7) { overflow: hidden; } #HP010J .dv_main table tr td:nth-child(7) input { } #HP010J .dv_main table tr td:nth-child(1) { text-align: center; } #HP010J .dv_main table tr:nth-child(odd) td { background-color: #eef7fe; text-align: center; } /* 商品発注入力 HP020J */ /* 上段表(確認画面) */ #HP020J table.result { text-align: center; vertical-align: middle; } /* 上段表 */ #HP020J .dv_mainsearch table tr { height: 40px; border: none; } #HP020J .dv_mainsearch table tr td, #HP020J .dv_mainsearch table tr th { text-align: center; border-top-style: solid; border-top-width: 1; border-top-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1; border-bottom-color: #c2c3c5; color: #111; } #HP020J .dv_mainsearch table tr td:last-child { border-right-style: none; } #HP020J.single-table .dv_main table.tbl_default { width: 100%; margin-bottom: 16px; } #HP020J.single-table .dv_main table.tbl_default tr:first-child td { border-top-style: solid; border-top-width: 1; border-top-color: #c2c3c5; } #HP020J.single-table .dv_main table.tbl_default tr td input { font-size: 16px; } #HP020J.single-table .dv_main .dv_mainlist table.tbl_default tr td:last-child { border-right-style: solid; border-right-width: 1; border-right-color: #c2c3c5; } #HP020J .tbl_default td { border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; } /* 下段表 */ #HP020J.single-table .dv_mainentry table tr { height: 40px; } #HP020J.single-table .dv_mainentry table tr td { border-top-style: solid; border-top-width: 1px; border-top-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; border-left-style: none; text-align: center; vertical-align: middle; } #HP020J.single-table .dv_mainentry table tr td input, #HP020J.single-table .dv_mainentry table tr td { font-size: 16px; } #HP020J.single-table .dv_mainentry table tr td input, #HP020J.single-table .dv_mainentry table tr td textarea{ border:solid 0px; resize: none; } #HP020J.single-table .dv_mainentry table tr td:last-child { border-right-style: none; } #HP020J.single-table .dv_mainentry table tr td:first-child { width: 70px !important; text-align: center; } #HP020J.single-table .dv_mainentry table tr td:nth-child(2) { width: 250px !important; } #HP020J.single-table .dv_mainentry table tr td:nth-child(3) { width: 70px; text-align:center; } #HP020J.single-table .dv_mainentry table tr td:nth-child(4) { width: 120px; } #HP020J.single-table .dv_mainentry table tr td:nth-child(5) { width: 140px; } #HP020J.single-table .dv_mainentry table tr td:nth-child(6) { width: 140px; } /* 中段表 */ #HP020J.single-table .dv_mainlist table tr { height: 30px; } #HP020J.single-table .dv_mainlist table tr td { vertical-align: middle; } #HP020J.single-table .dv_mainlist table tr th:nth-child(1) { width: 20px; } #HP020J.single-table .dv_mainlist table tr:nth-child(1), #HP020J.single-table .dv_mainlist table tr:nth-child(2) { height: 30px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(2) { width: 220px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(3) { width: 100px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(4) { width: 100px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(5) { width: 150px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(6) { width: 50px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(7) { width: 100px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(8) { width: 70px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(9) { width: 150px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(10) { width: 270px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(11) { width: 130px; } #HP020J.single-table .dv_mainlist table tr th:nth-child(12) { width: 30px; } #HP020J.single-table .dv_mainlist table tr td:nth-child(1) { text-align: center; } #HP020J.single-table .dv_mainlist { overflow: scroll; height: 400px; } #HP020J.single-table .dv_mainlist table.tbl_default { width: 990px; overflow: scroll; } /* 表の背景色 */ #HP020J.single-table .dv_mainlist table tr td { background-color: #fff; /* #fffにリセット*/ } #HP020J.single-table .dv_mainlist table tr:nth-child(4n+1) td, #HP020J.single-table .dv_mainlist table tr:nth-child(4n+2) td:nth-child(1), #HP020J.single-table .dv_mainlist table tr:nth-child(4n+2) td:nth-child(2), #HP020J.single-table .dv_mainlist table tr:nth-child(4n+2) td:nth-child(3) { background-color: #eef7fe; } /* 商品発注入力 HP030J */ /* 表の背景色 */ #HP030J.single-table .dv_main table tr td { background-color: #fff; /* #fffにリセット*/ } #HP030J.single-table .dv_main table tr:nth-child(4n+1) td, #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(1), #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(2), #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(3), #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(4), #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(5), #HP030J.single-table .dv_main table tr:nth-child(4n+2) td:nth-child(6) { background-color: #eef7fe; } /* 直先照会 担当者紹介 切り替えボタン */ .single-table .dv_category02 { width: 1020px; margin-left: auto; margin-right: auto; } .single-table .dv_category02 table { width: 200px; margin-left: 0; } .dv_category02 td { width: 60px; } .dv_category02 input[type="button"] { background-color: #49aafb; font-size: 16px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; margin-right: 16px; margin-left: 16px; align-items: normal; } .dv_category02 input[type="button"].btn_act { background-color: #e9e9e9; color: #111; } .dv_category02 input[type="button"]:hover { cursor: hand; } /* 直先照会 */ #HP120J.single-table .dv_main .dv_mainlist table tr td, #HP120J.single-table .dv_main table tr td { background-color: #fff; } #HP120J.single-table .dv_main .dv_mainlist table tr:nth-child(6n+4) td, #HP120J.single-table .dv_main .dv_mainlist table tr:nth-child(6n+5) td, #HP120J.single-table .dv_main .dv_mainlist table tr:nth-child(6n+6) td { background-color: #eef7fe; text-align: center; /*border: none;*/ } #HP120J.single-table .dv_mainsearch > table { width: 100%; border-collapse: collapse; text-align: center; } #HP120J.single-table .dv_mainsearch > table th, #HP120J.single-table .dv_mainsearch > table td { border: solid 1px #c2c3c5; padding: 0; } #HP120J.single-table .dv_mainsearch table input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } #HP120J.single-table .dv_main table { margin-top: 16px; } #HP120J .dv_mainsearch > table tr { background-color: #fff; border-bottom-style: none !important; } #HP120J.single-table .dv_main table tr th { border-right-width: 0 !important; } #HP120J.single-table .dv_main table tr:nth-child(2), #HP120J.single-table .dv_main table tr:nth-child(3) { height: 40px; } #HP120J.single-table .dv_main table tr { height: 40px; } #HP120J.single-table .dv_main table.tbl_search th:nth-child(1) { width: 50px; } #HP120J.single-table .dv_main table.tbl_search th:nth-child(2) { width: 50px; } #HP120J.single-table .dv_main table.tbl_search td { word-wrap: break-word; } #HP120J.single-table .pager { margin-left: 0; } /* ご担当者照会 HP130J */ #HP130J.single-table .dv_mainsearch > table { width: 75%; border-collapse: collapse; text-align: center; } #HP130J.single-table .dv_mainsearch table th, #HP130J.single-table .dv_mainsearch table td { border: solid 1px #c2c3c5; padding: 0; } #HP130J.single-table .dv_mainsearch table input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } #HP130J.single-table .dv_mainsearch > table tr:first-child td, #HP130J.single-table .dv_mainsearch > table tr:first-child th { width: 33%; } /* 直送先登録 HP121J*/ #HP121J .dv_mainentry table th { width: 150px; } #HP121J .dv_mainentry table td:nth-child(3) { width: 350px; } #HP121J .dv_mainentry table td { padding: 0; } #HP121J .dv_mainentry table tr { height: 50px; } #HP121J .dv_mainbutton input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* 直送先変更 HP122J*/ #HP122J .dv_mainentry table th { width: 150px; } #HP122J .dv_mainentry table td:nth-child(3) { width: 350px; } #HP122J .dv_mainentry table tr { height: 50px; } #HP122J .dv_mainentry table td { padding: 0; } #HP122J .dv_mainbutton input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* ご担当者登録 HP131J*/ #HP131J .dv_mainentry table th { width: 150px; } #HP131J .dv_mainentry table td:nth-child(3) { width: 350px; } #HP131J .dv_mainentry table tr:nth-child(1) td { border-top: solid 1px #c2c3c5; } #HP131J .dv_mainentry table tr { height: 50px; } #HP131J .dv_mainentry table td { padding: 0; } #HP131J .dv_mainbutton input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* ご担当者変更 HP132J*/ #HP132J .dv_mainbutton input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* 発注履歴(当日分) HP070J*/ #HP070J .dv_mainsearch table { width: 70%; } #HP070J .dv_mainsearch table td { padding: 0; width: 33%; text-align: center; } #HP070J .dv_mainsearch table td { border-top: solid 1px #c2c3c5; } #HP070J.single-table .dv_mainsearch table input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } #HP070J.single-table .dv_mainlist table td { text-align: center; word-wrap: break-word; } #HP070J.single-table .dv_mainlist table th:nth-child(4) { width: 40px; } #HP070J.single-table .dv_mainlist table th:nth-child(6) { width: 40px; } #HP070J.single-table .dv_mainlist table th:nth-child(8) { width: 30px; } #HP070J.single-table .dv_mainlist table th:nth-child(9) { width: 30px; } #HP070J.single-table .dv_mainlist table th:nth-child(12) { width: 30px; } /* 発注履歴(前日まで) HP050J*/ #HP050J .dv_mainsearch table { text-align: center; } #HP050J .dv_mainsearch table td { padding: 0; } #HP050J .dv_mainsearch table input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* 発注履歴(商品) HP060J*/ #HP060J .dv_mainsearch table { text-align: center; } #HP060J .dv_mainsearch table td { padding: 0; } #HP060J .dv_mainsearch table td:last-child { border-right-style: none; } #HP060J .dv_mainsearch table input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } #HP060J .dv_mainlist table td.total { font-weight: bold; } /* 止型照会 HP110J*/ #HP110J input[type="button"] { background-color: #49aafb; font-size: 16px; min-width: 100px; color: #fff; border-width: 1px; border-color: #c2c3c5; border-radius: 5px; } /* 止型照会 HP111J*/ #HP111J .dv_mainsearch table:nth-child(2) { margin-top: 0; } #HP111J .dv_mainsearch table:nth-child(2) td { border-bottom-style: solid; border-bottom-color: #A3AEB8; border-bottom-width: 1px ; border-top-style: solid; border-top-color: #A3AEB8; border-top-width: 1px ; } /**********************************/ /* ログイン画面 HP000J */ /**********************************/ #HP000J table { font-size: 14px; } #HP000J input.login { background-color: #fff; font-size: 16px; width: 100px; color: #111; border-width: 1px; border-color: #7c7f85; border-radius: 5px; margin: 0 16px 0 16px; } #HP000J input.cancel { background-color: #fff; font-size: 16px; width: 100px; color: #111; border-width: 1px; border-color: #7c7f85; border-radius: 5px; margin: 0 16px 0 16px; } #HP000J .dv_error { text-align: center; font-size: 16px; font-weight: bold; } #HP000J #body_all { background-image: url("../../img2/_cf_login_BGimg.jpg"); background-repeat: repeat-x; background-position: center; height:633px; } #HP000J input:hover { cursor: hand; } /**********************************/ /* 上へ */ /**********************************/ .crunchify-top:hover { background-image: url("../../img2/_cf_gototop.png"); opacity: 1; } .crunchify-top { background-image: url("../../img2/_cf_gototop.png"); display: none; position: fixed; bottom: 198px; right: 30px; width: 64px; height: 64px; line-height: 2rem; font-size: 16px; color: #fff; background-color: none; text-decoration: none; /*border-radius: 25px;*/ text-align: center; cursor: pointer; opacity: 0.8; text-indent:100%; white-space:nowrap; overflow:hidden; } /**********************************/ /* お問い合わせフォーム */ /**********************************/ #contact-form { margin: 1em; font-size: 16px; } #contact-form input[type="text"]{ width: 90%; } .contact:hover { color: #fff !important; background-color: #ed702b; text-decoration: none; } .contact { display: block; background-image: url("../../img2/_cf_mailicon.png"); background-repeat: no-repeat; text-indent: 30px; background-position: 10px 7px; position: relative; bottom: 132px; left: 100%; transform: translateX(-100%); /*right: 1rem;*/ width: 220px; height: 2rem; line-height: 2rem; font-size: 16px; color: #fff; background-color: #0578f7; text-decoration: none; border-radius: 0.5rem 0.5rem 0 0; border-color: #a7cff8; border-width: 2px; border-bottom-width: 0; border-style: solid; text-align: center; cursor: pointer; margin-right: 1em; } #contact-thanks h1, #contact-form h1 { margin: 0; max-width: 430px; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 24px; text-align: center; border-top-style: solid; border-top-width: 1px; border-top-color: #c2c3c5; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #c2c3c5; padding-top: 5px; padding-bottom: 5px; font-size: 24px; } #contact-form .button { width: 80%; text-align: center; } #contact-thanks input, #contact-thanks button, #contact-form input[type="submit"] { background-color: #0578f7; font-size: 16px; width: 100px; color: #fff; border-width: 1px; border-color: #7c7f85; border-radius: 5px; margin: 0 16px 0 16px; } #contact-thanks p { text-align: center; font-size: 16px; } #contact-thanks p.left { text-align: left; font-size: 14px; } #contact-thanks { margin:10px; } #contact-thanks li { font-size: 16px; } #contact-thanks form { margin-top:50px; text-align: center; } /* お問い合わせボタン 非表示 */ .contact { /*display: none;*/ }