@charset "UTF-8";
/* BOIS-EDI Basic styles*/

html {height: 100%;}
body {background-color: #fff; color: #000; height: 100%; padding: 0; margin: 0; font-family:"ＭＳゴシック", "MS PGothic", Sans-Serif; font-size: 12pt; }

/* 基本フォントサイズ指定用 */
#f12 {font-size: 12pt; line-height: 14pt;}
#f14 {font-size: 14pt; line-height: 16pt;}
/*#6267対応 定時資材発注画面用フォントサイズ*/
#f12em {font-size: 1.2em; line-height: 14pt;}

/* 画面幅フィックス */
#wrap1366 {min-width: 1346px !important; margin: 0 auto;}
#wrap1920 {min-width: 1900px !important; margin: 0 auto;}

/* 一覧・検索表示用 横スクロール */
#wide_table {white-space:nowrap; overflow-x: auto; overflow-y: hidden; padding-bottom: 20px;}
#wide_table_ns {white-space: nowrap;}
.nowrap {white-space: nowrap !important;}

#main_cont {width: 99%; padding: 5px 0 15px 6px; }

/* リンクテキストアニメーション */
a, a:visited { -webkit-transition: 0.4s; -moz-transition: 0.4s; -o-transition: 0.4s; -ms-transition: 0.4s; transition: 0.4s; }

.alc { text-align:center !important;}
.alr { text-align:right !important;}
.all { text-align:left !important;}
.fl_l {float:left;}
.fl_r {float:right;}
.clr { clear:both; height:0; line-height:0; display:block; }

/* スペース調整用 */
.mg5 {margin-top:5px; margin-bottom: 5px;}
.mg10_t {margin-top:10px !important;}
.mg10 {margin-top:10px !important; margin-bottom: 10px!important;}
.mg10_all {margin: 10px!important;}
.mg10_b {margin-bottom:10px !important;}
.mg5_r {margin-right:5px !important;}
.mg15_r {margin-right:15px !important;}
.mg10_l {margin-left: 10px !important;}
.mg15_l {margin-left: 15px !important;}
.mg20_l {margin-left: 20px !important;}
.mg100_l {margin-left: 100px !important;}
.mg160_l {margin-left: 160px !important;}
.mg180_l {margin-left: 180px !important;}
/*#5758対応*/
.mg37_l {margin-left: 37%}
.mg15_t {margin-top:15px !important;}
.mg20_t {margin-top: 20px !important;}
.pd10 {padding: 10px !important;}
.pd5_l {padding-left: 5px !important;}
.pd10_l {padding-left: 10px !important;}
.pd15_l {padding-left: 15px !important;}
.pd5_r {padding-right: 5px !important;}

/* フォントスタイル */
.bld {font-weight: 700;}
.lrg {font-size: 1.2em;}

/* 横並び要素 display:table */
.t_layout, .t_layout_line  {display: table; margin:0px;}
.t_layout_line .t_cell {display: table-cell; margin:0; border-right: solid 2px #ccc; padding-right: 2px; padding-left: 2px;}
.t_layout .t_cell {display: table-cell; margin:0;}
.t_layout .t_cell_line {display: table-cell; border-right: solid 2px #ccc; padding: 0 4px;}

/* 横並び要素 display:inline-block */
.in_layout {display: inline-block;}
.v_mdl {vertical-align: middle !important;}
/* 縦並び要素 display:inline-block */
.reg_layout {display:block; margin-bottom: 3px}

/* 画像付き見出し */
.ttl_w_pic {position: relative; margin-bottom: 8px;}
.ttl_w_pic span {font-size: 1.1em; font-weight: 700; height:28px; line-height: 1.2; display: inline-block; vertical-align: middle; margin-bottom: 0; padding-bottom: 0; padding-top: 0px; padding-left: 0.3em;  }
.ttl_w_pic img {height:auto; width:28px; margin-bottom: 0; padding-bottom: 0; position: relative; top:3px;}

/* ==================================== 見出し ==================================== */
/* 左ボーダー付きグリーンタイトル */
h1.green {font-size: 1.3em; color: #14854a; font-weight: 700; border-left: solid 5px #14854a; padding-left: 10px; line-height: 1.4; margin-bottom: 0; padding-bottom: 0; }
h2.green {font-size: 1.2em; color: #14854a; font-weight: 700; border-left: solid 3px #14854a; padding-left: 7px; line-height: 1.4;}
/* #6195対応 入力フォームとお知らせ欄の位置を調整するためmargin-topを追加*/
h1.greenNotice {font-size: 1.3em; color: #14854a; font-weight: 700; border-left: solid 5px #14854a; padding-left: 10px; line-height: 1.4; margin-bottom: 0; padding-bottom: 0; margin-top: 15px;}
/* 左ボーダー付きグレータイトル */
h2.grey {font-size: 1.2em; color: #333; font-weight: 700; border-left: solid 5px #333; padding-left: 10px; line-height: 1.4; margin-bottom: 0; padding-bottom: 0; }
/* 定時資材発注画面　発注リスト＋ボタンレイアウト用 */
.reg_order_half h1.green {width: 430px;}
/* 機材修理依頼書登録画面用 */
.repair_orderform_ttl h2.green {font-size: 1.2em; color: #14854a; font-weight: 700; border-left: solid 3px #14854a; padding-left: 7px; padding-right: 7px; line-height: 1.2em; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom:0; white-space: nowrap }
/* 点検報告画面用 */
.inspection_ttl h2.green {font-size: 1.2em; color: #14854a; font-weight: 700; border-left: solid 3px #14854a; padding-left: 7px; line-height: 1.4; margin-top: 5px;}
/* ヘッダー内 ページタイトル */
h1.header { display:table-cell; vertical-align: middle; font-size: 1.6em; color: #fff; font-weight: 700; line-height: 1; margin-left: 15px;}

/* ==================================== 線表現 ==================================== */
.grey_line_4 {border-bottom: solid 4px #e0e0e0; margin-bottom: 4px;}
.grey_line_2 {border-bottom: solid 2px #e0e0e0;}

/* ==================================== 定時資材 画面用 ==================================== */
/* 定時資材発注 */
.reg_order_half {float: left; width: 48%; padding-top: 10px; padding-right: 1%;}
.roh_line {border-right: solid 3px #14854a;}
.order_search {margin: 10px auto 30px 5px;}
/*#6267対応 間隔調整のためwidthを削除*/
/*.q_setting {display: inline-block; width:120px; padding: 12px auto; text-align: center; margin-bottom: 5px;}*/
.q_setting {display: inline-block; padding: 12px auto; text-align: center; margin-bottom: 5px;}
.q_setting label, .q_setting input {display: inline-block; vertical-align: middle;}
/*#6267対応 数量エリアの追加*/
.qty_area {display: inline-block; width: 100%;}
.prod_info_area {display: inline-block; width: 70%;}
.order_btn_area {display: inline-block; width: 28%; text-align: right;}
.prod_info_area_r {display: inline-block; width: 86%;}
.cancel_btn_area {display: inline-block; width: 10%; text-align: right;}

/* 現場検索エリア表示・非表示 */
#search_hide {}
#search_show {display: none}

/* 定時資材納品確認のテーブル */
table.list_table th { background-color: #e8e8e8; padding: 5px; font-weight: 700;}
table.list_table td.month {width:8ch;}
table.list_table td.company {width:15em;}
table.list_table td.date {width:10ch;}
table.list_table td.job {width:8em;}
table.list_table td { text-align: center; padding: 6px;}
table.list_table td.product_info { display: table; text-align: center;}
table.list_table td.product_info div {display:table-cell; padding: 0 6px; }
table.list_table td.product_info div.product_name {width: 18em; text-align: left; font-weight: 700;}
table.list_table td.product_info div.detail {width: 4em;}
table.list_table td.product_info div.quantity {width: 2em; text-align: right;}

/* 2行ごとテーブルに背景色*/
table.list_table tr:nth-child(4n+2), table.list_table tr:nth-child(4n+3){ background-color: #ffffff; }
table.list_table tr:nth-child(4n+4), table.list_table tr:nth-child(4n+5){ background-color: #cdfece; }

/* 検索オプションなどの背景色*/
.filter_back {background-color: #cdfece; padding-top: 8px; padding-bottom: 8px; margin-top: 4px; width: 100%; text-align: left; display: block; margin-bottom: 10px;}
.price_green_back {background-color: #14854a; padding: 8px; margin-top: 4px; color: #fff; font-weight: 700; margin-right: 20px;}
.yellow_back {background-color: #ffffdc;}
.bottom_btns {position: relative;margin: 1.5em 0; padding: 7px 0px; width: 100%; background: #14854a; text-align: center;}
/*#6463対応 現場ログイン時の機材修理依頼登録ボタンエリアの設定CSS*/
.bottom_shuribtns {position: relative;margin: 1.5em 0; padding: 7px 0px; width: 100%; text-align: center;}
.bottom_btns:before { content: ""; position: absolute; top: -20px; left: 50%; margin-left: -10px; border: 10px solid transparent; border-bottom: 10px solid #14854a;}
.bottom_btns div.wrap {margin: auto auto auto 115px;}
/*#6463対応 現場ログイン時の機材修理依頼登録ボタンエリアの設定CSS*/
.bottom_shuribtns div.wrap {margin: auto auto auto 115px;}
.bottom_btns div.wrap label {margin-right: 45px;}

/* 行頭　丸囲み▼ */
.circle_arrow {background-image:url("../img/circle_arrow_down.svg"); background-repeat: no-repeat; background-position: left center; display: block; height: 16px; padding: 5px 10px 5px 22px;}

/* 現場検索　申請一覧 */
.site_etc_grey {background-color: #858080; border-top: solid 2px #595454; width:100%; font-weight: 700; color:#ffffff; margin-bottom:0; margin-top:5px; line-height:1; padding-bottom: 8px; text-align: left;}
.site_etc_grey span {display: block; margin-left: 8px; padding-top: 4px;}
.site_etc_grey label span {display: inline-block; font-weight: 400 !important;} /* 現場職種追加／検索用 */
.site_etc_grey label {margin: 3px 10px;} /* 現場職種追加／検索用 */

table.site_orderlist_grey {margin-top:0; width: 100%; table-layout: fixed;}
table.site_orderlist_grey th {background-color:#e8e8e8; padding: 3px 3px 5px; text-align: center;}
table.site_orderlist_grey td {text-align: center; padding-left: 2px;}

.site_etc_green {background-color: #87f889; border-top: solid 2px #70d8a2; width:100%; font-weight: 700; color:#000000; margin-bottom:0; margin-top:5px; line-height:1; padding-bottom: 8px; text-align: left;}
.site_etc_green span {display: block; margin-left: 8px; padding-top: 4px;}
/* #6532 対応 */
.site_etc_green label {margin: 3px 10px;} /* 現場職種追加／検索用 */
table.site_orderlist_green {margin-top:0; width: 100%; table-layout: fixed;}
table.site_orderlist_green th {background-color:#cdfece; padding: 3px 3px 5px; text-align: center;}
table.site_orderlist_green td {text-align: center; padding-left: 2px;}
/* 現場検索　申請一覧 項目の幅調整用 */
.site_orderlist_grey colgroup col.site, .site_orderlist_green colgroup col.site {width: 4.8em;} /*作成区分*/
.site_orderlist_grey colgroup col.date, .site_orderlist_green colgroup col.date {width: 5.7em;} /*現場申請日*/
.site_orderlist_grey colgroup col.date2, .site_orderlist_green colgroup col.date2 {width: 5.8em;} /*納品予定日*/
.site_orderlist_grey colgroup col.prod_cd, .site_orderlist_green colgroup col.prod_cd {width: 3.8em;} /*商品CD*/
.site_orderlist_grey colgroup col.button, .site_orderlist_green colgroup col.button {width: 4.8em;} /*商品検索ボタン*/
.site_orderlist_grey colgroup col.prod_name, .site_orderlist_green colgroup col.prod_name {width: 15em; text-align: left;} /*資材名*/
.site_orderlist_grey colgroup col.detail, .site_orderlist_green colgroup col.detail  {width: 4.3em;} /*規格１・２*/
.site_orderlist_grey colgroup col.quantity, .site_orderlist_green colgroup col.quantity {width: 2.4em;} /*数量*/
.site_orderlist_grey colgroup col.unit, .site_orderlist_green colgroup col.unit {width: 4.5em;} /*単位*/
.site_orderlist_grey colgroup col.add, .site_orderlist_green colgroup col.add {width: 2.6em;} /*追加ボタン*/
.site_orderlist_grey colgroup col.price, .site_orderlist_green colgroup col.price {width: 4em;} /*単価・金額*/
.site_orderlist_grey colgroup col.service, .site_orderlist_green colgroup col.service {width:8em;} /*仕入先*/
.site_orderlist_grey colgroup col.status, .site_orderlist_green colgroup col.status {width: 4.2em;} /*承認*/
.site_orderlist_grey colgroup col.comment, .site_orderlist_green colgroup col.comment {width: 14.2em;} /*非承認コメント*/
.site_orderlist_grey colgroup col.comment2, .site_orderlist_green colgroup col.comment2 {width: 25em;} /*摘要*/
.site_orderlist_grey colgroup col.Confirmation, .site_orderlist_green colgroup col.Confirmation {width: 8em;} /*申請内容確認*/
.site_orderlist_grey colgroup col.csv, .site_orderlist_green colgroup col.csv {width: 10em;} /*CSV*/

.site_orderlist_grey td.product_name, .site_orderlist_green td.product_name {text-align: left; padding-left: 5px;}
.site_orderlist_grey td.price, .site_orderlist_green td.price {text-align: right;}

/* 申請一覧 発注リストのテーブル */
table.order_list_table {margin: 15px auto;}
/*table.order_list_table td { text-align: left; background-color: #f5fdf3; border-top: solid 1px #1bb766; padding: 8px;}*/
table.order_list_table td { text-align: left; padding: 8px;}
table.order_list_table td span.product_name { font-size: 1.1em; font-weight: 700; color:#000099; display: block; margin-bottom:5px; line-height: 1.4;}
table.order_list_table td span.state { font-size: 1.1em; display: inline-block; padding-right: 1em; padding-left: 1em;}
table.order_list_table td span.detail {width: 4em; display: inline-block;}
table.order_list_table td span.quantity {width: 3em; text-align: right; display: inline-block;}
table.order_list_table td span.unit {width: 3em;  display: inline-block;}
table.order_list_table td span.price {width: 4em;  display: inline-block; text-align: right; margin-right: 1em;}
table.order_list_table td span.price_total {width:5em;  display: inline-block; text-align: right;}

/* 1行ごとテーブルに背景色*/
/*table.order_list_table tr:nth-child(odd) td {background-color: #ffffff; border-top: solid 1px #b4b4b4;}*/

/* ==================================== 委託・直営発注一覧 画面用 ==================================== */
/* 検索項目テーブル */
#site_search_block {width: 98vw; white-space: nowrap; overflow-x: auto; margin-bottom:5px;}
/* #6290 対応 */
/*#msg-fixed{ width:100%; position:fixed; top:0; margin-top: 60px; z-index:99; background-color: #fff;}*//* #5615対応 追加*/
/*#window-fixed{ width:100%; position:fixed; top:0; margin-top: 85px; z-index:99; background-color: #fff;}*//* #5615対応 値修正*/
#msg-fixed{ width:100%; z-index:99; background-color: #fff;}
#window-fixed{ width:100%; z-index:99; background-color: #fff;}
.site_search {margin-top: 10px; padding-bottom: 15px;}	/* #5615対応 値修正*/
.site_search table th {white-space: nowrap; vertical-align:middle; padding: 2px 3px 2px 4px; height:22px;}
.site_search table td {white-space: nowrap; position: relative; vertical-align:middle; padding: 2px; height:36px !important;}

table.s_table_grey th {background-color: #cccccc; text-align: left; border-right:solid 2px #fff;}
table.s_table_yellow th {background-color: #fffece; text-align: left; border-right:solid 2px #eceba8;}
table.s_table_pink th {background-color: #fecccd; text-align: left; border-right:solid 2px #fff;}
table.s_table_blue th {background-color: #ceffff; text-align: left; border-right:solid 2px #a8e4e4;}
table.s_table_green th {background-color: #cdfd9e; text-align: left; border-right:solid 2px #ace575;}
table.s_table_darkblue th {background-color: #678ffc; color: #fff; text-align: left; border-right:solid 2px #fff;}
table.s_table_darkgrey th {background-color: #656565; color: #fff; text-align: left; border-right:solid 2px #fff;}
table.s_table_grey th:last-child, table.s_table_yellow th:last-child, table.s_table_pink th:last-child,
table.s_table_blue th:last-child, table.s_table_green th:last-child, table.s_table_darkblue th:last-child, table.s_table_darkgrey th:last-child {border-right: none;}
.kara {font-size: 12px; line-height: 12px; display: inline-block; position: relative; top:-10px;}
.kara2 {font-size: 12px; line-height: 12px; display: inline-block; position: relative; top:0px;}

/* ボタン表示エリア */
.option_grey_back {background-color: #e7e7e7; padding-top: 10px; padding-bottom: 15px; font-weight: 700; margin-bottom:15px; width: 100%; height: 30px; border-top: solid 5px #fff; white-space: nowrap; }
.option_grey_back table {width: 100%;}
.option_grey_back td.show_hide {height: 20px; padding-left: 10px; width:15%;}
.option_grey_back td div.rest {display: inline-block; width: 85%; text-align: center;}
.option_grey_back td div.page_numbers a { color: #000; text-decoration: underline; margin: auto 3px;}
.option_grey_back td a.option_modal {color:#00793a;  margin: auto 3px;}

/* 発注一覧 見出し、ボタン　ページ移行リンク他　横スクロール無し */
/* #6290 対応 */
/*#ttl-link-fixed{ width:1900px; position:fixed; top:0; margin-top: 480px; z-index:98; background-color: #fff;}*//* #5615対応 値修正*/
/*#ttl-link-fixed.moveup {margin-top:160px;}*//* #5615対応 値修正*/
#ttl-link-fixed{ width:1900px; z-index:98; background-color: #fff;}

/*ページ移行リンク*/
.page_link {height: 24px; line-height: 24px; display: inline-block; padding-right: 20px;}
.page_link a {padding-left: 0.5em;}

/* 発注一覧*/
/* #6290 対応 */
/*.service_order_list {margin-top:500px;}*/
/*.service_order_list.moveup {margin-top:150px;}*//* #5615対応 値修正*/
.service_order_list table {margin: 10px auto; border-bottom: solid 1px #ccc; }
.service_order_list table th { text-align: center; padding:5px; font-weight: 400; vertical-align: middle; border-right:solid 2px #fff; }
/*#5781対応 ここから*/
/*.service_order_list table td {text-align: center; vertical-align: middle; padding:3px 5px; border-right: solid 1px #e1e1e1;  }*/
.service_order_list table td {vertical-align: middle; padding:3px 5px; border-right: solid 1px #e1e1e1;  }
/*#5781対応 ここまで*/
.service_order_list table th a {color: #000;}
.service_order_list table th.grey, .modal_tbl_check table td.grey  {background-color: #cccccc;}
.service_order_list table th.yellow, .modal_tbl_check table td.yellow  {background-color: #fffece;}
.service_order_list table th.pink, .modal_tbl_check table td.pink  {background-color: #fecccd;}
.service_order_list table th.blue, .modal_tbl_check table td.blue  {background-color: #ceffff;}
.service_order_list table th.green, .modal_tbl_check table td.green  {background-color: #cdfd9e;}
.service_order_list table th.darkblue, .modal_tbl_check table td.darkblue {background-color: #678ffc; color: #fff;} 
.service_order_list table th.black, .modal_tbl_check table td.black  {background-color: #000000; color: #fff;}
.service_order_list table th.darkgrey, .modal_tbl_check table td.darkgrey  {background-color: #656565; color: #fff;}
.service_order_list table th.darkblue a, .service_order_list table th.black a, .service_order_list table th.darkgrey a {color: #fff;}
.w_border {border-right: solid 4px #fff;}
/* 2行ごとテーブルに背景色*/
/*.service_order_list table tr:nth-child(4n+2), .service_order_list table tr:nth-child(4n+3){ background-color: #ffffff;}
.service_order_list table tr:nth-child(4n+4), .service_order_list table tr:nth-child(4n+5){ background-color: #f3f3f3;}*/

/* モーダルウィンドウ用*/
.modal_table .table_scroll {height: 560px !important; overflow-y: auto; overflow-x: hidden; padding-top:0;}
.modal_table .table_scroll table {margin-top: 0;}

/* ==================================== 機材修理依頼 画面用 ==================================== */
/* 検索エリア */
table.repair_search_area {margin: 5px auto 0px 10px;}
table.repair_search_area td { vertical-align: middle; white-space: nowrap;}
table.repair_search_area td.lbl {padding-right: 5px; text-align:right;}
table.repair_search_area td.inpt {padding-right: 15px; text-align: left;}
label.repair_search .search_btn_grey {margin-left: 455px; margin-top: 8px !important;}

/* 検索結果一覧*/
.repair_order_list table { margin: 0 auto; border-bottom: solid 1px #cfcfcf; border-left:solid 1px #e4e4e4;}
/*チケット#5754追加対応　ヘッダー行高さ変更*/
.repair_order_list table th {text-align: center; height: 31.5px; padding: 5px; font-weight: 400; vertical-align: middle; border-right: solid 1px #fff; background-color: #cccccc;}
  /*.repair_order_list table th { text-align: center; height:47.5px; padding:5px; font-weight: 400; vertical-align: middle; border-right:solid 1px #fff; background-color: #cccccc;}*/
.repair_order_list table th:first-child {border-left:solid 2px #ccc;}
.repair_order_list table th:last-child {border-right:solid 2px #ccc;}
.repair_order_list table th.btn1 {width: 5em;}
.repair_order_list table th.btn2 {width: 7em;}
.repair_order_list table th.code {width: 7em;}
.repair_order_list table th.date {width: 6em;}
.repair_order_list table th.state {width: 5em;}
.repair_order_list table tr:last-child {border-bottom:solid 1px #ccc;}
.repair_order_list table td {text-align: left; vertical-align: middle; padding:3px 5px; border-right: solid 1px #cfcfcf;}
.repair_order_list table td.flex {max-width: none;}
.repair_order_list table td.border { border-bottom: solid 1px #cfcfcf;}
.repair_order_list table td.site_name {width: 20em !important; white-space: normal; word-break : break-all;}
.repair_order_list table td.check_detail {width: 40em !important; white-space: normal; word-break : break-all;}

/* 機材日常点検結果検索一覧 */
.regular_check_list table.reg_ch_tbl {margin: 0 auto; border-bottom: solid 1px #cfcfcf; border-left:solid 1px #cfcfcf;}
.regular_check_list table.reg_ch_tbl th { text-align: center; height:47.5px; padding:5px; font-weight: 400; vertical-align: middle; border-right:solid 1px #fff; background-color: #cccccc;}
.regular_check_list table.reg_ch_tbl th:first-child {border-left:solid 2px #ccc;}
.regular_check_list table.reg_ch_tbl th:last-child {border-right:solid 2px #ccc;}
.regular_check_list table.reg_ch_tbl td {text-align: left; vertical-align: top; padding:2px; border-right: solid 1px #cfcfcf; border-top: solid 1px #cfcfcf; white-space: normal;}
.regular_check_list table.reg_ch_tbl td.noborder {border-top:none;}
.regular_check_list table.reg_ch_tbl td.site-name p {width: 15em !important;}
.regular_check_list table.reg_ch_tbl tr:last-child {border-bottom:solid 1px #ccc;}
.regular_check_list table td.type p {width: 10em !important;}
.regular_check_list table td.series p {width: 10em !important;}
.regular_check_list table td.cycle p {width: 2em !important;}
.regular_check_list table td.check_detail p {width: 20em!important;}
.regular_check_list table td.code p {width: 10em !important;}
.regular_check_list table td.date {width: 2em !important; text-align: center; vertical-align: middle;}

/* 機材修理依頼書登録 */
.repair_orderform_ttl {display: table-cell; width: 8em; padding-left: 0.5em; vertical-align: top;}
.repair_orderform {display: table-cell; vertical-align: top; text-align: left;}
.repair_orderform_pd {display: table-cell; vertical-align: top; text-align: left; padding-top: 4px;}
.repair_order_list.repair_orderform table {width:auto;}
.repair_order_list.repair_orderform table td.site_name {max-width: 20em;}
.repair_orderform_pd select, .repair_orderform_pd input, .repair_orderform_pd textarea .repair_orderform_pd repair_orderform_ttl.cp_ipselect {margin: 0 auto !important;}

/* ==================================== 作業実施日報告／作業予定日連絡 画面用 ==================================== */
.report_reply table { width: 100%; margin: 0 auto; border-bottom: solid 2px #dddefe; border-left:solid 2px #dddefe;}
.report_reply table th { text-align: center; padding: 8px 5px; font-weight: 400; vertical-align: middle; border-right:solid 2px #dddefe; background-color: #cccdfd;}
.order_info {width:40em; white-space: normal; word-break :break-all;}
#wrap1366 .order_info {width: 36em; white-space: normal; word-break :break-all;}
.report_reply table td {text-align: left; vertical-align: top; padding: 5px; border-right: solid 2px #dddefe; border-top: solid 2px #dddefe; white-space: normal; word-break : break-all;}
.report_reply table td.site_name {width: 20em; white-space: normal; word-break : break-all;}
.report_reply table td p {margin-bottom:5px; line-height: 1.4;}
.report_reply table td div.status {padding: 3px 5px; line-height: 2.2 !important; margin-bottom: 8px; white-space: nowrap;}
.report_reply table td div.status .cp_m, .report_reply table td div.status textarea, .report_reply table td div.status.radio  {background-color: #fffece; }
.report_reply table td div.status table {width: auto;}
.report_reply table td div.status textarea {margin-top: 5px;}
.report_reply table td div.status_mail {padding: 20px 10px 20px 20px; background-color: #fffece; display: inline-block;}
.report_reply table td div.comm_history {padding: 5px; background-color: #eeffff; }
.report_reply table td table, .report_reply table td table td {border: none; margin: 0; height: 26px; vertical-align: middle; padding:0 8px 0 0;}
.report_reply table td div.comm_history p {padding-left:1em; text-indent:-1em; margin-bottom:8px; line-height: 1.4;}
.report_reply table td div.status.radio {width:15em;}

/* ==================================== 完了・立会い点検報告書 画面用 ==================================== */
.to_line {border-bottom: solid 1px #333; padding-bottom: 4px; margin-bottom:15px; display:inline-block; padding-top: 15px !important;}
.inspection_report table.site_detail { width: 1200px; margin: 10px auto; border-bottom: solid 1px #000; border-left:solid 1px #000; border-top:solid 1px #000;}
.inspection_report table.site_detail th { width: 140px; text-align: center; padding: 8px 5px; font-weight: 700; vertical-align: middle; border-top:solid 1px #000;  border-right:solid 1px #000; background-color: rgb(205, 229, 183);}
.inspection_report table.site_detail td {text-align: left; vertical-align: middle; padding: 5px 10px; border-right: solid 1px #000; border-top: solid 1px #000; white-space: normal; word-break: break-all;}
.inspection_report table.schedule { margin: 5px auto; width: 1200px; border: solid 1px #999;}
.inspection_report table.schedule th { padding:5px; width: 140px; text-align: center; font-weight: 700;}
.inspection_report table.schedule th span.grey {background-color: rgb(204, 204, 204); padding:7px 10px;display: block;}
.inspection_report table.schedule td {text-align: left; padding:3px 8px;}
.inspection_report table.schedule td.date {width:7em; text-align: center;}
.inspection_report table.schedule td div.status {margin-bottom: 3px;}
.inspection_report table.schedule td div.status input {background-color: rgb(255, 255, 204); white-space: nowrap;}

.valuation1 {margin: 5px 0 15px 0;}
.valuation1 .status {background-color: #fffece; border: solid 1px #999; display: inline-block;}
.valuation2 {width: 1200px; margin: 5px 0 15px 0; padding-left: 0;}
.valuation2 .status textarea { width: 1195px; height: 3em; background-color: #fffece; border: solid 1px #999; margin-left: 0 !important; }
.valuation3 { width: 1200px;  background-color: #fffece; border: solid 1px #999;}
.valuation3 table.valuation_detail {width:100% !important;}
.valuation3 table.valuation_detail td {background-color: #fff !important;}
.valuation3 table.valuation_detail2 {width:100% !important;}
.valuation3 table.valuation_detail2 td {background-color: #fff !important;}

.inspection_report table.valuation_detail { width: 1200px; margin: 5px auto 15px auto; border-bottom: solid 1px #000; border-left:solid 1px #000; border-top:solid 1px #000;}
.inspection_report table.valuation_detail th {text-align: center; padding: 5px; font-weight: 700; vertical-align: middle; border-bottom:solid 1px #000;  border-right:solid 1px #000; background-color: rgb(205, 229, 183);}
.inspection_report table.valuation_detail td { background-color: #b5d5ff; text-align: left; vertical-align: middle; padding: 5px; border-right: solid 1px #000; border-top: solid 1px #000; white-space: normal; word-break: break-all;}
.inspection_report table.valuation_detail td.type {width:40px !important; text-align: center;} 
.inspection_report table.valuation_detail td.point {width:26em; white-space: normal; word-break:break-all; } 
.inspection_report table.valuation_detail td.check {width: 328px; text-align: center !important; }
.inspection_report table.valuation_detail td.comment {width:330px !important; text-align: center;}
/* 1行ごとテーブルに背景色*/
.inspection_report table.valuation_detail tr:nth-child(odd) td {background-color: #fff;}

.inspection_report table.valuation_detail2 { width: 660px; margin: 5px auto 15px auto; border-bottom: solid 1px #000; border-left:solid 1px #000; border-top:solid 1px #000;}
.inspection_report table.valuation_detail2 th {text-align: center; padding: 5px; font-weight: 700; vertical-align: middle; border-bottom:solid 1px #000;  border-right:solid 1px #000; background-color: rgb(205, 229, 183);}
.inspection_report table.valuation_detail2 td { background-color: #b5d5ff; text-align: left; vertical-align: middle; padding: 5px; border-right: solid 1px #000; border-top: solid 1px #000; white-space: normal; word-break: break-all;}
.inspection_report table.valuation_detail2 td.type {width:40px !important; text-align: center;} 
.inspection_report table.valuation_detail2 td.point {width:26em; white-space: normal; word-break:break-all; } 
.inspection_report table.valuation_detail2 td.check {width: 328px; text-align: center !important; }
.inspection_report table.valuation_detail2 td.comment {width:330px !important; text-align: center;}
/* 1行ごとテーブルに背景色*/
.inspection_report table.valuation_detail2 tr:nth-child(odd) td {background-color: #fff;}

/* ==================================== 発注内容登録　画面用 ==================================== */
/* ページ上部　テーブル*/
.order_site_detail table {margin: 10px auto 5px auto; border-top: solid 1px #9f9f9f; border-left:solid 1px #9f9f9f; width: 1500px !important;}
.order_site_detail table th { text-align: center; padding:5px; font-weight: 400; vertical-align: middle; border-right:solid 1px #9f9f9f; border-bottom: solid 1px #9f9f9f; background-color: #cccccc;}
.order_site_detail table td {text-align: left; vertical-align: middle; padding:3px 4px; border-right: solid 1px #9f9f9f; border-bottom: solid 1px #9f9f9f; height: 24px;}
.order_site_detail table td.order_name {width: 24em;}
.order_site_detail table td.in_charge {width: 10em;}
.order_site_detail table td.site_name {width: 30em;}
.order_site_detail table td.job {width: 30em;}
/* #6216対応 レイアウト調整 ここから */
.order_site_detail table td.service_name {width: 23.34em;}
.order_site_detail table td.date {width: 12ch;}
.order_site_detail table td.quantity {width: 6.36ch; text-align: right;}
.order_site_detail table td.price {width: 6.36ch; text-align: right;}
.order_site_detail table td.price_total {width: 10ch; text-align: right;}
/* #6216対応 レイアウト調整 ここまで */
.order_site_detail table td.order_detail {width:auto;}
.order_site_detail table td.cont_num{width:14ch; text-align: center;}
.order_site_detail table td.order_num{width:14ch; text-align: center;}
.order_site_detail table td.line {width:3ch; text-align: center;}

.tbl_width {width: 1800px !important;}
.order_spec table { margin: 10px auto 10px 18px; border-bottom: solid 1px #9f9f9f; border-left:solid 1px #9f9f9f; }
.order_spec table th {text-align: center; padding: 8px 5px; font-weight: 700; vertical-align: middle; border-top:solid 1px #9f9f9f;  border-right:solid 1px #9f9f9f; background-color: #7ddcfd;}
.order_spec table td {text-align: left; vertical-align: middle; padding: 5px; border-right: solid 1px #9f9f9f; border-top: solid 1px #9f9f9f; height: 22px;}
/* 作業仕様 */
.ttl_btn_width {width: 1818px !important;}
.order_spec table td.no {width: 2ch; text-align: right;}
.order_spec table td.level {width: 2em;}
.order_spec table td.place {width:6em;}
.order_spec table td.square {width:6em;}
.order_spec table td.floor_type {width:11em;} 
.order_spec table td.job_type {width:11em; }
.order_spec table td.change {width:46px; text-align: center;} 
.order_spec table td.spec1 {width:28em;}
.order_spec table td.spec2 {width:14em;}
.order_spec table td.note {width:14em;}

/* 契約内容・ファイル添付 */
.order_spec table td.type {width: 2em; vertical-align: middle;}
.order_spec table td.entry {width: 20em; vertical-align: middle;}
.order_spec table td.content {width:28em;}
.order_spec table td.contract {width:104px; text-align: center;}
.order_spec table td.detail {width:37em;}
.order_spec table td.detail table, .order_spec table td.detail tr, .order_spec table td.detail td {border: none; padding: 0 8px; margin: 0 auto;}
.order_spec table td.file_name {width: 40em; vertical-align: middle;}
.order_spec table td.file_size {width: 12ch; vertical-align: middle; text-align: right;}
.order_spec table td.button {width:6em; vertical-align: middle; text-align: center;}

/* 作業内容登録・作業内容変更　（モーダルウィンドウ） */
.job_edit table { width: 900px; margin: 10px auto 5px auto; border-top: solid 1px #9f9f9f; border-left:solid 1px #9f9f9f;}
.job_edit table th { text-align: center; padding:5px; font-weight: 400; vertical-align: middle; border-right:solid 1px #9f9f9f; border-bottom: solid 1px #9f9f9f; background-color: #cccccc;}
.job_edit table td {text-align: left; vertical-align: middle; padding:3px 5px; border-right: solid 1px #9f9f9f; border-bottom: solid 1px #9f9f9f; height: 24px; width: 200px;}

.job_edit table.no_bdr {margin: 5px auto 0 0; width: 900px;}
.job_edit table.no_bdr, .job_edit table.no_bdr th, .job_edit table.no_bdr td {border: none; height: 24px;}
.job_edit table.no_bdr td.type { width:5em; text-align: right; vertical-align: middle;}
.job_edit table.no_bdr td.floor_type {width:6em; vertical-align: middle;}
.job_edit table.no_bdr td.button { text-align: left;}

.job_edit table.spec_detail { width: 900px; border-bottom: solid 1px #9f9f9f; border-left:solid 1px #9f9f9f; margin: 5px auto 5px auto; }
.job_edit table.spec_detail th {text-align: center; padding: 2px; font-weight: 400; vertical-align: middle; border-top:solid 1px #9f9f9f;  border-right:solid 1px #9f9f9f; background-color: #7ddcfd;}
.job_edit table.spec_detail td {text-align: left; vertical-align: middle; padding: 3px; border-right: solid 1px #9f9f9f; border-top: solid 1px #9f9f9f; height:24px;}
.job_edit table.spec_detail th.button {font-size: 12px; padding: 1px;}
.job_edit table.spec_detail td.check {text-align: center; width: 41px; padding:3px 3px 3px 6px;}
.job_edit table.spec_detail td.content {width: 28em;}
.job_edit table.spec_detail td.content2 {width:14em; position: relative;}
.job_edit table.spec_detail td.content2 .cp_name {top: 1px;}
.job_edit table.spec_detail td.note {width:14.5em;}
.job_edit .spec_detail_scroll {height: 640px !important; overflow-y: auto; overflow-x: hidden;}

/* 予算実績確認画面*/
.yojitsu_order_list table { margin: 0 auto; border-bottom: solid 1px #cfcfcf; border-left: solid 1px #e4e4e4; }
.yojitsu_order_list table th { text-align: center; padding: 10px; font-weight: 400; vertical-align: middle; border-right: solid 1px #fff; background-color: #cccccc;}
.yojitsu_order_list table th:first-child {border-left:solid 2px #ccc;}
.yojitsu_order_list table th:last-child {border-right:solid 2px #ccc;}
.yojitsu_order_list table th.odd {border-bottom:solid 2px #fff;}
.yojitsu_order_list table th.shisha {width: 5em;}
.yojitsu_order_list table th.bu {width: 7em;}
.yojitsu_order_list table th.ka {width: 5em;}
.yojitsu_order_list table th.tantosha {width: 7em;}
.yojitsu_order_list table th.yosan {width: 5em;}
.yojitsu_order_list table td {text-align: left; vertical-align: middle; padding:5px 5px; border-right: solid 1px #cfcfcf;}
.yojitsu_order_list table td.flex {max-width: none;}
.yojitsu_order_list table td.border { border-bottom: solid 1px #cfcfcf;}
.yojitsu_order_list table td.top { border-top: solid 1px #cfcfcf;}
.yojitsu_order_list table td.site_name {width: 20em !important; white-space: normal; word-break : break-all;}
.yojitsu_order_list table td.check_detail {width: 40em !important; white-space: normal; word-break : break-all;}

/* ==================================== モーダルウィンドウ用 ==================================== */
/*--- オーバーレイ ---*/
.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1201;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
}

/*--- モーダルウィンドウ ---*/
.modal1, .modal2 { 
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1202;
  margin: auto;
  background: #fff;
}
.modal_page {width:930px; height: 860px; padding:10px 15px; text-align: center; }
/*.modal_size_xl {width:700px; height: 560px; padding: 20px;}   #6384対応（デザイン）*/ 
.modal_size_xl {width:700px; height: 580px; padding: 20px;}
.modal_size_l {width:690px; height: 700px; padding: 20px; overflow-y: auto;}
.modal_size_s {width:580px; height: 240px; padding: 20px;}
.modal1 .close, .modal2 .close {text-align: center; cursor: pointer;}
.modal_table {}
.modal_table table {border-top:solid 1px #000; border-right:solid 1px #000; width: 100%;}
.modal_table table th {background-color: #14854a; color:#fff; padding: 10px; border-left: solid 1px #000; border-bottom:solid 1px #000; font-weight: 700; text-align: left;}
.modal_table table td {padding: 10px; border-left: solid 1px #000; border-bottom:solid 1px #000; text-align: left; }

.modal_tbl_check table {}
.modal_tbl_check table td { padding: 8px !important; border-bottom:solid 3px #fff; border-left: solid 3px #fff;}