/* ============
* ページ設定
============== */
nav:after,
header:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
nav {
  clear: both;
  background: #efefef;
  padding: 30px;
  border-collapse: collapse;
}
nav dl {
  float: left;
  display: table;
  border-bottom: 1px solid #d8d8d8;
}
nav dl dt {
  font-weight: bold;
  font-size: small;
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
}
nav dl dd {
  padding: 8px;
  display: table-cell;
  vertical-align: middle;
}
nav dl dd > div,
nav dl dd > div.block > div {
  float: left;
}
.selectcolumn01 select {min-width: 150px !important;}
.selectcolumn02 select {min-width: 120px !important;}
.selectcolumn03 select {min-width: 90px !important;}
.selectcolumn04 select {min-width: 90px !important;}
.selectcolumn05 select {min-width: 90px !important;}
.selectcolumn06 select {min-width: 90px !important;}
.selectcolumn07 select {min-width: 90px !important;}
.selectcolumn08 select {min-width: 90px !important;}
.selectcolumn01 .selectform, .selectcolumn01 .selectedform {width: 150px !important;}
.selectcolumn02 .selectform, .selectcolumn02 .selectedform {width: 120px !important;}
.selectcolumn03 .selectform, .selectcolumn03 .selectedform {width: 90px !important;}
.selectcolumn04 .selectform, .selectcolumn04 .selectedform {width: 90px !important;}
.selectcolumn05 .selectform, .selectcolumn05 .selectedform {width: 90px !important;}
.selectcolumn06 .selectform, .selectcolumn06 .selectedform {width: 90px !important;}
.selectcolumn07 .selectform, .selectcolumn07 .selectedform {width: 90px !important;}
.selectcolumn08 .selectform, .selectcolumn08 .selectedform {width: 90px !important;}
.select_wave {
  line-height: 1.8;
  padding: 0 .5em;
}
.download_area {
  text-align: right;
  margin-top: 10px;
}

/* ============
* btn > hoverでアウトライン
============== */
.btn-box {
  margin-bottom: 10px;
  float: right;
}

.btn {
  width: 100px;
  -moz-transition: all 0.4s;
  -o-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: pointer;
}

.btn-outline {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border: 1px solid #FFF;
  border-radius: 0;
}
.btn-outline:hover {
  color: #333;
  background: #FFF;
}

.btn-outline--1 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: gray;
  border: 1px solid #FFF;
}
.btn-outline--1:hover {
  color: gray;
  border: 1px solid gray;
  background: #FFF;
}

.btn-outline--2 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: #e22319;
}
.btn-outline--2:hover {
  color: #e22319;
  border: 1px solid #e22319;
  background: #FFF;
}

.btn-outline--3 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: #3E8DDD;
  border: 1px solid #FFF;
}
.btn-outline--3:hover {
  color: #3E8DDD;
  border: 1px solid #3E8DDD;
  background: #FFF;
}

.btn-outline--4 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: #6ABF4A;
}
.btn-outline--4:hover {
  color: #6ABF4A;
  border: 1px solid #6ABF4A;
  background: #FFF;
}

.btn-outline--5 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: #FF6A00;
}
.btn-outline--5:hover {
  color: #FF6A00;
  border: 1px solid #FF6A00;
  background: #FFF;
}

.btn-outline--6 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: #F4CD05;
}
.btn-outline--6:hover {
  color: #F4CD05;
  border: 1px solid #F4CD05;
  background: #FFF;
}

.btn-outline--1 {
  font-weight: bold;
  padding: 10px 0;
  color: #FFF;
  border-radius: 0;
  background: gray;
}
.btn-outline--1:hover {
  color: gray;
  border: 1px solid gray;
  background: #FFF;
}

@media only screen and (max-width: 490px) {
  a.btn {
    display: block;
  }
}