header{
/*    height: 80px !important;*/
/*    min-width: 1000px;*/
}
@media screen and (min-width:1280px){
        height: 100px !important;
/*      min-width: 1000px;  */
}

body{
    background: white;
}

.label{
    float:left;
    margin-top:30px;
}

.caption{
  margin: 90px auto 0 auto;
  background-color: #fff;
  width: 100%;
  height:70px;
  text-align: center;
  padding-top: 5px;
}

.title{
  margin-left: 10px;
  margin-top: 10px;
  width: 300px;
  float: left;
}

.h2{
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
  width: 140px;
  margin: 0;
}

@media screen and (max-width:1280px){
.companyName{
    margin-top:0px;
    margin-left: 20px;
    float: left;
    font-size: 18px;
    font-weight: bold;
    width: 40%;
}
}

.logoDiv{
    float:left;
}

ul{
    list-style: none;
}


table, th, td {
    border-collapse: separate;
    border: none;
    line-height: 1.5;
    border-spacing: 0 5px;
}

table th {
    font-weight: bold;
    vertical-align: middle;
    white-space: normal;
    padding: 5px;
}
table td {
    vertical-align: middle;
    white-space: normal;
    padding: 0 5px;
}
.choice{
  width: 800px;
  height: 150px;
  background-color: #fff;
  margin: 15px auto 0px;
  padding: 10px;
}

.baseChooseBox{
    width : 1000px;
}

.numberInput{
    text-align: right;
}

.finish{
    background-color: orange;
    color:#fff;
    font-weight: bold;
    padding:0 5px;
}

.remain{
    background-color: red;
    color:#fff;
    font-weight: bold;
    padding:0 5px;
}

.incomplete{
    background-color: lightskyblue;
    color:#fff;
    font-weight: bold;
    padding:0 5px;
}

.logout{
    float:right;
}

.street{
    background-color: #5f9ea0;
    color:#fff;
    width: 100px;
    height: 33px;
    font-weight: bold;
    padding:2px;
}

h3{
    color: #364e96;/*文字色*/
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 3px #364e96;/*上線*/
    border-bottom: solid 3px #364e96;/*下線*/
}


.order{
    overflow:hidden;
    margin: 10px auto 0;
    position: static;
    background-color: #fff;
}

.orderTitleLabel{
    width: 100px;
    background-color: #C0CBEC;
    text-align: center;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 2px;
}

.orderTitle{
    width: 100%;
    margin-left: 5px;
    float: left;
    font-size: 18px;
    margin-right: 3px;
}
.orderTitleInput{
    width: 700px;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 2px;
    margin-right: 10px;
}

.orderTitleDateInput{
    width: 80px;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 2px;
}

.orderPostCodeInput{
    width: 90px;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding: 2px;
    margin-right: 10px;
}

.orderBox{
    width: 500px;
    background-color: #fff;
    margin-left: 0;
    float: left;
    font-size: 18px;
    border: 1px solid #bbb;
    border-radius: 2px;
    padding-top: 10px;
}

.article{
    width: auto;
    height:140px;
    margin: 8px 10px 5px 10px;
}

.orderText{
    background-color: #5f9ea0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 95px;
    height: 28px;
    margin-top: 5px;
    float: left;
    padding: 2px;
}


/**::-ms-backdrop, .searchText{
    background-color: #5f9ea0;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    width: 95px;
    height: 28px;
    margin-top: 9px;
    float: left;
    padding: 2px;
}*/

.int{
    text-align: right;
}

@media screen and (max-width:1680px){
    .download{
        margin: 60px auto 0 850px;
    }
}

@media screen and (min-width:1681px){
    .download{
        margin: 60px auto 0 1500px;
    }
}
@media screen and (max-width:1680px){
    .dlButton {
        display       : inline-block;
        font-size     : 18pt;        /* 文字サイズ */
        font-weight: bold;
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 10px 20px;   /* 余白       */
        background    : #32cd32;     /* 背景色     */
        color         : #ffffff;     /* 文字色     */
        line-height   : 1em;         /* 1行の高さ  */
        transition    : .2s;         /* なめらか変化 */
        box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
        border        : 2px solid #32cd32;    /* 枠の指定 */
        margin:45px auto auto 20px;
        float: left;
    }
    .dlButton:hover {
        box-shadow    : none;        /* カーソル時の影消去 */
        color         : #32cd32;     /* 背景色     */
        background    : #ffffff;     /* 文字色     */
    }
}

