/*
 * project	売上業務支援管理システム
 * 
 * @author	SYSTEM CRAFT Y.Murase <yuji.murase@system-craft.info>
 * @create	2021.03.04
 */

/* ************************ 共通 TAG ************************ */

body {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 3px;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000;
    font-family: "Trebuchet MS", "Meiryo UI", Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”,
        “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
    background-color: #ffffff;
    background-image: url(../img/icon_back.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
main {
    /* border: 1px solid #f00; */
    margin-top: 60px;
    display: flex;
}
/*ナビゲーション*/
.localNavigation {
    /* border: 1px solid #0f0; */
    width: 200px;
    min-width: 200px;
    text-align: center;
}
/*コンテンツ*/
.content {
    /* border: 1px solid #00f; */
    width: calc(100% - 210px);
    padding: 3px;
    margin-left: 3px;
}
/*コンテンツ：ヘッダ*/
.content_head {
    width: calc(100%-20px);
    background-color: #c5be96;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    /*右を丸く*/
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
}
/*コンテンツ：データ*/
.content_data {
    /* border: 1px solid rgb(234, 154, 17); */
    width: 100%;
    overflow: hidden;
}
/*ブロック*/
.divBlock {
    /* flex-direction: row;
    flex-wrap: wrap; */
    float: left;
    width: 220px;
    padding: 5px;
    margin: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.bunDiv {
    /* income_local_new.php */
    display: block;
}
.ctsDiv {
    /* income_local_new.php */
    display: none;
}
.inpDiv {
    /* income_local_new.php */
    display: none;
}

#grovalNavigation {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    padding: 1px;
    text-align: center;
    background-color: #bb0a11;
    color: #ffffff;
    /* border-radius: 10px 10px 0px 0px; */
    box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
    z-index: 999;
    opacity: 1;
}

#bottom_bar {
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    padding: 0px 10px;
    text-align: right;
    /* background-color: #666; */
    color: #aaaaaa;
    opacity: 0.8;
    z-index: 999;
}
#msgdiv {
    float: left;
    color: #f00;
}

div,
form,
label,
img,
p,
span {
    margin: 0px;
    padding: 0px;
    border: 0px;
    vertical-align: middle;
}
strong,
label {
    padding: 0px 5px;
}
ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
    cursor: pointer;
}
li {
    list-style: none;
}
hr {
    border-width: 1px 0px 0px 0px;
    border-style: dashed;
    border-color: #ccc;
    height: 1px;
}
hr.solid {
    border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #eee;
    height: 1px;
}
a {
    text-decoration: none;
}
a:link {
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #000;
}
a:hover {
    text-decoration: none;
}
a:active {
    text-decoration: none;
}
a.poko {
    text-decoration: none;
}
a.poko:visited {
    text-decoration: none;
}
a.poko:hover {
    text-decoration: none;
    position: relative;
    top: -1px;
    left: -1px;
}
a.poko:active {
    text-decoration: none;
}

table {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}
table td {
    padding: 5px 8px;
    line-height: 24px;
}

table.zero {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}
table.zero tr {
    padding: 0px 2px;
    border: none;
}
table.zero tr td {
    padding: 0px 2px;
    border: none;
}

table.hyo tbody {
    background-color: #fff;
}
table.hyo th {
    padding: 5px 8px;
    background-color: #eeeeee;
    font-weight: normal;
    text-align: center;
    border: 1px solid #cccccc;
}
table.hyo td {
    padding: 5px 8px;
    border: 1px solid #cccccc;
}
table.hyo td.xL {
    text-align: left;
}
table.hyo td.xC {
    text-align: center;
}
table.hyo td.xR {
    text-align: right;
}
table.hyo tr.ro:hover {
    background-color: #fee082 !important;
}
table.hyo td.ro:hover {
    background-color: #fee082 !important;
}

