@charset "utf-8";

/*========================================
 +CLASS
========================================*/
label {
  cursor: pointer;
}
h4 {
  font-size: 14px;
}
.title_hidn {
  height: 0;
  background-repeat: no-repeat;
  overflow: hidden;
}
.lyBm {
  margin-bottom: 10px;
}

/*　color　*/
.Red_F {
  color: #900;
}
.Color_red {
  color: #ff0000;
}
.forcus {
  background: #fceeee;
}
.hd_bt {
  padding: 15px 0 0 5px;
}
.hd_bt_bottom {
  padding: 5px 0 0 10px;
}
.headbtn {
  width: 80px;
  height: 30px;
  line-height: auto;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #c13734;
  padding: 6px 5px;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none) {
  .headbtn {
    padding: 6px 5px 3px 5px;
  }
}
.headbtn a {
  color: #c13734;
}

.headbtn_af {
  width: 80px;
  height: 30px;
  line-height: auto;
  border-radius: 5px;
  background-color: #c13734;
  font-size: 12px;
  border: 1px solid #c13734;
  padding: 6px 5px;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none) {
  .headbtn_af {
    padding: 6px 5px 3px 5px;
  }
}
.headbtn_af a {
  color: white;
}

.headbtn_cl {
  width: 80px;
  height: 30px;
  line-height: auto;
  border-radius: 5px;
  background-color: #fff;
  font-size: 12px;
  border: 1px solid #ccc;
  padding: 6px 5px;
  cursor: pointer;
}
@media all and (-ms-high-contrast: none) {
  .headbtn {
    padding: 6px 5px 3px 5px;
  }
}

/*　line-heigh　*/
.lh10 {
  line-height: 10px !important;
}
.lh15 {
  line-height: 15px !important;
}
.lh20 {
  line-height: 20px !important;
}
.lh25 {
  line-height: 25px !important;
}
.lh30 {
  line-height: 30px !important;
}
.lh35 {
  line-height: 35px !important;
}
/*　width　*/
.w15 {
  width: 15px !important;
}
.w20 {
  width: 20px !important;
}
.w40 {
  width: 40px !important;
}
.w45 {
  width: 45px !important;
}
.w50 {
  width: 50px !important;
}
.w60 {
  width: 60px !important;
}
.w65 {
  width: 65px !important;
}
.w70 {
  width: 70px !important;
}
.w80 {
  width: 80px !important;
}
.w90 {
  width: 90px !important;
}
.w100 {
  width: 100px !important;
}
.w105 {
  width: 105px !important;
}
.w110 {
  width: 110px !important;
}
.w115 {
  width: 115px !important;
}
.w120 {
  width: 120px !important;
}
.w125 {
  width: 125px !important;
}
.w130 {
  width: 130px !important;
}
.w135 {
  width: 135px !important;
}
.w140 {
  width: 140px !important;
}
.w145 {
  width: 145px !important;
}
.w150 {
  width: 150px !important;
}
.w155 {
  width: 155px !important;
}
.w160 {
  width: 160px !important;
}
.w165 {
  width: 165px !important;
}
.w170 {
  width: 170px !important;
}
.w175 {
  width: 175px !important;
}
.w180 {
  width: 180px !important;
}
.w185 {
  width: 185px !important;
}
.w190 {
  width: 190px !important;
}
.w195 {
  width: 195px !important;
}
.w200 {
  width: 200px !important;
}
.w205 {
  width: 205px !important;
}
.w210 {
  width: 210px !important;
}
.w215 {
  width: 215px !important;
}
.w220 {
  width: 220px !important;
}
.w225 {
  width: 225px !important;
}
.w230 {
  width: 230px !important;
}
.w235 {
  width: 235px !important;
}
.w240 {
  width: 240px !important;
}
.w245 {
  width: 245px !important;
}
.w250 {
  width: 250px !important;
}
.w255 {
  width: 255px !important;
}
.w260 {
  width: 260px !important;
}
.w265 {
  width: 265px !important;
}
.w270 {
  width: 270px !important;
}
.w275 {
  width: 275px !important;
}
.w280 {
  width: 280px !important;
}
.w285 {
  width: 285px !important;
}
.w290 {
  width: 290px !important;
}
.w295 {
  width: 295px !important;
}
.w300 {
  width: 300px !important;
}
.w305 {
  width: 305px;
}
.w310 {
  width: 310px;
}
.w315 {
  width: 315px;
}
.w320 {
  width: 320px;
}
.w325 {
  width: 325px;
}
.w330 {
  width: 330px;
}
.w335 {
  width: 335px;
}
.w340 {
  width: 340px;
}
.w345 {
  width: 345px;
}
.w350 {
  width: 350px;
}

