
/* CSS Document */

.form_area {
	width: 90%;	
	margin: auto;
	border: 0px solid #CCC;
	font-size: 0.9em;
}
.form_area input[type=radio] {
	vertical-align: sub;
}
.contact_notice,
.enquete_contact_notice {
	width: 90%;
	margin: auto;
	font-size: 0.9em;
	background: rgba(204,204,204,0.2);
	padding: 10px;
	
}
.enquete_contact_notice {
	border-top: 1px dashed #999;
	width: 100%;
	padding: 20px 0 0;
	margin-top: 20px;
}
.contact_notice ul {
	list-style-type: none;
	margin: 0;
	line-height: 1.5;
}


span.must {
	color: #e31c5a;	
}
.contact_notice ul li:nth-of-type(5),.contact_notice ul li:nth-of-type(6) {
	padding-left: 20%;
}


.form_area table {
	border-collapse: collapse;
	width: 100%;
	font-size: 0.9em;
	table-layout: fixed;	
}
.form_area table tr {
	border-bottom: 1px solid #CCC;
}
.form_area table th {
	text-align: left;
	width: 20%;	
	padding: 1.5%;
	border-right: 2px solid #334188;
	background: #ecf5f8;
	color: #334188;
}
.form_area table td {
	padding: 0;
	width: 80%;
	padding-left: 1.5%;
}
.form_area ul {
	margin: 0;
	padding: 0;
	list-style-type: none;	
}
.form_area ul li {
	float: left;	
}
.form_area table td.pB10 {
	padding-top: 20px;
	padding-bottom: 10px;
}
.form_area table td.pB10 textarea {
	width: 80%;	
}
.form_area dl {
	margin-bottom: 0;
}
.form_area dt {
	position: relative;
	padding: 0 0 5px 1.5em;
}
.form_area dt:before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}
.form_area dd {
	margin: 5px 0 0 1.5em;
}
.form_area dd:before { content: "・";}


/********* caution_ssl *********/

.form_area .caution_ssl {
	background: #efefef;
	padding: 30px 150px;
	margin: 40px 0;
}

.form_area .caution_ssl dl {
}
.form_area .caution_ssl dt {
	padding: 0;
	text-align: center;
}
.form_area .caution_ssl dt:before {
	content: none;
}
.form_area .caution_ssl dd {
	margin: 5px 0 0;
}
.form_area .caution_ssl dd:before { content: none;}

.form_area #policy {
	text-align: center;
}



.mfp_buttons {
	text-align:center;
	margin: 40px 0;	
}
td.address input {
	width: 80%;	
}
.mfp_phase1 td {
	font-size: 0.8em;	
}
.form_area table td.toti {
	padding: 10px;	
}
	.form_area table textarea {
		width: 100%;	
	}

@media only screen and (max-width: 480px) and (min-width: 0px){
	.form_area table,.form_area table tr,.form_area table th,.form_area table td {
		display: list-item;
		list-style: none;	
	}
	.form_area {
		width: 90%;	
		border: none;
	}
	.form_area table tr {
		border: none;
		width: 100%;	
	}
	.form_area table th {
		width: 100%;
		border: none;	
	}
	.form_area table td {
		width: 100%;
	}
	.form_area table input {
		width: 100%;	
	}
	.form_area table input[type=radio] {
		width: auto;
	}

	.form_area table td.pB10 textarea {
		width: 100%;	
	}
	div.mfp_phase1 table th {
		width: 100%;
	}
	.form_area table textarea {
		width: 100%;	
	}
	
.form_area table td.toti {
	padding: 0;	
}

.contact_notice ul {
	padding: 0;
	width: 90%;
	margin: auto;
	text-indent: -1em;
	padding-left: 1em;
	
}
.contact_notice ul li:nth-of-type(5),.contact_notice ul li:nth-of-type(6) {
	padding-left: 50%;
}

.form_area .caution_ssl {
	background: #efefef;
	padding: 15px;
	margin: 20px 0;
}

	
}





