@charset "UTF-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, address, img, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, figcaption, figure, footer, nav, section {
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}

.clearfix:after {
  content: " ";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

a {
  text-decoration: none;
}




.none {
  display: none;
}

.table {
  display: -webkit-table;
  display: table;
  width: 100%;
}

.dirSearch .top {
  margin-bottom: 15px;
}

.dirSearch .top .list {
  margin: 5px;
  border: 1px solid #bbb;
  border-bottom: 0;
}

.dirSearch .top .list li {
  float: left;
  width: 50%;
  border-bottom: 1px solid #bbb;
  position: relative;
}

.dirSearch .top .list li a.block {
  display: block;
  border-right: 1px solid #bbb;
  height: 35px;
  padding: 10px 30px 5px 8px;
  color: #555;
  font-weight: bold;
  line-height: 1.2;
  font-size: 14px;
  text-shadow: 0 1px 1px #fff;
  background: #ffffff;
  background: -moz-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeff2));
  background: -webkit-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -o-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -ms-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: linear-gradient(to bottom, #fff 0%, #eaeff2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeff2', GradientType=0);
}

.dirSearch .top .list li:nth-child(even) a.block {
  border-right: 1px solid rgba(0, 0, 0, 0);
}

.dirSearch .top .position {
  right: 10px;
  top: 15px;
}

.dirSearch li a.hover {
  background: #d8f0fe !important;
}

.dirSearch .dirInfo {
  margin: 5px 10px;
  font-size: 12px;
  text-align: center;
}

.dirSearch .dirInfo .count {
  color: #C00;
  font-size: 12px;
}

.dirSearch .detailName {
  border-bottom: 1px solid #bbb;
  display: block;
  text-shadow: 0 1px 1px #fff;
  padding: 15px 30px 15px 10px;
  color: #555;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
  background: #c2d1d9;
  background: -moz-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2d1d9), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -o-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -ms-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: linear-gradient(to bottom, #c2d1d9 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2d1d9', endColorstr='#ffffff', GradientType=0);
}

.dirSearch .dir .listName {
  border-bottom: 1px solid #bbb;
}

.dirSearch .dir .listName a.block {
  display: block;
  font-weight: normal;
  background: #c2d1d9;
  background: -moz-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c2d1d9), color-stop(100%, #fff));
  background: -webkit-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -o-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: -ms-linear-gradient(top, #c2d1d9 0%, #fff 100%);
  background: linear-gradient(to bottom, #c2d1d9 0%, #fff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c2d1d9', endColorstr='#ffffff', GradientType=0);
}

.dirSearch .dir .listName .next {
  display: block;
  text-shadow: 0 1px 1px #fff;
  padding: 15px 30px 15px 10px;
  color: #555;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
}

.dirSearch .dir .list li {
  border-bottom: 1px solid #bbb;
  position: relative;
}

.dirSearch .dir .list .block {
  font-weight: normal !important;
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeff2));
  background: -webkit-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -o-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -ms-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: linear-gradient(to bottom, #fff 0%, #eaeff2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeff2', GradientType=0);
}

.dirSearch .dir .list .next {
  display: block;
  padding: 12px 30px 12px 18px;
  color: #555;
  line-height: 1.2;
  font-size: 15px;
  text-shadow: 0 1px 1px #fff;
}



.dirSearch .research {
  margin: 0 10px 15px;
}

.dirSearch .research .listName {
  margin-bottom: 10px;
  text-shadow: 0 1px 1px #fff;
  padding: 10px 0;
  color: #555;
  line-height: 1.2;
  font-size: 16px;
  font-weight: bold;
}

.dirSearch .research .list {
  border: 1px solid #bbb;
  border-bottom: 0;
}

.dirSearch .research .list li {
  border-bottom: 1px solid #bbb;
  position: relative;
}

.dirSearch .research .list .block {
  font-weight: normal !important;
  display: block;
  background: #ffffff;
  background: -moz-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #eaeff2));
  background: -webkit-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -o-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: -ms-linear-gradient(top, #fff 0%, #eaeff2 100%);
  background: linear-gradient(to bottom, #fff 0%, #eaeff2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeff2', GradientType=0);
}

.dirSearch .research .list .next {
  display: block;
  padding: 12px 20px 12px 10px;
  color: #555;
  line-height: 1.2;
  font-size: 15px;
  text-shadow: 0 1px 1px #fff;
}



.icon .job {
  width: 38px;
  height: 31px;
  background-position: 0 -61px;
  margin: 0 auto;
}


.dirSearch .nav {
  background: #fff;
  /* ↓2021/03/12 */
  /* padding: 0 5px 0 6px; */
  padding: 5px 5px 0 6px;
  /* ↑2021/03/12 */
  border-bottom: 2px solid #0096ff;
}

.dirSearch .nav .dafalt {
  border-left: 1px solid rgba(0, 0, 0, 0);
  border-right: 1px solid rgba(0, 0, 0, 0);
  cursor: pointer;
}

.dirSearch .nav .focus {
  border-top: 1px solid #8d939b;
  border-left: 1px solid #8d939b;
  border-right: 1px solid #8d939b;
  background: #0096ff;
  cursor: default;
}

.dirSearch .nav .cell {
  display: table-cell;
  width: 34%;
}

.dirSearch .nav .block {
  padding: 10px 0 0;
  display: block;
  text-align: center;
  font-size: 14px;
  color: #686a6c
;
  font-weight: bold;
}

.dirSearch .nav .focus .block {
  color: #fff;
  font-weight: bold;
  height: 30px;
}

.dirSearch .nav .block i {
  display: block;
  font-size: 30px;
}

.topPref li {
  display: inline;
}

.topPref .btn {
  display: block;
  text-align: center;
  font-size: 14px;
}

.topPref .area .btn {
  background: #578fca;
  color: #FFF;
  text-decoration: none;
  height: 20px;
  line-height: 20px;
  margin: 0 5px;
}

.topPref .area {
  background: #0096ff;
  color: #FFF;
  text-decoration: none;
  height: 20px;
  line-height: 22px;
  padding: 5px;
  font-size: 13px;
}

.topPref .pref {
  background: #FFF;
}

.topPref .pref ul {
  border-bottom: 1px solid #bbb;
  margin: 0;
  padding: 0;
  list-style: none;
}

.topPref .pref li {
  float: left;
  width: 50%;
  box-sizing: border-box;
  border-top: 1px solid #bbb;
  padding-left: 5px;
}

.topPref .pref li:nth-child(odd)  {
  border-right: 1px solid #bbb;
}

.topPref .pref li:nth-child(-n+2)  {
  border-top: 0;
}

.topPref .pref i {
  display: table-cell;
  font-size: 10px;
  color: #555;
  padding-top: 22px;
  width:40px;
}

.topPref .pref .btn {
  display: table;
  width: 100%;
  height: 55px;
  color: #555;
  font-weight: bold;
  font-size: 13px;
  background: #ffffff;
}

.topPref .searchName {
  display: table-cell;
  width: calc(100% - 40px);
  height: 100%;
  text-align: center;
  vertical-align: middle;
}

.topPref .count {
  text-align: left;
  float: left;
}