/* table.hyo .bgSUN {
    background-color: #f8e0e0;
    color: #990000;
}
table.hyo .bgSAT {
    background-color: #e0ecf8;
    color: #000099;
} */

table.itiran {
    table-layout: fixed;
}
table.itiran th {
    padding: 5px 8px;
    background-color: #eeeeee;
    font-weight: normal;
    border-bottom: 0px;
}
table.itiran tbody tr {
    border-bottom: 1px dashed #cccccc;
}
table.itiran tbody tr:last-child {
    border-bottom: 0px;
}
table.itiran tbody td {
    padding: 5px;
}
table.itiran tbody tr.iro:nth-child(even) {
    background-color: #f5f2e0;
}
table.itiran tbody tr:first-child {
}
table.itiran tbody tr:last-child {
    border-bottom: 1px solid #cccccc;
}
table.itiran tbody tr.ro:hover {
    background-color: #fee082 !important;
}

table.muji {
}
table.muji th {
    padding: 5px 8px;
    font-weight: normal;
    text-align: center;
}
table.muji td {
    padding: 5px 8px;
    line-height: 30px;
}
table.muji td.xL {
    text-align: left;
}
table.muji td.xC {
    text-align: center;
}
table.muji td.xR {
    text-align: right;
}
table.muji tr.ro:hover {
    background-color: #fee082 !important;
}
table.muji td.ro:hover {
    background-color: #fee082 !important;
}

table.fs7 {
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-collapse: collapse;
    table-layout: fixed;
}
table.fs7 th {
    padding: 1px 2px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #cccccc;
    font-size: 0.7em;
}
table.fs7 td {
    padding: 1px 2px;
    border: 1px solid #cccccc;
    font-size: 0.7em;
}
table.fs7 td.xL {
    text-align: left;
}
table.fs7 td.xC {
    text-align: center;
}
table.fs7 td.xR {
    text-align: right;
}
table.fs7 tr.ro:hover {
    background-color: #fee082 !important;
}
table.fs7 td.ro:hover {
    background-color: #fee082 !important;
}

table.cal th {
    padding: 4px 2px;
    font-weight: normal;
    text-align: center;
    border: 1px solid #999;
    width: 30px;
}
table.cal td {
    padding: 0px;
    width: 34px;
    text-align: center;
    border: 1px solid #999;
}
table.cal th {
    padding: 0px;
    width: 34px;
    text-align: center;
    border: 1px solid #999;
    font-weight: normal;
    background-color: #fcfcfc;
}

input[type="text"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus {
    outline: none;
} /*Crome青枠対策*/

input[type="number"],
input[type="date"] {
    ime-mode: inactive;
}

input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="month"],
select {
    font-family: "Meiryo UI", Osaka, “ヒラギノ角ゴ Pro W3″, “Hiragino Kaku Gothic Pro”, “ＭＳ Ｐゴシック”, “MS PGothic”,
        sans-serif;
    border: 1px solid #aaa;
    margin: 2px;
    padding: 0px 5px;
    /*	background-color: #fff; */
    height: 30px;
    line-height: 30px;
    letter-spacing: 1px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 5px 0px #ddd inset;
    -webkit-box-shadow: 1px 1px 5px 0px #ddd inset;
    -moz-box-shadow: 1px 1px 5px 0px #ddd inset;
}
select,
select option {
    cursor: pointer;
    height: 32px;
}
/* ファイル */
input[type="file"] {
    height: 40px;
    line-height: 40px;
}

textarea {
    border: 1px solid #aaa;
    margin: 2px;
    padding: 2px 5px;
    /*	background-color: #fff; */
    line-height: 24px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    box-shadow: 1px 1px 5px 0px #ddd inset;
    -webkit-box-shadow: 1px 1px 5px 0px #ddd inset;
    -moz-box-shadow: 1px 1px 5px 0px #ddd inset;
}