@media screen and (min-width:1681px){
    .dlButton {
        display       : inline-block;
        font-size     : 18pt;        /* 文字サイズ */
        font-weight: bold;
        text-align    : center;      /* 文字位置   */
        cursor        : pointer;     /* カーソル   */
        padding       : 20px 60px;   /* 余白       */
        background    : #32cd32;     /* 背景色     */
        color         : #ffffff;     /* 文字色     */
        line-height   : 1em;         /* 1行の高さ  */
        transition    : .2s;         /* なめらか変化 */
        box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
        border        : 2px solid #32cd32;    /* 枠の指定 */
        margin:40px auto auto 20px;
        float: left;
    }
    .dlButton:hover {
        box-shadow    : none;        /* カーソル時の影消去 */
        color         : #32cd32;     /* 背景色     */
        background    : #ffffff;     /* 文字色     */
    }
}

.menuButton {
    display       : inline-block;
    width         : 300px;
    font-size     : 15pt;        /* 文字サイズ */
    font-weight : bold;
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 10px 30px;   /* 余白       */
    background    : #009289;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
    border        : 2px solid #1d676b;    /* 枠の指定 */
    margin:10px auto;
}

.menuButton:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #483d8b;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}

.logoutButton {
    display       : inline-block;
    font-size     : 15pt;        /* 文字サイズ */
    font-weight: bold;
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 5px 10px;   /* 余白       */
    background    : #483d8b;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
    border        : 2px solid #483d8b;    /* 枠の指定 */
    margin:25px 25px 10px;
}

@media screen and (max-width:1280px){
.logoutButton {
    display       : inline-block;
    font-size     : 15pt;        /* 文字サイズ */
    font-weight: bold;
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 5px 10px;   /* 余白       */
    background    : #483d8b;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
    border        : 2px solid #483d8b;    /* 枠の指定 */
    margin:20px 0px;
}
}

.logoutButton:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #483d8b;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}

.mapView {
    display       : inline-block;
    font-size     : 13pt;        /* 文字サイズ */
    font-weight: bold;
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 2px 5px;   /* 余白       */
    background    : #483d8b;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
    border        : 2px solid #483d8b;    /* 枠の指定 */
    margin:0 auto;
}

.mapView:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : #483d8b;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}

.closebut {
    display       : inline-block;
    font-size     : 12pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 10px 20px;   /* 余白       */
    background    : darkturquoise;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    border        : 2px solid darkturquoise;    /* 枠の指定 */
    margin:2px 20px 2px 20px;
}
.closebut:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : darkturquoise;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}

.gobut {
    display       : inline-block;
    font-size     : 12pt;        /* 文字サイズ */
    text-align    : center;      /* 文字位置   */
    cursor        : pointer;     /* カーソル   */
    padding       : 10px 20px;   /* 余白       */
    background    : lightcoral;     /* 背景色     */
    color         : #ffffff;     /* 文字色     */
    line-height   : 1em;         /* 1行の高さ  */
    transition    : .2s;         /* なめらか変化 */
    border        : 2px solid lightcoral;    /* 枠の指定 */
    margin:2px 20px 2px 20px;
}
.gobut:hover {
    box-shadow    : none;        /* カーソル時の影消去 */
    color         : lightcoral;     /* 背景色     */
    background    : #ffffff;     /* 文字色     */
}


p{
    margin: 8px auto auto 20px;
}

.area{
    margin-left:38%;
}

select{
    height: 32px;
    font-size: 18px;
    float: left;
    margin-right:20px;
}

.alert3{
    width: 140px;
    height: 32px;
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-right:46px;
}

.yearClass{
    width: 60px;
    height: 32px;
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-right:0px;
}

.monthClass{
    width: 45px;
    height: 32px;
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-right:0px;

}

.dayClass{
    width: 45px;
    height: 32px;
    font-size: 18px;
    float: left;
    margin-top: 5px;
    margin-right:0px;
}

