﻿

.form_contents {
	width:960px;
	margin:0 auto;
}

.form_contents.candc {
    position: relative;
    top: 0;
    left: 0;
}

.form_title,
.form_title02 {
	color:#333;
	font-size:18px;
	font-weight:normal;
	text-align:center;
	padding:10px 0 7px;
}
.form_title { background:#CCE9F5; }
.form_title02 {	background:#CDEEEE; }
.form {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
	color:#333;
}
.form th {
	width:200px;
	text-align:left;
	font-weight:normal;
	padding:15px 0;
	border-bottom:1px #D6D6D6 solid;
	white-space:nowrap;
}
.form td {
	padding:15px 0;
	border-bottom:1px #D6D6D6 solid;
}
.form .no_border th,
.form .no_border td {
	border-bottom:none;
	padding:15px 0 0;
}
.form input {
	width:632px;
	height:1.4em;
	padding:2px 0 4px;
	text-indent:5px;
	border:1px #808080 solid;
}
.form textarea {
	width:632px;
	height:120px;
	color:#000;
	padding:2px 0 4px;
	text-indent:10px;
	border:1px #808080 solid;
}

.form50 {
	width:50%;
	display:table-cell;
	vertical-align:middle;
}
.form50 input { width:95%; }

.form .form_area01 { width:50px; }
.form .form_area02 { width:70px; }
.form .form_area03 { width:60px; }
.form .form_area04 { width:560px; }
.form .form_area05 { width:72px; float:left; white-space:nowrap; position:relative; top:0.4em; }
.form .form_area06 { width:100px; }
.form .form_area07 { width:35px; float:left; white-space:nowrap; position:relative; top:0.4em; }
.form .form_area08 { padding:0 1em 0 0.4em; float:left; white-space:nowrap; position:relative; top:0.4em; }
.form .form_area09 { padding:0 1em 0 0.4em; float:left; white-space:nowrap; }
.form .form_area10 { width:100px; text-indent:0.4em; float:left; white-space:nowrap; }
.form .form_select01,
.form .form_select02,
.form .form_select03 {
	float:left;
	height:inherit;
	border:1px #848484 solid;
	overflow:hidden;
	display:inline-block;
}
.form .form_select01 select,
.form .form_select02 select,
.form .form_select03 select {
	width:200px;
	height:20px;
	border:none;
}
.form .form_select01 { width:151px; }
.form .form_select02 { width:55px; }
.form .form_select03, .form .form_select04 { width:45px; }
.form .form_select01 select { background:url(../image/select_icon.gif) no-repeat 132px 0; }
.form .form_select02 select { background:url(../image/select_icon.gif) no-repeat 36px 0; }
.form .form_select03 select { background:url(../image/select_icon.gif) no-repeat 26px 0; }

.form .radio_button, .form .checkbox { width:inherit; float:left; position:relative; top:0.1em; }

.form .form_button01 {
	width:92px;
	height:inherit;
	color:#FFF;
	text-align:center;
	padding:6px 0 5px;
	text-indent:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
}

.form_button02 {
	width:632px;
	height:inherit;
	margin:0 auto;
	color:#FFF;
	font-size:15px;
	text-align:center;
	padding:6px 0 5px;
	text-indent:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
}
.form .form_button01,
.form_button02,
.form_button03 li input {
	background:#005E98;
	background: -moz-linear-gradient( 90deg, rgb(0,93,151) 0%, rgb(19,136,190) 65%);
	background: -webkit-linear-gradient( 90deg, rgb(0,93,151) 0%, rgb(19,136,190) 65%);
	background: -ms-linear-gradient( 90deg, rgb(0,93,151) 0%, rgb(19,136,190) 65%);
}
#medical_form .form .form_button01,
#medical_form .form_button02,
#medical_form .form_button03 li input {
	background:#008486;
	background: -moz-linear-gradient( 90deg, rgb(0,130,131) 0%, rgb(15,166,164) 65%);
	background: -webkit-linear-gradient( 90deg, rgb(0,130,131) 0%, rgb(15,166,164) 65%);
	background: -ms-linear-gradient( 90deg, rgb(0,130,131) 0%, rgb(15,166,164) 65%);
}
#recruit_form .form .form_button01,
#recruit_form .form_button02,
#recruit_form .form_button03 li input {
	background:#04448E;
	background: -moz-linear-gradient( 90deg, rgb(0,66,139) 0%, rgb(85,113,175) 65%);
	background: -webkit-linear-gradient( 90deg, rgb(0,66,139) 0%, rgb(85,113,175) 65%);
	background: -ms-linear-gradient( 90deg, rgb(0,66,139) 0%, rgb(85,113,175) 65%);
}
.form_button03 {
	width:656px;
	margin:0 auto;
}
.form_button03 li {
	width:304px;
	float:left;
	margin:0 12px;
}
.form_button03 li input {
	width:304px;
	height:inherit;
	color:#FFF;
	font-size:15px;
	text-align:center;
	padding:6px 0 5px;
	text-indent:0;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border:none;
}

.form_text, .form_text02 { padding-left:10px; }

.error_text { clear:both; color:#e60012; font-size:12px; line-height:1; padding:10px 0 0; }

@media only screen and (max-width: 640px) {
.section {
    width: inherit;
    margin: 0 10px;
}
.form_contents {
	width:100%;
	margin:0 auto;
}
.form {
	width:100%;
	border-collapse:collapse;
	font-size:14px;
}
.form th {
	display:block;
	width:inherit;
	padding:0 0 5px;
	border-bottom:none;
}
.form td {
	display:block;
	padding:0 0 10px;
	margin-bottom:15px;
	border-bottom:1px #D6D6D6 solid;
	zoom:1;
}
.form td:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.form .no_border th {
	padding:0 0 5px;
}
.form .no_border td {
	padding:0 0 0;
}
.form input,
.form textarea,
.form_button02 {
	width:100%;
}
.form input {
	padding:0.8em 0 1em;
}
.form50 {
	width:inherit;
	display:block;
}
.form50 input { margin-bottom:5px; }
.form .form_area01 { width:50px; }
.form .form_area02 { width:50px; }
.form .form_area03 { width:50px; }
.form .form_area04 { width:100%; }
.form .form_area05 { width:100%; float:none; display:block; margin-bottom:5px; position:inherit; }
.form_button03 {
	width:inherit;
}
.form_button03 li {
	width:inherit;
	float:none;
	margin:0;
}
.form_button03 li input {
	width:100%;
	margin-bottom:10px;
}
.form_text { padding:0; float: left; }
.form_text02 { padding:0; }
}

.form_button01, .form_button02 {
	cursor: pointer;
}
.form tr.required th:after {
	content: '★';
	color: red;
}

/*スマホだけ改行させない*/
@media screen and (max-width: 640px) {
    .br-sp { display:none; }
}
