@charset "utf-8";

/*----------------------------------------------------
Information
File name :		base.css
Style Info:		基本スタイルの設定
--------------------------------------------------- */


/*****************************************************************************
 reset
 *****************************************************************************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
    margin:0;
    padding:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
    font-style: normal;
}

ul,ol {
    list-style-type: none;
}

em,strong,th,address {
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: normal;
    font-size: 100%;
}

img,
object,
embed {
    border: 0;
    vertical-align: top;
}

img{
    -webkit-backface-visibility: hidden;
}

hr {
    display: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size: 100%;
}

li {
    list-style-type: none;
}

strong {
    font-weight: bold;
}



/*****************************************************************************
 base
 *****************************************************************************/

body {
    background-color: #ffffff;
    font-size: 14px;		/* 14px */
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    /*font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka;*/
    line-height: 1.5;
    color: #333333;
    min-width: 53rem;
    /*text-align: center;*/
}

.font_meiryo {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}

/*h1 {font-size:1.6875rem}*/
h1 {font-size:1.4375rem}
h2 {font-size:1.375rem}
h3 {font-size:1.25rem}
h4 {font-size:1.125rem}
h5 {font-size:1.0625rem}
h6 {font-size:1rem}

input[type='text'], input[type='password'], input[type='date'], input[type='datetime'], input[type='datetime-local'], input[type='month'], input[type='week'], input[type='email'], input[type='number'], input[type='search'], input[type='tel'], input[type='time'], input[type='url'], input[type='color'] {
    height: 1.3rem;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    margin: 0 0 0.65rem 0;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
    font-size: 0.9rem;
    /*-webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.87rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.31rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;*/
}

input[type="file"] {
    height: 1.8rem;
    width: 38.25rem;
    font-size: 0.9rem;
    /*
    height: 1.4rem;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    margin: 0 0 0.8rem 0;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.87rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.31rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;*/
}

input[type='radio'] {
    margin: 0 0 0.8rem 0;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset;/*chromeで入力欄黄色くならないようにする設定*/
}

input.ime-active {
    ime-mode: active; /*日本語入力モード（変更可能）※chromeにはこの設定は反映しません*/
}

input.ime-disabled {
    ime-mode: disabled; /*英数字入力モード（変更不可）※chromeにはこの設定は反映しません*/
}

textarea.ime-active {
    ime-mode: active; /*日本語入力モード（変更可能）※chromeにはこの設定は反映しません*/
}

textarea.ime-disabled {
    ime-mode: disabled; /*英数字入力モード（変更不可）※chromeにはこの設定は反映しません*/
}

textarea {
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    margin: 0 0 0.8rem 0;
    padding: 0.2rem 0.1rem 0.2rem 0.4rem;
    font-size: 0.9rem;
    /*-webkit-appearance: none;
    -webkit-border-radius: 0px;
    background-color: #fff;
    font-family: inherit;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    color: rgba(0, 0, 0, 0.75);
    display: block;
    font-size: 0.87rem;
    margin: 0 0 1rem 0;
    padding: 0.5rem;
    height: 2.31rem;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition: box-shadow 0.45s, border-color 0.45s ease-in-out;*/
}

button {
    /*border-width: 1px;*/
    /*margin: 0 0 1.5rem;*/
    /*margin: 0.5rem 0.1rem 0.5rem 0.1rem;*/
    margin: 0.5rem 0.1rem;
    cursor: pointer;
    text-align: center;
    /*
    padding-top: 0.2rem;
    padding-left: 0.9rem;
    padding-bottom: 0.2rem;
    padding-right: 0.9rem;
    */
    padding: 0.2rem 0.9rem;
    font-size: 1rem;
    /*border-style: solid;
    border-width: 0px;
    cursor: pointer;
    font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;
    font-weight: normal;
    line-height: normal;
    margin: 0 0 1.25rem;
    position: relative;
    text-decoration: none;
    text-align: center;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    display: inline-block;
    padding-top: 1rem;
    padding-right: 2rem;
    padding-bottom: 1.06rem;
    padding-left: 2rem;
    font-size: 1rem;
    background-color: #008cba;
    border-color: #007095;
    color: #fff;
    transition: background-color 300ms ease-out;*/
    background: #eee;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
}

button:hover {
    background: #ddd;
    border-color: #c0c0c0;
}

button:active {
    background: linear-gradient(#c0c0c0, #cfcfcf);
}

button:disabled {
    background: #eee;
    border-color: #cfcfcf;
    color: #999;
}

.editbutton {
    margin: 0.2rem 0.1rem 0.5rem 0.5rem;
    cursor: pointer;
    text-align: center;
    padding-top: 0;
    padding-left: 0.5rem;
    padding-bottom: 0;
    padding-right: 0.5rem;
    font-size: 0.8rem;
}

.movebutton {
    margin: 0 0.3rem 0.1rem 0;
    cursor: pointer;
    text-align: center;
    padding-top: 0;
    padding-left: 0.5rem;
    padding-bottom: 0;
    padding-right: 0.5rem;
    font-size: 0.8rem;
}

button[name="submit"], #save, #save0 , #save1 , #save2 , #save3, #save4 , #save5 , #save6 , #save7 , #allchecked, #allchecked1, #allchecked2 ,#allremanded , #req_cancel, #req_cancel1, #search, #map_update,#reportcreate, #reload, #allchecked_cancel,
#save0_ownlink, #save1_ownlink, #save2_ownlink, #save3_ownlink, #save4_ownlink, #save5_ownlink, #save6_ownlink, #save7_ownlink,
#save0_otherlink, #save1_otherlink, #save2_otherlink, #save3_otherlink, #save4_otherlink, #save5_otherlink, #save6_otherlink, #save7_otherlink {
    background: #3790c7;
    color: #fff;
    border-color: #145c85;
    min-width: 5.5rem;
}

button[name="submit"]:hover, #save:hover, #save0:hover , #save1:hover , #save2:hover , #save3:hover, #save4:hover , #save5:hover , #save6:hover , #save7:hover , #allchecked:hover, #allchecked1:hover, #allchecked2:hover ,#allremanded:hover , #req_cancel:hover, #req_cancel1:hover, #search:hover, #map_update:hover,#reportcreate:hover,#reload:hover, #allchecked_cancel:hover,
#save0_ownlink:hover, #save1_ownlink:hover, #save2_ownlink:hover, #save3_ownlink:hover, #save4_ownlink:hover, #save5_ownlink:hover, #save6_ownlink:hover, #save7_ownlink:hover,
#save0_otherlink:hover, #save1_otherlink:hover, #save2_otherlink:hover, #save3_otherlink:hover, #save4_otherlink:hover, #save5_otherlink:hover, #save6_otherlink:hover, #save7_otherlink:hover {
    background: #1577af;
    border-color: #0f4a6b;
}

button[name="submit"]:active, #save:active, #save0:active , #save1:active , #save2:active , #save3:active, #save4:active , #save5:active , #save6:active , #save7:active , #allchecked:active , #allchecked1:active, #allchecked2:active, #allremanded:active, #req_cancel:active, #req_cancel1:active, #search:active , #map_update:active,#reportcreate:active,#reload:active, #allchecked_cancel:active,
#save0_ownlink:active, #save1_ownlink:active, #save2_ownlink:active, #save3_ownlink:active, #save4_ownlink:active, #save5_ownlink:active, #save6_ownlink:active, #save7_ownlink:active,
#save0_otherlink:active, #save1_otherlink:active, #save2_otherlink:active, #save3_otherlink:active, #save4_otherlink:active, #save5_otherlink:active, #save6_otherlink:active, #save7_otherlink:active {
    background: linear-gradient(#0f4a6b, #145c85);
}


button[name="submit"]:disabled, #save:disabled, #save0:disabled, #save1:disabled , #save2:disabled, #save3:disabled, #save4:disabled, #save5:disabled , #save6:disabled, #save7:disabled, #allchecked:disabled , #allchecked1:disabled , #allchecked2:disabled  ,#allremanded:disabled, #req_cancel:disabled, #req_cancel1:disabled, #search:disabled , #map_update:disabled ,#reportcreate:disabled,#reload:disabled, #allchecked_cancel:disabled,
#save0_ownlink:disabled, #save1_ownlink:disabled, #save2_ownlink:disabled, #save3_ownlink:disabled, #save4_ownlink:disabled, #save5_ownlink:disabled, #save6_ownlink:disabled, #save7_ownlink:disabled,
#save0_otherlink:disabled, #save1_otherlink:disabled, #save2_otherlink:disabled, #save3_otherlink:disabled, #save4_otherlink:disabled, #save5_otherlink:disabled, #save6_otherlink:disabled, #save7_otherlink:disabled {
    background: #5fa7d3;
    border-color: #2199de;
    color: #efefef;
}

/*日報削除ボタン(日報画面)*/
button[name="button"], #delete0,#delete1{
    background: #c73737;
    color: #fff;
    border-color: #851414;
}

button[name="button"]:hover, #delete0:hover,#delete1:hover{
    background: #af1515;
    border-color: #6b0f0f;
}

button[name="button"]:active, #delete0:active,#delete1:active{
    background: linear-gradient(#6b0f0f, #851414);
}

button[name="button"]:disabled, #delete0:disabled,#delete1:disabled{
    background: #d35f5f;
    border-color: #de2121;
    color: #efefef;
}

#map_update {
	margin: 0;
}

/* 日報一括出力ボタン */
#alloutput {
    background: #37c63c;
    color: #fff;
    border-color: #158418;
    min-width: 5.5rem;
}

#alloutput:hover {
    background: #14ad19;
    border-color: #0f6812;
}

#alloutput:active {
    background: linear-gradient(#0f6812, #158418);
}

#alloutput:disabled {
    background: #60d163;
    border-color: #21dd27;
    color: #efefef;
}

/* 日報一括削除ボタン、待機補償費一括未確認ボタン */
#alldeleted, #allnochecked {
    background: #c43131;
    color: #fff;
    border-color: #821614;
    min-width: 5.5rem;
}

#alldeleted:hover, #allnochecked:hover {
    background: #aa1714;
    border-color: #66100f;
}

#alldeleted:active, #allnochecked:active {
    background: linear-gradient(#66100f, #821614);
}

#alldeleted:disabled, #allnochecked:disabled {
    background: #ce605f;
    border-color: #db2420;
    color: #efefef;
}


button[name="submit"], #send, #allremanded{
    background: #3790c7;
    color: #fff;
    border-color: #145c85;
    min-width: 5.5rem;
}

button[name="submit"]:hover, #send:hover {
    background: #1577af;
    border-color: #0f4a6b;
}

button[name="submit"]:active, #send:active {
    background: linear-gradient(#0f4a6b, #145c85);
}

button[name="submit"]:disabled, #send:disabled {
    background: #5fa7d3;
    border-color: #2199de;
    color: #efefef;
}

/*発注者承認用のボタン*/
button[name="order_req"], #save_order_req_01 , #save_order_req_01 {
    background-color: rgb(190, 30, 3);
    color: #fff;
    border-color: rgb(136, 34, 17);
    font-size: 90%;
    padding: 0.2rem 0.5rem;
    /*min-width: 4rem;*/
}

button[name="order_req"]:hover, #save_order_req_01:hover , #save_order_req_01:hover {
    background: rgb(151, 23, 2);
    border-color: rgb(124, 23, 6);
}

button[name="order_req"].order_req_cancel {
    background-color: #6e6e6e;
    border-color: #2e2e2e;
}

button[name="order_req"].order_req_cancel:hover {
    background-color: #484848;
    border-color: #000;
}

button[name="order_req"]:disabled {
    background-color: #ccc;
    border-color: #999;
    cursor:default;
}

.btn-remand-dialog {
    float: right;
}

.number_input input[type="text"] {
    text-align: right;
}

/*****************************************************************************
 jQuery UI のオブジェクト   ※地図等よりも前面に表示するための設定
 *****************************************************************************/
.ui-datepicker { z-index: 3000 !important; }
.ui-timepicker { z-index: 3000 !important; }



/*****************************************************************************
 select
 *****************************************************************************/

select {
    height: 1.65rem;
    border: 1px solid #ccc;
    box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
    margin: 0 0 0.8rem 0;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
    font-size: 0.9rem;
}

select.list {
    height: auto;
    border: 1px solid #ccc;
    margin: 0 0 0 0;
    padding: 0.2rem 0.2rem 0.2rem 0.6rem;
    font-size: 0.9rem;
}

select[class="aw_we_sel"]{
	height: 1.5rem;
	width: 5.15rem;
    margin: 0 0 0 0;
	padding: 0 1.3rem;
}

select[class="aw_wa_sel"]{
	height: 1.5rem;
	width: 5.15rem;
    margin: 0 0 0 0;
	padding: 0 0;
}

/*****************************************************************************
 radio
 *****************************************************************************/

.radiolabel {
    height: 1.4rem;
    margin: 0 0 0.8rem 0;
    padding: 0.1rem 0.1rem 0.1rem 0.4rem;
}



/*****************************************************************************
 clear
 *****************************************************************************/

.clear-both {
    clear: both;
}

/*****************************************************************************
 display-none
 *****************************************************************************/

.display-none {
    display: none;
}


/*****************************************************************************
 link color
 *****************************************************************************/

a:link {
    color: #1b5fba;
    text-decoration: underline;
}

a:visited {
    color: #1b5fba;
    text-decoration: underline;
}

a:hover {

}

a:active {
    color: #2f1baa;
    /*color: #903b6f;*/
}


/*****************************************************************************
 letter-spacing
 *****************************************************************************/
.letter_space_base {
    letter-spacing: 2px;
}

/*****************************************************************************
 page
 *****************************************************************************/

.page {
    min-width: 960px;
    position: relative;
    margin: 0 auto;
}


/*****************************************************************************
 header
 *****************************************************************************/

header {
    width: 100%;
    background-color: #1577af;
    color: #ffffff;
    box-shadow: 0px 2px rgba(0,0,0,0.14);
}

.header-section {
    width: 960px;
    margin: 0 auto;
    height: 3.5rem;/*height: 2.9rem; height: 3.8rem;*/
    line-height: 50px;
    font-size: 25px;
    padding: 0 2px 0 5px;
    /*padding: 1rem 1rem;*/
}

.header-title {
    font-size: 1.6rem;
    min-width: 50%;
    height: 40px;
    width: 480px;
    position: relative;
    text-align: left;
    float: left; 
    margin-top: -0.4rem; 
    z-index: 4;
    display: flex;
    align-items: flex-end;
    
}

.header-title .name {
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    color: #fff;
}
.header-title .name a {
    color: #fff;
    text-decoration: none;
    line-height: inherit;
    background: transparent;
}

.header-title .change {
    font-size: 0.9rem;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.4rem 0.5rem 0.3rem;/*padding: 0.25rem 0.5rem 0.375rem;*/
    font-size: 0.8rem;
    background-color: #3790c7;
    color: #fff;
    border-radius: 7px;
}

.header-title .change a {
    color: #fff;
    text-decoration: underline;/*text-decoration: none;*/
    line-height: inherit;
    background: transparent;
}

.header-title .change a:hover {
    text-decoration: underline;
}

.header-title .change a:active {
    text-decoration: underline;
}

.header-help {
    float: right;
    margin-right: 1rem;
    margin-top: -1rem;/*margin-top: -3.2rem; */
    font-size: 0.8rem; /*font-size: 0.9rem;*/
    position: relative;
    text-align:right;
    min-width: 50%;
    height:20px;
    z-index: 2;
}

.header-help a {
    color: #fff;
    text-decoration: underline;/*text-decoration: none;*/
    /*line-height: inherit;*/
    background: transparent;
}

.header-help a:hover {
    text-decoration: underline;
}

.header-help a:active {
    text-decoration: underline;
}

/*施工総研の場合(SYS_TYPE_CMI)はheader-helpを非表示にしているので、header.tplでmargin-topを上書きして、header-infoをタイトルに合わせて中段に表示しています。
　ヘッダーの表示を変更する際は施工総研側のレイアウトが崩れていないか確認してください。 2020/01/20 A.Oosaki */
.header-info {
    float: right;
    margin-right: 1rem;
    margin-top: -2.7rem;
    font-size: 0.9rem;
    position: relative;
    text-align:right;
    min-width: 50%;
    height: 40px;
    z-index: 3;
}

.header-info ul {
    position: absolute;
    top: 2.5rem;
    right: 4rem;
    padding: 0 1rem 0 0.5rem;
    color: black;
    background: white;
    line-height: 28px;
    border: 1px solid black;
    border-radius: 5px;
    text-align:left;
    z-index: 2147483647;
}

.header-info span.btn {
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    line-height: 1;
    white-space: nowrap;
    display: inline-block;
    padding: 0.4rem 0.5rem 0.3rem;/*padding: 0.25rem 0.5rem 0.375rem;*/
    font-size: 0.8rem;
    background-color: #3790c7;
    color: #fff;
    border-radius: 7px;
}

.header-info a {
    color: #fff;
    text-decoration: underline;/*text-decoration: none;*/
    /*line-height: inherit;*/
    background: transparent;
}

.header-info a:hover {
    text-decoration: underline;
}

.header-info a:active {
    text-decoration: underline;
}

.simple-header-section {
    width: 960px;
    margin: 0 auto;
    height: 2.4rem;
    line-height: 1.5rem;
    font-size: 1.0rem;
    padding: 0 2px 0 5px;
    /*padding: 1rem 1rem;*/
}

.simple-header-title {
    padding: 0.6rem 0 ;
    font-size: 1.0rem;
}


/*****************************************************************************
 error
 *****************************************************************************/

.errmsg {
    color: red;
    margin: 0 0 1.0rem 0;
}


/*****************************************************************************
 info
 *****************************************************************************/

info {
    color: #007bbb;/*color: #4169E1;*/
}


/*****************************************************************************
 footer
 *****************************************************************************/

footer {
    width: 100%;
    position: fixed;
    bottom: 0;
    background-color: #f9f9f9;
    border-top: 1px solid #ddd;
    z-index: 2147483647;
    padding: 1px 0 0 0;
}

.footer-section {
    width: 960px;
    height: 21px;
    margin: 0 auto;
    font-size: 0.75rem;
    color: #cccccc;
    text-align: center;
}