.tab-content {
    width: 100%;
    margin: 0px;
}
.tab-nav {
    padding-bottom: 10px;
}

    .tab-box {
    margin: 6px auto;
    padding: 15px;
    border: 1px solid #bbb;
    background-color: #fff;
    height: 550px;
    width: 1290px;

    }



div.t.odd {
    background: #dcdcdc !important;
}

.tab {
    width: 80px;
    height: 50px;
    border: 1px solid #bbb;
    padding: 5px 5px 5px 5px;
    background-color: #fff;
}
.tab:hover {
    cursor: pointer;
    background-color: rgba(255, 0, 0, 0.3);
}

.tab-view {
    height: 680px;
    margin: 10px;
}
.radio {
    display:none;
}
.radio:checked + .tab {
    background-color: rgba(0, 0, 255, 0.3);
}
#tab1:checked ~ .tab-box > .project {
    display: block;
}
#tab2:checked ~ .tab-box > .record {
    display: block;
}
#tab3:checked ~ .tab-box > .record {
    display: block;
}

.demarcation{
    float:none;
    margin-bottom: 20px;
    width: auto;
}

.modal-content {
    position:relative;
    display:none;
    width:60%;
    margin:50px;
    border:2px solid #aaa;
    background:#fff;
    overflow:auto;
    text-align: center;
    margin-top: 90px;
    padding-bottom: 5px;
}

.modal-overlay {
    z-index:1;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-wrap {
    z-index:4;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    overflow:auto;
}

.modal-open {
}

.modal-open:hover {
    cursor:pointer;
    color:#f00;
}

.modal-close {

}

.modal-content p{
    font-size: 24px;
    color: #364e96;/*文字色*/
    border: solid 2px #364e96;/*線色*/
    padding: 2px;/*文字周りの余白*/
    border-radius: 0.5em;/*角丸*/
    width: 50px;
}

.modal-close:hover {
    cursor:pointer;
    color:#f00;
}

.modal-content p{
    font-size: 15px;
    text-align: left;
    margin: auto 2%;
}

/* --- INPUT=TEXTの標準デザイン設定 ---------------------*/
.textArea {
    margin: 10px;
    width: 500px;
    height: 100px;
    background    : #ffffff;             /* 入力域の背景色 */
    border        : 2px solid #00007f;   /* 入力域の枠線   */
    border-radius : 4px;                 /* 入力域の角丸   */
    padding       : 7px;                /* 入力文字の余白 */
    font-size     : 18px;                /* 入力文字サイズ */
    color         : #333333;             /* 入力文字の色   */
    font-weight   : bold;                /* 入力文字の太字 */
    letter-spacing: .1em;                /* 入力文字の間隔 */
    line-height   : 18px;                /* 入力文字の間隔 */
}
/* --- 入力フィールドにフォーカスか来たら ----------------*/
.textArea:focus {
    border-color  : #6666ff;                 /* 枠線色     */
    background    : rgba(102, 102, 255, 0.20);  /* 背景色     */
    outline       : 0;
}
/* --- 入力説明の文字(標準) -----------------------------*/
.textArea:placeholder-shown {
    color         : #808080;                 /* 文字色     */
}
/* --- 入力説明の文字(Chrome,Safari,Android,iOS等) ---- -*/
.textArea::-webkit-input-placeholder {
    color         : #808080;                 /* 文字色     */
}
/* --- 入力説明の文字(IE用) -----------------------------*/
.textArea:-ms-input-placeholder {
    color         : #808080;                 /* 文字色     */
}

#loader-bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: #d3d3d3;
    opacity: 0.9;
    z-index: 1;
}
#loader {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    height: 200px;
    margin-top: -100px;
    margin-left: -100px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

.mapBox {
    overflow:hidden;
    margin:5px;
    float: left;
    width: 100%;
}

.map{
    overflow:hidden;
    margin:2px 10px 0 20px;
    float: left;
    width: 100%;
    height: 870px;
    border: 1px solid #708090;
}

@media screen and (max-width:1200px){
    .map{
        overflow:hidden;
        margin:10px 10px 0 0;
        width: 700px;
        height: 600px;
        border: 1px solid #708090;
    } 
}

.mapTable{
    width: 98%;
    table-layout: fixed; 
    border-collapse:collapse;
    border-spacing: 0;
    float: top;
    font-size: 18px;
    
}

