@charset "UTF-8";

html,body{
	height:auto !important;
}

/* ------------------------------------------------------------------
thanks
------------------------------------------------------------------ */
p.thanks{
	border:1px solid #CCC;
	padding:60px 20px;
	text-align:center;
	line-height:1.8;
}

p.thanks strong{
	font-size:20px;
}

@media screen and (max-width:736px) {
p.thanks{
	padding:30px 0;
	font-size:12px;
}

p.thanks strong{
	font-size:16px;
}
}


/* ------------------------------------------------------------------
form
------------------------------------------------------------------ */
div#form{
}

div#mfp_phase_confirm {
	display: none;
}

div.confirm_title{
	background:#d55a5a;
	padding:20px;
	margin:0 0 40px 0;
	text-align:center;
}

div.confirm_title img{
	width:400px;
	height:auto;
	vertical-align:bottom;
}

form#mailform label {
	cursor: pointer;
	margin-bottom: 1px;
}

label.label_true {
	text-decoration: none;
}

label.label_false {
	background-image: none;
}

div#mailfrom_hidden_object {
	width: 1px;
	height: 1px;
	overflow: hidden;
}

div#mailfrom_hidden_object input {
}

div#mfp_closed {
	display: none;
}

div.mfp_disp {
	display: none;
}

p.mfp_err {
	display:block;
	text-align:left;
	padding: 0px 0px 0px 20px;
	margin:5px 0 0 0;
	color: #FF0000;
	font-size: 12px;
	line-height: normal;
	display: none;
	background: url(../images/mfp_error.gif) 0 2px no-repeat;
}

input.mfp{
	padding:2px;
}

textarea.mfp {
	padding:2px;
}

input[type=radio],
input[type=checkbox]{
	vertical-align:top;
}

input,
textarea,
select{
	font-size:16px;
}

table.mailform,
div#mfp_phase_confirm table {
	width:100%;
	border-collapse: separate;
	border-bottom: 1px solid #CCC;
	border-spacing: 0;
	background-color:#FFFFFF;
	margin:0 0 20px 0;
	line-height:1.6;
}

table.mailform tr th,
div#mfp_phase_confirm table th {
	padding:25px;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	text-align:left;
	vertical-align:top;
	width:35%;
	background-color:#F5F5F5;
}

table.mailform tr th p,
div#mfp_phase_confirm table th p {
	margin:10px 0 0 0;
	font-size:12px;
}


table.mailform tr td,
div#mfp_phase_confirm table td {
	padding:25px;
	border-top: 1px solid #DDD;
	border-right: 1px solid #DDD;
	text-align:left;
	vertical-align:top;
}

.must{
	padding-left:65px !important;
	background-image:url(../images/must.png);
	background-position:20px 26px;
	background-repeat:no-repeat;
	background-size:32px auto;
}

.option{
	padding-left:65px !important;
	background-image:url(../images/option.png);
	background-position:20px 26px;
	background-repeat:no-repeat;
	background-size:32px auto;
}

table.mailform tr td ul,
div#mfp_phase_confirm table td ol{
	overflow:hidden;
}

table.mailform tr td ul li,
div#mfp_phase_confirm table td ul li{
	float: left;
	margin:0 10px 0 0;
}

table.mailform tr td ol li,
div#mfp_phase_confirm table td ol li{
	margin:0 0 10px 0;
}

table.mailform tr td ol li:last-child,
div#mfp_phase_confirm table td ol li:last-child{
	margin:0;
}

table.mailform tr td span,
div#mfp_phase_confirm table td span{
	clear: both;
	margin:0 5px 0 0;
}

table.mailform tr td div,
div#mfp_phase_confirm table td div{
	clear: both;
}

div#twex {
	margin: 0px;
	overflow: hidden;
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	text-align: center;
	background-color: #000000;
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	-khtml-opacity: 0.60;
	opacity: 0.60;
}

img#loading_proccess_image {
	position: absolute;
	z-index: 1000;
}

@media screen and (max-width:736px) {
table.mailform tr th,
div#mfp_phase_confirm table th {
	width:100%;
	padding:10px;
	border-top: 1px solid #CCC;
	text-align:left;
	vertical-align:top;
	box-sizing:border-box;
	display:block;
	font-size:16px;
}

table.mailform tr td,
div#mfp_phase_confirm table td {
	width:100%;
	padding:10px 10px 20px 10px;
	border-top: 1px solid #CCC;
	text-align:left;
	vertical-align:top;
	box-sizing:border-box;
	display:block;
	font-size:16px;
}

.i01 input,
.i01 textarea{
	width:85% !important;
}

.i02 input,
.i02 textarea{
	width:85% !important;
}

.i03 input,
.i03 textarea{
	width:100% !important;
}

.i04 input,
.i04 textarea{
	width:100% !important;
}

.i05 input,
.i05 textarea{
	width:100% !important;
}

.i06 input,
.i06 textarea{
	width:100% !important;
}

.i07 input,
.i07 textarea{
	width:100% !important;
}

.must{
	padding-left:65px !important;
	background-image:url(../images/must.png);
	background-position:20px 16px;
	background-repeat:no-repeat;
	background-size:32px auto;
}

.option{
	padding-left:65px !important;
	background-image:url(../images/option.png);
	background-position:20px 16px;
	background-repeat:no-repeat;
	background-size:32px auto;
}

table.mailform tr td ul,
div#mfp_phase_confirm table td ol{
	overflow:hidden;
}

table.mailform tr td ul li,
div#mfp_phase_confirm table td ul li{
	float:none;
	margin:0 0 5px 0;
}

table.mailform tr td ol li,
div#mfp_phase_confirm table td ol li{
	margin:0 0 5px 0;
}

}
