@charset "utf-8";
/* ------------------------------------------------------------ common */
#firstview 		{ background: url(../images/recruit/view_01.jpg) no-repeat; background-size: cover; }

#main h3 { margin: 50px 0 50px; }

#lead 		{ padding: 30px 0 50px; }
#lead img 	{ float: left; }
#lead dl 	{ float: right; width: 450px; padding: 60px 0; }
#lead dl dt { font-size: 24px; font-weight: bold; padding: 0 0 10px; }
#lead dl dd { line-height: 200%; }

#flow 			{ text-align: center; padding: 0 0 50px; }
#flow h3 		{ margin: 50px 0 30px; }
#flow p 		{ padding: 0 0 50px; }
#flow .inner 	{ overflow: hidden; }
#flow ul 		{ width: 1008px; }
#flow ul li 	{ float: left; margin: 0 8px 40px 0; font-weight: bold; }
#flow ul li img { padding: 0 0 10px; }

#detail 						{ padding: 0 0 70px; }
#detail table 					{ width: 100%; border: #dadada solid; border-width: 1px 0 0; color: #111; }
#detail table th,
#detail table td					{ border: #dadada solid; border-width: 0 0 1px; padding: 15px 20px; line-height: 200%; }
#detail table th					{ text-align: left; background: #f2f5f8; font-weight: bold; vertical-align: text-top; }
#detail table td					{ padding: 15px 25px; }



/* ------------------------------------------------------------ form */
.center { text-align: center; font-size: 14px; }

#contact { padding: 10px 0; }
#contents { background: #fff; width: 700px; padding: 80px 150px; margin: 0 auto 130px; }
#contents span { color: #d20000; }

#contents dl		{ background: #f8f8f8; text-align: center; padding: 25px 0; border: 1px solid #e9e9e9; }
#contents dl dt		{ font-size: 26px; font-weight: bold; padding: 0 0 15px; }
#contents dl dd a	{ font-size: 40px; font-weight: bold; line-height: 120%; padding: 0 0 0 40px; background: url(../images/common/icn_tel.jpg) left center no-repeat; }
#contents dl dd	p	{ font-size: 18px; padding: 10px 0 0; }
#contents dl dd small { background: #69cbae; color: #fff; display: inline-block; *display: inline; *zoom: 1; padding: 0 10px; margin: 0 15px 0 0; line-height: 170%; }
#contents #intro 	{ padding: 40px 0; }
#contents #intro p 	{ border: 3px solid #d1e0f1; padding: 20px 0; line-height: 30px; text-align: center; font-weight: bold; line-height: 160%; }

#contents table		{ width: 100%; }
#contents table tr 	{ background: url(../images/recruit/line.gif) repeat-x left bottom; }
#contents table th 	{ text-align: left; padding: 20px 0; width: 200px; vertical-align: text-top; font-weight: bold; }
#contents table td 	{ padding: 5px 0; }
#contents table td label { float: left; padding: 0 15px 0 0; font-size: 14px;  }
#contents table input[type="radio"] { vertical-align: 1px; }
#contents table textarea,
#contents table input[type="text"] { border: none; background: #f3f3f3; padding: 10px; font-size: 14px; width: 97%;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }

#contents .btn { text-align: center; padding: 70px 0 0; }
#contents input[type="submit"] { background: #da0e0e; border: none; color: #fff; width: 300px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }


/* ------------------------------------------------------------ check */
.note h4 { font-size: 24px; padding: 70px 0 15px; font-weight: bold; }
.note p { padding: 0 0 15px; font-size: 16px; }
.note p span { display: block; padding: 3px 0; }
.note p.caution { color: #111; }
.note p.alert { color: #111; background: #f3f8f9; padding: 20px 30px; }
.note p.btn a { background: #919191; border: none; color: #fff; padding: 0 100px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1;
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px; }
#thanks { text-align: center; }
#thanks span { background: #f3f8f9; padding: 30px; font-size: 14px; }