.lock {
  overflow: hidden;
}

div.h3-outer {
  position: fixed;
  width: 775px;
  height: 70px;
  background-color: #FFFFFF;
}

div.close-outer {
  background-color: #ffffff;
  padding: 15px 0;
  position: fixed;
  width: 785px;
}

div#dl-list-area-outer {
  height: 403px;
  margin-top: 70px;
  overflow: auto;
}

div#torisetsu-dl-inner {
  position: relative;
  overflow: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.h3-outer {
    position: static;
    width: 775px;
    height: 42px;
    background-color: #FFFFFF;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div.close-outer {
    background-color: #ffffff;
    padding: 15px 0;
    position: static;
    width: 785px;
  }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  div#dl-list-area-outer {
    height: 403px;
    margin-top: 0px;
    overflow: auto;
  }
}

.modal-overlay {
  z-index: 150;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: #000000;
  opacity: 0.38;
}

.modal-wrap {
  z-index: 180;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
}

a.modal-open:hover, a.modal-close:hover {
  cursor: pointer;
  opacity: 0.6;
}

.btnClose {
  text-align: center;
}

.modal-content {
  padding: 50px 20px;
  z-index: 200;
  position: relative;
  display: none;
  width: 600px;
  height: 200px;
  margin: 0;
  border: 1px solid #ccc;
  background: #fff;
  overflow: auto;
  box-shadow: 2.5px 2.5px 4px #666666;
}

.modal-content .area_inner {
  padding: 30px;
  border: 1px solid #CCCCCC;
}