@charset "utf-8";
/* CSS Document */

div#kansasiryou {
  overflow-y: scroll;
  height: 100%;
  padding: 0 0 100px 0;
}
div#kansasiryou #grid_wrapper:not(.no-sidenavi){
  display: inherit;
}

#kansasiryou div.kansasiryou_wrap {
  width: 95%;
  padding: 3vh 0 0 0;
  margin: 0 auto 10px auto;
  background: #fff;
}

#kansasiryou h2.ttl03 {
  margin: 0 0 30px 0;
  border-bottom: 2px solid #4B5570;
  font-size: 120%;
}

#kansasiryou div.kansasiryou_wrapL {
  float: left;
  width: 35%;
}

#kansasiryou table.kensasiryou_table {
  width: 100%;
  margin: 0 0 20px 0;
  border-collapse: collapse;
}

#kansasiryou table.kensasiryou_table td img{
  width: 30px;
  height: auto;
}

#kansasiryou table.kensasiryou_table td {
  padding: 5px;
  text-align: center;
}

#kansasiryou table.kensasiryou_table th {
  width: 270px;
  padding: 5px;
  text-align: left;
}

#kansasiryou table.kensasiryou_table input[type="checkbox"] {
  display: none;
}

#kansasiryou table.kensasiryou_table label {
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 2em;
  text-align: left;
  font-weight: normal;
}

#kansasiryou table.kensasiryou_table input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

#kansasiryou div.kansasiryou_wrapR {
  float: left;
  width: 65%;
  padding: 0 0 0 10px;
  border-left: 1px solid #4B4B4B;
}

#kansasiryou div.Ttljyouken {
  font-weight: bold;
  margin: 0 0 10px 0;
}

#kansasiryou div.kansasiryou_wrapR button {
  width: 80px;
  height: 30px;
  margin: 0 5px 10px 5px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(to bottom, #FCFCFC, #CBCBCB); /* グラデーション */
  font-size: 80%;
  line-height: 1em;
  border: 1px solid #ccc;
}

#kansasiryou div.kansasiryou_wrapR button:hover, div.kansasiryou_wrapR button:active {
  width: 80px;
  height: 30px;
  margin: 0 5px 10px 5px;
  display: block;
  border-radius: 10px;
  background: linear-gradient(to bottom, #CBCBCB, #FCFCFC); /* グラデーション */
  font-size: 80%;
  line-height: 1em;
  border: 1px solid #ccc;
}

#kansasiryou .size200 {
  width: 200px;
}

#kansasiryou table.jyouken_table {
  width: 100%;
  border-collapse: collapse;
}

#kansasiryou table.jyouken_table th {
  width: 110px;
  line-height: 1.8em;
  vertical-align: top;
}

#kansasiryou table.jyouken_table th img {
  vertical-align: bottom;
  margin-right: 5px;
  width: 30px;
  height: auto;
}

#kansasiryou table.jyouken_table td input[type="date"] {
  height: 35px;
}

#kansasiryou table.jyouken_table td button {
  float: left;
}

#kansasiryou table.jyouken_table td input[type="checkbox"] {
  display: none;
}

#kansasiryou table.jyouken_table td label {
  float: left;
  width: 100px;
  margin: 0 5px 5px 5px;
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
}

#kansasiryou table.jyouken_table td input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

#kansasiryou div.jyouken_class {
  width: 100%;
  height: 130px;
  margin-bottom: 25px;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: auto;
}

#kansasiryou div.jyouken_class input[type="checkbox"] {
  display: none;
}

#kansasiryou div.jyouken_class label {
  float: left;
  margin: 0 5px 5px 5px;
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
}

#kansasiryou div.jyouken_class input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

/**/
#kansasiryou div.jyouken_enji {
  width: 100%;
  height: 130px;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #ccc;
  overflow: auto;
}

#kansasiryou div.jyouken_enji input[type="checkbox"] {
  display: none;
}

#kansasiryou div.jyouken_enji label {
  float: left;
  margin: 0 5px 5px 5px;
  padding: 5px 20px;
  background: #FFFFFF;
  border: 1px solid #ccc;
  border-radius: 10px;
  cursor: pointer;
  line-height: 1.3em;
  text-align: center;
  font-weight: normal;
}

#kansasiryou div.jyouken_enji input[type="checkbox"]:checked + label {
  background: #30c40c;
  border: 1px solid #30c40c;
  color: #fff;
}

#kansasiryou div.btn_cyouhyou {
  width: 390px;
  padding: 20px 0 0 0;
  margin: 0 auto;
}

#kansasiryou div.btn_cyouhyou [type="button"] {
  width: 180px;
  height: 60px;
  display: block;
  border-radius: 100px;
  box-shadow: none;
  background: linear-gradient(to right, #2ED803, #07C184); /* グラデーション */
  font-size: 90%;
  line-height: 1em;
  color: #fff;
  font-size: 120%;
}

#kansasiryou div.btn_cyouhyou input[type="button"]:focus {
  background: linear-gradient(to right, #07C184, #2ED803); /* グラデーション */
}

#kansasiryou p.AlignR {
  text-align: right;
  font-size: 90%;
  padding-right: 20px;
}

#kansasiryou table.jyouken_table thead {
  float: left;
}

#kansasiryou table.jyouken_table thead th {
  display: block;
}

#kansasiryou table.jyouken_table tbody {
  display: inline-block;
}

#kansasiryou table.jyouken_table tbody td {
  display: block;
}

#kansasiryou table.jyouken_table tbody tr {
  display: inline-block;
}