/*****************************************************************************
 login
 *****************************************************************************/
 /*
.login label {
    display: block;
    width: 6.5rem;
    float: left;
    margin: 0.22rem 0 0 0;
}
.login input:not([type="checkbox"]) {
    display: block;
    width: 12rem;
    float: left;
    margin-bottom: 10px;
}
.login label {
    text-align: left;
    padding-right: 15px;
}
.login br {
    clear: left;
}

*/
.loginmsg {
    display:block; 
    margin: 5px auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14pt;
    width: 900px;
    padding: 1rem 1rem 1rem 1rem;
    border: 1px solid #C8E3F6;
}

/*トップメニュー等に表示する赤枠のメッセージ用*/
.loginmsg2 {
    display:block; 
    margin: 5px auto;
    margin-bottom: 20px;
    text-align: center;
    font-size: 18pt;
    width: 900px;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 2px solid #c53d43;
    font-weight: bold;
    text-decoration: underline;
    color: #c53d43;
}

/*高岡市 日報等に表示する赤枠のメッセージ用*/
.loginmsg3 {
    display:block; 
    margin-bottom: 10px;
    text-align: center;
    font-size: 16pt;
    width: 800px;
    padding: 0.3rem 0.3rem 0.3rem 0.3rem;
    border: 2px solid #c53d43;
    font-weight: bold;
    color: #c53d43;
}

.loginmsg4 {
    display:block; 
    margin: 5px auto;
    margin-top: 30px;
    margin-bottom: 20px;
    text-align: center;
    font-size: 14pt;
    width: 900px;
    padding: 1rem 1rem 1rem 1rem;
    border: 1px solid #c53d43;
    background-color: #f7e2e3;
}

.loginpanel {
    width: 400px;
    margin: 0 auto;
    padding: 1.5rem 1.5rem 1.5rem 1.5rem;
    border: 1px solid #007bbb;
    background-color: #C8E3F6;
    border-radius: 7px;
}

.login {
    display: table;
    margin: 0 auto;
    background-color: #C8E3F6;
}

.login div {
    display: table-row;
    font-size: 16pt;
}

.login label {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
}

.login input {
    display: table-cell;
    text-align: left;
}

.login .login-label {
    width: 7.0rem; /*width: 4.8rem;*/
    margin: 0.8rem 0 0 0;
    padding-right: 10px;
}

.login input:not([type="checkbox"]) {
    width: 95%;
    margin: 10px 0;
    font-size: 16pt;
    height: 30px;
}

.loginerror {
    width: 370px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0.2rem 8px;
    border: 1px solid #cc0000;
    background-color: #ffdddd;
    color: red;
    text-align: center;
    font-size: 12pt;
}

.loginbtn {
    width: 320px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

.loginbtn button {
    width: 320px;
    height: 50px;
    font-size: 18pt;
}

.loginurl {
    display:block; 
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;    
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 465px;
}

.loginurl_sub_title {
    background-color: #f6bfbc;
    color: #c53d43;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 0 10px 0;
}

.loginurl_sub {
    display:block; 
    margin: 5px auto;
    margin-right: 10px;
    text-align: center;
    font-size: 14pt;    
    width: 23%;
    float: left;
    height: auto;   /* ログインページ切り替えボタンとIE利用時の注意書きを入れ替えたため、定数(280px)からautoに変更 2022/11/04 Yamazaki */
}

a.loginurl_button{
    display: block;
    height: 33px;
    width: 220px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;   
    margin: 10px 0 5px 20px;
    padding: 20px 0 5px 0;
    font-size: 14pt;
    background: #ec6d71;
    color: #fff;
    box-shadow: 1px 2px 4px #b35f5f;
}
a.loginurl_button:hover {
    text-decoration: underline;
    background-color: #ee827c;
    color: #c53d43;
}
a.loginurl_button:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow:none;
}
a.loginurl_button_on{
    /*表示中の建設事務所のボタン*/
    display: block;
    height: 33px;
    width: 220px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;   
    margin: 10px 0 5px 20px;
    padding: 20px 0 5px 0;
    font-size: 14pt;
    background-color: #CFCFCF;
    color: #838383;
    box-shadow:none;
    cursor: default;
}
a.loginurl_button_twoline{
    /*建設事務所名が２行の場合用*/
    height: 43px;
    padding-top: 10px;
}

/* 3列で表示する場合のcss。糸魚川市で使用。(2022/11/04 Yamazaki) */
.loginurl_sub_threecolumns {
    display: block;
    margin: 5px auto;
    margin-right: 5px;
    text-align: center;
    font-size: 14pt;
    width: 32%;
    float: left;
    height: auto;
}

a.loginurl_button_threecolumns {
    display: block;
    height: 33px;
    width: 295px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    margin: 10px 0 5px 20px;
    padding: 20px 0 5px 0;
    font-size: 14pt;
    background: #ec6d71;
    color: #fff;
    box-shadow: 1px 2px 4px #b35f5f;
}

a.loginurl_button_threecolumns:hover {
    text-decoration: underline;
    background-color: #ee827c;
    color: #c53d43;
}

a.loginurl_button_threecolumns:active {
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow: none;
}

a.loginurl_button_threecolumns_on {
    /*表示中の建設事務所のボタン*/
    display: block;
    height: 33px;
    width: 295px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 3px;
    margin: 10px 0 5px 20px;
    padding: 20px 0 5px 0;
    font-size: 14pt;
    background-color: #CFCFCF;
    color: #838383;
    box-shadow: none;
    cursor: default;
}
    
/*富山県用*/
.loginurl_toyama {
    display:block; 
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;    
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 350px;
}

/*由利本荘市用*/
.loginurl_yurihonjo {
    display:block; 
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;    
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 260px;
}

/*糸魚川市用*/
/*長野市も同じ形*/
.loginurl_itoigawa,.loginurl_citynagano{
    display: block;
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 190px;
}

/*秋田県用*/
.loginurl_akita {
    display:block; 
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;    
    width: 100%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 260px;
}

/*.loginurl_area {
    display:block; 
    margin: 10px auto;
    text-align: center;
    font-size: 14pt;    
    width: 96%;
    border-style: solid;
    border-width: 1px;
    border-color: #f08300;
    border-radius: 7px;
    height: 350px;
}

.loginurl_area_sub_title {
    background-color: #f6bfbc;
    color: #c53d43;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 0 10px 0;
}

.loginurl_toyama_area {
    display:flex;
    justify-content:space-around;
    height: 100%;
}

.loginurl_toyama_sub {
    display:inline-block; 
    margin: 5px auto;    
    text-align: center;
    font-size: 14pt;    
    width: 23%;
    float: left;
    height: 280px;
}
*/

/*****************************************************************************
 ログイン失敗時の案内
 *****************************************************************************/
.forgetpassword {
    width: 340px;
    text-align: center;
    border: 1px solid #494949;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0.4rem 0;
    color: #494949;
    font-size: 0.8rem;
    background-color: #FFFFFF;
}

/*****************************************************************************
 captcha
 *****************************************************************************/
.captcha {
    width: 320px;
    margin: 10px auto;
}

.captcha .captcha-box {
    border: 1px solid #494949;
    text-align: center;
    padding: 0.2rem;
}

.captcha .captcha-image {
    float: left;
}

.captcha .captcha-input {
    text-align: left;
    vertical-align: bottom;
}

.captcha .captcha-input button {
    font-size: small;
    margin: 0.1rem 0.2rem 0.2rem 0.2rem;
    padding: 0.1rem 0.5rem;
}

.captcha .captcha-input input {
    width: 138px;
    margin: 0 0 0 0.2rem;
}

/*****************************************************************************
 contents
 *****************************************************************************/


.contents {
    width: 100%;
}

.contents-section {
    width: 960px;
    margin: 20px auto;
    padding: 0 2px 0 5px;
}

/* 画面幅フル活用 (2019/06/20 R.Yamaguchi) */
.contents-section-wide {
	width: 1900px;
	padding: 0;
        margin-top: 20px;
}

.navi {
    height: 1.8rem;
    line-height: 90%;
    font-size: 0.8rem;
}

.contents_title {
    height: 3.2rem;
}

.contents_title h1{
    line-height: 120%;
    font-size: 1.15rem;
    color: #334;
    font-weight: bold;
}
.contents_title hr{
    height: 1px;
    background: #dfdfea;
    display: block;
    border: 0;
}

.status-info {
    font-size: 0.7rem;
    color: #339;
}

#nippou_edit_a, #nippou_view_a, #nippou_add_a {
	display:inline-block;
	height: 0rem;
}

#nippou_edit_contents,
#nippou_view_contents,
#nippou_add_contents {
	height:2rem;
}
.contents-section-wide #nippou_edit_contents,
.contents-section-wide #nippou_view_contents,
.contents-section-wide #nippou_add_contents {
	margin-left:20px;
}
#nippou_edit_h1, #nippou_view_h1, #nippou_add_h1 {
    display:inline-block;
}

/* トグルスイッチ作成 */
.toggle_switch {
    display: flex;
    align-items: center;
}

.toggle_switch > div {
    position: relative;
}

.toggle_switch input[type="checkbox"] {
    position: absolute;
    width: 0;
    height: 0;
    display: none;
}

.toggle_switch .switch_back {
    width: 36px;
    border-radius: 12px;
    height: 20px;
    background-color: #dfdfea;
}

.toggle_switch .switch_img {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 16px;
    height: 16px;
    border-radius: 12px;
    background-color: #334;
}

.toggle_switch .switch_title {
    margin-left: 4px;
}

.toggle_switch input[type="checkbox"]:checked ~ .switch_back {
    background-color: #C8E3F6;
}

.toggle_switch input[type="checkbox"]:checked ~ .switch_img {
    transform: translateX(100%);
    background-color: #007bbb;
}


/*****************************************************************************
 report_serach
*****************************************************************************/

.search {
    width : 100%;
    border: none;
}

.search-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 34.1rem;
    height: 9.3rem;
    padding: 1.2rem 0 0 1rem;
}

.search-report-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 58.4rem;
    /*height: 12.0rem;*/
    height: 18.3rem;
    padding: 1.2rem 0 0 1rem;
}

.search-contractor-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 42.1rem;
    height: 7.0rem;
    padding: 1.2rem 0 0 1rem;
}

.search-contractor-report-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 58.4rem;
    /*height: 9.5rem;*/
    /*height: 12.0rem;*/
    height: 18.3rem;
    padding: 1.2rem 0 0 1rem;
}

.search-complaint-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 58.4rem;
    height: 12.0rem;
    padding: 1.2rem 0 0 1rem;
}

.search-contractor-machineinsurance-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    width: 42.1rem;
    height: 6.0rem;
    padding: 1.2rem 0 0 1rem;
}

.search-box input[type='text'] ,.search-report-box input[type='text'] ,.search-contractor-box input[type='text'] ,.search-contractor-report-box input[type='text'],.search-complaint-box input[type='text'] ,.search-contractor-machineinsurance-box input[type='text']{
    margin: 0 0 0.8rem 0;
    display: block;
    float: left;
}

.search-box input[type='radio'] ,.search-report-box input[type='radio'] ,.search-contractor-box input[type='radio'] ,.search-contractor-report-box input[type='radio'] ,.search-complaint-box input[type='radio'] ,.search-contractor-machineinsurance-box input[type='radio']{
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.search-box div ,.search-report-box div ,.search-contractor-box div  ,.search-contractor-report-box div ,.search-complaint-box div {
    float: left;
    border: 0px solid #99ffff;
    height: 2.3rem;
    width : 100%;
}

.search-title, .search-type, .search-kara, .search-kara2, .search-kara3, .search-redio {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
}

.search-check {
    margin: 0.22rem 0.8rem 0 0;
}

.search-title {
    width: 6.5rem;
}

.search-type{
    width:6.5rem;
}

.search-kara {
    width: 1.8rem;
    text-align: center;
}
.search-kara2 {
    width: 2.2rem;
    text-align: center;
}
.search-kara3 {
    width: 13.2rem;
    text-align: center;
}

.search-redio {
    margin-right: 1.2rem;
}

.search-redio p {
    cursor: default;
    margin-top: -3px;
    font-size:0.75rem;
    color: #3790c7;
}

.search-button {
    margin-left: 25.3rem;
    margin-left: 27.3rem;
    margin-top: -3.2rem;
}

.search-button_otherall_akita {
    margin-left: 50rem;
    margin-top: -3.2rem;
}

.search-contractor-button {
    /*    margin-left: 25.3rem;
    margin-left: 32.3rem;*/
    margin-top: -3.2rem;
}

#month_num {
    ime-mode: disabled; /*IEしか効かないが保険に*/
}

.search-box #block_id, #koku_id, #section_id {
    width: 10rem;
    height: 1.5rem;
}

.search-export-button {
    width:12.5rem;
}

.search-export-button-small {
    padding: 5px 10px 5px 10px;
    font-size: 90%;
}

/*****************************************************************************
 function-section
*****************************************************************************/

.function-section {
    width: 100%;
    height: 2.0rem;
    padding: 1.2rem 0 0 0.3rem;
}

.function-section2 {
    width: 100%;
    height: 1.6rem;
    padding: 0 0 0 0.3rem;
}

.function-section3 {
    width: 100%;
    height: 1.6rem;
    padding: 0 0 0.8rem 0.3rem;
}

.function-section4 {
    width: 100%;
    height: 1.6rem;
    padding: 0.6rem 0 0.2rem 0.3rem;
}

.function-section_yosan {
    width: 85%;
    padding: 0.2rem 0 0 0.3rem;
}

/*****************************************************************************
 indexlist
 *****************************************************************************/

.indexlist {
    background: #fff;
    margin-bottom: 1.1rem;
    border: solid 1px #ddd;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 125%;

    background: #fff;
    color: #222;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.indexlist th {
    text-align: center;
    font-weight: bold;
    height: 1.6rem;
}

.indexlist td {
    height: 2.2rem;
    text-align: center;
}

.indexlist td.longest {
    text-align: left;
}

.indexlist th, .indexlist td {
    padding: 0.2rem 0 0 0;
}

.indexlist tr:nth-of-type(2n) {
    background: #f3f3f3;
}

.indexlist .indexlist_req {
    background-color: rgba(255,0,0,0.1) !important;
}

.indexlist_scroll {
    background: #f3f3f3;
    border: solid 1px #ddd;
    table-layout: fixed;
    border-collapse: collapse;
    border-spacing: 0;
    line-height: 125%;
    color: #222;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

.indexlist_scroll th {
    text-align: center;
    font-weight: bold;
    height: 1.6rem;
    background: #fff;
}

.indexlist_scroll td {
    height: 2.2rem;
    text-align: center;
}

.indexlist_scroll td.longest {
    text-align: left;
}

.indexlist_scroll th, .indexlist td {
    padding: 0.2rem 0 0 0;
}

.indexlist_scroll tr:nth-of-type(2n) {
    background: #fff;
}

.indexlist_scroll .col_check {
    width: 2.5rem;
}

.indexlist_scroll .col_corp {
    width: 15.5rem;
}


.indexlist_scroll .col_koku {
    width: 16.5rem;
}

.indexlist_scroll .col_machine_type {
    width: auto;
}

.indexlist_scroll .check {
    text-align: center;
}

.indexlist_scroll .corp {
    text-align: center;
}

.indexlist_scroll .koku {
    text-align: center;
}

.indexlist_scroll .machine_type {
    text-align: center;
}

/******
日報用
******/
.indexlist .col_check {
    width: 2.2rem;
}

.indexlist .col_koku_no {
    width: 2.5rem;
}
.indexlist .col_workdate {
    width: 6.2rem; /*width: 7.4rem;*/
}
.indexlist .col_startend {
    width: 6.0rem;
}
.indexlist .col_start {
    width: 2.5rem;
}
.indexlist .col_to {
    width: 1.0rem;
}
.indexlist .col_end {
    width: 2.5rem;
}
.indexlist .col_submitted {
    width: 4.0rem; /*width: 6.8rem;*/
}
.indexlist .col_koku {
    width: 10.0rem; /*width: 14.5rem;*/
}
.indexlist .col_koku_order {
    width: 11.5rem; /*width: 15.5rem;*/
}
.indexlist .col_koku_happou {
    width: 17.5rem;
}
.indexlist .col_machine_type {
    width: 15rem;
}
.indexlist .col_work_time {
    width: 4.0rem; /*width: 6.2rem;*/
}
.indexlist .col_status {
    width: 4.3rem;/*width: 7.5rem;*/
}
.indexlist .col_edited {
    width: 2.2rem;
}
.indexlist .col_order_checked {
    width: 3.0rem;
}
.indexlist .col_link_report {
    width: 2.0rem; /*width: 3.0rem;*/
}
.indexlist .col_export_confirm {
    width: 2.0rem; /*【20210928】gnakamura 富良野市で一括出力ができないため、出力したかどうかの確認用*/
}
.indexlist .col_function {
    width: 7.2rem;/*width: 4.8rem;*/
    /*【20210902】gnakamura変更 複写ボタン設置に伴い幅を1.5倍に変更*/
}
.indexlist .col_work_price {
    width: 6.2rem;
}
.indexlist .col_corpname {
    width: 8.5rem;
}

.indexlist .check {
    text-align: center;
}

.indexlist .workdate {
    text-align: center;
}
.indexlist .koku {
    text-align: center;
}
.indexlist .koku_no {
    text-align: center;
}
.indexlist .koku_left {/*八峰町は工区名長いため左寄せで表示*/
    text-align: left;
}
.indexlist .machine_type {
    text-align: left;
    padding: 0.2rem 0 0 1rem;
}
.indexlist .startend {
    text-align: center;
}
.indexlist .start {
    text-align: center;
}
.indexlist .to {
    text-align: center;
}
.indexlist .end {
    text-align: center;
}
.indexlist .work_time {
    text-align: center;
}
.indexlist .edited {
    text-align: center;
}
.indexlist .status {
    text-align: center;
}
.indexlist .order_checked {
    text-align: center;
}
.indexlist .link_report {
    text-align: center;
}
.indexlist .function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}
.indexlist .work_price {
    text-align: right;
}
.indexlist .corpname {
    text-align: center;
}

