@charset "UTF-8";
/* Form */

@import url("content.css");

/*---------------------------------------------------- */
/* Headtitle */
/*---------------------------------------------------- */
.headtitle {
	text-align: center;
}

/*---------------------------------------------------- */
/* Section */
/*---------------------------------------------------- */
#contact {
	width: 100%;
	height: auto;
	margin: 0;
	padding-top: 40px;
	padding-bottom: 50px;
}

#contact .list {
	width: 100%;
	padding: 30px 0;
	margin: 0;
	background-color: #FFFFFF;
	
}

#contact .list .waku-contact {
	padding: 0;
	margin: 0 auto;
	width: 1060px;
}

/*---------------------------------------------------- */
/* Step */
/*---------------------------------------------------- */
#step {
	padding: 10px 0 0 0;
	margin: 0;
}

#step .photo_step {
	padding: 0;
	margin: 0 auto 0 auto;
	width: 700px;
	height: auto;
}

#step .photo_step img {
	padding: 0;
	margin: 0;
	width: 100%;
	height: auto;
}

/*---------------------------------------------------- */
/* Table */
/*---------------------------------------------------- */
#contact .list .waku-contact .haco-contact {
	width: 1060px;
	padding: 0;
	margin: 0 0 40px 0;
	height: auto;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
}

#contact .list .waku-contact .haco-contact table {
	width: 100%;
	padding: 0;
	margin: 0;
	border-top: solid 1px #cfd2d1;
}

#contact .list .waku-contact .haco-contact table th {
	width: 23%;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #cfd2d1;
	border-bottom: solid 1px #cfd2d1;
	border-left: solid 1px #cfd2d1;
	background-color: #f5f5f5;
}

#contact .list .waku-contact .haco-contact table td {
	width: 75%;
	padding: 10px 0 10px 0;
	margin: 0;
	text-align: left;
	vertical-align: top;
	border-right: solid 1px #cfd2d1;
	border-bottom: solid 1px #cfd2d1;
}

#contact .list .waku-contact .haco-contact table th h5 {
	padding: 0;
	margin: 0 15px 0 15px;
	overflow: hidden;
}

#contact .list .waku-contact .haco-contact table td p {
	padding: 0;
	margin: 0 15px 0 15px;
}

/*---------------------------------------------------- */
/* Required */
/*---------------------------------------------------- */
.haco-contact table th h5 .icon-mark {
	padding: 0;
	margin: 0;
	width: 18%;
	height: auto;
	float: right;
}

.haco-contact table th h5 .icon-mark .icon-required {
	padding: 4px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #e42631;
	border-radius: 2px;
	color: #ffffff;
	display: block;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}

/*---------------------------------------------------- */
/* Checkbox */
/*---------------------------------------------------- */
.waku_checkbox {
	padding: 0;
	margin: 0 0 0 10px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	line-height: 140%;
	overflow: hidden;
}

.waku_checkbox .checkbox_box1 {
	padding: 0;
	margin: 0 5px 5px 5px;
	height: auto;
	width: 180px;
	display: inline;
	float: left;
}

.waku_checkbox .checkbox_box2 {
	padding: 0;
	margin: 0 5px 5px 5px;
	height: auto;
	width: 370px;
	display: inline;
	float: left;
}

.waku_checkbox .checkbox_box3 {
	padding: 0;
	margin: 0 0 5px 0;
	height: auto;
	width: 760px;
	display: block;
}

.waku_checkbox .checkbox_box4 {
	padding: 0;
	margin: 0 5px 5px 5px;
	height: auto;
	width: 243px;
	display: inline;
	float: left;
}

/*---------------------------------------------------- */
/* Address */
/*---------------------------------------------------- */
.waku_address {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

.waku_address2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

.left_address {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 130px;
	display: inline;
	float: left;
	text-align: left;
}

.right_address {
	padding: 0;
	margin: 0;
	height: auto;
	width: 614px;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* Mail */
/*---------------------------------------------------- */
.waku_mail {
	padding: 0;
	margin: 0 0 4px 15px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

.waku_mail2 {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

.left_mail {
	padding: 0;
	margin: 6px 0 0 0;
	height: auto;
	width: 130px;
	display: inline;
	float: left;
	text-align: left;
}

.right_mail {
	padding: 0;
	margin: 0;
	height: auto;
	width: 614px;
	display: inline;
	float: right;
	text-align: left;
}

/*---------------------------------------------------- */
/* 入力部品 */
/*---------------------------------------------------- */
#waku_contact input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #0a6cb6;
  background: #f1f1ed;
}

input:focus, select:focus, textarea:focus {
  background: #ffffff;
}

/*---------------------------------------/* お問い合わせなどで使用 */
#name {
	width: 340px;
	height: 30px;
}

#company {
	width: 760px;
	height: 30px;
}

#post {
	width: 140px;
	height: 30px;
}