.mapTableSpare{
    width: 98%;
    table-layout: fixed; 
    border-collapse:collapse;
    border-spacing: 0;
    float: top;
    font-size: 18px;
    
}

.mapTableBox{
    width: 100%;
    height: 450px;
    font-size: 18px;
    overflow-x:hidden;
    overflow-y : auto;
    float: top;
}

.mapTableBoxSpare{
    width: 100%;
    height: 85px;
    font-size: 18px;
    overflow-x:hidden;
    overflow-y : auto;
    float: top;
}

.mapTableBoxAll{
    position: absolute;
    right : 0;
    top : 12%;
    overflow:hidden;
    width: 525px;
    height: 765px;
    float: left;
    font-size: 14px;
    background-color: rgba(255,255,255,0.8);
}

.mapTotalPay{
    width: 100%;
    color: #008;
    font-weight: bold;
    font-size: 18px;
    float: left;
    margin-top: 20px;
    text-align: right;
    border: solid 1px black;
    border-collapse: collapse;
}

.mapTotalPay td{
    border: solid 1px black;
    border-collapse: collapse;
}

.mapTotalPay .headRow{
    color : white;
    background-color: black;
    border: solid 1px black;
    border-collapse: collapse;
}

.mapText{
    width: 100%;
    font-size: 18px;
    float: bottom;
    text-align: center;
}

.detailBox
{
    width: 100%;
    float: left;
    position: relative;
}
.detailBoxIn
{
    width: 80%;
    padding: 15px 200px ;
    margin-left: 37px;
    float: left;
}

.detailBoxIn2
{
    width: 80%;
    padding: 0 200px ;
    float: left;
    font-size: 23px;
}
.detailLeftBox
{
    width: 200px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.detailRightBox
{
    width: 86.5%;
    float: left;
}
.detailEnter
{
    width: 100%;
    padding-left: 100px ;
    float: left;
}

.detailEnter2
{
    width: 100%;
    padding-left: 35px ;
    float: left;
}

.detailEnter3
{
    width: 100%;
    padding-left: 50px;
    float: left;
}

.detailEnter4
{
    width: 100%;
    padding-left: 15px;
    float: left;
}
.detailTitleText
{
    width: 100%;
    color: #000;
    background-color: #C0CBEC;
    font-size: 18px;
    float: left;
    text-align: center;
    border: 1px solid #bbb;
}
.detailArrow
{
    font-size: 18px;
    color: #f00;
}

.detail
{
    width: 100%;
    margin-bottom: 10px;
}
.detailTextInput
{
    width: 700px;
    font-size: 18px;
    float: left;
    padding-left: 5px;
}
.detailEctInput
{
    width: 286px;
    font-size: 18px;
    float: left;
    padding-left: 1px;
    margin-bottom: 10px;
}

.treeViewNumberInput
{
    width: 151px;
    font-size: 18px;
}

.detailNumberInput
{
    width: 151px;
    font-size: 18px;
    float: left;
}
.detailNumberInput2
{
    width: 150px;
    font-size: 18px;
}
.detailNumberInput3
{
    width: 165px;
    font-size: 18px;
}
.detailCheckInput
{
    width:30px;
    font-size: 18px;
    align-items: center;
}
.detailLabel
{
    width:800px;
    font-size: 18px;
    float: left;
}

.detailDateLabel
{
    width:300px;
    color: #000;
    background-color: #fff;
    font-size: 18px;
    text-align: left;
    border: 1px solid #bbb;
}

.detailDateInput
{
    width:150px;
    font-size: 18px;
}
.basic
{
    font-size: 18px;
}
.detailLabelReadOnly
{
    font-size: 18px;
    width: 255px;
}
.textareaEtc
{
    resize: none; 
    width: 939px;
    font-size: 18px;
    height: 100px;
}

.textareaEtc2
{
    resize: none; 
    width: 981px;
    font-size: 18px;
    height: 100px;
}




/* css checkbox01 */
.checkbox01-input{
  z-index: 0;
  width : 0;
  height : 0;
  position: absolute;
}
.checkbox01-parts{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
  padding-top: 5px;
}
.checkbox01-parts::before{
  content: "";
  display: block;
  position: absolute;
  top: 5px;
  left: 0;
  width: 15px;
  height: 15px;
  border: 1px solid #999;
  border-radius: 4px;
}
.checkbox01-input:checked + .checkbox01-parts{
  color: #009a9a;
}
.checkbox01-input:checked + .checkbox01-parts::after{
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #009a9a;
  border-right: 3px solid #009a9a;
}

.divtitleclass{
    width:100%;
    float:left;
}

.tdrestwidth{
    width: auto;
}

.tdwidth{
    width:160px;
}

.tdwidth2{
    width:100px;
}

.button {
  display       : inline-block;
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 20px;   /* 余白       */
  background    : #2e8b57;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .2s;         /* なめらか変化 */
  box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
  border        : 2px solid #2e8b57;    /* 枠の指定 */
  margin-left: 30px;
  margin-bottom: 20px;
}

.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #2e8b57;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}


.button2 {
  display       : inline-block;
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 20px;   /* 余白       */
  background    : #996600;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .2s;         /* なめらか変化 */
  box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
  border        : 2px solid #996600;    /* 枠の指定 */
  margin-left: 30px;
  margin-bottom: 20px;
}
.button2:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #996600;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.button3 {
  display       : inline-block;
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  background    : #006699;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .2s;         /* なめらか変化 */
  box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
  border        : 2px solid #006699;    /* 枠の指定 */
}
.button3:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #006699;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.emendationButton{
    width: 95%;
    text-align: right;
}