.indexlist .datainfo {
    text-align: right;
}

.indexlist .datainfo p {
    margin:3px 1em 3px 0;
}

.indexlist .datainfo span {
    letter-spacing: 2px;
}

.indexlist .money {
    padding: 3px 1em 3px 0;
    font-size: 0.95rem;
    text-align: right;
    letter-spacing: 1px;
}

.indexlist .remandview {
    padding: 0.5em;
    word-wrap: break-word;
    text-align: justify;
    text-justify: inter-ideograph;
}

.indexlist .otherworksinfo {
    text-align: center;
}

.indexlist .name {
    text-align: center;
}

/*********
速報用
*********/
.indexlist .col_jobrosen {
    width: 10.0rem;
}
.indexlist .col_jobmachine {
    width: 8.5rem;
    width: auto;
}
.indexlist .col_jobcorpname {
    width: 10.0rem;
}
.indexlist .col_jobcorptel {
    width: 8.0rem;
}
.indexlist .col_jobreporttime {
    width: 7.0rem;
}
.indexlist .col_jobstatus {
    width: 5.0rem;
}
.indexlist .col_jobedit {
    width: 3.0rem;
}

.indexlist .jobrosen {
    text-align: left;
    padding: 0.2rem 0 0 1rem;
}
.indexlist .jobmachine {
    text-align: left;
    padding: 0.2rem 0 0 1rem;
}
.indexlist .jobcorpname {
    text-align: left;
    padding: 0.2rem 0 0 1rem;
}
.indexlist .jobcorptel {
    text-align: center;
}
.indexlist .jobreporttime {
    text-align: center;
}
.indexlist .jobstatus {
    text-align: center;
}
.indexlist .jobedit {
    text-align: center;
}

/*********
苦情要望用
*********/
.indexlist .col_comp_receptdate {
    width: 8.5rem;
}
.indexlist .col_comp_receptname {
    width: 6.5rem;
}
.indexlist .col_comp_contactname {
    width: 6.5rem;
}
.indexlist .col_comp_chiikiname {
    width: 6.5rem;
}
.indexlist .col_comp_areaname {
    width: 6.0rem;
}
.indexlist .col_comp_block {
    width: 8.5rem;
}
.indexlist .col_comp_section {
    width: 8.5rem;
}
.indexlist .col_comp_section_type2 {
    width: 5.5rem;
}
.indexlist .col_comp_type {
    width: 8.5rem;
}
.indexlist .col_comp_status {
    width: 5.5rem;
}
.indexlist .col_comp_function {
    width: 4.8rem;
}

.indexlist .comp_receptdate {
    text-align: center;
}
.indexlist .comp_receptname {
    text-align: center;
}
.indexlist .comp_contactname {
    text-align: center;
}
.indexlist .comp_chiikiname {
    text-align: center;
}
.indexlist .comp_areaname {
    text-align: center;
}
.indexlist .comp_block {
    text-align: center;
}
.indexlist .comp_koku {
    text-align: center;
}
.indexlist .comp_type {
    text-align: center;
}
.indexlist .comp_status {
    text-align: center;
}
.indexlist .comp_status .caution {
    color: red;
    font-weight: bold;
}
.indexlist .comp_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}

/* select2を使用したときのドロップダウンリストの高さ調整 */
.select2-container--default .select2-results>.select2-results__options{
    max-height: 370px !important;
}

/*********
発注依頼書用
*********/
.indexlist .col_orderreq_orderrequestdate {
    width: 8.0rem;
}
.indexlist .col_orderreq_corpname {
    width: 14.5rem;
}
.indexlist .col_orderreq_kojiplace {
    width: 10.0rem;
    width: auto;
}
.indexlist .col_orderreq_deadline {
    width: 8.0rem;
}
.indexlist .col_orderreq_status {
    width: 6.0rem;
}
.indexlist .col_orderreq_function {
    width: 5.0rem;
}

.indexlist .orderreq_orderrequestdate {
    text-align: center;
}
.indexlist .orderreq_corpname {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexlist .orderreq_kojiplace {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexlist .orderreq_deadline {
    text-align: center;
}
.indexlist .orderreq_status {
    text-align: center;
}
.indexlist .orderreq_status .caution {
    color: red;
    font-weight: bold;
}
.indexlist .orderreq_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}

/*********
お知らせ用
*********/
.indexlist .col_message_created {
    width: 8.0rem;
}
.indexlist .col_message_address {
    width: 9.0rem;
}
.indexlist .col_message_subject {
    width: 10.0rem;
    width: auto;
}
.indexlist .col_message_senddate {
    width: 10.0rem;
}
.indexlist .col_message_checkdate {
    width: 10.0rem;
}
.indexlist .col_message_ischeckallcorp {
    width: 7.0rem;
}
.indexlist .col_message_function {
    width: 5.0rem;
}
.indexlist .col_message_function2 {
    width: 3.0rem;
}
.indexlist .col_message_subscriber {
    width: 12.0rem;
}
.indexlist .col_message_file {
    width: 3.0rem;
}

.indexlist .message_created {
    text-align: center;
}
.indexlist .message_subject {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexlist .message_senddate {
    text-align: center;
}
.indexlist .message_senddate .caution {
    color: red;
    font-weight: bold;
}
.indexlist .message_checkdate {
    text-align: center;
}
.indexlist .message_checkdate .caution {
    color: red;
    font-weight: bold;
}
.indexlist .message_ischeckallcorp {
    text-align: center;
}
.indexlist .message_ischeckallcorp .caution {
    color: red;
    font-weight: bold;
}

.indexlist .message_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}
.indexlist .message_function2 {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}
.indexlist .message_subscriber {
    text-align: center;
    padding: 0.2rem 0 0 0.2rem;
}
.indexlist .message_file {
    text-align: center;
    padding: 0.2rem 0 0 0.2rem;
}
button[name="submit"], #send, #shutudou, #taiki { /* 2020/10/5:nsuzuki 富山の出動/待機ボタンのshutudou, taiki 追加 */
    background: #3790c7;
    color: #fff;
    border-color: #145c85;
    min-width: 5.5rem;
}
.indexlist .message_shutudou_status { /* 2020/10/6:nsuzuki 追加 */
    text-align: center;
}
.indexlist .message_shutudou_status .caution { /* 2020/10/6:nsuzuki 追加 */
    color: red;
    font-weight: bold;
}
.indexlist .message_taiki_status { /* 2020/10/6:nsuzuki 追加 */
    text-align: center;
}
.indexlist .message_taiki_status .caution { /* 2020/10/6:nsuzuki 追加 */
    color: red;
    font-weight: bold;
}
.flexBoxContainer .message .search-box { /* 2020/10/8:nsuzuki 追加 */
    position: relative;
}
.flexBoxContainer .message .search-box .search-button button { /* 2020/10/8:nsuzuki 追加 */
    position: absolute;
    bottom: 0.6rem;
    right: 0.9rem;
}
.message .message-title { /* 2020/10/15:nsuzuki */
    width: 8rem;
}
.message .search-box .search-button { /* 2020/10/16:nsuzuki ボタンの親の幅が邪魔でradio押せなかった ieでunsetがないから0px */
    width: 0px;
}


/*********
発注機関－システム運営会社 情報共有掲示板用
*********/
.indexlist .col_messageadmin_created {
    width: 10.5rem;
}
.indexlist .col_messageadmin_subject {
    width: 10.0rem;
    width: auto;
}
.indexlist .col_messageadmin_senddate {
    width: 12.5rem;
}
.indexlist .col_messageadmin_function {
    width: 6.5rem;
}

.indexlist .messageadmin_created {
    text-align: center;
}
.indexlist .messageadmin_subject {
    text-align: left;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.indexlist .messageadmin_senddate {
    text-align: center;
}
.indexlist .messageadmin_senddate .caution {
    color: red;
    font-weight: bold;
}
.indexlist .messageadmin_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}

/*********
機械待機日報一覧用(富山県)
*********/
.indexlist .col_awaitmachine_status {
    width: 8.0rem;
}
.indexlist .col_awaitmachine_function {
    width: 8.0rem;
}

/*********
世話役待機日報一覧用(富山県)
*********/
.indexlist .col_awaitcaretaker_status {
    width: 8.0rem;
}
.indexlist .col_awaitcaretaker_function {
    width: 8.0rem;
}

/*
#gpsfile {
    cursor: pointer;
    text-align: center;
    padding-top: 0.1rem;
    padding-left: 0.3rem;
    padding-bottom: 0.1rem;
    padding-right: 0.3rem;
    font-size: 0.8rem;
}*/

/*********
作業状況写真用
*********/
.photos-allchecked {
    font-size: 90%;
}

.indexlist .col_photo_check {
    width: 2.5rem;
}

.indexlist .col_photo_workdate {
    width: 7.5rem;
}
.indexlist .col_photo_works {
    width: 15.5rem;
}
.indexlist .col_photo_function {
    width: 4.0rem;
}

.indexlist .photo_check {
    text-align: center;
}

.indexlist .photo_workdate {
    text-align: center;
}
.indexlist .photo_works {
    text-align: center;
}
.indexlist .photo_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}

/*********
秋田県　その他作業日報用
2023/10/16 H.Yokoyama
*********/
.otherall_akita-allchecked {
    font-size: 90%;
}

.indexlist .col_otherall_akita_check {
    width: 2.5rem;
}

.indexlist .col_otherall_akita_workdate {
    width: 10rem;
}
.indexlist .col_akita_corp {
    width: 20rem;
}
.indexlist .col_photo_status {
    width: 10rem;
}
.indexlist .col_otherall_akita_function {
    width: 5.0rem;
}

.indexlist .otherall_akita_check {
    text-align: center;
}

.indexlist .otherall_akita_workdate {
    text-align: center;
}

.indexlist .otherall_akita_function {
    text-align: left;
    padding: 0.2rem 0 0 0.2rem;
}

/*****************************************************************************
 sort order
*****************************************************************************/

a.order {
    /* color: #333333; */
    font-weight: bold;
    text-decoration: none;
    text-decoration: underline;
}

a.order:link {
}

a.order:visited {
}

a.order:hover {
}

a:order:active {
    text-decoration: underline;
}

.order-status {
    width: 10px;
    display: inline-block;
    padding-left: 2px;
}


/*****************************************************************************
 counter
*****************************************************************************/

.counter {
    height: 1.6rem;
    padding: 0.3rem 0 0 0.3rem;
}


/*****************************************************************************
 pager
*****************************************************************************/

.pager {
    height: 2.5rem;
    padding: 1.2rem 0 0 0;
}

a.pager , span.currentpage , span.disablepage {
    border: 1px solid #ccc;
    padding: 6px 6px 6px 7px;
    margin: 0 2px 0 3px;
    background-color: #fff;
}

a.pager:link {
    text-decoration: none;
}

a.pager:visited {
    text-decoration: none;
}

a.pager:hover {
    color: #fff;
    border: 1px solid #1b5fba;
    background-color: #198dcd;
    text-decoration: underline;
}

a:pager:active {
    color: #fff;
    /*background-color: #3790c7;
    background-color: #3da5e2;*/
    background-color: #198dcd;
    text-decoration: underline;
}

span.currentpage {
    border:1px solid #666;
    font-weight: bold;
    padding: 6px 6px 6px 6px;
    /*padding: 6px 7px 6px 7px;*/
    /*color: #111;
    background-color: #eaf4ff;*/
    color: #fff;
    /*background-color: #32a0e0;
    background-color: #1c9de4;
    background-color: #198dcd;*/
    background-color: #198dcd;
}

span.disablepage {
    color: #999;
    background-color: #fff;
}

/*****************************************************************************
 counter with pager
*****************************************************************************/

.counter_with_pager {
    height: 2.0rem;
    padding: 1.0rem 0 0 0;
}

a.counter_with_pager , span.currentpage , span.disablepage {
    border: 1px solid #ccc;
    padding: 6px 6px 6px 7px;
    margin: 0 2px 0 3px;
    background-color: #fff;
}

a.counter_with_pager:link {
    text-decoration: none;
}

a.counter_with_pager:visited {
    text-decoration: none;
}

a.counter_with_pager:hover {
    color: #fff;
    border: 1px solid #1b5fba;
    background-color: #198dcd;
    text-decoration: underline;
}

a:counter_with_pager:active {
    color: #fff;
    /*background-color: #3790c7;
    background-color: #3da5e2;*/
    background-color: #198dcd;
    text-decoration: underline;
}

span.currentpage {
    border:1px solid #666;
    font-weight: bold;
    padding: 6px 6px 6px 6px;
    /*padding: 6px 7px 6px 7px;*/
    /*color: #111;
    background-color: #eaf4ff;*/
    color: #fff;
    /*background-color: #32a0e0;
    background-color: #1c9de4;
    background-color: #198dcd;*/
    background-color: #198dcd;
}

span.disablepage {
    color: #999;
    background-color: #fff;
}

/*****************************************************************************
 report
*****************************************************************************/
/* 各項目のz-indexは、地図(1000台)→作業内訳グリッド(コンテキストメニューは1060)→セレクトボックス→datepicker(3000)となるように */

.report input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.report-title, .report-order-title, .report-kara, .report-redio, .report-view {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
}

/* 日報編集画面デザイン変更 ============= */
/* 汎用 ----------------*/
.report-tableborder td, .report-topborder td,
.report-antifreezeborder td, .report-selfloaderborder td, .report-asphalt td, .report-otherworkborder td{
	border: 1px solid #4f4f4f;

}

.report-titlecolor, .report-colorcell #colorcell{
	text-align: center;
	background-color: #dff2fd;
}

.label-deco {
	font-weight: bold;
	font-size:12pt;
}
/* ---------------------- */
/* 中央線 ---------------------*/
.report-centerline {
    background: #dfdfea;
    width:1px;
    height:100vh;
    display:inline-block;
    vertical-align:top;
    margin:20px 0px 5px 5px;
}
/* -----------------------------*/
/* 作業日・作業区分…(他5種)のテーブル top--------------------     */
.report-topborder {
	/*width:100%;*/
}

.report-topborder td{
	/*height:30px;*/
}

.report-topborder select, .report-topborder input[type='text']{
	margin:0.05rem 0 0.25rem 0;
}

.report-topborder input[type='radio']{
	margin:0.22rem 0.1rem 0.1rem 0rem;
    display: block;
    float: left;
}

.report-topborder #radio-label{
	float:left;
	margin: 0 0.6rem 0 0;
}

.report-cellpadding #cellpad{
	padding: 4px 0 0 0;
	text-align: center;
}

.report-cellpadding #cellpad_gray{
    background-color: gray;
    padding: 4px 0 0 0;
    text-align: center;
}

.report-cellpadding #section_id{
	padding: 0 0 0 0.4rem;
	width:10.2rem;
}

.report-cellpadding #support_section_id1, .report-cellpadding #support_section_id2, .report-cellpadding #support_section_id3, .report-cellpadding #support_section_id4{
	padding: 0 0 0 0.4rem;
	width:13.5rem;
}

.report-cellpadding #supportflag{
	margin-left:4px;
}

/*.report-cellpadding #maindriver_type{
	margin-right:2px;
}*/

.report-cellpadding #driver_info{
	text-align: center;
	margin-right:10px;
}
.report-toptable-setting p{
	display: inline-block;
}

.report-toptable-setting #maindriver_type, .report-toptable-setting #subdriver_type{
	padding: 0 0 0 0.4rem;
	width: 13.5rem;
}

.report-toptable-setting #created{
	border: none;
	text-align: right;
	letter-spacing: 0.7px;
	font-weight: bold;
}

.report-toptable-setting #link_report_data_title{
	border: none;
	text-align: left;
	letter-spacing: 0.7px;
	font-weight: bold;
}

/* JV名、業者名表示(発注者ログイン時) 2020/07/16 H.Tamura---------------*/
.report-toptable-setting #corpname{
    border: none;
    text-align: left;
    letter-spacing: 0.7px;
    font-size: 16px;
    font-weight: bold;
}

/* 富山県の日報作成者 2020/10/21:nsuzuki */
.report-toptable-setting #report-maker{
    border: none;
    text-align: left;
    font-weight: bold;
}

/* 走行距離(meter)・注油量表(gas) gasmeter---------------*/

.view-meterheight td{
    height:24px;
}
.report-gasheight td{
	height:35px;
}

.view-gasheight td{
    height:28px;
}

.report-gasmeter {
	text-align:center;
}

