@charset "utf-8";
/* ------------------------------------------------------------ common */
.center 				{ text-align: center; font-size: 14px; }


#main 					{ padding: 50px 0; }
#main h3 				{ background: none; color: #4e4e4e; padding: 40px 0 0; text-align: center; font-size: 30px; font-weight: bold; }

#lead 					{ padding: 10px 0 40px; text-align: center; }
#lead dt				{ font-size: 22px; font-weight: bold; padding: 0 0 30px; }
#lead dd				{ font-size: 16px; line-height: 200%; }

#contents 				{ background: #fff; width: 700px; padding: 50px; margin: 0 auto; }
#contents span 			{ color: #d20000; }

#contents p				{ padding: 30px 0 10px; }
#contents table 		{ background: url(../images/common/line_02.gif) repeat-x left top; width: 100%; font-size: 15px; }
#contents table tr 		{ background: url(../images/common/line_02.gif) repeat-x left bottom; }
#contents table th 		{ text-align: left; padding: 18px 0; width: 200px; vertical-align: text-top;  }
#contents table td 		{ padding: 15px 0;  }
#contents table td span { color: #a5a5a5; padding: 0 0 0 10px; font-size: 13px; }
#contents table td label { float: left; padding: 0 15px 0 0; font-size: 14px; }

#contents table textarea,
#contents table input[type="text"] { border: 1px solid #dddcdc; padding: 3px 5px; font-size: 14px; background: #fffdfe; }
#contents table textarea { width: 96%; }
#contents table input[type="text"] { width: 39%; }

#contents .btn 			{ text-align: center; padding: 35px 0 20px; }
#contents input[type="submit"] { background: #f8a124; color: #fff; width: 316px; height: 40px; line-height: 40px; cursor: pointer; font-size: 16px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }

/* ------------------------------------------------------------ check */
#contents .alert	 	{ background: #f6f6f6; padding: 30px 50px; }
#contents .alert span 	{ display: block; color: #111; }


.note h3 		{ padding: 0 0 30px; }
.note p 		{ padding: 0 0 15px; font-size: 16px; }
.note p.caution { color: #d20000; text-align: center; }
#contents .note p.btn a 	{ background: #c3c3c3; color: #fff; width: 316px; height: 40px; line-height: 40px; font-size: 16px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#thanks 		{ padding: 70px 0; }
#thanks p 		{ background: #f6f6f6; padding: 30px 50px; }
#thanks .btn 	{ background: #fff; padding: 50px 0 0; }


#totop			{ background: url(../images/common/bg_02.gif); }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main 					{ padding: 0; }
#main h3				{ font-size: 18px; }

#lead 					{ padding: 40px 0; }
#lead dt				{ font-size: 18px; padding: 20px 0; }
#lead dd				{ font-size: 14px; text-align: left; }
#lead dd br				{ display: none;}

#contents 							{ width: 90%; margin: 0; padding: 0 5%; }

#contents table select,
#contents table taxtarea,
#contents table input[type="text"] 	{ width: 93%; }
#contents input[type="submit"],
#contents .note p.btn a,
.note p.btn a  						{ padding: 0; width: 250px; margin: 0 0 15px; }

#contents .alert,
#thanks p	 			{ padding: 30px 15px; font-size: 14px; }
#thanks 				{ padding: 40px 0; }
#thanks h3 				{ padding: 0 0 30px; }


#contents table th 		{ display: block; width: 100%; font-weight: bold; padding: 15px 0 0; }
#contents table td 		{ display: block; padding: 10px 0 20px; }

#totop					{ background: #fff; }

}