.w20P {
  width: 20%;
}
.w30P {
  width: 30%;
}
.w40P {
  width: 40%;
}
.w45P {
  width: 45%;
}
.w50P {
  width: 50%;
}
.w80P {
  width: 80%;
}
.w85P {
  width: 85%;
}
.w90P {
  width: 90%;
}
.w92P {
  width: 92%;
}
.w95P {
  width: 95%;
}
.form_cr {
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
  color: #555;
  font-size: 14px;
  height: 34px;
  line-height: 1.42857;
  padding: 6px 6px;
  transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
.form_cr:focus {
  border-color: #3c8dbc;
  box-shadow: none;
}
/* margin */
.m5T {
  margin-top: 5px !important;
}
.m10T {
  margin-top: 10px !important;
}
.m20T {
  margin-top: 20px !important;
}
.m3T {
  margin-top: 3px;
}
.m2T {
  margin-top: 2px;
}
.m8L {
  margin-left: 8px;
}
.m10L {
  margin-left: 10px;
}
.m20L {
  margin-left: 30px;
}
.m5L {
  margin-left: 5px;
}
.m10b {
  margin-bottom: 10px;
}
.m5b {
  margin-bottom: 5px;
}
.m15b {
  margin-bottom: 15px;
}
.m5 {
  margin: 5px;
}
.m10 {
  margin: 10px;
}
.m5R {
  margin-right: 5px;
}
.m15R {
  margin-right: 15px;
}

/* padding */
.pd5 {
  padding: 5px;
}
.pd10 {
  padding: 10px;
}
.p10L {
  padding-left: 10px;
}
.p5R {
  padding-right: 5px;
}

/* float */
.fl {
  float: left;
}
.fr {
  float: right;
}

/* フォント設定 */
.f9 {
  font-size: 9px;
}
.f10 {
  font-size: 10px;
}
.f11 {
  font-size: 11px;
}
.f12 {
  font-size: 13px;
}
.f13 {
  font-size: 13px;
}
.f14 {
  font-size: 14px;
}
.f16 {
  font-size: 16px;
}
.f18 {
  font-size: 18px;
}
.f20 {
  font-size: 20px;
}
.weight_nor {
  font-weight: normal;
}
.weight_b {
  font-weight: bold;
}
/* 書式設定 */
.t_r {
  text-align: right;
}
.t_l {
  text-align: left;
}
.t_c {
  text-align: center;
}
.text_c {
  text-align: center;
}
/* 入力設定 */
.ime_a {
  ime-mode: active;
}
.ime_d {
  ime-mode: disabled !important;
}
/* その他 */
.c_p {
  cursor: pointer;
}
.d_n {
  display: none;
}

.bc_gray {
  background-color: #ccc !important;
}
.h30 {
  height: 50px !important;
}
.h60 {
  height: 100px !important;
}
.mtl10 {
  margin: 10px 0 0 10px !important;
}
.sel_data_btn {
  display: block !important;
  width: 124px !important;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: bold;
}

/* Yun add */
#TantoLoginModal h4 {
  font-size: 14px;
}
.tantoLoginCotrol {
  width: 370px;
  margin: auto !important;
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 10px !important;
}
#loginErrorMsgTanto {
  color: #900;
  text-align: center;
}
#TantologinBtn {
  position: relative;
  top: 0;
  right: 0;
  float: right;
  margin-left: 10px;
  width: 150px;
}

/* Calendar */
.ui-datepicker td span,
.ui-datepicker td a {
  text-align: center; /* 日付はセンタリングの方が好き */
}
/* 2011/4/25 削除 （土日の背景色はGClendar Holidaysが付けてくれる）
.ui-datepicker-week-end .ui-state-default {    / * 土日の背景を変える * /
    background-image: none;
    background-color: #b4ebfa;
}*/
.ui-datepicker select.ui-datepicker-year,
.ui-datepicker select.ui-datepicker-month {
  width: auto; /* そのままだと改行してしまう */
}
.ui-datepicker select.ui-datepicker-year {
  float: left;
  width: 80px;
}
.ui-datepicker select.ui-datepicker-month {
  float: right;
}