.report-gasmeter input{
	text-align:right;
	width:100px;
	height: 1.3rem;
    border: 1px solid #cccccc;
    /*オートフィル後に背景色がつくため、コメントアウト*/
    /*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
    margin: 0.2rem 0 0.25rem 0;
    padding: 0 0.2rem 0 0;
    font-size: 0.9rem;
}

.report-gasmeter #distance, .report-gasmeter #servicemeter{
	border: none;
    box-shadow: none;
}
.report-gasmeter #distance_from, .report-gasmeter #distance_to, .report-gasmeter #distance{
	margin-left:8px;
}

.report-gasmeter #grease{
	margin-right:55px;
}

.report-gasmeter #gasmeter-label{
	padding-left:20px;
}

.report-gasmeter #line-deco{
	border-bottom-color: #c9cacf;
}
/* ----------------------------------*/
/* 凍結防止剤(antifreeze) -----------*/
.report-antifreeze {
	text-align:center;
}

.view-antifreezeheight td{
    height:24px;
}

.report-antifreeze input{
	text-align:right;
	width:100px;
	height: 1.3rem;
    border: 1px solid #cccccc;
    /*オートフィル後に背景色がつくため、コメントアウト*/
    /*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
    margin: 0.2rem 0 0.25rem 0;
    padding: 0 0.2rem 0 0;
    font-size: 0.9rem;
}

.report-antifreeze #antifreeze_sum{
	margin-right:14px;
	border: none;
    box-shadow: none;
}

.report-antifreeze #antifreeze_sum_rest{
	margin-right:14px;
	border: none;
    box-shadow: none;
}

.report-antifreeze label{
	padding-left:10px;
}

#antifreeze-notuse ,#main-notuse{
	background-color:#eeeeee;
}
/* ----------------------------------  */
/*  台車使用量表 -------------------- */
.report-selfloader{
    text-align:center;
}
.report-selfloader td{
	height:35px;
}
.report-selfloader input{
    text-align:right;
    width:100px;
    height: 1.3rem;
    border: 1px solid #cccccc;
    /*オートフィル後に背景色がつくため、コメントアウト*/
    /*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
    margin: 0.2rem 0 0.25rem 0;
    padding: 0 0.2rem 0 0;
    font-size: 0.9rem;
}

/* ---------------------------------- */
/* 交通整理員・補助作業員 ------------  */
.report-guideAndSubworker input{
    text-align:right;
    width:100px;
    height: 1.3rem;
    border: 1px solid #cccccc;
    /*オートフィル後に背景色がつくため、コメントアウト*/
    /*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
    margin: 0.2rem 0 0.25rem 0;
    padding: 0 0.2rem 0 0;
    font-size: 0.9rem;
}

/* ----------------------------------  */
/*  常温合材 -------------------- */
.report-asphalt{
    text-align:center;
}
.report-asphalt td{
	height:35px;
}
.report-asphalt input{
    text-align:right;
    width:100px;
    height: 1.3rem;
    border: 1px solid #cccccc;
    /*オートフィル後に背景色がつくため、コメントアウト*/
    /*box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);*/
    margin: 0.2rem 0 0.25rem 0;
    padding: 0 0.2rem 0 0;
    font-size: 0.9rem;
}

/* ---------------------------------- */
/* 作業備考 -------------------------  */
.report-actualwork{
	margin-bottom:10px;
}
.report-actualwork #actualwork{
	resize:vertical;
	width:805px;
	height:60px;
}
/* ----------------------------------  */
/* 区分別集計 -----------------------  */
.report-kubunbetsu-main td{
	height: 35px;
}

.report-kubunbetsu-sonota td,.report-rosenbetsu td{
	height: 25px;
}

/* 写真・画像 ----------------------- */
.info-pictures { 
	font-size:10.8pt;
}
/* ---------------------------------- */

/* 差戻し定型文ボタン*/
.templateBtn{
    margin:0.1rem 0.1rem 0.4rem;
    font-size:13px;
    background:#f2f8ff;
    border:1px solid #bbc5d2;
}

.tmpBalloon1, .tmpBalloon2, .tmpBalloon3, .tmpBalloon4{
      display: none;
      position: absolute;
      font-size:12px;
      bottom: 2.5rem;
      padding: 8px;
      border-radius: 5px;
      background: #ffe3b2;
      color: #000000;
}
.tmpBalloon1:after, .tmpBalloon2:after, .tmpBalloon3:after, .tmpBalloon4:after{
      position: absolute;
      width: 0;
      height: 0;
      left: 7rem;
      bottom: -20px;
      border: solid transparent;
      border-color: rgba(51, 204, 153, 0);
      border-top-color: #ffe3b2;
      border-width: 10px;
      pointer-events: none;
      content: " ";
}
.tmpBalloon1{
      left: 5rem;
}
.tmpBalloon2{
      left: 5rem;/*left: 15rem;*/
}
.tmpBalloon3{
      left: 15rem;/*left: 20rem;*/
}
.tmpBalloon4{
      left: 29rem;
}

#tmpBtn1:hover + .tmpBalloon1, #tmpBtn2:hover + .tmpBalloon2,
#tmpBtn3:hover + .tmpBalloon3,#tmpBtn4:hover + .tmpBalloon4{
    display:block;
}
/* ===================================================== */
.report-title {
    width: 7.8rem;
}

.report-title + select {
    z-index: 2000;
}

.report-order-title {
    width: 7rem;
}

.report-kara {
    width: 1.8rem;
    text-align: center;
}

.report-redio-box {
    width: 100%;
    float: left;
}

.report-redio {
    margin-right: 1.2rem;
}

.report-view {
    width: 38.25rem;
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.report-status {
    display: block;
    margin: 0.22rem 0 0 0;
    color: red;
    font-weight: bold;
}

/*.report-graph, .report-worktime, .report-note, .report-map {
    display: block;
    float: left;
}*/

.report-worktime {
    /*z-index: 1050;*/
    z-index: 1000; /*2019/10/09 A.Oosaki ダイアログを表示する関係で調整*/
    position: relative;
}

/* (2019/07/24 R.Yamaguchi)*/
.report-worktime-popup{
    /*z-index: 1051;*/
    z-index: 1001; /*2019/10/09 A.Oosaki ダイアログを表示する関係で調整*/
    position: absolute;
    top: 65px;
    width:235px;
    left:70%;/*gpsあり:70% gpsなし:32%*/
    background-color: #ffffff;
    border: 2px solid #005982;
    padding: 7px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px; 
}

.report-worktime-popup:before {
    position: absolute;
    bottom: 100%;
    right:15%; 
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #005982;
    border-left: 15px solid transparent;
}

.report-worktime-popup:after {
    position: absolute;
    bottom: 96%;
    right:15%;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}

.report-worktime-popup-link {
    color: #4169E1;
    text-decoration: underline;
    cursor:pointer;
}

.report-workcode-popup{
    z-index: 1001;
    position: absolute;
    top: 65px;
    width:235px;
    left:70%;
    background-color: #ffffff;
    border: 2px solid #005982;
    padding: 7px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.report-workcode-popup:before {
    position: absolute;
    bottom: 100%;
    right:40%;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #005982;
    border-left: 15px solid transparent;
}

.report-workcode-popup:after {
    position: absolute;
    bottom: 96%;
    right:40%;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}

.note-requirecell-popup{
    width: 170px;
}
.rosen-requirecell-popup{
    width: 160px;
}
.rosen-safe-requirecell-popup{
    width: 126px;
}
.kubun-safe-requirecell-popup{
    width: 126px;
}

.note-requirecell-popup, .rosen-requirecell-popup, .rosen-safe-requirecell-popup, .kubun-safe-requirecell-popup {
    /*z-index: 1049;*/
    z-index: 999; /*2019/10/09 A.Oosaki ダイアログを表示する関係で調整*/
    position: absolute;
    top: 0px;
    left: 41%;
    height: 35px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 10px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.note-requirecell-popup:before, .rosen-requirecell-popup:before, .rosen-safe-requirecell-popup:before, .kubun-safe-requirecell-popup:before {
    position: absolute;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.note-requirecell-popup:after, .rosen-requirecell-popup:after, .rosen-safe-requirecell-popup:after, .kubun-safe-requirecell-popup:after {
    position: absolute;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.rosen-requirecell-popup:before, .rosen-safe-requirecell-popup:before, .kubun-safe-requirecell-popup:before, .note-requirecell-popup:before{
    top: 100%;
    left:10%; 
    border-top: 15px solid #005982;
}

.rosen-requirecell-popup:after, .rosen-safe-requirecell-popup:after, .kubun-safe-requirecell-popup:after, .note-requirecell-popup:after{
    top: 95%;
    left:10%;
    border-top: 15px solid #fffedb;
}

/*内訳時刻エラーメッセージ用吹き出し 2020/08/26 H.Tamura*/
.start-requirecell-popup,.end-requirecell-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 144px;
    height: 78px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.start-requirecell-popup:before, .end-requirecell-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.start-requirecell-popup:after, .end-requirecell-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.start-requirecell-popup:before, .end-requirecell-popup:before{
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.start-requirecell-popup:after, .end-requirecell-popup:after{
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

/*【富良野市】内訳時刻エラーメッセージ(3-21以外)用吹き出し 【20211112】gnakamura*/
.furano-prohibited-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 144px;
    height: 78px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.furano-prohibited-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.furano-prohibited-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.furano-prohibited-popup:before{
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.furano-prohibited-popup:after{
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

.end-furano-prohibited-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 144px;
    height: 78px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.end-furano-prohibited-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.end-furano-prohibited-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.end-furano-prohibited-popup:before{
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.end-furano-prohibited-popup:after{
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

/*【富良野市】内訳時刻エラーメッセージ(3-21以外)用吹き出し 【20211112】gnakamura*/

/*【20211115】gnakamura 手動日報で、24時間以上の入力を受けない アラート*/
.not-input-over-twentyfour-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 148px;
    height: 78px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.not-input-over-twentyfour-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.not-input-over-twentyfour-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.not-input-over-twentyfour-popup:before{
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.not-input-over-twentyfour-popup:after{
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

.end-not-input-over-twentyfour-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 148px;
    height: 78px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.end-not-input-over-twentyfour-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
}

.end-not-input-over-twentyfour-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
}

.end-not-input-over-twentyfour-popup:before{
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.end-not-input-over-twentyfour-popup:after{
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

/*【20211115】gnakamura 手動日報で、24時間以上の入力を受けない アラート*/

/*2022.02.01 tkaiga 大野市用同時刻入力時のポップアップ*/
.sametime-requirecell-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 146px;
    height: 58px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.sametime-requirecell-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.sametime-requirecell-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

/*2022.02.01 tkaiga 大野市用暖機冷機関連のポップアップ*/
/*2022/07/13 hnaka 全自治体で使用に変更*/
.danki-requirecell-popup{
    /*z-index: 1049;*/
    z-index: 999; /*2019/10/09 A.Oosaki ダイアログを表示する関係で調整*/
    position: absolute;
    top: 0px;
    left: 41%;
    height: 60px;
    width:210px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 10px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.danki-requirecell-popup:before{
    position: absolute;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    top: 100%;
    left:10%; 
    border-top: 15px solid #005982;
}

.danki-requirecell-popup:after{
    position: absolute;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    top: 95%;
    left:10%;
    border-top: 15px solid #fffedb;
}

.reiki-requirecell-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 210px;
    height: 60px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.reiki-requirecell-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.reiki-requirecell-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

.between-requirecell-popup{
    z-index: 999;
    position: absolute;
    top: 0px;
    left: 41%;
    width: 267px;
    height: 60px;
    background-color: #fffedb;
    border: 2px solid #005982;
    color: #303030;
    padding: 7px 9px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}

.between-requirecell-popup:before{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    bottom: 100%;
    left:10%; 
    border-bottom: 15px solid #005982;
}

.between-requirecell-popup:after{
    position: absolute;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-bottom: 15px solid;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    bottom: 95%;
    left:10%;
    border-bottom: 15px solid #fffedb;
}

#before-reiki-requirecell-popup {
    width: 275px;
}

#after-danki-requirecell-popup {
    width: 270px;
}

#popup_labeldeco{
	color:red;
}

.cross_mark {
    display: inline-block;
    position: relative;
}

.cross_mark:before, .cross_mark:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1px; /* 棒の幅（太さ） */
    height: 10px; /* 棒の高さ */
    background: #333; /* バツ印の色 */
}
   
.cross_mark:before {
    transform: translate(-50%,-50%) rotate(45deg);
}
   
.cross_mark:after {
    transform: translate(-50%,-50%) rotate(-45deg);
}

.error-icon {
    position: absolute;
    z-index: 110;
    width: 16px;
    height: 16px;
    left: 3px;
}

.report-map {
    display: block;
    margin-top: 10px;
    width: 958px;
    height: 30rem;
    border: 1px solid #cccccc;
}
.report-map-view, .report-map-print {
    width: 100%;
    height: 30rem;
}

.report-map-print {
    width: 718px;
    height: 716px;
    position: fixed;
    top: -1000px;
}

.report-shukei, report-shukei-7lines{
    /*width: 815px;
    height: 170px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 20px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;*/
}

.report-shukei-7lines {

}

#report_work_in,#report_work_out,#report_rosen_in { 

	margin-bottom:7px;
}

.report-shukei-grid, .report-shukei-title, .report-shukei-grid-7lines{
    display: block;
    float: left;
}

.report-shukei-title:first-child {
    width: 490px;/*width: 542px;*/
}

.report-shukei-title a {
    font-size: 0.85rem;
    padding-left: 0.5rem;
}
/*
.report-shukei-grid:nth-child(2) {
    margin: 0px 20px;
}
*/

.report-shukei-grid , .report-shukei-grid-7lines{
   /* width: 230px;/*width: 257px;*/
    /*height: 168px;
    overflow: auto;*/
}

.report-shukei-grid-7lines {
    /*height: 208px;*/
}

.report-note {
    display: block;
}

.report-graph {
    width: 958px;
}

.report-graph ul {
    display: table;
}

.report-graph li.graph {
    border: 1px solid #cccccc;
    height: 120px;
}

.report-graph li.originaltimebar {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 52px;
}

.report-graph li.editedtimebar {
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    height: 64px;
}


.report-graph div.title {
    display: table-cell;
    padding: 5px;
    width: 72px;
    vertical-align: middle;
    text-align: center;
    background-color: #dff2fd;
    /*border-bottom: 1px solid white;*/
}

.report-graph div.body {
    display: table-cell;
    vertical-align: middle;
    width: 72px;
}

.report-graph-set {
    width: 100%;
    height: 239px;
    border: 1px solid black;
    overflow: auto;
}

.report-graph-set-noscroll01 {
    width: 100%;
    height: 120px;
    border: 1px solid black;
}

.report-graph-set-noscroll02 {
    width: 100%;
    height: 120px;
    border: 1px solid black;
    margin: 10px 0 0 0;
}

.report-timebar-set-noscroll {
    width: 100%;
    height: 50px;
    border: 1px solid black;
    border-top: 0px;
}

.report-graph-legend {
    display: table;
    border: 1px solid #cccccc;
    padding: 5px 5px 2px 5px;
    margin: 5px 5px 5px 0;
}

.report-graph-legend div {
    display: table-cell;
}

.report-graph-legend span {
    padding: 0 10px 0 0;
}

.report-graph-legend img {
    padding: 2px 5px 0 8px;
}

.report-note-button {
    font-size: small;
    margin-left: 0.3rem;
    padding:0 1.0rem 0 1.0rem;
}

.report-note-anchor {
    margin-top: 1rem;
    width: 47.0rem;
}

.report-tachofile {
    margin: 0.5rem 0 0.1rem 0;
}

.report-photofile {
    margin: 1.0rem 0 0.1rem 0;
}

.report-grid-title {
    display: table;
    width: 100%;
}
.report-grid-title-left {
    display: table-cell;
    text-align: left;
    vertical-align: bottom;
}

.report-grid-title-right {
    display: table-cell;
    text-align: right;
}

.report-dankireiki-button {
    font-size: small;
    margin-left: 0;
    padding:0.2rem 1.0rem 0.2rem 1.0rem;
}

.report-dankionly-button { /* 群馬県 日報編集で暖機の行を挿入するボタン 2022/10/21 hsakurai */
    font-size: small;
    margin-left: 0;
    padding:0.2rem 1.0rem 0.2rem 1.0rem;
    background: #f1904f;
    color: #fff;
    border-color: #f0571b;
    width: 4.8rem;
}

.report-dankionly-button:hover {
    background: #e97a30;
    border-color: #e94402;
}

.report-dankionly-button:active {
    background: linear-gradient(#e94402, #f0571b);
}

.report-dankionly-button:disabled {
    background: #f1904f;
    color: #efefef;
    border-color: #f0571b;
}

.report-reikionly-button { /* 群馬県 日報編集で冷機の行を挿入するボタン 2022/10/21 hsakurai */
    font-size: small;
    margin-left: 0;
    padding:0.2rem 1.0rem 0.2rem 1.0rem;
    background: #60addd;
    color: #fff;
    border-color: #1c86c4;
    width: 4.8rem;
}

.report-reikionly-button:hover {
    background: #4492c2;
    border-color: #036096;
}

.report-reikionly-button:active {
    background: linear-gradient(#036096, #1c86c4);
}

.report-reikionly-button:disabled {
    background: #60addd;
    color: #efefef;
    border-color: #1c86c4;
}

.report-grid-dankireiki { /* 暖機、冷機挿入ボタン配置用 */
    display: block;
    text-align: left;
}

.report-dankireiki {
    float: right;
}

.link-report-navi {
    border: 2px solid #ff8c00;
    border-radius: 3px;
    background-color:#ffff00;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.link-report-navi-coord {
    border: 2px solid #009900;
    border-radius: 3px;
    background-color:#ccffcc;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
}

.link-report-data {
    border: 2px solid #ff8c00;
    border-radius: 3px;
    background-color:#ffffff;
    margin-top: 0.5rem;
    margin-bottom: 0.1rem;
    padding: 0.5rem 0.5rem 0.5rem 0.5rem;
    box-shadow: 0 5px 5px #666666;
}

.user-status {
    border: 1px solid #e4e3b1;
    border-radius: 3px;
    background-color:#ffffd2;
    width: 22rem;
    margin-bottom: 0 0 0.1rem 0;
    padding: 0.4rem 0 0.4rem 0.6rem;
}

.admin-status {
    border: 1px solid #cc0000;
    border-radius: 3px;
    background-color:#fff8fa;
    width: 59.5rem;
    margin: 0 0 0.8rem 0;
    padding: 0.6rem 0 0.8rem 0.6rem;
}

.report-upload {
    text-align: center;
    border: 1px solid #000;
}

.report-upload .uploadbox {
    width: 80%;
    height: 5rem;
    margin: 0 auto;
}

.report-upload .uploadtitle {
    margin: 0.5rem;
}

.report-upload .uploadtitle a {
    margin-left: 1rem;
}

.report-upload #uploadlist li {
    display: inline-block;
    padding: 0.5rem 0;
    border: 1px solid #333;
    border-radius: 5px;
    background: #666;
    width: 10rem;
    text-align: center;
    cursor: pointer;
    color: #fff;
}

.report-upload #uploadlist li:hover {
    background: #484848;
    border-color: #000;
}

.report-upload #uploadlist li:active {
    background: linear-gradient(#000, #333);
}

.report-upload #fileupload div {
    margin-top: 0.3rem;
}

.report-gas-table {
    width: 290px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-gas-table tr {
    vertical-align: top;
}

.report-antifreeze-table {
    width: 800px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-antifreeze-table-view {
    width: 500px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-antifreeze-table tr {
    vertical-align: top;
}

.report-antifreeze-table2 {
    /*八峰町用ミニサイズ*/
    width: 290px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-antifreeze-table-view2 {
    width: 290px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-antifreeze-table2 tr {
    vertical-align: top;
}

.antifreeze-sum{
    border:1px solid black;
    border-left-style:none;
    border-right-style:none;
    border-bottom-style:none;
}

.report-meter-table {
    width: 440px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-meter-table tr {
    vertical-align: top;
}

.report-note-table {
    width: 800px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-note-table tr {
    vertical-align: top;
}

.report-accident-table {
    width: 800px;
    margin:7px 0px 10px 20px;
    padding: 10px 10px 10px 10px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
}

.report-accident-table tr {
    vertical-align: top;
}

.reports-allchecked {
    font-size: 90%;
    padding: 5px 10px 5px 10px;
}

#dragandropimage.draganddroparea ,  #dragandropimage_tacho.draganddroparea{
    background-color:#f2f8ff;
    color:#1b5fba;
    display: table-cell;
    /*font-size:200%;*/
    font-size:15pt;
    height:80px;
    text-align:center;
    vertical-align:middle;
}

/*
.report #uploadlist li {
    display: inline-block;
    padding: 0.3rem 1.5rem;
    border: 1px solid #c3c3c3;
    background: #c3c3c3;
    border-bottom: none;
    margin-bottom: -1px;
}

.report #uploadlist li a {
    color: black;
    text-decoration: none;
}

.report #uploadlist li.active {
    background: #fff;
    position:relative;
    z-index:1;
}

.report #uploadlist li.disabled {
    background: #eee;
    border: 1px solid #eee;
    border-bottom: none;
}

.report #uploadlist li.disabled a {
    color: #999;
    text-decoration: none;
}

.report #fileupload {
    padding: 2rem;
    border: 1px solid #c3c3c3;
    position:relative;
    z-index:0;
}

.report #fileupload>div {
    display: none;
}

.report #fileupload>div.active {
    display: block;
}
*/

/*****************************************************************************
 setting
 *****************************************************************************/

.setting label {
    display: block;
    width: 9.1rem;
    float: left;
    margin: 0.22rem 0 0 0;
}
.setting input {
    display: block;
    width: 11.8rem;
    float: left;
    margin-bottom: 10px;
}
.setting label {
    text-align: left;
    padding-right: 5px;
}
.setting br {
    clear: left;
}
.setting info {
    display: block;
    float: left;
    /*margin: 0.22rem 0 0 0.8rem;*/
    margin: 0.26rem 0 0 0.8rem;
    font-size: 0.8rem;
}

/*****************************************************************************
 contents all
 *****************************************************************************/
.contents-notes{
    font-size: 0.7rem;
    color: red;
}

.contents-supplement{
    margin-bottom: 0.65rem;
}

.contents-supplement input{
    margin-bottom: 0;
}

.contents-supplement .supplement{
    font-size: 0.8rem;
    color: #3790c7;
}

/*****************************************************************************
 contents_holiday
 *****************************************************************************/

.holiday button {
    font-size: small;
    margin-left: 0.3rem;
    padding:0 1.0rem 0 1.0rem;
}

.holiday .option-sub {
    margin-bottom: 1.8rem;
}

.holiday .option-sub label {
    margin-right: 2rem;
}
/*****************************************************************************
 contents_subscriber
 *****************************************************************************/
.subscriberlabel{
    width: 5.2rem;
    display:inline-block;
    /*float:left;*/
}
.subscriber .contents-supplement .supplement{
    margin-left: 5.5rem;
}

/*****************************************************************************
 contents_corp
 *****************************************************************************/
.corp .corpname{
    width: 20rem;
}
.corp .zipcode{
    width: 6rem;
}
.corp .address{
    width: 20rem;
}
.corp .tel{
    width: 8rem;
}
.corp .fax{
    width: 8rem;
}
.corp .email{
    width: 14rem;
}
.corplabel{
    width: 11.0rem;
    display:inline-block;
    /*float:left;*/
}

.corp .contents-supplement .supplement{
    margin-left: 11.4rem;
}

/*****************************************************************************
 contents_block
 *****************************************************************************/
.blocklabel{
    width: 4.6rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_section
 *****************************************************************************/
.sectionlabel{
    width: 10.7rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_rosen
 *****************************************************************************/
.rosen button {
    font-size: small;
    margin-left: 0.3rem;
    padding:0 1.0rem 0 1.0rem;
}

.rosenlabel{
    width: 6.7rem;
    display:inline-block;
    margin-bottom: 7px;
    /*float:left;*/
}

/*****************************************************************************
 contents_group
 *****************************************************************************/
.grouplabel{
    width: 6.8rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_machine
 *****************************************************************************/
.machine .autocomplete {
    width: 24rem;
}

.machine .ui-helper-hidden-accessible {
    display: none;
}
.machinelabel{
    width: 7.3rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_contract
 *****************************************************************************/
.contractlabel{
    width: 6.3rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_worker
 *****************************************************************************/
.workerlabel{
    width: 4.7rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 contents_ReportMaker
 *****************************************************************************/
.reportmakerlabel{
    width: 6.4rem;
    display:inline-block;
    /*float:left;*/
}

/*****************************************************************************
 OpenLayers
 *****************************************************************************/
.olControlLayerSwitcher {
}
.olControlLayerSwitcher input[type='radio'] {
    margin: 0 0 0 0;
    display: block;
    float: left;
}

/*****************************************************************************
 機械マスタ、機械以外マスタ 詳細表示用 2020/09/08 H.Tamura
 *****************************************************************************/

.machines_table{
    width:100%;
    text-align: left;
    border:solid 1px #ddd;
    border-collapse: collapse;
}

.machines_table td{
    border:solid 1px #ddd;
    border-collapse: collapse;
    padding-left: 10px;
}

.machines_table select, input[type="text"] {
    margin: 1px 1px 1px 1px;
}

#machines-colorcell{
    background-color: #dff2fd;
}

/* 単価 */
.machines-cost_table{
    width: 100%;
    border: 1px solid #ddd;
}

/* 機械以外単価 */
.other-cost_table{
    width: 60%;
    border: 1px solid #ddd;
}

.machines-cost_table .title, .other-cost_table  .title{
    font-weight: bold;
    background: #f3f3f3;
    padding: 0.2rem 0;
    text-align: center;
}

.machines-cost_table th, .machines-cost_table td , .other-cost_table th, .other-cost_table td{
    text-align: center;
    margin: 0;
    border: 1px solid #ddd;
}

.machines-cost_table th, .other-cost_table th{
    background-color: #dff2fd;
}

.machines-cost_table input[type="text"], .other-cost_table input[type="text"]{
    text-align: center;
    padding-right:0;
    width: 90%;
    margin: 0;
}

.machines-cost_table select, .other-cost_table select{
    padding-right:0;
    width: 90%;
    margin: 0;
}

#machines-cost input[type="text"], .other-cost_table input[type="text"]{
    text-align: right;
}

.using_subscriber_info {
    width: 18px;
}

/*****************************************************************************
 total 2016/10/31 K.Kobayashi
 *****************************************************************************/
.total-title, .total-kara, .total-redio {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
}

.total-title {
    width: 6.5rem;
}

.total-kara {
    width: 1.8rem;
    text-align: center;
}

.total-button {
    font-size: small;
    margin-left: 0.3rem;
    padding:0 1.0rem 0 1.0rem;
}

/*
.total-type {
    margin:0.24rem 0 0 6.5rem;
}

.total-type input[type='radio'] {
    margin-top: 0.8rem;
}

.total-type ul {
    margin-left: 2rem;
}

.type-title {
    margin-right: 21.8rem;
}

.total-save hr {
    height: 1px;
    background: #dfdfea;
    display: block;
    border: 0;
}
.total-save input[type='text'] {
    width: 26rem;
}
*/

/*****************************************************************************
 cost_table 2016/12/27 K.Kobayashi
 *****************************************************************************/
.cost {
    width: 100%;
    border: 1px solid #ddd;
}

.cost .title {
    font-weight: bold;
    background: #f3f3f3;
    padding: 0.2rem 0;
    text-align: center;
}

.cost th, .cost td {
    text-align: center;
    border: 1px solid #ddd;
}

.cost input[type="text"] {
    text-align: right;
    padding-right: 0.5rem;
    width: 85%;
    margin: 0.4rem 0;
}

.cost input[type="text"]::-ms-clear {
    display: none;
}

.excp {
    border: 1px solid #ddd;
}

.excp li {
    list-style-position: inside;
}

.excp li:nth-of-type(2n) {
    background: #f3f3f3;
}

.cost_title {
    height: 1.6rem;
    margin-top: 0.2rem;
    margin-left: 1rem;
    display: inline-block;
    width: 94%;
    cursor: pointer;
}

a.cost_delete_disabled {
    color: #bbb;
}

/*****************************************************************************
 Select-Multiple
 *****************************************************************************/
.ms-container {
    display: block;
    float: left;
}
/*
.ms-select-small {
    width: 22rem;
}

.ms-select-small .btn-all {
    margin-left: 0.8rem;
}

.ms-container input[type='text'] {
    margin: 0.5rem 0 0.2rem 0;
}

*/
.ms-container input[type='text']::-ms-clear {
    display: none;
}

.ms-container .input-corp {
    width: 48rem;
}
/*
.ms-container .input-type {
    width: 12rem;
}

.ms-select-small:last-child {
    margin-left: 2.5rem;
}
*/

.ms-container:after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.ms-container .ms-list {
    border: 1px solid #ccc;
    position: relative;
    height: 10rem;
    padding: 0;
    overflow-y: auto;
}
/*
.ms-select-small .ms-list {
    height: 6.5rem;
}
*/

.ms-container .ms-list.ms-focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0;
    outline: thin dotted \9;
}

.ms-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0;
}

.ms-container .ms-optgroup-container {
    width: 100%;
}

.ms-container .ms-optgroup-label {
    margin: 0;
    padding: 5px 0px 0px 5px;
    cursor: pointer;
}

.ms-container .ms-selectable li.ms-elem-selectable {
    border-bottom: 1px #eee solid;
    padding: 2px 10px;
    color: #555;
    font-size: 14px;
}

.ms-container .ms-selectable li.ms-hover {
    cursor: pointer;
    color: #fff;
    text-decoration: none;
    background-color: #3790c7;
}

.ms-container .ms-selectable li.disabled {
    background-color: #eee;
    color: #aaa;
    cursor: text;
}

.ms-container .ms-selectable li span.ms-elem-selected {
    display: none;
}

.pull-right.ms-elem-selected {
    float: right;
    font-size: 0.85rem;
    font-weight: bold;
    background: #3790c7;
    color: white;
    padding: 0 0.3rem;
}

/*****************************************************************************
 total_year 2017/07/13 A.Oosaki
 *****************************************************************************/
.ty-label{
    text-align: center;
}


/*****************************************************************************
 autocomplete
 *****************************************************************************/
input[autocomplete="on"] {
    width: 18rem;
}

/*****************************************************************************
 josetureg
 *****************************************************************************/

.regist_situation{
    width: 400px;
    margin: 0 auto;
}

.regist_situation select {
    width: 20rem;
    height: 2.2rem;
}

.regist_situation_rosen {
    margin: 0 0 0.8rem;
}

.regist_situation_machine {
    margin: 0 0 0.8rem;
}

.regist_situation_status {
    margin: 0 0 0.8rem;
}

.regist-radio {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    margin-right: 1.7rem;
}

.regist_situation_work_type input[type='radio'] {
    width: 20px;
    height: 20px;
    /*-moz-transform-origin: right bottom;
    -moz-transform: scale( 2 , 2 );*/
}

.regist_situation_status input[type='radio'] {
    width: 20px;
    height: 20px;
    /*-moz-transform-origin: right bottom;
    -moz-transform: scale( 2 , 2 );*/
}

.regist-title {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    width: 3.5rem;
    font-size: 1rem;
}

/*****************************************************************************
 yosan
 *****************************************************************************/
#yosan_table {
    /* width: 320px; */
    /* border: 1px #000000 solid; */
    border-color: #cccccc;
    margin: 0 0 2rem 0;
    font-size: 1rem;
}

#yosan_table tr {
    width: 100%;
    text-align: center;
}
#yosan_table tr:nth-child(1) td {
    text-align: center;
    background-color: #f0f8ff;
}
#yosan_table tr:nth-child(2n) td {
    background-color: #f3f3f3;
}
#yosan_table th {
    width: 15%;
    text-align: center;
    /* background: #e0ffff; */
    background-color: #f0f8ff;
}
#yosan_table td {
    text-align: right;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
#row_total {
    border-top-style:double;
    /* height: 3em; */
}
#row_total td{
    border-top-style:double;
    height: 3em;
    padding-top: 0;
    padding-bottom: 0;
}
#yosan_table td > input[type="text"] {
    /* width: 182px; ゴリゴリの固定値 */
    margin-bottom: 0px;
    padding: 0.25rem 0.25rem;
}

#yosan_table td > select {
    width: 100%;
    height: 1.9rem;
    margin-bottom: 0px;
    padding: 0.25rem 0.25rem;
}

#yosan_table .value_col {
    width: 150px;
}
#yosan_table .value_col input[type="text"] {
    width: 150px;
    text-align: right;
}

#yosan_table .date_col {
    width: 100px;
}
#yosan_table .date_col input[type="text"] {
    width: 100px;
    text-align: right;
}
#yosan_table .note_col {
    width: 200px;
}
#yosan_table .note_col input[type="text"] {
    width: 200px;
}

#yosan_table .type_col {
    width: 100px;
}
#yosan_table .type_col input[type="text"] {
    width: 100px;
}

.yosan_table_spaceholder {
	width: 30%;
}

.export_yosan {
    flex: 1;
    margin: 0 5%;
    position: relative;
}

.btn_export_yosan {
    position: absolute;
    bottom: 0;
    right: 0;
}


.remand {
    border: 1px solid #ff9987;
    border-radius: 3px;
    background-color: #ffcecc;
    width: 59.5rem;
    margin: 0 0 0.8rem 0;
    padding: 0.6rem 0 0 0.6rem;
}

.orderedithistory {
    border: 1px solid #b6d596;
    border-radius: 3px;
    background-color: #e8f7e0;
    width: 59.5rem;
    margin: 0 0 0.8rem 0;
    padding: 0.6rem 0 0 0.6rem;
}

.report-orderedithistory {
    z-index: 1050;
    position: relative;
}

/* 修正履歴ポップアップ(本体) //20190205 H.Yokoyama */
.report-orderedithistory-popup{
    display: none;
    position: absolute;
    width: 240px;
    padding: 10px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;  
    border-radius: 8px;
    background-color: #fff;
    border: 2px solid #005982;
}

/* 修正履歴ポップアップ(枠色三角) */
.report-orderedithistory-popup:before {
  position: absolute;
  bottom: 100%;
  right: 13%;/*left: 60%;*/
  margin-left: -50px;
  border: solid transparent;
  border-width: 10px;
  pointer-events: none;
  content: " ";
  border-right: 15px solid transparent;
  border-bottom: 15px solid #005982;
  border-left: 15px solid transparent;
}

/* 修正履歴ポップアップ(背景色三角) */
.report-orderedithistory-popup:after {
  position: absolute;
  top: -23px;
  right: 13%;/*left: 60%;*/
  margin-left: -50px;
  border: solid transparent;
  border-width: 10px;
  pointer-events: none;
  content: " ";
  border-right: 15px solid transparent;
  border-bottom: 15px solid #fff;
  border-left: 15px solid transparent;
}

.margin_r_10 {
    margin-right: 10px;
}

#excute_state_table td {

}

