@charset "utf-8";

/*-----------------------------------------------------
 お問合せ共通
-------------------------------------------------------*/
.boxContainer {
	font-size: 14px;
	line-height: 1.6em;
}
.box {
	width: 861px;
	height:auto;
	background-image: url(/img/common/title-border-top-861px.png);
	background-repeat: no-repeat;
	background-position: 0 25px;
	margin-bottom: 26px;
}
.box_inner {
	background-image: url(/img/common/title-border-bottom2-861px.png);
	background-repeat: no-repeat;
	padding-bottom:15px;
	background-position: 0 bottom;
}
.box_inner h3 {
	background-position: 0 center;
	padding-left: 23px;
}

.contactBox_inner {
	margin:30px;
	padding:50px 90px 40px;
	background:url(/img/common/black.png) repeat 0 0;
	border:1px solid #7d9e9e;
}
.confirm_p {
	padding-right:70px!important;
	padding-left:70px!important;
}
.confirm_p .contactForm {
	padding-left: 20px;
    padding-right: 20px; 
}

.contactBox_inner dl.information dt {
	margin-bottom:20px;
	padding:0 10px;
}
.contactBox_inner dl.information dd {
	padding:0 10px 10px;
	margin-bottom:10px;
	border-bottom:1px dotted #fff;
}
.contactBox_inner dl.information dd.last {
	border-bottom:none;
}

.contactBox_inner dl.information a {
	text-decoration:underline;
}
.contactBox_inner dl.information a:hover {
	text-decoration:none;
}

.contactForm {
	width:628px;
	margin:20px auto 0;
}
.contactForm h4 {
	margin-bottom:50px;
}

#input .label {
    font-size: 18px;
    font-weight: bold;
}

#input input.text,#input input.text2,#input textarea {
	border:1px solid #406b72;
	padding:5px 3px;
}

}
#input .txt {
	margin: 0 28px;
	padding: 0;
}
#input .form {
	margin: 20px 0px 40px;
}
#input .form .label {
	float: left;
	width: 200px;
}
#input .form .value {
	float: right;
	width: 415px;
}
#input .form .text {
	width: 407px;
}
#input .form .text2 {
	width: 155px;
}
#input .form textarea {
	width: 407px;
	height:170px;
}
#input .form span {
	font-weight:bold;
	display:inline-block;
	width:30px;
	padding:0 0px;

}
.mac #input .form span { text-indent:-1px; }
.notice {
    font-size: 12px;
    width:auto!important;
    font-weight:normal!important;
}

#input .form_btn {
    margin-top: 30px;
    text-align: center;
}

#input .form_btn:hover,
.link_btn img:hover {
/*	opacity: 0.5;
	filter: alpha(opacity=50);*/
}


ul.form_btn input:hover,
.link_btn img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

ul.link_btn {
	margin:0 5px;
}

.confirm .value {
	color:#5ee3e2;
	font-size:16px;
}
.confirm li {
	border-bottom:1px dotted #fff;
	margin-bottom:10px;
	padding-bottom:10px;
}
.confirm li:last-child {
	border-bottom:none;
}

.scroll-pane { 
	width:420px;
	height:250px;
	overflow:hidden; 
}

input.error,textarea.error {
	background:#ffcdcd;
}
p.error {
	display:block!important;
	font-size:12px!important;
	font-weight:normal!important;
	color:#ff0000;
	margin-left:213px;
}
p.error.left {
	margin-left:252px;display:inline!important;
}
p.error.right {
	margin-left:95px;display:inline!important;
}

.relative {
	position:relative;
}
.relative p.error {
	position:absolute;
	padding:0!important;
	
}
.relative #er_01 { top:-20px; left:31px; top:-19px\9; }
.relative #er_02 { top:-20px; left:234px; top:-19px\9; }
.mac .relative #er_01,.mac .relative #er_02 { top:-18px; }
.mac.gecko .relative #er_01,.mac.gecko .relative #er_02 { top:-22px; }
.win.chrome .relative #er_01,.win.chrome .relative #er_02 { /* top:-18px; */ top:-19px; }

.relative #er_03 { top:26px; left:31px;  top:30px\9; }
.relative #er_04 { top:26px; left:234px; top:30px\9; }
.mac .relative #er_03,.mac .relative #er_04 { top:31px; }
.mac.gecko .relative #er_03,.mac.gecko .relative #er_04 { top:25px; }
.win.chrome .relative #er_03,.win.chrome .relative #er_04 { /* top:33px; */ top:27px; }

.relative #er_05 { top:75px; left:1px; top:79px\9; }
.mac .relative #er_05 { top:84px; }
.mac.gecko .relative #er_05 { top:76px; }
.win.chrome .relative #er_05 { /* top:84px; */ top:73px; }

.relative #er_06 { top:144px; left:1px; top:149px\9; }
.mac .relative #er_06 { top:156px; }
.mac.gecko .relative #er_06 { top:144px; }
.win.chrome .relative #er_06 { /* top:156px; */ top:141px; }

.relative #er_07 { top:293px; left:1px; top:299px\9; }
.mac .relative #er_07 { top:308px; }
.mac.gecko .relative #er_07 { top:292px; }
.win.chrome .relative #er_07 { /* top:308px; */ top:300px; }

p.lead { padding:0 10px 20px; }


.notice2 {
    font-size: 12px;
    line-height: 1.3em;
    width:auto!important;
    font-weight:normal!important;
}