@charset "Shift-JIS";
#form_step {
	margin-top: 30px;
}
#main_form {
	border: solid #FFD8DA 10px;
	padding: 30px;
	margin-top: 30px;
}
#main_form .btn_right {
	float: right;
}




.formtable {
	border-collapse: collapse;
	width: 100%;
	border-top: solid #AAA 2px;
}
#main_form caption{
	background:#CC2728;
	text-align:left;
	/*background:url(../images/bussyosa_bg.png);*/
	color:#fff;
	font-weight:normal;
	font-size:24px;
	padding:10px;
}
#main_form caption.aki{
	margin-top:40px;
}
.formtable th {
	margin: 5px;
	background: #eee;
	font-weight: normal;
	font-size: 18px;
	text-align: left;
	padding: 10px;
	border-bottom: solid #AAA 2px;
}
th.th25 {
	width: 25%;
}
th.th25c {
	width: 25%;
	text-align: center;
}
td.c {
	width: 25%;
	text-align: center;
}
.formtable td {
	text-align: left;
	padding: 10px;
	border-bottom: solid #AAA 2px;
}
.formtable2 {
	border-collapse: collapse;
	border: solid #ccc 2px;
	margin: 10px;
}
.formtable2 th {
	background: #eee;
	font-weight: bold;
	font-size: 14px;
	padding: 6px;
	border: solid #AAA 1px;
}
.formtable2 td {
	font-size: 14px;
	padding: 6px;
	border: solid #AAA 1px;
}
/*textboxのスタイル*/
.form-textbox {
	border-radius: 6px;
	height: 20px;
	padding: 4px 8px;
	font-size: 15px;
	border: 1px solid #999999;
	cursor: pointer;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	margin-right: 5px;
}
/*textareaのスタイル*/
.form-textarea {
	border-radius: 6px;
	height: 120px;
	padding: 4px 8px;
	font-size: 15px;
	border: 1px solid #999999;
	cursor: pointer;
	vertical-align: middle;
	background-color: #ffffff;
	background-image: none;
	margin-right: 5px;
}
/*セレクトボックスのスタイル*/
.form-selectbox {
	border-radius: 6px;
	height: 30px;
	padding: 4px 8px;
	font-size: 15px;
	border: 1px solid #999999;
	cursor: pointer;
	vertical-align: middle;
	background: #fff;
	margin-right: 5px;
}
/*チェックボックスとラジオボタンのスタイル*/



label{
    cursor: pointer;
}
.checkbox, .radio {
    display: none;
}
.checkbox + label {
    line-height: 20px;
    display: inline;
}
.checkbox + label > span.icon {
    background-color: #fff;
    border: 2px solid #333;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    vertical-align: middle;
    top: -2px;
}
.checkbox:checked + label > span.icon, .checkbox.checked + label > span.icon {
    background-color: #CC2627;
    border: 2px solid #CC2627;
    color: #fff;
}
.checkbox:checked + label > span.icon:after, .checkbox.checked + label > span.icon:after {
    content: '\2714';
    position: absolute;
    top: 1px;
    left: 4px;
    color: #fff;
}
 
.radio + label > span.icon {
    background-color: #fff;
    border: 2px solid #333;
    width: 16px;
    height: 16px;
    border-radius: 10px;
    display: inline-block;
    position: relative;
    margin-right: 5px;
    cursor: pointer;
    vertical-align: middle;
    top: -2px;
    margin-right: 8px;
}
.radio:checked + label > span.icon {
    background-color: #fff;
    border: 2px solid #333;
    color: #fff;
    position: relative;
}
.radio:checked + label > span.icon i {
    width: 10px;
    height: 10px;
    background: #CC2627;
    border-radius: 5px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    z-index: 5;
    display: block;
}


/*送信ボタンのスタイル*/
#btnbox {
	margin-top: 30px;
	text-align: center;
}
#btnbox ul {
	list-style: none;
	margin-left: 125px;
}
#btnbox li {
	float: left;
	margin-right: 10px;
}
#btnbox a {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#btnbox a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}
#submit {
	margin: 0;
	width: 330px;
	height: 70px;
	padding: 0;
	border: 0;
	background: url(../images/btn_next.png) no-repeat left top;
	text-indent: -9898px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
#submit2 {
	margin: 0;
	width: 330px;
	height: 70px;
	padding: 0;
	border: 0;
	background: url(../images/btn_mitumori.png) no-repeat left top;
	text-indent: -9898px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
#submit3 { /*5/20追加*/
	margin: 0;
	width: 330px;
	height: 70px;
	padding: 0;
	border: 0;
	background: url(../images/btn_sousin.png) no-repeat left top;
	text-indent: -9898px;
	font-size: 0px;
	line-height: 0px;
	cursor: pointer;
}
#submit:hover, #submit:focus, #submit2:hover, #submit2:focus {
	background-position: left -70px;
}