.excute_state_table_area {
	margin: 10px 0 20px;
	width: 100%;
	height: 1000px;
	position: relative;
	white-space: nowrap;
}

.yosan_header {
    width: 15%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow-y: auto;
}

.th_title_sub_row {
    text-align: center;
    height: 25px;
    padding: 3px 0;
}

.th_title_main {
    vertical-align: middle;
    text-align: left;
    padding: 2px 0 0 2px;
}

.th_title_space {
    width:75px;
    text-align: center;
    padding: 1px 0;
}

.yosan_data {
    width: 80%;
    position: absolute;
    left: 15%;
    top: 0;
    overflow: auto;
}

.yosan_data th {
    width:95px;
    text-align: center;
    padding: 1px 0;
}

.yosan_data td {
    text-align: right;
    height: 25px;
    padding: 4px 3px 2px 0;
}

.yosan_data_title {
    font-size: 1.5rem;
    padding-top: 1.25em;
    text-decoration:underline;
}

.yosan_page_menu {
    margin-bottom: 5px;
    overflow: hidden;
}

.yosan_page_menu dt {
    float: left;
    margin-bottom: 5px;
}

.yosan_page_menu dd {
    margin-left: 15em;

}

.yosan_page_menu dd::after {
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    clear: both;
    min-height: 0;
    visibility: hidden;
}

.tr_cel_specifity {
    background-color: #c9c2c2;
}

.tr_cel_specifity td {
    background-color: #c9c2c2;
}

.tr_cel_total th {
    background-color: rgba(204, 255, 153,0.5);
}

.tr_cel_total td {
    background-color: rgba(204, 255, 153,0.5);
}

.td_cel_total {
    background-color: rgba(255, 255, 153, 1);
}

.tr_cel_govt_total {
    background-color: rgb(246, 222, 224);
}

.tr_cel_govt_total td {
    background-color: rgb(246, 222, 224);
}

.simpleview { width: 20em;margin-top: 2em;font-size: 120%;letter-spacing: 2px; }
.simpleview div { margin-left: 2em;margin-top: 5px; }
.flexcontainer { display: -webkit-flex;-webkit-flex-wrap: wrap;display: flex;flex-wrap: wrap;text-align: right; }
.detailedview { margin: 0px 0 20px;width: 100%;position: relative;white-space: nowrap; }
.leftcontents { width: 7.5em;margin-right: 1em; }
.flexcontents { width: 9em; }
.important-contents { font-weight: bold; }
.bis-title { font-weight: bold;margin-left: 0.5em; }
.tindent01 { text-indent: 1em; }
.view_half { color:#FF9900; }
.view_three_quarters { color:red; }

input[name="page_tab"]{
        display: none;
}
    
.execute_state_tab{
        font-size:20px;
        letter-spacing: 1px;
        margin-right: 7px;
        padding: 8px 20px 4px;
        background:#bbbbbb;
        color: #ffffff;
        border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

.execute_state_tab:hover{
    opacity: 0.75;
}

#table_tab:checked + .execute_state_tab,#graph_tab:checked + .execute_state_tab {
        background-color: #1577af;
}

/*縦タブ(予算執行状況)*/
input[name="page_tab2"]{
        display: none;
}
.execute_state_tab2{
        font-size:20px;
        /*letter-spacing: 1px;*/

        padding: 8px 20px 4px;
        background:#bbbbbb;
        color: #ffffff;
        border-radius: 5px 5px 0px 0px / 5px 5px 0px 0px;
}

.execute_state_tab2:hover{
    opacity: 0.75;
}

#_tab2_approved:checked + .execute_state_tab2,#_tab2_unapproved:checked + .execute_state_tab2 {
        background-color: #1577af;
}