.test_display {
  display: none !important;
}

.hisu {
  color: red;
  font-weight: bold;
}
.close {
  display: none;
}
.red {
  color: red;
}
.blue {
  color: blue;
}
.gray {
  color: gray;
}
.green {
  color: green;
}

.th {
  line-height: 25px !important;
  text-align: right;
}
.tc {
  line-height: 25px !important;
  text-align: center;
}
.font-s {
  font-size: 13px;
}
.ma-height {
  margin: 0;
}
.soubi_icon {
  background-color: #ccc;
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  list-style-type: none;
  float: left;
  padding: 5px;
  margin: 5px;
}
.inputtext {
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  border: 1px solid #7f9db9;
  height: 27px;
  line-height: 25px;
  padding: 3px 3px;
  margin: 0 5px 0 0;
}
select.inputtext {
  height: 27px;
  line-height: 25px;
}

.aa {
  border: solid 1px #ccc !important;
}
#search_button {
  border-top: 1px solid #ccc;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #ccc;
  padding: 3px 20px;
  font-weight: bold;
  cursor: pointer;
  color: #666;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-shadow: 0 -1px 1px #fff, -1px 0 1px #fff, 1px 0 1px #aaa;
  -webkit-box-shadow: 1px 1px 2px #e7e7e7;
  -moz-box-shadow: 1px 1px 2px #e7e7e7;
}

h1 {
  font-size: 20px !important;
  margin: 0px 0 5px 0 !important;
  float: left;
  font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#example2 tr {
  border: none !important;
}
#example2 td {
  border: 1px solid #ccc !important;
}
#example2 th {
  border: 1px solid #ccc !important;
}
img.ui-datepicker-trigger {
  cursor: pointer;
  margin-left: 5px !important;
}
#rireki td {
  border: 1px solid #ddd !important;
}
#rireki td {
  border: 1px solid #ddd !important;
}
.th2 {
  line-height: 25px !important;
  text-align: center;
  background-color: #eee;
}

#sh_box th {
  border: 1px solid #ccc !important;
}
#sh_box td {
  border: 1px solid #ccc;
  height: 30px;
  line-height: 30px;
  padding: 5px 10px;
}
.center {
  text-align: center;
}
/* BORDERを引く */
.br_n {
  border-right: 1px solid #fff !important;
}
.bl_n {
  border-left: 1px solid #fff !important;
}
.bt_n {
  border-top: 1px solid #fff !important;
}
.bb_n {
  border-bottom: 1px solid #fff !important;
}
.bb_c {
  border-bottom: 1px solid #ccc !important;
}

.ba_n {
  border: 1px solid #fff !important;
}