.search_icon {
    /* テキストボックス内に虫眼鏡アイコンを透かし表示 */
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    background: #fff url(../img/input_icon_search.png) no-repeat right center;
}

.dtpic {
    /* 日付 */
    text-align: centr;
    width: 120px;
}

/* タブレット用 - START */
maintablet {
    font-size: 1.5em;
    width: 1300px;
    /* min-height: 600px; */
    height: 97%;
    margin: 0px auto;
    padding: 10px;
    /* border: 1px solid #f00; */
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translatex(-50%) translatey(-50%);
}

maintablet div.ttl {
    font-size: 20px;
    color: #cccccc;
    position: absolute;
    top: -20px;
    left: 50%;
    transform: translate(-50%, -50%);
}

maintablet div.btnStaff {
    margin: 10px;
    width: 280px;
    line-height: 200px;
    text-align: center;
    font-size: 1.5em;
    background-color: #eeeeee;
    display: inline-block;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px outset #ddd;
    position: relative;
}
maintablet div.btnStaff:hover {
    cursor: pointer;
    background-color: #fee082;
    border: 2px inset #ddd;
}
maintablet div.btnLogin {
    margin: 10px;
    padding: 20px;
    text-align: center;
    background-color: #9ab8c4;
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
    border: 2px outset #ddd;
}
maintablet div.btnLogin:hover {
    cursor: pointer;
    background-color: #fee082;
    border: 2px inset #ddd;
}
.btnTab {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    background-color: #eee;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
.btnTab:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}
.btnTabCancel {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    background-color: #fbaaaa;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
.btnTabCancel:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}
.btnTabInvalid {
    /* cursor: pointer; */
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    /* background-color: #eee; */
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* border: 1px solid #ddd; */
}
.btnTabTBR {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    background-color: #eee;
    text-align: center;
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    border: 1px outset #ddd;
}
.btnTabTBR:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}

/* トグル START */
.toggle {
    position: relative;
    width: 60px;
    height: 28px;
    /* margin: 40px 60px; */
    display: inline-block;
    border-radius: 50px;
    overflow: hidden;
    user-select: none;
    cursor: pointer;
}
.toggle span {
    position: absolute;
    top: 8px;
    left: 20px;
    font-size: 12px;
    font-weight: bold;
    line-height: 1;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.toggle span:nth-of-type(1) {
    right: 7px;
    color: rgba(0, 0, 0, 0.175);
}
.toggle span:nth-of-type(2) {
    left: 10px;
    color: #fff;
    letter-spacing: 2px;
}
.toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50px;
    display: block;
    background: #fff;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.toggle:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 22px;
    height: 22px;
    display: block;
    border-radius: 50px;
    background: #ccc;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
}
.toggle.checked:before {
    background: #2c96d3;
}
.toggle.checked:after {
    left: 36px;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
}
/* トグル END */

/* ************************ 共通 ID ************************ */

/* トップ ***** */
#topDiv {
    position: absolute;
    top: 0px;
    width: 100%;
    height: 90px;
    color: #fff;
}

/* メニュー ***** */
#contentsDiv {
    display: inline-block;
    padding: 5px;
    background-color: #eee;
    width: 200px;
}

/* 作業エリア ***** */
#workDiv {
    display: inline-block;
    padding: 5px;
}

/* 下部 ***** */
#bottomDiv {
    position: relative;
    bottom: 0px;
    width: 100%;
    background-color: #cc0033;
    color: #fff;
    padding: 10px 0px;
}

/* ポップアップ枠 ***** */
.popup_back {
    display: none;
    position: relative;
    height: 100vh;
    width: 100%;
    background: black;
    opacity: 0.7;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 998;
}
.popup_content {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translatex(-50%) translatey(-50%);
    display: none;
    background: #fff;
    padding: 20px;
    width: 50%;
    z-index: 999;
}
.popup_show {
    display: flex;
    justify-content: center;
    align-items: center;
}