/*****************************************************************************
 antifreeze
 *****************************************************************************/

.indexlist .col_arrivalusedate {
     width: 8.5rem;
}

.indexlist .col_arrivalusetype {
     width: 8.5rem;
}

.antifreeze {
    margin: 0.5rem 0 3rem;
}

.antifreeze select {
     width: 10rem;
     height: 1.5rem;
}

.antifreeze-title {
      float: left;
      display: block;
      margin: 0.22rem 0 0 0;
      width: 9rem;
}

.antifreeze-title + select {
       z-index: 2000;
}

.middle_p {
       margin: 1rem 0;
       padding-bottom: 0.1em;
}

.antifreeze-element {
       width: 100%;
       display: block;
       margin: 0 0 10px 0;
}

.antifreeze-element input[type="text"] {
       width: 6rem;
}

.antifreeze-unit {
        margin-left: 1rem;
}

.antifreeze-element p {
       margin-left: 1.75rem;
}

/*****************************************************************************
 complaints
 *****************************************************************************/
.complaint input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.complaint input[type='checkbox'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.complaint-title, .complaint-redio, .complaint-view {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
}

.complaint-title {
    width: 7.8rem;
}

.complaint-title + select {
    z-index: 2000;
}

.complaint-redio {
    margin-right: 1.2rem;
}

.complaint-redio-box {
    width: 100%;
    float: left;
}

.complaint-redio-box input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.complaint-box {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0.5rem 0 1.0rem 0;
    width: 70%;
    padding: 0.8rem 0 0 0.8rem;
}

.complaint-box.complaint-subbox {
    width: 100%;
    float: left;
}

.complaint-box-title{
    width: 100%;
    float: left;
    padding: 0 0 0.6rem 0;
    font-weight: bold;
    text-decoration: underline;
}

.complaint-box-subtitle {
    width: 7.0rem;
    float: left;
    padding: 0 0 0.4rem 0.2rem;
}

.complaint-map {
    display: block;
    margin-left: 115px;
    margin-bottom: 8px;
    width: 520px;
    height: 300px;
    border: 1px solid gainsboro;
}

.complaint-map-view, .complaint-map-print {
    width: 100%;
    height: 18.75rem;
}

.complaint-map-print {
    /*
    width: 34.375rem;
    height: 16.5625rem;
    */
    width: 35.975rem;
    height: 17.0625rem;
    position: fixed;
    top: -1000px;
    /*
    top: 700px;
    left: 600px;
    */
}

/*****************************************************************************
 snowremovals
 *****************************************************************************/

 .snowremoval-map-view, .snowremoval-map-print {
    width: 100%;
    height: 560px;
}

/*****************************************************************************
 orderrequests
 *****************************************************************************/
.orderrequest input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.orderrequest-title, .orderrequest-redio {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
}

.orderrequest-title {
    width: 7.8rem;
}

.orderrequest-info {
    margin: 0 0 0.5rem 0;
}

.orderrequest-status {
    border: 1px solid #cc0000;
    border-radius: 3px;
    background-color:#fff8fa;
    width: 19.0rem;
    margin: 0 0 0.8rem 0;
    padding: 0.6rem 0 0 0.6rem;
}

.orderrequest-placefile-title {
    margin: 0.5rem 0 0.1rem 0;
}

.orderrequest-placefile {
    margin: 0 0 0.1rem 0;
}

.orderrequest-photofile-title {
    margin: 0.7rem 0 0.1rem 0;
}

.orderrequest-photofile {
    margin: 0 0.5rem 0.2rem 0;
}

/*****************************************************************************
    awaitcosts
    *****************************************************************************/

.awaitcosts {
       margin: 0.5rem 0 3rem;
}

.awaitcosts-title {
         float: left;
         display: block;
         margin: 0.22rem 0 0 0;
         width: 10rem;
}

.awaitcosts-title + select {
          z-index: 2000;
}

.awaitcosts-element {
          width: 100%;
          display: block;
          margin: 0 0 10px 0;
}

.awaitcosts-unit {
           margin-left: 1rem;
}

.awaitcosts-unit_guide {
           margin: 0 0.8rem;
}

.awaitcosts-element p {
          margin-left: 1.75rem;
}

label.tab-label {
       -webkit-user-select: none;
       -moz-user-select: none;
       -ms-user-select: none;
       user-select: none;
       display: block;
       width: 100%;
       color: #bdc3c7;
       background-color: #ecf0f1;
       -webkit-transition-property: background-color, color;
       transition-property: background-color, color;
}

label.tab-label:hover {
       color: #000000;
}

#awaitcosts-panels {
       background-color: white;
       border: 1px solid #eeeeee;
        border-radius: 3px;
        width: 80%;
        height: 250px;
        margin-bottom: 30px;
}

#awaitcosts-panels .container {
        margin: 0 auto;
        width: 95%;
}

#awaitcosts-panels section header label.tab-label {
        padding: 12px 24px;
        box-sizing: border-box;
}

#awaitcosts-panels section main {
        box-sizing: border-box;
        max-height: 0;
        opacity: 0;
        overflow-y: hidden;
}

#driver-tab:checked ~ #awaitcosts-panels #driver main {
        max-height: initial;
        opacity: 1;
        padding: 24px;
}

#agent-tab:checked ~ #awaitcosts-panels #agent main {
        max-height: initial;
        opacity: 1;
        padding: 24px;
}

#guide-tab:checked ~ #awaitcosts-panels #guide main {
        max-height: initial;
        opacity: 1;
        padding: 24px;
}

#driver-tab:checked ~ #awaitcosts-list #driver-li {
        pointer-events: none;
        cursor: default;
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0);
        box-shadow: none;
        border-right: none;
}

#driver-tab:checked ~ #awaitcosts-list #driver-li.last {
        border-right: 1px solid transparent;
}

#driver-tab:checked ~ #awaitcosts-list #driver-li + li {
        border-left: 1px solid #dfdfdf;
}

#driver-tab:checked ~ #awaitcosts-list #driver-li label.tab-label {
        background-color: #2f89bc;
        color: #ffffff;
        padding-top: 12px;
}

#driver-tab:checked ~ #awaitcosts-list #driver-li label.tab-label::after {
        height: 6px;
}

#agent-tab:checked ~ #awaitcosts-list #agent-li {
        pointer-events: none;
        cursor: default;
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0);
        box-shadow: none;
        border-right: none;
}

#agent-tab:checked ~ #awaitcosts-list #agent-li.last {
        border-right: 1px solid transparent;
}

#agent-tab:checked ~ #awaitcosts-list #agent-li + li {
        border-left: 1px solid #dfdfdf;
}

#agent-tab:checked ~ #awaitcosts-list #agent-li label.tab-label {
        background-color: #2f89bc;
        color: #ffffff;
        padding-top: 12px;
}

#agent-tab:checked ~ #awaitcosts-list #agent-li label.tab-label::after {
        height: 6px;
}

#guide-tab:checked ~ #awaitcosts-list #guide-li {
        pointer-events: none;
        -webkit-transform: translate3d(0, 1px, 0);
        transform: translate3d(0, 1px, 0);
        box-shadow: none;
}

#guide-tab:checked ~ #awaitcosts-list #guide-li.last {
        border-right: 1px solid transparent;
}

#guide-tab:checked ~ #awaitcosts-list #guide-li + li {
        border-left: 1px solid #dfdfdf;
}

#guide-tab:checked ~ #awaitcosts-list #guide-li label.tab-label {
        background-color: #2f89bc;
        color: #ffffff;
        padding-top: 12px;
}

#guide-tab:checked ~ #awaitcosts-list #guide-li label.tab-label::after {
        height: 6px;
}

ul#awaitcosts-list {
        display: flex;
        list-style: none;
        text-align: center;
        margin: 0;
        padding: 0;
}

ul#awaitcosts-list li {
        text-align: center;
        width: 20%;
        box-shadow: 0px -2px 2px rgba(0, 0, 0, 0.05);
        border-top: 1px solid #dfdfdf;
        border-right: 1px solid #dfdfdf;
        border-left: 1px solid #dfdfdf;
        border-radius: 3px;
        position: relative;
}

ul#awaitcosts-list li:hover {
        -webkit-transition: none;
        transition: none;
}

ul#awaitcosts-list li:hover.last {
    border-right: 1px solid transparent;
}
ul#awaitcosts-list li:hover + li {
    border-left: 1px solid #dfdfdf;
}
ul#awaitcosts-list li label.tab-label {
    position: relative;
    padding: 12px 0;
    font-size: 0.9em;
}

ul#awaitcosts-list li label.tab-label:hover {
    padding-top: 12px;
}
ul#awaitcosts-list li label.tab-label:hover::after {
    height: 6px;
}

.tab-radio {
    display: none;
}

main p {
    line-height: 1.8;
}

/*****************************************************************************
 invoice
*****************************************************************************/

.search {
    width : 100%;
    border: none;
}

.search-box-invoice {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    /*width: 32.1rem;*/
    width: 34.1rem;
    /*height: 7.0rem;*/
    height: 7.3rem;
    padding: 1.2rem 0 0 1rem;
}

.search-box-invoice input[type='text'] {
    margin: 0 0 0.8rem 0;
    display: block;
    float: left;
}

.search-box-invoice input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.search-box-invoice div {
    float: left;
    border: 0px solid #99ffff;
    height: 2.3rem;
    width : 100%;
}

/*****************************************************************************
 messages
 *****************************************************************************/
/*.message input[type='radio'] {
    margin: 0.2rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}*/

.message-title, .message-radio {
    display: block;
    float: left;
    margin: 0.05rem 0 0 0;
}

.message-redio-box {
    margin: 0 0 1.2rem 0;
}

.message-addcheck-box {
    border: 1px solid #d3d3d3;
    border-radius: 7px;
    margin: 0 0 0.8rem 10rem;
    width: 50%;
    padding: 0.8rem;
}

.message-addcheck-box2 {
    padding: 0 0 0.6rem 0;
}

.message-addcheck-box-title {
    display: block;
    margin: 0 0 0 9rem;
    color: #666;
    font-weight: bold;
}

.message-addcheck-box-item {
    padding: 0 0 0 0.8rem;
}

.message-title {
    width: 7.8rem;
}

.message-info {
    margin: 0 0 0.5rem 0;
}

.message-status {
    border: 1px solid #cc0000;
    border-radius: 3px;
    background-color:#fff8fa;
    width: 19.0rem;
    margin: 0 0 0.8rem 0;
    padding: 0.6rem 0 0.8rem 0.6rem;
}

.message-file-title {
    margin: 0.5rem 0 0.1rem 0;
}

.message-file {
    border-top: 3px double #b0c4de;
    border-bottom: 3px double #b0c4de;
    background-color: #EFF5FB;
    margin: 1.0rem 0 1.2rem 0;
    width: 97%;
    padding: 0.8rem 0.8rem 0.4rem 0;
}

.message-body {
    width: 84.5%;
    height: 30%;
}

.message-message {
    border-top: 3px double #b0c4de;
    border-bottom: 3px double #b0c4de;
    margin: 1.0rem 0 1.2rem 0;
    width: 97%;
    padding: 0.1rem 0.8rem 0.1rem 0;
}

.message-view-subject-container {
    border-bottom: 1px solid #b0c4de;
    margin: 0 0 0 0;
    width: 100%;
    padding: 0.8rem 0.8rem 0.4rem 0;
}

.message-view-body-container {
    /*border-bottom: 3px double #b0c4de;*/
    margin: 0 0 1.2rem 0;
    width: 100%;
    padding: 0.8rem 0.8rem 0.4rem 0;
}

.message-senddate {
    margin: 0 0 1.2rem 0;
}

.message-senddate .caution {
    color: red;
    font-weight: bold;
}

.message-info {
    margin: 0 0 0.5rem 0;
}

.message-notcheck {
    border-top:solid 1px #dfdfea;
    padding: 0.8rem 0.8rem 0.4rem 0;
}

/*****************************************************************************
 snowpole
 *****************************************************************************/

.indexlist .col_arrivalusedate {
     width: 8.5rem;
}

.indexlist .col_arrivalusetype {
     width: 8.5rem;
}

.snowpole {
    margin: 0.5rem 0 3rem;
}

.snowpole-title {
      float: left;
      display: block;
      margin: 0.22rem 0 0 0;
      width: 7.8rem;
}

.snowpole-title + select {
       z-index: 2000;
}

.snowpole-element {
       width: 100%;
       display: block;
       margin: 0 0 10px 0;
}

.snowpole-unit {
        margin-left: 1rem;
}

.snowpole-element p {
       margin-left: 1.75rem;
}

/*****************************************************************************
 otherworks
 *****************************************************************************/

.otherworks {
    margin: 0.5rem 0 3rem;
}

.otherworks-title {
      float: left;
      display: block;
      margin: 0.22rem 0 0 0;
      width: 7.8rem;
}

.otherworks-title + select {
       z-index: 2000;
}

.otherworks-element {
       width: 100%;
       display: block;
       margin: 0 0 10px 0;
}

.otherworks-unit {
        margin-left: 1rem;
}

.otherworks-element p {
       margin-left: 1.75rem;
}

/*****************************************************************************
 トップメニュー
 *****************************************************************************/
.messageboard-title {
    display: block;
    margin: 0 0 0 0;
    width: 100%;
    font-size: medium;
    font-weight: bold;
    color: #1577af;
}

.messageboard{
    margin: 0 0 0.7rem 0;
}

.messageboard textArea{
    width: 100%;
    height: 30%;
}

textArea.messageboard2{
    margin: 0.7rem 0 0.7rem 0;
    border: 1px solid #d8e9f0;
    width: 90%;
    height: 100%;
}
div.messageboard2{
    margin: 0.7rem 0.7rem 0 0.7rem;
    border: 1px solid #d8e9f0;
    width: 90%;
    height: 100%;
    overflow: auto;
}

/*****************************************************************************
 写真情報関連
 *****************************************************************************/
.photoinfo {
    float: right;
    margin-right:5px;
    margin-bottom:5px;
}

.photoinfo-table {
    float:left;
    /*width: 16em;*/
    margin: 0rem 0.2rem 0 0rem;
    border: none;
}

.photoinfo-box {
    width: 11rem;
    height:10rem;
    border: #a9a9a9 solid 1px;
    margin: 0 0 0.5rem 0;
    float: left;
    text-align: center;
    vertical-align: middle;
    
}

.photoinfo-box-wide {
    width: 29.0rem;
    height: 11rem;
    border: #a9a9a9 solid 1px;

}

.photoinfo-box-wide2 {
    width: 26.5rem;
    height: 15rem;
    border: #a9a9a9 solid 1px;
    padding: 0.2rem;
}

.photoinfo-box-wide3 {
    width: 25rem;
    height: 11rem;
    border: #a9a9a9 solid 1px;
    padding: 0.2rem;

}

.photoinfo-box-report {
    width: 11rem;
    height:12.5rem;
    border: #a9a9a9 solid 1px;
    margin: 0 0 0.5rem 0;
    float: left;
    text-align: center;
    vertical-align: middle;
}

.photoinfo-box-wide-report {
    width: 25.2rem;
    height: 13.5rem;
    height: 14.5rem;
    border: #a9a9a9 solid 1px;
    /*background-color: #fd5155;*/
}

/*****************************************************************************
 会社情報入力を促すメッセージ
 *****************************************************************************/
.input_corp_msg {
    border: 1px solid #cc0000;
    border-radius: 3px;
    background-color: #fff8fa;
    width: 59.5rem;
    margin: 0 0 0.8rem 0;
    padding: 0.8rem 0.6rem 0.6rem 0.8rem;
    font-size: medium;
    font-weight: bold;
    text-align: center;
    color: #cc0000;
}


/*****************************************************************************
 その他データ一括登録/確認ページ
 *****************************************************************************/
.search-box_otherall {
    border: 1px solid #eeeeee;
    border-radius: 7px;
    margin: 0 0 0 5px;
    padding: 1rem 0 0 1rem;
}

.search-box_otherall input[type='text'] {
    margin: 0 0 0.8rem 0;
    display: block;
    float: left;
}

.search-box_otherall input[type='radio'] {
    margin: 0.45rem 0.2rem 0.8rem 0;
    display: block;
    float: left;
}

.search-box_otherall div {
    float: left;
    border: 0px solid #99ffff;
    height: 2.3rem;
}

.search-box_otherall label {
    /*margin-right: 1em;*/
}

.search-box_otherall #block_id, #koku_id, #section_id {
    width: 10rem;
    height: 1.5rem;
}

.wether_link {
    margin: 10px 10px 2px 0;
    text-align: right;
}

.wether_link a:not(:first-child) {
    padding-left: 5px;
}

.after_first {
    margin-left: 1.5em;
}

.table_test_header {
    border: solid 1px #000000;
    width: 100%;
}

.table_test_header th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_test_header th.left_border {
    border-left: solid 2px #000000;
}

.table_test_header th.top_border {
    border-top: solid 2px #000000;
}

.table_test_header th.right_border {
    border-right: solid 2px #000000;
}

.table_test_header th.bottom_border {
    border-bottom: solid 2px #000000;
}

.table_test_header th.text_span {
    font-size: large; 
    font-weight: bold;
}

.table_test_header td {
    border: solid 1px #000000;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_test_header select {
    width: 98%;/*width: 100%;*/
    margin: -3px -4px;
    border: 1px solid #ffffff;

    text-align: right;
}