#selectCity{
    padding-left: 0px;
    width: 206px;
    border: #000 solid 1px;
    overflow-x: hidden;
    overflow: auto;
    height: 300px;
}

#selectGEO{
    width: 170px;
}

#selectPrintContent{
    width: 240px;
}

.manageNo{
    width : 100px;
}

#searchClientIncrement{
    width : 750px;
}

#searchClientIncrementKana{
    width : 732px;
}

.searchClientIncrementItem{
    text-align: left;
    text-indent: 9em;
}

.searchClientIncrementCodeItem{
    text-align: left;
    text-indent: 9em;
}

.mustMark{
    background-color: red;
    color : white;
    font-size: 15px;
    border-radius: 5px 5px 5px 5px;
    padding: 1px 3px 1px 3px;
}

.notMustMark{
    width: 55px;
}

.margin-left8{
    margin-left: 8px;
}

.pickupPlace{
    position: relative;
}

.txtPickupPlace{
    z-index: 1;
    position: absolute;
    left: 5px;
    top: 2px;
}

.butPickupPlace{
    position: absolute;
    left: 710px;
    top: 2px;
}

.labelPickupPlace{
    z-index: 2;
    width : 710px;
    background-color: white;
    position: absolute;    
    left: 5px;
    top: 2px;
    font-size: 18px;
    height: 28px;
}

.txtPickupReporting{
    z-index: 1;
    position: absolute;
    left: 5px;
    top: 2px;
}

.butPickupReporting{
    position: absolute;
    left: 710px;
    top: 2px;
}

.labelPickupReporting{
    z-index: 2;
    width : 710px;
    background-color: white;
    position: absolute;    
    left: 5px;
    top: 2px;
    font-size: 18px;
    height: 28px;
}

.specialCaption{
    font-size: 14px;
}

.nameText{
    font-size: 23px;
}

#selectCity li{
    padding-top: 5px;
    padding-left: 5px;
    padding-bottom: 1px;
}

#centerCircleTextNum{
    width : 60px;
    margin-top: 5px;
}

#centerCircleTextNum2{
    width : 60px;
    margin-top: 5px;
}

.deliveryRemark{
    resize: none;
    height: 100px;
}

#freewordtxt{
    width :205px;   
}

.list{
  margin: 180px auto 0 auto;
  background-color: #fff;
  width: 1390px;
  height:700px;
  margin-left: 95px;
}

.name{
  height: 550px;
  padding: 10px;
}

.postingunitamountlist{
  margin: 20px auto 0 auto;
  background-color: #fff;
  width: 1280px;
  height:230px;
  margin-left: 95px;
}

.postingunitamountname{
  /*height: 550px;*/
  padding: 10px;
}

