@charset "utf-8";

h2.areaTitle:before{
  content:"■";
}

h2.areaTitle{
  font-size: 24px;
  border-bottom: solid 3px #333333;
  margin: 0 0 15px 0;
}

.formArea{
  margin-bottom: 50px;
}

.halfContainer{
  width: 45%;
  margin: 0 0px 0 50px;
  padding: 0 0 0 0;
  display: inline-block;
  vertical-align: top;
}

.halfContainer dl dt,
.halfContainer dl dd{
  display: inline-block;
  line-height: 3em;
}

.halfContainer dl dt{
  width: 40%;
}

.halfContainer dl dd:before{
  content:"：";
}

.halfContainer dl dd{
  width: 60%;
}

.halfContainer dl dd select{
  width: 90%;
}

.btnBox{
  margin: 30px 0 0 0;
  text-align: center;
}

.btn{
  display: inline-block;
  color: #FFF;
  padding: 0.5em 1em 0.5em 1em;
  position: relative;
  border-radius: 0.3em;
  text-decoration: none;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 10em;
}

.btn:hover{
  background-color: #d5d5d5;
}

.btnClear{
  background: linear-gradient(to bottom, #3bb2d2 1%, #33899f 100%);
  border: #0090B7 1px solid;
}
.btnClear:hover{
  opacity: 1;
  background: linear-gradient(to bottom, #33899f 0%, #3bb2d2 99%);
}

.btnSearch{
  margin-left: 3em;
  background: linear-gradient(to bottom, #d5514d 0%, #a43b38 99%);
  border: #B11914 1px solid;
}

.btnSearch:hover{
  opacity: 1;
  background: linear-gradient(to bottom, #a43b38 0%, #d5514d 98%);
}

.searchResult{
  margin-left: 50px;
}

.cableList{
  overflow-x: scroll;
}

.cableList table{
  table-layout: fixed;
  width: 0px;
}

.cableList table tr th,
.cableList table tr td{
  border: solid 1px #333333;
  padding: 0px 5px;
}

.cableList table tr th{
  width: 200px;
}

.cableList table tr th.col1,
.cableList table tr td.col1{
  background-color: #ffeeeeee;
  border-left: solid 3px #333333;
  border-right: solid 3px #333333;
}

.cableList table tr:first-child .col1{
  border-top: solid 3px #333333;
}

.cableList table tr:last-child .col1{
  border-bottom: solid 3px #333333;
}

.btnPrev:before{
  content: "<<";
}

.btnPrev{
  color: #333333;
}

.btnNext{
  color: #333333;
  margin-left: 3em;
}

.btnNext:after{
  content: ">>";
}

button:disabled{
  color: rgb(170, 170, 170);
  cursor: default;
  border-color: rgba(118, 118, 118, 0.3);
}

button:disabled:hover {
  background: unset;
}

.resultInfo{
  position: relative;
  margin-bottom: 15px;
}
.resultCount{
  display: inline-block;
  position: absolute;
  border-bottom:solid 1px #333333;
  bottom: 0;
  right: 0;
  padding: 0px 5px;
}