@charset "UTF-8";
/* /////////////////////////////////////////////////////////
	お問い合わせ
///////////////////////////////////////////////////////// */
/*=================================
	contact
==================================*/
#contact {
  width: 640px;
  line-height: 1.5;
}

/*=================================
	tel
==================================*/
#tel {
  width: 640px;
  margin-bottom: 43px;
}

#tel .headline {
  background: url(../contact/images/tel-headline.gif) no-repeat;
}

#tel dl dt,
#tel dl dd {
  font-size: 110%;
  text-align: center;
}

#tel dl dt {
  font-weight: bolder;
  margin-bottom: 10px;
}

#tel dl dd {
  margin-bottom: 12px;
}

#tel dl #connection {
  width: 439px;
  height: 0;
  padding-top: 21px;
  background: url(../contact/images/connection.png) no-repeat;
  display: block;
  overflow: hidden;
  margin: 0 auto 10px auto;
}

/*=================================
	mail
==================================*/
#mail {
  width: 640px;
}

#mail .headline {
  background: url(../contact/images/mail-headline.gif) no-repeat;
}

#mail .essential {
  color: #FF0000;
  font-size: 110%;
}

/*=================================
	error
==================================*/
#error {
  margin: 30px 0;
  padding: 20px;
  background: #f5efdf;
}

#error li {
  margin-top: 1em;
  color: #CC0000;
}

#error li:first-child {
  margin-top: 0;
}

em.error {
  display: block;
  margin-top: 1em;
  color: #CC0000;
  font-style: normal;
  font-size: 0.8em;
}

#mail table th em.error {
  padding-top: 15px;
}

/*=================================
	フォーム
==================================*/
#mail table {
  width: 640px;
  border-collapse: collapse;
  margin-bottom: 30px;
}

#mail table tr {
  border-bottom: 1px dashed #000;
}

#mail table tr th,
#mail table tr td {
  color: #000;
  font-size: 110%;
}

#mail table tr th {
  width: 160px;
  text-align: left;
  padding: 25px 0;
}

#mail table tr:last-child th {
  vertical-align: top;
}

#mail table tr td {
  width: 470px;
  padding: 20px 0;
}

#mail table tr td input,
#mail table tr td select,
#mail table tr td textarea {
  padding: 5px;
}

#mail table tr td #company,
#mail table tr td #name,
#mail table tr td #kana,
#mail table tr td #telnum,
#mail table tr td #email,
#mail table tr td #message {
  width: 470px;
}

#submit {
  width: 640px;
  margin: 0 auto;
}

#submit input,
#submit .complete a,
#mail .error a {
  display: block;
  width: 300px;
  height: 0px;
  margin: 0 auto;
  padding-top: 50px;
  overflow: hidden;
  border: none;
}

#submit .check {
  background: url(../contact/images/check-button.gif) 0 0 no-repeat;
}

#submit .return {
  background: url(../contact/images/return-button.gif) 0 0 no-repeat;
  float: left;
}

#submit .submit {
  background: url(../contact/images/submit-button.gif) 0 0 no-repeat;
  float: right;
}

#submit .complete a {
  background: url(../contact/images/complete-button.gif) 0 0 no-repeat;
}

#mail .error a {
  background: url(../contact/images/return-button.gif) 0 0 no-repeat;
  margin: 30px auto;
}

#submit input:hover,
#submit .complete a:hover,
#mail .error a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* チェック時は背景色を変更 */
#mail input[type=radio]:checked {
  background: -webkit-gradient(linear, left top, left bottom, from(#353535), to(#8f8f8f));
}

/* 送信完了 */
#mail .thanks {
  text-align: center;
}

#mail .thanks p {
  margin-bottom: 25px;
}

#mail .thanks p a:link,
#mail .thanks p a:visited,
#mail .thanks p a:active {
  color: #2F8C00;
  text-decoration: underline;
  outline: none;
}

#mail .thanks p a:hover {
  color: #2F8C00;
  text-decoration: none;
  outline: none;
}

/* エラーページ */
#contact .error-text {
  text-align: center;
}

#contact #error-title {
  width: 171px;
  height: 0px;
  padding-top: 32px;
  background: url(../contact/images/error-title.png) no-repeat;
  display: block;
  overflow: hidden;
  margin: 0 auto 30px auto;
}