.newspaperunitamountlist{
  margin: 20px auto 0 auto;
  background-color: #fff;
  width: 1280px;
  height:740px;
  margin-left: 95px;
}

.newspaperunitamountname{
  height: 550px;
  padding: 10px;
}


.newsPaperRow .prefName{
    width:546px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}
.newsPaperRow .areaName{
    width:600px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
    border-top: 0px;
}

.newsPaperRow .contentName{
    width:700px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
    border-top: 0px;
}

.newsPaperRow .postingNum{
    width:105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
    border-top: 0px;
}

.newsPaperRow .targetArea{
    width:250px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
}

.newsPaperRow .unitAmount{
    width:105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
    border-right: 0px;
}

.newsPaperRow .sumAmount{
    width:105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
}

.sumRow .allSumAmount{
    width:97px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
    text-align: right;
/*    width:600px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
    border-top: 0px;*/
}

.sumRow .allSumAmountSpace{
    width:587px;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9.5px;
}

.sumRow .postingNum{
    width: 105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
    border-top: 0px;
}

.sumRow .unitAmount{
    width: 105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
    border-right: 0px;
}

.sumRow .sumAmount{
    width: 105px;
    border: 1px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    padding: 9px;
    border-top: 0px;
}

.newsPaperRow .npKeyCd{
    display: none;
}

.npKeyCd{
    display: none;
}

.prefName{
    width:80px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
}

.areaName{
    width:602px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    border-right: 0px;
    padding: 9px;
}

.contentName{
    width:703px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    border-right: 0px;
    padding: 9px;
}

.postingNum{
    width:105px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    border-right: 0px;
    padding: 9px;
}

.targetArea{
    width:254px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 9px;
}

.unitAmount{
    width:105px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 9px;
    border-right: 0px;
}

.sumAmount{
    width:105px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 9px;
}

