@charset "UTF-8";
/* CSS Document */
.bold {
	font-weight:bold;
}
form#mailformpro dl {
	display:block;
}
form#mailformpro dl:nth-child(even) {
	background:#eef4ff;
}
form#mailformpro dl dt {
	font-weight:bold;
	display:block;
	width: 100%;
	font-size: 15px;
	padding: 5px;
	text-align: left;
}
form#mailformpro dl dd {
	display:block;
	width:100%;
	clear: both;
	border-top: none;
	padding: 5px 15px;
	font-size: 15px;
	line-height: 1.5em;
}
form#mailformpro dl dd span {
	/*display: block;*/
}
div.mfp_buttons button {
	font-size: 23px;
}
.mfp_element_button#mfp_button_cancel {
	font-size:11px;
}
div#mfp_phase_confirm h4 {
	font-size: 18px;
}
form#mailformpro textarea, form#mailformpro input {
	max-width:100%;
}

ul#mfp_phase_stat {
	padding: 0px;
}
ul#mfp_phase_stat li {
	float: left;
	text-align: center;
	padding: 5px 0px;
	border-radius: 3px;
	margin: 5px;
	list-style: none;
	font-size: 14px;
	width: 30%;
}
ul#mfp_phase_stat li.mfp_phase_arrow {
	bos-shadow: none;
	display: none;
}
ul#mfp_phase_stat li.mfp_active_phase {
	background-color: #E8EEF9;
	box-shadow: 0px 0px 5px #000;
}
ul#mfp_phase_stat li.mfp_inactive_phase {
	background-color: #CCC;
	color: #666;
	box-shadow: 0px 0px 5px #CCC;
}
table#mfp_confirm_table tr th {
	white-space: normal;
	width: 35%;
}
div#mfp_thanks {
	text-align: center;
	font-size: 18px;
	padding: 20px 0px;
}
div#mfp_thanks strong {
	color: #C00;
	font-size: 24px;
	display: block;
}
form#mailformpro.regist {
	padding: 10px 10px;
}

/*フォーム*/
#form-header {
	border-bottom:1px solid #ccc;
	padding:10px 0;
	margin-bottom:15px;
	background:hsl(0,0%,97%);
}
#form-header ul.form-container {
	display:block;
	text-align:center;
}
#form-header ul.form-container li {
	display:block;
}
#form-header ul.form-container li.logo {
	width:200px;
	height:auto;
	margin:0 auto;
}
#form-header ul.form-container li.page-title {
	padding-left:0;
}
#top-message {
	margin:0 10px;
}
#top-message .box h2 {
	font-size:0.9rem;
}
/*
form#mailformpro dl:last-child dd {
	border-bottom: solid 1px #CCC;
}
*/
form#mailformpro .box-required dl:last-child,
form#mailformpro .box-option dl:last-child {
	border-bottom: solid 1px #CCC;
}
form#mailformpro .box-mix .box-required dl:last-child {
	border-bottom: none;
}
/*確認画面へのボタン*/

.mfp_element_submit {
	border-radius: 5px;
	padding: 10px 20px;
	border: solid 1px #eb6100;
	background: gradient(linear, center top, center bottom, from(#fccdad), to(#FE9800));
	background: -webkit-gradient(linear, center top, center bottom, from(#fccdad), to(#FE9800));
	background: -moz-linear-gradient(top, #fccdad, #FE9800);
	background: -ms-linear-gradient(top, #fccdad 0%, #FE9800 100%);
	text-shadow: 0px 1px 0px #333;
	box-shadow: none;
	font-size: 36px;
	cursor: pointer;
	outline: none;
	color:#fff;
	font-weight:bold;
	width:90%;
}
.mfp_element_submit:hover,.mfp_element_reset:hover,.mfp_element_button:hover {
	background: gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -webkit-gradient(linear, center top, center bottom, from(#F7F7F7), to(#7ECEF4));
	background: -moz-linear-gradient(top, #F7F7F7, #7ECEF4);
	background: -ms-linear-gradient(top, #F7F7F7 0%, #7ECEF4 100%);
	box-shadow: 0px 2px 15px #7ECEF4;
	border:solid 1px #0375ab;
	text-shadow: 0px 2px 0px #0375ab;
}


/*確認画面*/
div#mfp_overlay_inner .overlay-header {
	margin:10px;
}
div.mfp_buttons button#mfp_button_cancel {
	margin-bottom:20px;
}

@media all and (min-width: 641px) {
	form#mailformpro dl {
		border-left:1px solid #ccc;
		border-right:1px solid #ccc;
	}

}