#popView {
    margin: 0px;
    padding: 0px;
}
#popTitle {
    height: 20px;
    line-height: 20px;
    vertical-align: MIDDLE;
    text-align: center;
    background-color: #99c0cf;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 15px;
}
#popOverlay {
    width: 100%;
    height: 100%;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3000;
    display: none;
}
#popItem {
    display: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 2px 2px 10px #000;
    -webkit-box-shadow: 2px 2px 10px #000;
    -moz-box-shadow: 2px 2px 10px #000;
    background: #fff;
    position: fixed;
    padding: 0px;
    z-index: 10000;
}
#popContent {
    margin: 5px;
}
#popData {
    margin: 0px;
    padding: 0px;
}

/* グループ DIV ***** */
div.grpdiv div.GRP {
    cursor: pointer;
    float: left;
    height: 33px;
    line-height: 33px;
    text-align: left;
    padding-right: 10px;
    padding-left: 35px;
    /* margin-bottom:7px; */
    font-weight: normal;
    background: url(grpbtn.png) no-repeat 0px -58px;
}
div.grpdiv div.CMT {
    float: left;
    height: 33px;
    line-height: 33px;
    padding: 0px 10px;
    /* margin-bottom:7px; */
    text-align: left;
    font-weight: normal;
}
div.grpdiv div.GRPa {
    cursor: pointer;
    float: left;
    height: 33px;
    line-height: 33px;
    text-align: left;
    padding-right: 10px;
    padding-left: 35px;
    /* margin-bottom:7px; */
    font-weight: normal;
    background: url(grpbtn.png) no-repeat 0px -108px;
}
div.grpdiv div:not(.CMT):hover {
    color: #333;
    background-color: #fee082; /*オレンジ*/
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    /* -webkit-border-top-left-radius : 50px; -webkit-border-bottom-left-radius : 50px; -webkit-border-top-right-radius : 50px; -webkit-border-bottom-right-radius : 50px;
	-moz-border-radius-topleft : 50px; -moz-border-radius-bottomleft : 50px; -moz-border-radius-topright : 50px; -moz-border-radius-bottomright : 50px;
	border-top-left-radius : 50px; border-bottom-left-radius : 50px; border-top-right-radius : 50px; border-bottom-right-radius : 50px; */
}

/* チェックボックス ON/OFF ***** */
div.onCheck {
    cursor: pointer;
    float: left;
    height: 36px;
    line-height: 36px;
    text-align: left;
    padding-right: 5px;
    padding-left: 35px;
    /* margin-bottom:7px; */
    font-weight: normal;
}
div.chkOff {
    color: #aaaaaa;
    background: url(grpbtn.png) no-repeat 0px -8px;
}
div.chkOn {
    background: url(grpbtn.png) no-repeat 0px -158px;
}

/* ***** タブ ***** */

.tabButton {
    display: block;
    float: left;
    position: relative;
    margin-left: 10px;
    padding: 5px 10px;
    border: 1px solid #aaaaaa;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    cursor: pointer;
}
.tabButton:hover {
    background-color: #fee082;
}

#tablist span {
    display: block;
    float: left;
    position: relative;
}
#tablist span.lst {
    display: block;
    margin-left: 10px;
    padding: 10px;
    padding-left: 20px;
    border: 2px solid #726d40;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    cursor: pointer;
}
#tablist span.lst:hover {
    background-color: #fee082;
}
#tablist span.hit {
    background-color: #abced8;
}
#tablist span.lsthit:hover {
    background-color: #fee082;
}
#tabDataWaku {
    border: 2px solid #777;
    padding: 10px;
    background-color: #eed;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* ***** 上部スクロール ***** */

#page_top {
    position: fixed;
    display: none;
    bottom: 37px;
    right: 0px;
    cursor: pointer;
    width: 150px;
    height: 40px;
    background: url(toTop2.gif) no-repeat center center;
    opacity: 0.5;
    z-index: 777;
}
#page_top:hover {
    opacity: 1;
}

