header{
}
@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;
}

.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:80%;
    height: 90%;
    /*margin:50px;*/
    border:2px solid #aaa;
    background:#fff;
    overflow:auto;
    text-align: center;
    margin-top: 1%;
    /*padding-bottom: 5px;*/
}

.formmodal-content {
    position:relative;
    display:none;
    width:550px;
    height: 500px;
    /*margin:50px;*/
    border:2px solid #aaa;
    background:#fff;
    overflow:auto;
    text-align: center;
    margin-top: 1%;
    /*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%;
}

.inputRadius{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    font-size: 20px;
    border: 1px solid gray;
    background: #fce9ed;
}

.inputName{
    width: 230px;
    height: 40px;
}

.inputAddress{
    width: 500px;
    height: 40px;
}
.inputNameArea{
    float: left;
    margin-left: 20px;
    height: 100px;
    width: 250px;
    text-align: left;
}

.inputAddressArea{
    margin-top: 20px;
    margin-left: 20px;
    height: 100px;
    width: 500px;
    text-align: left;
    clear: both;
}
/* --- 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:0px 0px 10px 0px;
    /*float: left;*/
    width: 99.7%;
    height: 85.5%;
    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;
}

#selectedRow{
    text-align: left;
    margin: 5px 0 5px 10px;
    font-size: 28px;
}

.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;
    /*margin-right: 10px;*/
}
.detailRightBox
{
    width: 559px;
    float: left;
    margin-top: 20px;
    margin-left: 20px;
}
.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;
}

.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: 100%;
    /*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: 15px;
    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: 100px;
    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; 
}

.fixedTable {
    border-collapse: collapse;
}
.fixedTable td {
    border: 1px solid #888;
/*    min-width: 90px;
    max-width: 90px;*/
    overflow: hidden;
    white-space: nowrap;
    height: 53px;
}

.fixedTable1 {
    border-collapse: collapse;
/*    overflow-y: scroll;*/
    /*height: 479px;*/
    float: left;
}
.fixedTable1 td {
    border: 1px solid #888;
/*    min-width: 90px;
    max-width: 90px;*/
    overflow: hidden;
    white-space: nowrap;
    height: 30px;
}

#bottomArea{
    overflow-y: auto;
    max-height: 500px;
}

.date{
    min-width: 200px;
    max-width: 200px;
    border: 1px solid #666;
    font-weight: normal;
    vertical-align: middle;
    color: #333333;
    white-space: normal;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
}
.date-h{
    min-width: 201px;
    max-width: 201px;
    border: 1px solid #666;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background: #3f3f3f;
    color: #ffffff;
    white-space: normal;
    padding: 5px;
    font-size: 18px;
}

.area{
    min-width: 500px;
    max-width: 500px;
    border: 1px solid #666;
    font-weight: normal;
    vertical-align: middle;
    color: #333333;
    white-space: normal;
    padding: 5px;
    cursor: pointer;
    font-size: 18px;
    text-align: left;
}
.area-h{
    min-width: 500px;
    max-width: 500px;
    border: 1px solid #666;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    background: #3f3f3f;
    color: #ffffff;
    white-space: normal;
    padding: 5px;
    font-size: 18px;
}
.tableArea{
    width: 748px;
    margin: 20px auto auto auto;
}

.detailArea{
    text-align: center;
}
.explanation{
    margin-left: 20px;
}