.area-cell-top{
    width:99px;
    display: table-cell;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.area-cell-medium{
    width:99px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;    
}

.area-cell-bottom{
    width:99px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.pref-cell-top{
    width:80px;
    display: table-cell;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.pref-cell-medium{
    width:80px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;    
}

.pref-cell-bottom{
    width:80px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.size-cell-top{
    width:69px;
    display: table-cell;
    border-top: 1px solid #666;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.size-cell-medium{
    width:69px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;    
}

.size-cell-bottom{
    width:69px;
    display: table-cell;
    border-left: 1px solid #666;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-right: 0px;
    border-top: 0px;
}

.pref-cell{
    width:80px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    border-right: 0px;
    padding: 10px;
    border-top: 0px;
}

.area-cell{
    width:600px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-top: 0px;
}

.content-cell{
    width:701px;
    display: table-cell;
    border: 1px solid #666;
    font-weight: bold;
    vertical-align: top;
    background: #e6e6e6;
    color: #000000;
    white-space: normal;
    padding: 10px;
    border-top: 0px;
}

.newsPaperNumberInputTxt{
    width : 80px;
    font-size: 18px;
    text-align: right;
}

.newsPaperInputTxt{
    width : 250px;
    font-size: 18px;
}

.standardInputTxt{
    font-size: 18px;
}

.printColumnSettingRight ul{
  margin-top: .3em;
  margin-bottom: .75em;
}

.printColumnSettingRight ul li ul {
  margin-top: .8em;
  margin-bottom: .75em;
  margin-left: 10px;
}
 
.printColumnSettingRight ul li ul li {
  margin-bottom: .25em;
  position: relative;
}
 
.printColumnSettingRight ul li ul li::before {
  content: "";
  position: absolute;
  top: -0.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + .75em);
  border-left: 1px solid #3972b2;
}
 
.printColumnSettingRight ul li ul li:last-child::before {
  height: calc(1em + .25em);
}
 
.printColumnSettingRight ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 10px;
  border-bottom: 1px solid #3972b2;
}

.printColumnSetting {
    width : 100%;
}

.printColumnSettingLeft {
    width : 39%;
    float: left;
}

.printColumnSettingRight {
    width: 61%;
    float: left;
}

#printDetailPlaceText{
    width: 219px;
}

.npKeyCd{
    display:none;
}

.date-time{
    width: 130px;
    float: left;
    padding: 2px;
}

.button4 {
  display       : inline-block;
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 5px 20px;   /* 余白       */
  background    : red;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .2s;         /* なめらか変化 */
  box-shadow    : 1px 1px 3px #666666;  /* 影の設定 */
  border        : 2px solid red;    /* 枠の指定 */
  margin-left: 30px;
  margin-bottom: 20px;
}

.button4:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : red;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

p{
    margin: 0;
}

.head_q {
    width: 1644px;
    margin: 0 auto;
}

.head_q_l {
    float: left;
    width: 580px;
    padding: 0px 0 0 0px
}

.head_q_l p{
    float: left;
    font-size: 11px;
    font-weight: normal;
    width: 100%;
    padding: 0;
    margin: 0 0 5px;
    color: #999999;
}

.head_q_l .logo{
    float: left;
    width: 180px;
    padding:0;
}

.content_q{
    width: 1680px;
    height: 965px;
    margin: 5px auto;
/*    padding-top: 58px;*/
}

.footer_q {
    background: url(../img/bg_footer.jpg) 50% 0 no-repeat;/* フッター（Copyright部）背景色 */
    background-size: cover;
    height: 380px;
/*    position: relative;
    bottom: 0;*/
    width:100%; 
    position:relative;
    bottom:-170px; 
    overflow:hidden;
}

.footer_q_c {   
    width: 720px;
    margin: 0 auto;
    padding: 75px 0;
}

.footer_q_l{
    border-right: none;
    width: 500px;
    float: left;
}

.p_logo{
    margin: 0 0 25px;
}

.footer_q_l ul{
    margin: 5px 0;
    padding: 0;
    list-style-type: none;
}

.footer_q_l ul li{
    font-size: 10px;
    float: left;
    width: 210px;
}

.footer_q_l ul li p{
    font-size: 10px;
}

.footer_q_l ul li p span {
    font-size: 14px;
    font-weight: bold;
    display: block;
}

.footer_q_l .arw a {
    padding: 0 0 0 11px;
    background: url(../img/arw01.png) no-repeat 0 50%;
    text-decoration: underline!important;
}

.footer_q_l a:link, .footer_q_l a:visited {
    color: #444;
}

.footer_q_l ul li ul{
    float: left;
    width: 180px;
}

.footer_q_l ul li ul li{
    float: left;
    width: 84px;
    padding: 0 0 0 6px;
    background: url(../img/foot_list.gif) no-repeat 0 50%;
}

.foot_nav_q {
    height: 30px;
    background: #005bac;
    position: absolute;
    bottom: 0;
    width: 100%;
}

.foot_in_q {
    width: 720px;
    margin: 0 auto;
}

.copy_q {
    float: right;
    color: #fff;
    font-size: 10px;
    padding: 7px 0 8px;
}

.page-name-q {
    padding-left: 18px;
    font-size: 17pt;
}

.dl-button {
  display       : inline-block;
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  background    : #32cd32;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 2.5em;         /* 1行の高さ  */
  transition    : .2s;         /* なめらか変化 */
  box-shadow    : 1px 1px 3px #32cd32;  /* 影の設定 */
  border        : 2px solid #32cd32;    /* 枠の指定 */
  padding: 6px 8px
}
.dl-button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #32cd32;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

.under-list{
    width: 1710px;
    margin:0 auto;
    position: relative;
}

.header_right{
    position: relative;
    left: 640px;
    top: 35px;
    height: 68px;
}

.notice1{
    width: 957px;
    border: 0px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: inherit;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    border-right: 0px;
    border-top: 0px;
}

.notice2{
    width: 380px;
    border: 0px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: 600;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    border-right: 0px;
    border-top: 0px;
}

.notice3{
    width: 110px;
    border: 0px solid #ccc;
    line-height: 1.5;
    margin: 10px auto 10px auto;
    table-layout: fixed;
    display: table-cell;
    font-weight: 600;
    vertical-align: middle;
    background: #fff;
    color: #333333;
    white-space: normal;
    border-right: 0px;
    border-top: 0px;
}

.red-notice{
    font-size: larger;
    font-weight: 600;
    color: red;
}

.tiny-notice{
    font-size: small;
}

centeraera{
    font-size: 18px; 
}