#state {
	width: 220px;
	height: 30px;
}

#city {
	width: 460px;
	height: 30px;
}

#apartment {
	width: 560px;
	height: 30px;
}

#tel {
	width: 340px;
	height: 30px;
}

#email {
	width: 560px;
	height: 30px;
}

#confirmation {
	width: 560px;
	height: 30px;
}

#comment {
	width: 760px;
	height: 130px;
	font-size: 100%;
	font-weight: normal;
}

/*---------------------------------------------------- */
/* 住所を入力 */
/*---------------------------------------------------- */
.waku-postal {
	padding: 0;
	margin: 0 0 0 15px;
	height: auto;
	width: 760px;
	font-size: 100%;
	font-weight: normal;
	overflow: hidden;
}

.waku-postal .left-postal {
	padding: 0;
	margin: 0;
	height: auto;
	display: inline;
	float: left;
}

.waku-postal .right-postal {
	padding: 0;
	margin: 2px 0 0 10px;
	height: auto;
	width: 120px;
	display: inline;
	float: left;
}

.btn-address {
	padding: 0;
	margin: 0;
	width: 100%;
}

.btn-address input {
	padding: 2%;
	margin: 0;
	width: 96%;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	font-size: 80%;
}

/*---------------------------------------------------- */
/* Form Button */
/*---------------------------------------------------- */
#contact .list .waku-contact .waku-formbtn {
	width: 1000px;
	padding: 0;
	margin: 0 auto;
	height: auto;
	font-size: 100%;
	font-weight: normal;
	line-height: 130%;
}

.waku-formbtn .submit {
	padding: 0px;
	margin: 0px auto;
	height: auto;
	width: 760px;
	border-top: 1px dashed #ccc;
	text-align: center;
	overflow: hidden;
}

.waku-formbtn .submit input {
	width: 180px;
	vertical-align: middle;
	text-align: center;
	margin: 15px 20px 5px 0;
	padding: 8px 0px 8px 0px;
	display: inline;
}

.waku-formbtn .submit[type="submit"], .waku-formbtn .submit[type="reset"], .waku-formbtn .submit[type="button"], button{
	cursor: pointer;
}

/*---------------------------------------------------- */
/* h4 */
/*---------------------------------------------------- */
#contact .list .waku-contact .contact-title {
	padding: 12px 0;
	margin: 0;
	width: 100%;
	height: auto;
	background-color: #1c63a9;
}

#contact .list .waku-contact .contact-title h4 {
	padding: 0;
	margin: 0 auto;
	width: 96%;
	height: auto;
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.3;
}

/*---------------------------------------------------- */
/* Moji */
/*---------------------------------------------------- */
#contact .list .waku-contact .mojibox {
	width: 1000px;
	padding: 0 0 25px 0;
	margin: 0 auto 0 auto;
}

#contact .list .waku-contact .mojibox p {
	padding: 0;
	margin: 0;
	font-size: 110%;
	font-weight: normal;
	line-height: 160%;
	text-decoration: none;
}

#contact .list .waku-contact .mojibox p a {
	color: #0f79df;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

#contact .list .waku-contact .mojibox p a:hover {
	color: #3fb1ec;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

#contact .list .waku-contact .mojibox h6 {
	margin: 0 0 8px 0;
	text-align: left;
	font-size: 120%;
	font-weight: bold;
	line-height: 120%;
}

/*---------------------------------------------------- */
/* Moji-Blue */
/*---------------------------------------------------- */
#contact .list .waku-contact .waku-blue {
	width: 1000px;
	padding: 15px 0 15px 0;
	margin: 0 auto 0 auto;
	background-color: #e9f3fc;
}

#contact .list .waku-contact .waku-blue p {
	padding: 0;
	margin: 0 20px 0 20px;
	font-size: 110%;
	font-weight: normal;
	line-height: 160%;
	text-decoration: none;
}

#contact .list .waku-contact .waku-blue p a {
	color: #0f79df;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

#contact .list .waku-contact .waku-blue p a:hover {
	color: #3fb1ec;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

/*---------------------------------------------------- */
/* Moji-green */
/*---------------------------------------------------- */
#contact .list .waku-contact .waku-green {
	width: 1000px;
	padding: 15px 0 15px 0;
	margin: 0 auto 0 auto;
	background-color: #e0f8ec;
}

#contact .list .waku-contact .waku-green p {
	padding: 0;
	margin: 0 20px 0 20px;
	font-size: 110%;
	font-weight: normal;
	line-height: 160%;
	text-decoration: none;
}

#contact .list .waku-contact .waku-green p a {
	color: #0f79df;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

#contact .list .waku-contact .waku-green p a:hover {
	color: #3fb1ec;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}