/* ************************ 共通 CLASS ************************ */

unit {
    color: #999;
    font-size: 0.7em;
    padding: 2px;
}

.ro {
    cursor: pointer;
} /* ロールオーバー */
.ro:hover {
    color: #333;
    background-color: #fee082 !important;
}
.ofa {
    overflow: auto;
} /* はみ出したら...スクロール */
.ofh {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
} /* はみ出したら...表示 */
.fl {
    float: left;
}
.fr {
    float: right;
}
.cboth {
    clear: both;
}
.xB {
    font-weight: bold;
}
.kugiri {
    color: #aaa;
    padding: 0px 10px;
}
.unit {
    color: #999;
    font-size: 0.7em;
    padding: 2px;
}
.notIME {
    ime-mode: disabled;
}
.uln {
    border-bottom: 1px dashed #999999;
}
.dib {
    display: inline-block;
}
.hissu {
    border: 2px solid #f00;
}
.coupon1 {
    display: inline-block;
    width: 105px;
    border: 1px solid #f99;
    text-align: left;
}
.coupon2 {
    /* display: inline-block; */
    width: 43px;
    text-align: right;
    border: 1px solid #ccc;
    float: right;
}
.notView {
    display: none;
    width: 0px;
    height: 0px;
    margin: 0px;
    padding: 0px;
}
.dtpic {
    padding: 0px;
    text-align: center;
    letter-spacing: 1px;
    font-weight: bold;
    ime-mode: disabled;
}
.btn {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    background-color: #eee;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
.btn:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}
.btnRow {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    color: #333;
    background-color: #eee;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
.btnRow:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}
.btnSmall {
    cursor: pointer;
    margin: 3px;
    padding: 5px 10px;
    display: inline-block;
    background-color: #eee;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
.btnSmall:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}
.enBtn {
    cursor: pointer;
    margin: 5px;
    padding: 10px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
    background-color: #ccc;
    border: 1px outset #ddd;
    opacity: 0.5;
}
.enBtn:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
    opacity: 1;
}

/* 固定ボタン */
#btnNew {
    cursor: pointer;
    margin: 3px;
    padding: 15px 25px;
    display: inline-block;
    background-color: #add8e6;
    /* font-size: 12px; */
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px outset #ddd;
}
#btnNew:hover {
    background-color: #fee082;
    border: 1px inset #ddd;
}