/* master.css */
@media screen {
    /* pagetop
    ======================================================= */

    .pagetop {
        position: fixed;
        z-index: 10;
        right: 50px;
        bottom: 0;
    }

    .pagetop a {
        float: left;
        padding-top: 40px;
        width: 40px;
        height: 0 !important;
        height : 40px;
        overflow: hidden;
        outline: none;
        background: url(https://www.kandpartners.co.jp/common/img/pagetop.gif) no-repeat 0 0;
    }
    
    /* f_con險ｭ螳�
    ======================================================= */
    .f_conblock{
        background: #eef3f8;
        width:100%;
    }

    .f_conblock .inner{
        width: 980px;
        height: 157px;
        margin: 0 auto;
        padding: 20px 0 27px;
        position: relative;
    }

    .f_conblock .inner .contactbox1 {
        float: left;
        width: 275px;
        padding: 78px 95px 24px 20px;
        background: url(https://www.kandpartners.co.jp/common/img/bg_f_contactbox1.jpg) 0 top no-repeat;
    }

    .f_conblock .inner .contactbox1 .tel{
        font-size: 36px;
        font-weight: bold;
        font-family: 'Arial';
        line-height: 1;
        padding: 0 0 0 25px;
        background: url(https://www.kandpartners.co.jp/common/img/ico_tel.png) 0 50% no-repeat;
    }

    .f_conblock .inner .contactbox1 p{
        font-size: 15px;
    }

    .f_conblock .inner .contactbox2{
        float: right;
        width: 530px;
        padding: 64px 20px 23px;
        background: url(https://www.kandpartners.co.jp/common/img/bg_f_contactbox2.jpg) 0 top no-repeat;
    }

    .f_conblock .inner .contactbox2 ul{
        list-style: none;
        padding: 0;
        margin: 0;
    }

    .f_conblock .inner .contactbox2 ul li{
        float: left;
        margin: 0 0 0 20px;
    }

    .f_conblock .inner .contactbox2 ul li:first-child{
        margin: 0;
    }


    /* footer險ｭ螳�
    ======================================================= */

    footer {   
        background: url(https://www.kandpartners.co.jp/common/img/bg_footer.jpg) 50% 0 no-repeat;/* 繝輔ャ繧ｿ繝ｼ��Copyright驛ｨ�芽レ譎ｯ濶ｲ */
        background-size: cover;
    }


    /* foot_menu */

    footer .foot_menu {
        width: 980px;   /* 蝓ｺ譛ｬ險ｭ螳� 蜈ｨ菴薙�蟷� */
        margin: 0 auto;
        padding: 75px 0;
    }

    footer .foot_left {
        width: 370px;
        float: left;
    }
    footer .foot_right {
        float: right;
        width: 750px;
        padding: 0 0 0 50px;
        border-left: 2px solid #bcccdc;
    }
    .f_logo{
        margin: 0 0 25px;
    }

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

    .foot_left ul li{
        font-size: 12px;
        float: left;
        width: 180px;
    }

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

    .foot_left ul li p {
        font-size: 12px;
    }

    .foot_left .arw a{
        padding: 0 0 0 11px;
        background: url(https://www.kandpartners.co.jp/common/img/arw01.png) no-repeat 0 50%;
        text-decoration: underline!important;
    }

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

    .foot_left ul li ul li{
        float: left;
        width: 74px;
        padding: 0 0 0 6px;
        background: url(https://www.kandpartners.co.jp/common/img/foot_list.gif) no-repeat 0 50%;
    }


    .foot_right ul li{
        line-height: 2;
        padding: 0 0 0 11px;
        background: url(https://www.kandpartners.co.jp/common/img/arw01.png) no-repeat 0 7px;
    }

    .foot_right ul li ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }
    .foot_right ul li ul li {
        padding: 0 0 0 9px;
        background: url(https://www.kandpartners.co.jp/common/img/foot_list.gif) no-repeat 0 0.8em;
        font-size: 15px;
    }

    .foot_right ul.menu01 {
        float: left;
        margin: 0px 0;
        padding: 0;
        list-style-type: none;
        width: 192px;
        margin: 0 30px 0 0;
        font-size: 15px;
    }

    .foot_right ul.menu02 {
        float: left;
        margin: 0px 0;
        padding: 0;
        list-style-type: none;
        width: 192px;
        margin: 0 30px 0 0;
        font-size: 15px;
    }

    .foot_right ul.menu03 {
        float: left;
        margin: 0px 0;
        padding: 0;
        list-style-type: none;
        width: 140px;
        margin: 0 30px 0 0;
        font-size: 15px;
    }

    .foot_right ul.menu04 {
        float: left;
        margin: 0px 0;
        padding: 0;
        list-style-type: none;
        width: 165px;
        margin: 0px;
        font-size: 15px;
    }


    .foot_menu a:link,
    .foot_menu a:visited {
        color: #444;
        text-decoration: none;
    }

    .foot_menu a:hover {
        color: #444;
        text-decoration: underline;
    }


    /* foot_nav */

    footer .foot_nav {
        background: #005bac;   /* 繝輔ャ繧ｿ繝ｼ�医Γ繝九Η繝ｼ驛ｨ�芽レ譎ｯ濶ｲ */
    }

    footer .foot_nav .foot_in{
        width: 980px;   /* 蝓ｺ譛ｬ險ｭ螳� 蜈ｨ菴薙�蟷� */
        margin: 0 auto;
    }

    .foot_nav ul {
        float: left;
        margin: 0;
        padding: 4px 0;
        list-style-type: none;
    }

    .foot_nav ul li {
        float: left;
        margin: 0 21px 0 0;
        padding: 0;
    }

    .foot_nav a:link,
    .foot_nav a:visited {
        color: #fff;    /* 繝輔ャ繧ｿ繝ｼ�医Γ繝九Η繝ｼ驛ｨ�画枚蟄苓牡 */
        font-size: 10px;
    }

    .foot_nav a:hover {
        color: #fff;    /* 繝輔ャ繧ｿ繝ｼ�医Γ繝九Η繝ｼ驛ｨ�画枚蟄苓牡 */
        text-decoration: underline;
    }
    .foot_nav .copy{
        float:right;
        color: #fff;
        font-size: 10px;
        padding: 7px 0 8px;
    }

    /* foot_info */

    .foot_info {
        color: #999;    /* 繝輔ャ繧ｿ繝ｼ��Copyright驛ｨ�画枚蟄苓牡 */
    }

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

    .foot_info .foot_in {
        padding: 20px 0 16px;
    }

    .foot_info .foot_info_cont {
        margin: 0 0 30px;
    }

    .foot_info .logo_address {
        float: left;
        width: 700px;
    }

    .foot_info .logo_address .logo {
        float: left;
        width: 200px;
        padding: 0 15px 0 0;
    }

    .foot_info .logo_address p {
        font-size: 15px;
    }

    .foot_info .f_sns {
        float: right;
        width: 100px;
        padding: 0 60px 0 0;
    }

    .foot_info .f_sns li {
        float: left;
        width: 30px;
        margin: 0 0 0 5px;
    }

    .foot_info .f_sns li:first-child {
        margin: 0;
    }

    .foot_info .copy {
        text-align: center;
        font-size: 15px;
    }

    .contact footer .foot_menu {
        width: 1200px;   /* 蝓ｺ譛ｬ險ｭ螳� 蜈ｨ菴薙�蟷� */
        margin: 0 auto;
        padding: 75px 0;
    }

    .contact footer .foot_left {
        border-right: none;
    }

    .contact footer .foot_in {
        width: 720px;
        margin: 0 auto;
    }

    .contact footer .foot_info {
        width: 350px;
        float: left;
        padding: 0 15px 0 0;
    }

}


/* block.css */
@media screen{
    /* 豎守畑繧ｹ繧ｿ繧､繝ｫ險ｭ螳�
    ======================================================= */

    p.img_l { float: left; }
    p.img_r { float: right; }

    .tac { text-align: center; }
    .tal { text-align: left; }
    .ter { text-align: right; }

    .mt30 { margin-top : 30px; }

    .mr30 { margin-right: 30px; }

    .mb05 { margin-bottom: 5px; }
    .mb10 { margin-bottom: 10px; }
    .mb15 { margin-bottom: 15px; }
    .mb20 { margin-bottom: 20px; }
    .mb30 { margin-bottom: 30px; }
    .mb40 { margin-bottom: 40px; }

    .pc_none { display: none; }
    .clearfix {
        zoom: 1;
    }
    .clearfix:after {
        display: block;
        clear: both;
        content: '';
    }
    *:after {
        display: block;
        clear: both;
    }
    
    /* 縺｡繧峨▽縺埼亟豁｢
    ======================================================= */

    .overimg {
            box-shadow: #fff 0 0 0;
    }

    .overimg:hover {
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
            filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
            background: #fffﾂ･9;
    }
    
    .arw a {
            padding: 0 0 0 10px;
            background: url(https://www.kandpartners.co.jp/common/img/arw.png) no-repeat 0 .4em;
    }
}