.table_test_data {
    border: solid 1px #000000;
    width: 100%;
}

.table_test_data th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
    font-size: 8pt;
    width: 43px;
}

.table_test_data td {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_test_data td.left_border {
    border-left: solid 2px #000000;
}

.table_test_data td.top_border {
    border-top: solid 2px #000000;
}

.table_test_data td.right_border {
    border-right: solid 2px #000000;
}

.table_test_data td.bottom_border {
    border-bottom: solid 2px #000000;
}

.table_test_data input[type='text'] {
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding: 2px 3px;
    text-align: right;
}

.table_test_data textarea{
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
}

.table_test_data select[class="shoyo_sel"]{
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding-left:0px;
}

.table_test_header select {
    width: 98%;/*width: 100%;*/
    margin: -3px -4px;
    border: 1px solid #ffffff;

    text-align: right;
}

/*****************************************************************************
 由利本荘市：凍結防止剤数量管理画面
 *****************************************************************************/
.antifreezemanage_data {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.antifreezemanage_data .titlerow {
    background-color: #F2F8FB;
}

.antifreezemanage_data .underboldline {
    background-color: #F2F8FB;
}

.table_antifreezemanage_header {
    border: solid 1px #000000;
    width: 100%;
}

.table_antifreezemanage_header th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_antifreezemanage_header th.left_border {
    border-left: solid 2px #000000;
}

.table_antifreezemanage_header th.top_border {
    border-top: solid 2px #000000;
}

.table_antifreezemanage_header th.right_border {
    border-right: solid 2px #000000;
}

.table_antifreezemanage_header th.bottom_border {
    border-bottom: solid 2px #000000;
}

.table_antifreezemanage_header th.text_span {
    font-size: large; 
    font-weight: bold;
}

.table_antifreezemanage_header td {
    border: solid 1px #000000;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_antifreezemanage_header select {
    width: 98%;/*width: 100%;*/
    margin: -3px -4px;
    border: 1px solid #ffffff;

    text-align: right;
}

.table_antifreezemanage_data {
    border: solid 1px #000000;
    width: 100%;
}

.table_antifreezemanage_data th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
    font-size: 8pt;
    width: 43px;
}

.table_antifreezemanage_data td {
    background-color: #f5f5f5;
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_antifreezemanage_data td.left_border {
    border-left: solid 2px #000000;
}

.table_antifreezemanage_data td.top_border {
    border-top: solid 2px #000000;
}

.table_antifreezemanage_data td.right_border {
    border-right: solid 2px #000000;
}

.table_antifreezemanage_data td.bottom_border {
    border-bottom: solid 2px #000000;
}

.table_antifreezemanage_data input[type='text'] {
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding: 2px 3px;
    text-align: center;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/*--- 由利本荘市：凍結防止剤数量管理画面 ここまで　---*/

.otherall_data {
    width: 100%;
    margin-bottom: 20px;
    /*margin-top: 30px;*/
    margin-top: 15px;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.otherall_data .titlerow {
    background-color: #F2F8FB;
}

.otherall_data .title {
    width: 6%;/*width:45px;*/
    /*text-align: right;*/
    border-right: 2px solid #474747;
}

.otherall_data .weather_forecast {
    /* width: 64px;*/
    /* width: 72px;*/
    width: 10%;
}

.otherall_data .awaitcost_agent {
    /* width: 16px;*/
    width: 5%;
    border-right: 2px solid #474747;
}

.otherall_data .warning {
    /* width: 64px;*/
    width: 10%;
}

.otherall_data .await_notwork {
    /* width: 60px;*/
    /* width: 52px;*/
    width: 6%;
}

.otherall_data .awaitcost_driver {
    /* width: 32px;*/
    width: 5%;
    border-right: 2px solid #474747;
}

.otherall_data .notwaring_await {
    /* width: 64px;*/
    width: 6%;
}

.otherall_data .work_3h_min {
    /* width: 41px;*/
    width: 6%;
}

.otherall_data .awaitcost_machine {
    /* width: 64px;*/
    width: 5%;
    border-right: 2px solid #474747;
}

.otherall_data .patrol {
    /* width: 43px;  */  
    width: 5%;
}

.otherall_data .patrol2 {
    /* width: 43px;  */  
    width: 5%;
    border-right: 2px solid #474747;
}

.otherall_data .antifreeze_cel {
    /* width: 62px;*/
    width: 8%;
}

.otherall_data .antifreeze_cel2 {
    /* width: 62px;*/
    width: 8%;
    border-right: 2px solid #474747;
}

.otherall_data .sanpumachinesupplywork_cel {
    /* width: 64px;*/
    width: 7%;
}

.otherall_data .title2 {
    width: 6%;
    /*text-align: right;*/
    border-right: 2px solid #474747;
}

.otherall_data .guide {
    width: 15%;
}

.otherall_data .guide2 {
    width: 15%;
    border-right: 2px solid #474747;
}

.otherall_data .snowpole {
    width: 15%;
}

.otherall_data .snowpole2 {
    width: 15%;
    /*border-right: 2px solid #474747;*/
}

.otherall_data .otherworks_workname {
    /*width: 16.2%;*/
    width: 20.0%;
}

.otherall_data .otherworks_workname input[type='text'] {
    text-align: center;
}

.otherall_data .otherworks_cost {
    width: 9%;
}

.otherall_data .otherworks_workquantity {
    width: 9%;
}

.otherall_data .otherworks_unitprice {
    width: 9%;
}


.otherall_data .otherworks_unit {
    width: 8%;
}

.otherall_data .otherworks_kikaku {
    width: 9%;
}
.otherall_data .otherworks_remarks {
    width: 30%;
}
.otherall_data .haisetsu_note input[type='text'] {
    text-align: left;
}

/*-------------村山用-------------*/
/*murayama*/
/* title  6% */

.otherall_data .completion_inspection{
    /*width: 12%;*/
    width: 11.0%;
}

.otherall_data .snow_dump_manager_weekdays {
    /*width: 9%;*/
    width: 7.5%;
}

.otherall_data .snow_dump_manager_saturday {
    /*width: 9%;*/
    width: 7.5%;
}

.otherall_data .snow_dump_manager_holiday {
    /*width: 9%;*/
    width: 7.5%;
}

.otherall_data .snow_dump_waiting_area {
    /*width: 9%;*/
    
   
    width: 7.5%;
}

.otherall_data .snow_dump_waiting_area .snow_dump_waiting_area_input {
    /*width: 15.0%;*/
    
    width: 98.0%;
    border:1px gray solid;
    padding: 8px 3px 8px 3px; 
}

.otherall_data .snow_dump_waiting_area_transport_cart {
    /*width: 9%;*/
    
    width: 7.5%;
}

.otherall_data .snow_dump_waiting_area_transport_cart .snow_dump_waiting_area_transport_cart_input {
    /*width: 15.0%;  「上」､「右」､「下」､「左」 */
    
    width: 98.0%;
    border:1px gray solid;
    padding: 8px 3px 8px 3px; 
}

.otherall_data .snow_dump_waiting_area_toilet {
    /*width: 9%;*/
    width: 7.5%;
}

.otherall_data .snow_dump_waiting_area_toilet .snow_dump_waiting_area_toilet_input {
    /*width: 15.0%;*/
    
    width: 98.0%;
    border:1px gray solid;
    padding: 8px 3px 8px 3px; 
}

.otherall_data .guide_hour {
    width: 7%;
}

.otherall_data .guide_minute {
    width: 7%;
}

.otherall_data .guide_timeover_hour {
    width: 7%;
}

.otherall_data .guide_timeover_minute {
    width: 7%;
}

.otherall_data .otherwork_content1 {
    /*width: 32.0%;*/
    width: 28.0%;
}
.otherall_data .otherwork_content1 .otherwork_content1_input {
    /*width: 15.0%;*/
    text-align: left;
}

.otherall_data .otherwork_cost1 {
    /*width: 15.0%;*/
    width: 11.0%;
}



.otherall_data .otherwork_content2 {
    width: 32.0%;
}

.otherall_data .otherwork_cost2 {
    width: 15.0%;
}

/*------------------------------*/


.otherall_data #status {
    /* width: 20rem; */
    margin: 0 0 10px 5px;
    display: flex;
    border: 1px solid #e4e3b1;
    border-radius: 3px;
    background-color:#ffffd2;
    padding: 0.5rem 0 0.4rem 0.6rem;
}

.otherall_data #status #status_label {
    width: 4rem;
}

.otherall_data #status #status_val {
    flex: 1;
    font-weight: bold;
    margin: 0 0 0 25px;
}

.otherall_buttons {
    text-align:center;
    display: block;
    border: 1px solid #dddddd;
    border-radius: 3px;
    background-color:#ffffff;
    padding: 0.5rem;
}

.otherall_buttons #section_move {
    margin: 0 0 0 0;
}

.otherall_buttons #section_move_save label, input[type='checkbox'] {
    cursor: pointer;
}

.otherall_buttons #section_move table {
    margin-left: auto;
    margin-right: auto;
}

.otherall_buttons #section_move table td{
    padding: 0 5px 0 5px;
}

.table_snowobserve_header {
    border: solid 1px #000000;
    width: 100%;
}

.table_snowobserve_header th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_snowobserve_data {
    border: solid 1px #000000;
    width: 100%;
}

.table_snowobserve_data th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
    /*width: 55px;*/
}