.iconPdf {
    background-image: url(../img/iconPdf.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.iconCsv {
    background-image: url(../img/iconCsv.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.iconExcel {
    background-image: url(../img/iconExcel.png);
    background-repeat: no-repeat;
    background-position: center center;
}
.btnHeight {
    height: 16px;
}

.r5 {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.r10 {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}
.r20 {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.r30 {
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
}
.r50 {
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border-radius: 50px;
}
.r100 {
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    border-radius: 100px;
}
.r500 {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px;
}

.rT {
    padding: 5px;
    border: 1px solid #666;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    margin-bottom: 0px;
}
.rB {
    padding: 5px;
    border: 1px solid #666;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    margin-top: 0px;
}
.rLR {
    padding: 5px;
    border: 1px solid #666;
    border-bottom: none;
}
.rTL {
    border: 1px solid #666;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    border-right: none;
    border-bottom: none;
    margin-right: 0px;
    margin-bottom: 0px;
}
.rTR {
    border: 1px solid #666;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    border-bottom: none;
    margin-bottom: 0px;
}
.rBL {
    border: 1px solid #666;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    border-right: none;
    margin-top: 0px;
}
.rBR {
    border: 1px solid #666;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    margin-top: 0px;
}

.rTBL {
    -webkit-border-top-left-radius: 50px;
    -moz-border-radius-topleft: 50px;
    border-top-left-radius: 50px;
    -webkit-border-bottom-left-radius: 50px;
    -moz-border-radius-bottomleft: 50px;
    border-bottom-left-radius: 50px;
    border: 0px solid #666;
    margin-right: 0px;
}

.rTBR {
    -webkit-border-top-right-radius: 50px;
    -moz-border-radius-topright: 50px;
    border-top-right-radius: 50px;
    -webkit-border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    border: 0px solid #666;
    margin-left: 0px;
}

/* ***** 背景色 ***** */

.xBODY {
    background-color: #efefef;
}

.xFOCUS {
    background-color: #fee082;
} /* カーソルフォーカス時の背景色と枠線色 */

.bgWHITE {
    background-color: #fff;
} /* 背景色：白 */
.bgBEIGE {
    background-color: #e3daaa;
} /* 背景色：ベージュ */
.bgLIGHTBEIGE {
    background-color: #f0eae4;
} /* 背景色：ベージュ */
.bgBROWN {
    background-color: #82694a;
    color: #fff;
} /* 背景色：茶 */
.bgLIGHTBROWN {
    background-color: #a48b6c;
} /* 背景色：茶薄 */
.bgBLACK {
    background-color: #000;
    color: #fff;
} /* 背景色：黒 */
.bgGRAY {
    background-color: #a9a9a9;
} /* 背景色：グレー */
.bgLIGHTGRAY {
    background-color: #f5f5f5;
} /* 背景色：グレー薄 */
.bgLIGHTGRAY2 {
    background-color: #cdcdcd;
} /* 背景色：グレー薄 */
.bgDARKBLUE {
    background-color: #78a5b2;
    color: #fff;
} /* 背景色：青 */
.bgBLUE {
    background-color: #add8e6;
} /* 背景色：青 */
.bgLIGHTBLUE {
    background-color: #cee0e8;
} /* 背景色：青 */
.bgDARKRED {
    background-color: #660000;
    color: #ffffff;
} /* 背景色：赤 */
.bgRED {
    background-color: #fbaaaa;
} /* 背景色：赤 */
.bgLIGHTRED {
    background-color: #fdcccc;
} /* 背景色：赤 */
.bgGREEN {
    background-color: #add685;
} /* 背景色：緑 */
.bgLIGHTGREEN {
    background-color: #deeab8;
} /* 背景色：緑 */
.bgYELLOW {
    background-color: #ffce42;
} /* 背景色：黄 */
.bgLIGHTYELLOW {
    background-color: #e9e1a3;
    color: rgb(211, 148, 21);
} /* 背景色：黄 */
.bgORANGE {
    background-color: #ec8848;
    color: #fff;
} /* 背景色：黄 */
.bgLIGHTORANGE {
    background-color: #fcbb8b;
} /* 背景色：黄 */
.bgLIGHTMAGENTA {
    background-color: #dbcadb;
} /* 背景色：黄 */

.bgTAKUBUSRED {
    background-color: #bb0a11;
    color: #ffffff;
} /* 拓殖レッド */

.bgSIME {
    background-color: #abd5f5;
    /* opacity: 0.5; */
} /* 締め */

.bgTTL {
    background-color: #eed;
} /* 背景色：タイトル */
.bgGU {
    background-color: #f8f8ff;
} /* 背景色：偶数行 */
.bgDEL {
    background-color: #aaa;
    color: #eee;
} /* 背景色：削除行 */
.bgSCT {
    background-color: #e5a87c !important;
} /* 背景色：選択 */

.bgSUNxTTL {
    background-color: #e0b4b4;
} /* 背景色：日曜日/祝祭日タイトル */
.bgSATxTTL {
    background-color: #b4cae0;
} /* 背景色：土曜日タイトル */
.bgSUN {
    background-color: #f8e0e0;
    color: #990000;
} /* 背景色：日曜日 */
.bgSAT {
    background-color: #e0ecf8;
    color: #000099;
} /* 背景色：土曜日 */
.bgHOLIDAY {
    background-color: #eeb4b4;
    color: #990000;
} /* 背景色：祝日 */
.bgSCHOOL {
    background-color: #cbefc3;
    color: #6f9f69;
} /* 背景色：学校休 */
.bgDAY {
    background-color: #f5f5f5;
} /* 背景色：平日 */
.bgNOWDAY {
    background-color: #a4e1a4;
} /* 背景色：平日(今日) */

.bgA {
    opacity: 0.7;
}

/* ***** 文字色 ***** */

.txtALERT {
    color: #900;
    padding: 4px 2px 0px 0px;
    font-size: 0.7em;
}
.txtBLACK {
    color: #000;
}
.txtWHITE {
    color: #fff;
}
.txtRED {
    color: #f00;
}
.txtTAKUBUSRED {
    color: #cd1333;
}
.txtGREEN {
    color: rgb(87, 190, 87);
}
.txtBLUE {
    color: #6182c8;
}
.txtDARKBLUE {
    color: #45669b;
}
.txtORANGE {
    color: #fc995a;
}
.txtBROWN {
    color: #82694a;
}
.txtBEIGE {
    color: #e3daaa;
}
.txtMAGENTA {
    color: #bb6ae4;
}
.txtGRAY {
    color: #aaaaaa;
}
.txtLIGHTGRAY {
    color: #bbbbbb;
}
.txtSAT {
    color: #459fcf;
}
.txtSUN {
    color: #de8080;
}
.txtHOLIDAY {
    color: #9c4c4c;
}
.txtSCHOOL {
    color: #6f9f69;
}

/* ***** レイアウト ***** */

.xL {
    text-align: left;
}
.xC {
    text-align: center;
}
.xR {
    text-align: right;
}
.mid {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.xmid {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ymid {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
}
.p0 {
    padding: 0px;
}
.p2 {
    padding: 2px;
}
.p0x3 {
    padding: 0px 3px;
}
.p5 {
    padding: 5px;
}
.p5x10 {
    padding: 5px 10px;
}
.p10 {
    padding: 10px;
}
.p10x30 {
    padding: 10px 30px;
}
.p20 {
    padding: 20px;
}
.p50 {
    padding: 50px;
}
.m0 {
    margin: 0px;
}
.m2 {
    margin: 2px;
}
.m5 {
    margin: 5px;
}
.m5x10 {
    margin: 5px 10px;
}
.m10 {
    margin: 10px;
}
.m20 {
    margin: 10px;
}
.m10x20 {
    margin: 10px 20px;
}
.m20x10 {
    margin: 20px 10px;
}
.m100 {
    margin: 100px;
}

.box {
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.boxfill {
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #eee;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px #ccc;
    box-sizing: border-box;
}

.sdw {
    box-shadow: 1px 1px 3px #999;
    -webkit-box-shadow: 1px 1px 3px #999;
    -moz-box-shadow: 1px 1px 3px #999;
}
.sdwIn {
    box-shadow: 1px 1px 2px 0px #bbb inset;
    -webkit-box-shadow: 1px 1px 2px 0px #bbb inset;
    -moz-box-shadow: 1px 1px 2px 0px #bbb inset;
}

/* 吹き出しSTART */
.tooltip {
    position: relative;
    cursor: pointer;
    display: table-cell;
}
.tooltip p {
    margin: 0;
    padding: 0;
    display: none;
}
.tooltip:hover .fukidashi {
    display: inline-block;
    top: -70px;
    left: -30px;
}

.fukidashi {
    display: inline-block;
    position: relative;
    padding: 10px;
    min-width: 120px;
    max-width: 100%;
    color: #555;
    font-size: 16px;
    background: #e0edff;
}

.fukidashi:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top: 15px solid #e0edff;
}

/* 吹き出しEND */

/* タブレット START */