@charset "utf-8";

/*-----------------------------------------------------------
===  [ Form Module ]  ===================================
------------------------------------------------------------*/

/* = [ form object ] ===========================================*/

#main table.data-type1 input[type="text"],
#main table.data-type1 textarea,
#main table.data-type1 select {
	border: 1px solid #646464;
}



/* = [ button ] ===========================================*/

#main .control .btn {
	display: inline-block;
}
*+html #main .control .btn {	/* IE7 */
	display: inline;
	zoom: 1;
}
* html #main .control .btn {	/* IE6 */
	display: inline;
	zoom: 1;
}

#main .control .btn-ex {
	display: inline-block;
}
*+html #main .control .btn-ex {	/* IE7 */
	display: inline;
	zoom: 1;
}
* html #main .control .btn-ex {	/* IE6 */
	display: inline;
	zoom: 1;
}

#main .control .btn-text {
	display: inline-block;
	padding: 10px 61px 10px 61px;
}
*+html #main .control .btn-text {	/* IE7 */
	display: inline;
	padding: 6px 61px 6px 61px;
	zoom: 1;
}
* html #main .control .btn-text {	/* IE6 */
	display: inline;
	padding: 6px 61px 6px 61px;
	zoom: 1;
}

#main .control .sep {
	display: inline-block;
	width: 16px;
}



/* = [ layout ] =========================================*/

#main .lTable {
	width: 100%;
}
#main .lTable td.right {
	text-align: right;
}

#main .pd-adjust { /* frame-type1 padding */
	padding: 15px 30px !important;
}

#main .message { /* error,thanks page */
	padding: 30px 30px;
	border: 4px solid #b2bdc2;
	font-size: 120%;
	line-height: 2;
	text-align: center;
}




/* = [ text ] ===========================================*/

#main .note {
	color: #D0576B;
}

#main pre.agreement {
	font-size: 100%;
	line-height: 1.3;
}
#main textarea.agreement {
	width: 660px;
	padding: 10px;
	font-size: 100%;
	line-height: 1.3;
}
/* Safari,Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#main pre.agreement {
		font-size: 120% !important;
	}
	#main textarea.agreement {
		font-size: 120% !important;
	}
}




/* = [ table ] ==========================================*/

/* (from contact.css) */

#main form.mailform { margin: 0 0 0 0; }
#main form.mailform table td {
	font-size:93%;
}
#main form.mailform table.formBox td {
	font-size: 100%;
}
.confirm #main form.mailform table td {
	font-size: 100%;
}
#main form.mailform table th p,
#main form.mailform table td p {
	line-height: 1.5;
}
#main form.mailform table td input + p,
#main form.mailform table td textarea + p {
	margin-top: 4px;
}

/*
---------------------------------------------------------*/
#main form.mailform table.formBox th,
#main form.mailform table.formBox td {
	text-align: left;
}

#main form.mailform table tr.entry-group-parent td ,
#main form.mailform table tr.entry-group-parent th{ padding-bottom:7px;}
#main form.mailform table tr.entry-group-child td ,
#main form.mailform table tr.entry-group-child th{ border-top:none; padding-top:10px;}
#main form.mailform table th{ width:160px; padding:20px; vertical-align:top; }
#main form.mailform table th span.note { display:block; }
#main form.mailform table td textarea { width:380px; padding:3px 4px; font-size:108%;}
#main form.mailform table td input { padding: 2px 2px; vertical-align:-0.1em; }

#main form.mailform table td input.style-none { border:none; }

#main form.mailform table td input#male ,
#main form.mailform table td input#female { vertical-align:-0.1em; border:none; }
#main form.mailform table td input.name { width:118px; vertical-align:middle; }
#main form.mailform table td input.addres-no { width:100px; }
#main form.mailform table td input.max { width:380px; }

#main form.mailform table td input#zip { width: 100px; /* height: 30px; */}
#main form.mailform table td input#tel { width: 200px; }

#main form.mailform table td input.confirm { margin-top:17px; }
#main form.mailform table td select { }
#main form.mailform table td p span { font-size:108%; }
#main form.mailform table td { padding:20px 20px 20px 40px; }
#main form.mailform table td div.cohesive { float:left; margin-right:20px; }
#main form.mailform table td div.cohesive p { text-align:center; }

#main form.mailform table.privacy { margin:20px 0 27px 0; }
#main form.mailform table.privacy tr.double th { width:47px; }
#main form.mailform table.privacy tr.double th.sub-head { width:92px; padding:11px; vertical-align:middle; text-align:right; }
#main div.control p.note { margin-bottom:15px; }

#main form.mailform table.formBox td {
	padding: 0;
}
#main form.mailform table td p {
	font-size: 93%;
}
#main form.mailform table tr.double th { 
	width: auto;
}

#main table.data-type1 th {
	background-color: #efefef;
}
#main table.data-type1 th.sub-head {
	background-color: #d3e5e1;
}


/* = [ pager ] ==========================================*/

#main div.controls.pager ul { margin-top:0.7em; width:670px; font-size:93%; text-align:center; line-height:1.3; }
#main div.controls.pager ul li { display:inline; border-left:1px solid #AFAFB0; }
#main div.controls.pager ul li.firstChild { border-left:0 none; }
#main div.controls.pager ul li a { display:inline-block; color:#383C3C; font-weight:bold; padding:0 12px; }
#main div.controls.pager ul li.current a { color:#D0576B; }


@media screen and (max-width: 767px){
	#main form.mailform table td input + p, #main form.mailform table td textarea + p{
		font-size: 100% !important;
	}
	#main form.mailform table th p, #main form.mailform table td p{
		font-size: 100% !important;
	}
	table.data-type1{
		display: block;
		width: auto;
	}

	table.data-type1 tbody{
		display: block;
		width: auto;
	}

	table.data-type1 tr{
		display: block;
	}

	#main form.mailform table th{
		display: block;
		width: auto;
	}

	#main form.mailform table td{
		display: block;
		width: auto;
		overflow: hidden;
	}
	#main form.mailform table td div.cohesive{
		float: left;
		width: 45%;
		margin: 0;
		padding-right: 7%;
	}

	#main form.mailform table td div.cohesive:last-child{
		padding-right: 0;
	}

	#main form.mailform table td input.max{
		width: 100%;
		display: block;
		box-sizing:border-box;
	
		height: 30px;
}

	#main form.mailform table th{
		padding: 15px;
	}
	#main form.mailform table td{
		padding: 15px;
	}
	#main form.mailform table td input.name{
		width: 100%;
		box-sizing:border-box;
	
		height: 30px;
}

	#main form.mailform table td div.cohesive p{
		text-align: left;
	}
	#main form.mailform table td input#tel{
		width: 100%;
		box-sizing:border-box;
	}

	#main form.mailform table td select{
		width: 100%;
	
		height: 30px;
}

	#main form.mailform table td textarea{
		box-sizing:border-box;
		width: 100%;
	}

	#main form.mailform table.privacy td select{
		width: auto;
	}

	#main form.mailform table.privacy tr.double th{
		width: auto;
	}

	#main form.mailform table td input#zip{
		height: 30px;
		box-sizing:border-box;
	}
	#main .message{
		font-size:100%;
	}

	.arrow-prev2{
		font-size: 100%;
	}
}