.fc-day-header th {
  border: 1px solid #bbb !important;
}
.fc-view th {
  border: 1px solid #bbb !important;
}
.fc-view td {
  border-top: 1px solid #bbb !important;
  border-left: 1px solid #bbb !important;
  border-right: 1px solid #bbb !important;
  border-bottom: 1px solid #eee !important;
}
.fc-day-top {
  border-bottom: 1px solid #eee !important;
}
#under_border {
  border-bottom: 1px solid #bbb !important;
}
.is-hide {
  display: none;
}
.loading {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}
.loading::before {
  content: '';
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  margin-top: -15px;
  margin-left: -15px;
  background: white;
}
.loading::after {
  content: '';
  display: block;
  position: fixed;
  left: 50%;
  top: 50%;
  width: 32px;
  height: 32px;
  border-radius: 20px;
  margin-top: -10px;
  margin-left: -10px;
  border: 4px solid #60abb9;
  border-right: 4px solid white;
  animation: rotate 1s infinite linear;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

#menu {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;
  color: #fff;
}
#menu li {
  float: left;
  position: relative;
  margin: 0;
  padding: 5px;
  display: block;
}
ul.child {
  display: none;
  position: absolute;
  top: 45px;
  margin-left: -5px;
  padding: 0;
  background-color: #000;
  z-index: 99;
}
ul.child li a {
  padding: 5px 10px;
  margin-top: -5px;
  margin-left: -5px;
  margin-right: -5px;
  margin-bottom: -5px;
  display: block;
  color: #fff;
  width: 200px;
  line-height: 30px;
}
ul.child li a:hover {
  background-color: #ff0000;
}
.kanma {
  text-align: right;
}
.hantei_blue {
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background-color: #3c8dbc;
  padding: 2px 5px;
  line-height: 25px;
  color: #fff;
}
.hantei_red {
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
  background-color: #e53e30;
  padding: 2px 5px;
  line-height: 25px;
  color: #fff;
}
.status_back {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 50px;
  z-index: 99;
  margin: 0 5px 0 0;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.7);
}
.status_menu {
  width: 15%;
  z-index: 100;
}
.white {
  width: auto;
  margin: 0 5px 0 5px;
  line-height: 30px;
  color: #fff;
  font-weight: bold;
}
.st_fl {
  float: left;
}
#btn_on {
  position: fixed;
  right: 0px;
  bottom: 50px;
  width: AUTO;
  height: 20px;
  color: #fff;
  padding: 1px 4px;
  background-color: #cc1202;
  cursor: pointer;
  z-index: 100;
}
#btn_off {
  display: none;
  position: fixed;
  right: 0px;
  bottom: 0px;
  width: AUTO;
  height: 20px;
  color: #fff;
  padding: 1px 4px;
  background-color: #cc1202;
  cursor: pointer;
  z-index: 100;
}
.soubi_on {
  background-color: #f3e07a;
}
.st {
  line-height: 30px;
  background-color: #3c8dbc;
  color: #fff;
  margin-top: 10px;
  padding: 3px;
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}
.st2 {
  line-height: 30px;
  background-color: #3c8dbc;
  color: #fff;
  margin-top: 10px;
  padding: 3px 10px;
  border-radius: 5px; /* CSS3草案 */
  -webkit-border-radius: 5px; /* Safari,Google Chrome用 */
  -moz-border-radius: 5px; /* Firefox用 */
}
.st_red {
  background-color: #cc1a1a;
}
.st_pink {
  background-color: pink;
}
.st_gray {
  background-color: #ccc;
}
.st_yerrow {
  background-color: #f6b52c;
}
.st_green {
  background-color: #00a65a;
}
.st_syaken {
  background-color: #ff6666;
}
.st_carcoating {
  background-color: #cc6699;
}
.st_carlease {
  background-color: #669933;
}
.st_chukosha {
  background-color: #ffaf87;
}
.st_tire {
  background-color: #878787;
}
.st_hoken {
  background-color: #cc9933;
}
.st_rentacar {
  background-color: #0099cc;
}
.st_kizu {
  background-color: #c87f38;
}

.a1 {
  border-radius: 10px;
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
  background-color: #eeeeee;
  color: white;
  padding: 0 10px;
}
.a2 {
  border-radius: 10px;
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
  background-color: #434899;
  color: white;
  padding: 0 10px;
}
.a3 {
  border-radius: 10px;
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
  background-color: #5e39dd;
  color: white;
  padding: 0 10px;
}
/* loading css */
#lock {
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; //お好みの色で
  text-align: center;
  display: none;
  opacity: 0.7; //これもお好みの透過率で
}

#search_box {
  margin-bottom: 10px;
}
#jyoukyou1 th,
#jyoukyou2 th {
  height: 20px;
  line-height: 20px;
  background-color: #bdd7ee;
  text-align: center;
  border: 1px solid #bbb;
}
#jyoukyou3 th,
#jyoukyou4 th {
  height: 20px;
  line-height: 20px;
  background-color: #bdd7ee;
  text-align: center;
  border: 1px solid #bbb;
}
#jyoukyou1 td,
#jyoukyou2 td {
  height: 25px;
  line-height: 25px;
  border: 1px solid #bbb !important;
  text-align: center;
}
#jyoukyou3 td,
#jyoukyou4 td {
  height: 25px;
  line-height: 25px;
  border: 1px solid #bbb !important;
  text-align: center;
}
#pieChart {
  margin-left: 20px;
}
.Chart-right {
  float: right;
}
.yoyaku_area {
  border: solid 1px #ccc !important;
  padding: 5px;
}