.table_snowobserve_data td {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.table_snowobserve_data input[type='text'] {
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding: 2px 3px;
    text-align: right;
}

.table_snowobserve_data select {
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding: 2px 3px;
}

.notwaring_await_caution {
    z-index: 1000;
    position: relative;
}
.notwaring_await_cautionpopup{
    z-index: 1001;
    position: absolute;
    top: 65px;
    width:320px;
    left:10%;
    background-color: #ffffff;
    border: 2px solid #CF0000;
    padding: 7px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}
.notwaring_await_cautionpopup:before {
    position: absolute;
    bottom: 100%;
    right:43%;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 16px solid transparent;
    border-bottom: 16px solid #CF0000;
    border-left: 16px solid transparent;
}
.notwaring_await_cautionpopup:after {
    position: absolute;
    bottom: 96%;
    right:43%;
    border: solid transparent;
    border-width: 5px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}
.otherall_data_cautionlink {
    color: #FF0000;
    text-decoration: underline;
    cursor:pointer;
}

.zerocost_await_caution {
    z-index: 1000;
    position: relative;
}
.zerocost_await_cautionpopup{
    z-index: 1001;
    position: absolute;
    top: 65px;
    width:280px;
    left:10%;
    background-color: #ffffff;
    border: 2px solid #0000CF;
    padding: 7px;
    font-size: 0.85rem;
    text-align: left;
    vertical-align: middle;
    border-radius: 8px;
}
.zerocost_await_cautionpopup:before {
    position: absolute;
    bottom: 100%;
    right:46%;
    border: solid transparent;
    border-width: 10px;
    pointer-events: none;
    content: " ";
    border-right: 16px solid transparent;
    border-bottom: 16px solid #0000CF;
    border-left: 16px solid transparent;
}
.zerocost_await_cautionpopup:after {
    position: absolute;
    bottom: 96%;
    right:46%;
    border: solid transparent;
    border-width: 5px;
    pointer-events: none;
    content: " ";
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
}
.otherall_zerocost_link {
    color: #0000FF;
    text-decoration: underline;
    cursor:pointer;
}

/*****************************************************************************
 稼働状況の利用規約関連
 *****************************************************************************/
.terms {
    margin: 0 0 0 20px;
}

.terms li span {
    margin: 0 10px 0 0;
}

.terms .right {
    text-align: right;
    margin: 0 40px 5px 0;
}

.terms .left {
    text-align: left;
    margin: 0 40px 5px 15px;
}

.terms .top {
    text-align: left;
    margin: 30px 40px 20px 0;
}

.terms .back {
    text-align: center;
    margin: 20px 0 30px 0;
}

.terms_menu {
    margin: 0 0 20px 10px;
}

.terms_menu li {
    margin: 0 0 5px 0;
}

.terms_menu li span {
    margin: 0 10px 0 0;
}

.terms_info {
    padding-left: 10px;
    text-indent: 15px;
    margin-bottom: 20px;
    margin-right: 40px;
}

.terms_item {
    margin: 0 40px 30px 10px;
}

.terms_item h1{
    line-height: 120%;
    font-size: 1rem;
    color: #334;
    font-weight: bold;
    border-bottom: 1px solid #dcdcdc;
    margin: 0 0 10px 0;
}

.terms_item li {
    padding-left: 10px;
    text-indent: 15px;
    margin: 0 10px 0 10px;
}

.terms_item div.itemtype2 li {
    padding-left: 3px;
    text-indent: 7px;
    margin: 0 10px 0 10px;
}

.terms_item div.itemtype3 li {
    padding-left: 20px;
    text-indent: -15px;
    margin: 0 10px 0 10px;
}


/*****************************************************************************
 除雪機械以外の作業実績(滝沢市)
 *****************************************************************************/
.clearfix:after { content: ".";display: block;clear: both;height: 0;visibility: hidden; }
.clearfix { display: block; }
.required { color: red; }
.otherallworks-table { border: solid 1px #ddd;table-layout: fixed;border-collapse: collapse;border-spacing: 0;line-height: 150%;background: #fff;color: #222;padding: 0;margin: 0 0 0 1.75rem; }
.otherallworks-table th { border: solid 1px #ddd;padding: 8px 10px;letter-spacing: 2px;text-align: center; }
.otherallworks-table td { border: solid 1px #ddd; }
.otherallworks-table input[type='text'] { border: 1px solid #ffffff;margin: 0 0 0 0.2rem;box-shadow: inset 0px 0px 0px rgba(0,0,0,0.0);font-size: 0.95rem;text-align: right;}
.otherallworks-table input[type='text']::-webkit-calendar-picker-indicator { display: none; }
.otherallworks-element { margin-bottom: 1.25rem; }
.otherallworks-unit { margin-left: 0.1rem;font-size: 0.9rem; }

/*****************************************************************************
 気象情報ページ
 *****************************************************************************/
.weatherlist {
    width: 1028px;
    margin: 0 auto;
}

.weatherlist table {
    width: 100%;
}

.weatherlist table th, .weatherlist table td {
    border: 1px solid;
    text-align: center;
}

.weatherlist table .grayline:not(:last-child) {
    border-right-color: lightgray;
}

.weatherlist h1 {
    margin-top: 1rem;
}

.weatherlist-title {
    display: table;
    width: 100%;
}

.weatherlist-title p {
    display: table-cell;
}

.weatherlist-title a {
    display: table-cell;
    text-align: right;
}

.weatherlist table th.td_time {
    width: 64px;
}
.weatherlist table th.td_warn {
    width: 120px;
}

.weatherlist table tr.tr_double {
    border-bottom-style: double;
    border-bottom-color: black;
}

.weatherlist table td a {
    color: black;
    text-decoration: none;
}

.weatherlist table td a.inpdf {
    font-weight: bold;
    text-decoration: underline;
}

.weatherlist table td.holiday a {
    color: red;
}

.weatherlist table td.saturday a {
    color: blue;
}

.weatherlist table td.alert {
    background: #ffffaa;
}

.weatherlist table td.warning {
    background: #ffaaaa;
}

.weatherlist table td.spwarning {
    background: #ddc1dd;
}

.weatherlist table td.time {
    font-size: 0.8rem;
}

/*****************************************************************************
 気象情報ページ一覧
 *****************************************************************************/
.weatherpages h5 {
    margin: 1rem 0 0 0.25rem;
    font-weight: bold;
}
.weatherpages .indexlist {
    width: 100%;
}
.weatherpages .indexlist th {
    border: 1px solid #ddd;
}

.weatherpages .indexlist td {
    background: white;
    height: auto;
    margin: 0.4rem 0;
    border: 1px solid #ddd;
}

/*****************************************************************************
 山形県の稼働時間消化率確認表
 *****************************************************************************/
Table.YamagataYosan{
	/*width:100%;*/
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	table-layout: fixed;
}
Table.YamagataYosan th{
	padding: 4px;
	text-align: center;
	vertical-align: middle;
	color: #666;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
Table.YamagataYosan td{
	padding: 4px;
	/*background-color: #fafafa;*/
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

/*****************************************************************************
 作業状況写真
 *****************************************************************************/
.photo-title {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    width: 5.0rem;
}

/*****************************************************************************
 秋田県　その他作業日報
 *****************************************************************************/
 .otherall_akita-title {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    width: 5.0rem;
}

/*****************************************************************************
 長野県予算執行状況（須坂建ベース）
 *****************************************************************************/
 .contents-full_width1 {
	width: 1900px;
    margin: 0 10px;
}

.yosan_header_all {
    width: 8.5%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow-y: auto;
}

 .th_title_space_subscriber {
    width:75px;
    text-align: center;
    padding: 0px 0;
}

.tr_cel_subscribertitle th {
    background-color: rgba(0, 153, 255,0.5);
    padding: 0px 0;
	height: 40px;
}

.tr_cel_subscribertitle td {
    background-color: rgba(0, 153, 255,0.5);
}

.th_title_sub_row_total {
    text-align: center;
    height: 21px;
    padding: 0px 0;
	background-color: rgba(204, 255, 153,0.5);
}

.yosan_data_all {
    /*width: 90%; */
	width: 100%;
	height: 1250px;
    position: absolute;
    /*left: 8.65%; */
    left: 0;
    top: 0;
    overflow: auto;
	table-layout: fixed;
}

.yosan_data_all th {
    width:105px;
    text-align: center;
    padding: 0px 0;
}

.yosan_data_all td {
    text-align: right;
    height: 21px;
    padding: 0px 3px 0px 0;
}

.th_title_main_all {
    vertical-align: middle;
    text-align: left;
    padding: 0px 0 0 2px;
}

.yosan_data_all input {
    text-align: right;
    width: 93px;
	padding: 0px 3px 0px 0px;
	margin: 2px 1px 2px 2px;
}

.th_title_sub_row_all {
    text-align: center;
    height: 21x;
    padding: 0px 0;
}

.th_title_sub_row_all_2 {
    text-align: center;
    height: 27x;
    padding: 0px 0;
}

.yosan_header_part {
	table-layout: fixed;
    width: 10%;
    position: absolute;
    left: 0px;
    top: 26px;
    overflow-y: auto;
	padding: 5px;
}

.yosan_header_part td {
	height: 21px;
	padding: 2px;
	overflow: hidden;
}

.yosan_data_part {
	width: 90%;
    position: absolute;
    left: 10%;
    top: 0;
    overflow: auto;
}

.yosan_datatable_part {
	table-layout: fixed;
    width: 100%;
}

.yosan_datatable_part td {
    width: 7.5rem;
	height: 21px;
	padding: 2px;
	overflow: hidden;
}

.yosan_datatable_textcenter td {
    text-align: center;
}

.yosan_datatable_textright_row {
    text-align: right;
}

.yosan_datatable_colorcell_1 {
    background-color: rgba(204, 255, 153,0.5);
}

.yosan_header_2019 {
    width: 32%;
    position: absolute;
    left: 0px;
    top: 0px;
    overflow-y: auto;
}

.yosan_data_2019 {
    width: 68%;
    position: absolute;
    left: 32%;
    top: 0;
    overflow: auto;
}

/*****************************************************************************
 長野県予算執行状況（道路管理課）
 *****************************************************************************/
 table th.yosan_govt{
  background:#fff2cc;
  font-size: 14pt;
}

 table th.yosan_pref{
  background:#ddebf7;
  font-size: 14pt;
}

 table th.yosan_govt_sum{
  background:#fff2cc;
  width:130px;
  font-size: 14pt;
}

 table th.yosan_pref_sum{
  background:#ddebf7;
  width:130px;
  font-size: 14pt;
}

 table th.yosan_govt_type{
  background:#fff2cc;
  width:115px;
  font-size: 14pt;
}

 table th.yosan_pref_type{
  background:#ddebf7;
  width:115px;
  font-size: 14pt;
}
 table th.yosan_kaiso{
  background:#e2efda;
  width:130px;
  font-size: 14pt;
}

 table th.yosan_kotei{
  background:#e3d6fc;
   width:130px;
   font-size: 14pt;
}

 table th.yosan_sum{
  background:#fce4d6;
   width:130px;
   font-size: 16pt;
}

table th.yosan_title{
  font-size: 16pt;
  width:120px;
  height:25px;
  background:#fce4d6;
}

/*  chromeと(なぜか)firefoxに適用される  */
/*  IEに適用しては×→レイアウトがおかしくなるため  */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
	table th.yosan_title{
	  font-size: 16pt;
	  width:120px;
	  height:25px;
	  background:#fce4d6;
	  position: sticky;
	  left: 0;
	  border-left: none;
	  border-right: none;
	  position: -webkit-sticky;
	  border-collapse: collapse;
	}

	 table th.yosan_title:before{
	    content : "" ;
	    position : absolute ;
	    top : 0 ;
	    left : 0 ;
	    width : 99% ;
	    height : 100% ;
		border-left: 1px solid #000000;
	    border-right: 1px solid #000000;
	    border-bottom: 1px solid #000000;
	    border-collapse: collapse;
	}
}

/*****************************************************************************
 待機補償費等
 *****************************************************************************/
.otherall_top {
    display:block; 
    margin: 40px auto;
    text-align: center;
    font-size: 14pt;    
    width: 50%;
    border-style: solid;
    border-width: 1px;
    border-color: #82ae46;
    border-radius: 7px;
    height: 500px;
}

.otherall_top_title {
	background-color: #c1d8ac;
	color: #007b43;
	text-align: center;
	border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    padding: 10px 0 10px 0;
}

.otherall_top_sub {
    display:block; 
    /* margin: 5px 20px 0px 0px; */
    /* margin-right: 10px; */
	padding: 0 0 0 33px;
    text-align: center;
    font-size: 14pt;    
    width: 35%;
    float: left;
    height: 400px;
}

p.otherall_top_year {
    text-align: center;
	padding: 0 0 0 40px;
}

a.otherall_top_button{
    display: block;
    height: 40px;
    width: 170px;
    text-decoration: none;
    line-height: 40px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;   
    margin: 15px 0 5px 20px;
    padding: 5px 0 0 0;
    font-size: 14pt;
	background: #82ae46;
    color: #fff;
    box-shadow: 1px 2px 4px #69821b;
}
a.otherall_top_button:hover {
    text-decoration: underline;
    background-color: #a8c97f;
    color: #007b43;
}
a.otherall_top_button:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow:none;
}

div.unvisible_div{
    display: none;
}

/* button.otherall_top_button{
    display: block;
    height: 45px;
    width: 170px;
    text-decoration: none;
    line-height: 20px;
    text-align: center;
    vertical-align: middle;
    border-radius: 5px;   
    margin: 15px 0 5px 20px;
    padding: 5px 0 0 0;
    font-size: 14pt;
	background: #ec6d71;
    color: #fff;
    box-shadow: 1px 2px 4px #b35f5f;
}
button.otherall_top_button:hover {
    text-decoration: underline;
    background-color: #ee827c;
    color: #c53d43;
}
button.otherall_top_button:active{
    -ms-transform: translateY(2px);
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
    box-shadow:none;
} */

/*****************************************************************************
 任意保険料 2020/10/07 H.Tamura
 *****************************************************************************/
.insurance_info {
    display: flex;
    justify-content: space-between;
    font-size: 14pt; 
    text-align: left;
}

.insranceTable{   
    width:100%;
    font-size: 12pt;  
    border: 2px solid #4f4f4f;
    table-layout: fixed      
}

.insranceTable input{   
    width: 91%;
    display:inline-block;
    margin: 1px 1px 1px 1px;
}

.insranceTable th{
    text-align: center;    
}

.insurance_top{
    text-align: center;
    border: 2px solid #4f4f4f;
}

.insranceTable td{
   border: 1px solid #4f4f4f;
}

.bottom-border{
    border-bottom: 2px solid #4f4f4f;
}

.bottom-border2{
    border-right: 1px solid #4f4f4f;
    border-left: 1px solid #4f4f4f;
    border-bottom: 2px solid #4f4f4f;
}

/*****************************************************************************
 作業状況写真
 *****************************************************************************/
.photo-title {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    width: 6.0rem;
}

/*****************************************************************************
 秋田県　その他作業日報
 *****************************************************************************/
 .otherall_akita-title {
    display: block;
    float: left;
    margin: 0.22rem 0 0 0;
    width: 6.0rem;
}

/*****************************************************************************
 修繕箇所
 *****************************************************************************/
.maintenance-map {
    display: block;
    border: 1px solid gainsboro;
}

.maintenance-map-view{
    width: 100%;
    height: 360px;
}

.photoinfo-box-maintenance {
    width: 25.2rem;
    border: #a9a9a9 solid 1px;
    /*background-color: #fd5155;*/
}


/*****************************************************************************
 事故地点
 *****************************************************************************/
.accident-map {
    display: block;
    border: 1px solid gainsboro;
}

.accident-map-view{
    width: 100%;
    height: 360px;
}

.photoinfo-box-accident {
    width: 25.2rem;
    border: #a9a9a9 solid 1px;
    /*background-color: #fd5155;*/
}


/*****************************************************************************
 警告地点
 *****************************************************************************/
.alert-map {
    display: block;
    border: 1px solid gainsboro;
}

.alert-map-view{
    width: 100%;
    height: 360px;
}


.wrap {
    display: none;
}

/* 6/25追加 検索ボックスの位置を指定した index.tpl*/
.flexBoxContainer .search form .search-complaint-box {
    position: relative;
}
/* 6/25追加 searchcomplaintboxの下から20px, 左右は固定 index.tpl*/
.flexBoxContainer .search form .search-complaint-box .search-button {
    position: absolute; 
    left: 20px;         
    bottom: 20px;       
}
/* 6/25追加 受付日とか工区とかのタイトルの設定 index.tpl*/
.flexBoxContainer .search form .search-complaint-box .search-title {
    width: 100pt;
    padding-right: 15pt;
}
/* 6/25追加 滝沢市のときのスタイル チェックボックスの設定 index.tpl*/
.flexBoxContainer .search form .search-complaint-box .TMPkujoukubunn .tmpCheckBox-tri {
    width: auto;
    padding-top: 10pt;
    padding-left: 5pt;
}
/* 6/25追加 滝沢市のときのスタイル チェックボックスのdiv３つの幅とか決める マージンは横幅きついからマイナスにした index.tpl*/
.flexBoxContainer .search form .search-complaint-box .tmpCheckBox-tri div {
    width: 270px;
    margin: -5pt;
}
/* 6/25追加 滝沢市のときのスタイル 2番めの右が余ってるので3番目の左に食い込むようにした index.tpl*/
.flexBoxContainer .search form .search-complaint-box .tmpCheckBox-tri .third {
    margin-left: -50pt;
}
/* 6/25追加 滝沢市以外のスタイル index.tpl*/
.flexBoxContainer .search form .search-complaint-box .TMPkujoukubunn .elseTakizawa {
    width: auto;
    padding-top: 3pt;
}
/* 06/25追加 滝沢市のときのチェックボックス隣のラベルのマージン add.tpl*/
.complaint .complaint-box .complaint-subbox .takizawaCheckBox .checkbox2nd .complaint-redio {
    padding-top: 0.22rem;
    margin: unset;
}
/* 06/25追加 add.tpl*/
.complaint .complaint-box .complaint-subbox .takizawaCheckBox {
    display: flex;
}
/* 06/25追加 広い範囲でfloat:left;されてるからこの範囲で無効にする add.tpl*/
.complaint .complaint-box .complaint-subbox .takizawaCheckBox .checkbox2nd input {
    clear: both;
}
/* 06/25追加 間隔狭い気がしたからマージン add.tpl*/
.complaint .complaint-box .complaint-subbox .takizawaCheckBox .checkbox2nd {
    margin: 2px;
}
/* 06/25追加 テキストボックスの設定 add.tpl*/
.complaint .complaint-box .complaint-subbox .takizawaCheckBox .checkbox2nd .takizawaTextBox [name=complaint_type] {
    clear: none;
    margin-top: 2px;
    margin-left: 3px;
    float: left;
}
/* 06/25追加 edit.tpl */
.complaint .complaint-subbox .editTakizawaCheckbox .editTakizawaCheckbox2nd .complaint-redio {
    padding-top: 0.22rem;
    margin: unset;
}
/* 06/25追加 edit.tpl */
.complaint .complaint-subbox .editTakizawaCheckbox {
    display: flex;
}
/* 06/25追加 edit.tpl */
.complaint .complaint-subbox .editTakizawaCheckbox .editTakizawaCheckbox2nd input {
    clear: both;
}
/* 06/25追加 edit.tpl */
.complaint .complaint-subbox .editTakizawaCheckbox .editTakizawaCheckbox2nd {
    margin: 2px;
}
/* 06/25追加 edit.tpl */
.complaint .complaint-subbox .editTakizawaCheckbox .editTakizawaCheckbox2nd .editTakizawaTextbox [name=complaint_type] {
    clear: none;
    margin-top: 2px;
    margin-left: 3px;
    float: left;
}
/* 2020/7/14追加 */
.photo-title-div {
    display: flex;
}
/* 2020/7/14追加 */
.photo-title-div .photo-title-status {
    padding-top: 4px;
    height: 2rem;
}
.otherall-akita-title-div {
    display: flex;
}
/* 2020/7/14追加 */
.otherall-akita-title-div .otherall-akita-title-status {
    padding-top: 4px;
    height: 2rem;
}
/* 2020/7/10追加 検索ボックスの位置を指定した photos/index.tpl*/
.flexBoxContainer .search [id=photos] .search-box {
    position: relative;
}
/* 2020/7/10追加 の下から20px, 左右は固定 photos/index.tpl*/
.flexBoxContainer .search [id=photos] .search-box .search-button {
    position: absolute; 
    left: 407px;         
    bottom: 20px;       
}
/* 2020/7/17追加  */
.flexBoxContainer .search .search-box .search-radio {
    float: left;
    padding-top: 3px;
    padding-right: 15px;
}
.flexBoxContainer .search .search-box .status-radio {
    display: flex;
    width: 40rem;
}
.indexlist .col_photo_check {
    width: 3rem;    
}
.indexlist .col_photo_workdate {
    width: 7rem;
}
.indexlist .col_photo_works {
    width: 13rem;
}
.indexlist .col_photo_corp {
    width: 20rem;
}
.indexlist .col_photo_status {
    width: 6rem;
}
/* 2020/7/20 */
.flexBoxContainer .search .search-box .status-radio .photos-label-radio-jv-kanji div {
    margin-bottom: -10px;
    width: auto;
}
.flexBoxContainer .search .search-box .status-radio .photos-label-radio-jv-kanji {
    width: 9rem;
}
.flexBoxContainer .search .search-box .status-radio .photos-label-radio {
    margin-bottom: -10px;
    width: auto;
}
.flexBoxContainer .search .search-box .status-radio .otherall_akita-label-radio {
    margin-bottom: -10px;
    width: auto;
}
.flexBoxContainer .search .search-box .status-radio .photos-label-radio div {
    width: 4rem;
}
.flexBoxContainer .search .search-box .status-radio .otherall_akita-label-radio div {
    width: 4rem;
}
.photo-title-div div {
    margin: 0px 0px 10px 0px;
    padding: 2px 10px 5px 6px;
    border: solid 1px;
    border: 1px solid #817878;
    border-radius: 1px;
    box-shadow: 0px 0px 1px;
    background-color: white;
    height:auto;
}
.otherall-akita-title-div div {
    margin: 0px 0px 10px 0px;
    padding: 2px 10px 5px 6px;
    border: solid 1px;
    border: 1px solid #817878;
    border-radius: 1px;
    box-shadow: 0px 0px 1px;
    background-color: white;
    height:auto;
}
.view-photos-photo .photoinfo .ime-active {
    margin: 0px 0px 10px 0px;
    padding: 2px 10px 5px 6px;
    border: solid 1px;
    border: 1px solid #817878;
    border-radius: 1px;
    box-shadow: 0px 0px 1px;
    background-color: white;
    height:1rem;
}
.view-photos-photo .photoinfo .ime-readonly {
    margin: 0px 0px 10px 0px;
    padding: 2px 10px 5px 6px;
    border: solid 1px;
    border: 1px solid #817878;
    border-radius: 1px;
    box-shadow: 0px 0px 1px;
    background-color: white;
    height:1rem;
    float: left;
}
.view-photos-photo .photoinfo {
    display: inline-table;
}


/*機械管理費画面関係*/
.management_table_data {
    border: solid 1px #000000;
    width: 100%;
}

.management_table_data th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
    font-size: 8pt;
    width: 43px;
}

.management_table_data td {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.management_table_data input[type='text'] {
    width: 100%;
    margin: -3px -4px;
    border: 1px solid #ffffff;
    padding: 2px 3px;
    text-align: right;
}

.management_table_header {
    border: solid 1px #000000;
    width: 100%;
}

.management_table_header th {
    border: solid 1px #000000;
    text-align: center;
    padding: 4px 5px;
    letter-spacing:2px;
}

.management_table_header select {
    width: 98%;/*width: 100%;*/
    margin: -3px -4px;
    border: 1px solid #ffffff;

    text-align: right;
}


.management_data .taisyakutype{
	width: 3%;
}
.management_data .machinename{
	width: 14%;
}

.management_data .kikaku{
	width: 6%;
}
.management_data .syaryonumber{
	width: 7%;
}
.management_data .kanrinumber{
	width: 6%;
}
.management_data .managementcost{
	width: 9%;
}

.management_data .pay{
	width: 9%;
}

.management_data .sumpay{
	width: 9%;
}
.management_data .dismanagement{
	width: 10%;
}


/*所要額調査　2021/10/14 A.Kobayashi*/
.shoyogaku_data {
    width: 100%;
    margin-bottom: 20px;
    /*margin-top: 30px;*/
    margin-top: 15px;
    width: 100%;
    position: relative;
    /*white-space: nowrap;*/
}
.shoyogaku_data .tr{
    height: 0.8rem;
}

.shoyogaku_data select {
    width: 100%;
    margin: 0;
}

.shoyogaku_data textarea {
    margin: 0;
    margin-top:0.4em;
    resize: none;
    width: 90%;
    height: 40px;
}

.shoyogaku_data input {
    width: 90%;
}

.shoyogaku_data input[type="radio"] {
    -webkit-appearance: checkbox;
    -moz-appearance: checkbox;
    -ms-appearance: checkbox;   
    -o-appearance: checkbox;    
    margin: 0;
   }

.shoyogaku_data .titlerow {
    background-color: #F2F8FB;
}

.shoyogaku_data .date {
    width: 3.5%;
}

.shoyogaku_data .corp {
    width: 100px;
}

.shoyogaku_data .corp input {
    text-align: left;
}

.shoyogaku_data .worktype {
    width: 6%;
}

.shoyogaku_data .item {
    width: 6%;
}

.shoyogaku_data .kinds {
    width: 6%;
}

.shoyogaku_data .subject {
    width: 6%;
}

.shoyogaku_data .detail {
    width: 6%;
}

.shoyogaku_data .code {
    width: 4%;
}

.shoyogaku_data .title {
    width: 7%;
}
.shoyogaku_data .chk {
    width: 5%;
}
.shoyogaku_data .chk input {
    width: 10px;
}
.shoyogaku_data .separator  {
    border-right: 2px solid #474747;
}

.shoyogaku_data .bottom  {
    border-bottom: 2px solid #474747;
}

/*登録済み地点（機械）の編集画面の状態変更　2022/6/23 Yamazaki*/
.edit_invalid_disabled {
    color: #bbb;
}

.EditableDropdownBox {
    position: relative;
}

.EditableDropdown {
    cursor: default;
}

.DropdownIcon {
    position: absolute;
    top: 4px;
    font-size: 10pt;
    cursor: default;
}

/* 稼働傾向確認画面 */
.plot_data {
    width: 100%;
    margin-bottom: 20px;
    margin-top: 15px;
    width: 100%;
    position: relative;
    white-space: nowrap;
}

.readonly {
    background-color: #f9f9f9;
    color: #6c757d;
    pointer-events: none;
}