@charset "UTF-8";

/* table */
/*--------------------------------------------------*/
.cs-tbl {
  border-left: 1px solid #CCC;
  border-top: 1px solid #CCC;
  width: 100%;
  background-color: rgba(255,255,255,.8);
}
@media (max-width: 575px) {
  .cs-tbl {
    width: 768px;
  }
}
.cs-tbl th, .cs-tbl td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 10px;
}
.cs-tbl th {
  vertical-align: middle;
  width: 200px;
  border-right: 1px dotted #CCC;
}
@media (max-width: 991px) {
  .cs-tbl th {
    width: 100px;
  }
}

.cs-dl-1 {
  position: relative;
}
.cs-dl-1 dt {
  position: absolute;
  width: 55px;
}
.cs-dl-1 dd {
  padding-left: 55px;
}

.cs-dl-1-w60 dt { width: 60px; }
.cs-dl-1-w60 dd { padding-left: 60px; }

.cs-dl-1-w90 dt { width: 90px; }
.cs-dl-1-w90 dd { padding-left: 90px; }

.cs-dl-1-w150 dt { width: 150px; }
.cs-dl-1-w150 dd { padding-left: 150px; }

.attention {
  font-size: 13px;
}

.cs-subttl {
  width: 150px;
  text-align: center;
  background-color: #575757;
  padding: 7px 0;
  margin-bottom: 5px;
  color: #FFF;
  float: left;
}
.cs-subttl-text {
  padding: 7px 0;
  padding-left: 160px;
}

.cs-subtt2 {
  font-size: 16px;
}

.cs-dl-2 {
  display: table;
}
.cs-dl-2 dt, .cs-dl-2 dd {
  display: table-cell;
  border-right:1px solid #CCC;
}

/* 入れ子のテーブル */

.cs-tbl-sub,
.cs-tbl-sub th, .cs-tbl-sub td {
  border: initial;
}
.cs-tbl-sub {
  width: 100%;
}

.border-dotted-bottom {
  border-bottom: 1px dotted #CCC !important;
}
.border-dotted-right {
  border-right: 1px dotted #CCC !important;
}

.cs-ol-1 {
  margin-left: 20px;
}
.cs-ol-1 li {
  list-style-position: outside;
  margin-bottom: 10px;
}