@charset "utf-8";

/* CSS Information
---------------------------------------------------------- */

#contents {
  min-height: 800px;
}

#contents #contents-inner {
  min-height: 520px;
  padding: 25px 25px 80px;
}

#contents h2 {
  background-color: #666;
  color: #FFF;
  font-size: 22px;
  font-size: 2.2rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding: 7px 15px;
  width: 710px;
}

#contents h2:before,
#contents h2:after {
  background-color: #FFF;
  height: 70%;
  left: 6px;
  top: 15%;
  width: 4px;
}

#contents h2 + ul {
  margin-bottom: 25px;
}

#contents h2 + ul li {
  float: left;
  height: 92px;
  margin-right: 3px;
  text-indent: -9999px;
  width: 233px;
}

#contents h2 + ul li:nth-of-type(1) {
  background: url(../img/img_contact01.gif) no-repeat;
}

#contents h2 + ul li:nth-of-type(2) {
  background: url(../img/img_contact02.gif) no-repeat;
}

#contents h2 + ul li:nth-of-type(3) {
  background: url(../img/img_contact03.gif) no-repeat;
}

#contents table {
  border: 1px solid #666;
  width: 100%;
}

#contents table tr {
  border: 1px solid #666;
}

#contents th {
  background-color: #FFFBBA;
  border: 1px solid #666;
  padding: 15px 15px;
  text-align: left;
  width: 200px;
}

#contents th span {
  color: #FF1D25;
  font-weight: bold;
}

#contents td {
  font-weight: bold;
  padding: 5px 15px;
}

#contents tr:nth-of-type(1) input {
  width: 130px;
}

#contents tr:nth-of-type(2) input,
#contents tr:nth-of-type(3) input,
#contents tr:nth-of-type(6) input {
  width: 400px;
}

#contents tr:nth-of-type(4) input,
#contents tr:nth-of-type(5) input {
  width: 100px;
}

#contents tr:nth-of-type(4) input:first-child,
#contents tr:nth-of-type(5) input:first-child {
  width: 80px;
}

#contents textarea {
  height: 250px;
  width: 400px;
}

#privacy-check-area {
  margin: 30px auto 15px;
}

#privacy-check-area p {
  font-size: 14px;
  margin-bottom: 15px;
  line-height: 1.5;
}

#privacy-text-box {
  border: 1px solid #333;
  padding: 15px;
  line-height: 1.5;
  margin-bottom: 20px;
  height: 250px;
  overflow: auto;
}

#privacy-text-box dl {
  margin: 15px 0;
}

#privacy-text-box dt {
  margin-bottom: 10px;
  font-weight: bold;
}

#privacy-text-box dd {
  margin-bottom: 20px;
}


#privacy-check-area #privacy_info {
  border: none;
}

#form-button {
  margin: 20px 0 60px;
  text-align: center;
}

#form-button input {
  border: none;
  border-radius: 3px;
  color: #FFF;
  font-weight: bold;
  margin-right: 15px;
  padding: 5px;
  width: 80px;
  background: rgb(204,204,204); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 48%, rgba(102,102,102,1) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(204,204,204,1)), color-stop(48%, rgba(153,153,153,1)), color-stop(100%, rgba(102,102,102,1))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 48%, rgba(102,102,102,1) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 48%, rgba(102,102,102,1) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 48%, rgba(102,102,102,1) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(153,153,153,1) 48%, rgba(102,102,102,1) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#666666', GradientType=0 ); /* IE6-9 */
  -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5);
  text-align: center;
  opacity: 1;
}

#form-button input.disabled {
  opacity: 0.3;
}

#reset-btn {
  -webkit-user-select: none;
  cursor: pointer;
}

#contents-inner .border-title {
  border: 1px solid #B0B0B0;
  text-align: center;
  width: 710px;
  color: #606060;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 5px 0;
}

#contents-inner .border-title a {
  display: block;
  width: 100%;
}

#form-area input:focus,
#form-area textarea:focus,
#form-area .error:focus,
#form-area .error:focus {
	background: #cff;
}

#form-area .error {
	background:#fcc;
	opacity: 0.7;
}

#complete {
  font-size: 18px !important;
  font-size: 1.8rem !important;
  color: #f00 !important;
  margin-bottom: 20px !important;
  font-weight: bold !important;
}