@charset "utf-8";

/* 本文
body {
	font-size: 85%;
	background: #fff;
	color: #000;
	font-family: Verdana,"MS PGothic","Osaka",Arial,sans-serif;
} */

.form_ttl{
	width:100%;
	background: #F2F2F2;
	font-size:16px;
	font-weight:bold;
	padding:15px 10px 10px 10px;
	border-left:10px solid #DDD;
	margin-bottom:20px;
}

/* テーブル */
table.form {
	width:100%;
	border: 1px solid #999;
	border-collapse: collapse;
	margin-top: 1em;
}
table.form th, table.form td {
	text-align: left;
	border: 1px solid #999;
	padding: 15px;
	font-weight: normal;
}
table.form th {
	vertical-align:middle;
	white-space: nowrap;
	background: #C4E7F4;
	font-weight:bold;
}
table.form td {
	background: #fff;
}

.text_input_area{
	padding:5px;
}
textarea{
	width:100%;
}
.date_area{
	width:100%;
	font-size:18px;
	padding:5px;
}

table.form td span{
	margin-left:5px;
	font-size:12px;
}

table.form th span{
	width:auto;
	padding:3px 8px;
	border-radius:5px;
	background:#C00;
	color:#FFF;
	font-size:12px;
	float:right;
}


/* ラジオボタン装飾 */
.radio_btn input {
	display: none;
}
.radio_btn label{
	display: block;
	cursor: pointer;
	width: 150px;
	margin: 0;
	padding: 10px;
	background: #bdc3c7;
	color: #869198;
	font-size: 16px;
	text-align: center;
}
.radio_btn label{
	border-radius: 5px;
	margin-bottom:10px;
}
.radio_btn label:last-child{
	margin-bottom:0;
}
.radio_btn input[type="radio"]:checked + .radion {
	background-color: #a1b91d;
	color: #fff;
}
.radio_btn input[type="radio"]:checked + .radioff {
	background-color: #e67168;
	color: #fff;
}


select{
	padding:5px;
}


/* タイトル装飾 */
strong.ttl {
	text-align: left;
	border-left: solid 4px #cc0000;
	display: block;
	padding: 2px 5px;
	margin-top: 2em;
}

/* メッセージ */
p.msg_red {
	color: #dd0000;
	margin: 2em;
}
p.msg {
	color: #333;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}



/* 送信ボタン */

input#submit_button,input#back_button,input#button{
	border:0;
	padding:15px;
	cursor:pointer;
	background:#6CC;
	color:#FFF;
	font-weight:bold;
	font-size:14px;
	border-radius:5px;
}



/* 戻りボタン */
form.back {
	margin-top: 2em;
}





/* 幅648px以下から
------------------------------------------------------------*/
@media only screen and (max-width: 648px){
	
/* テーブル */
table, tbody, tr, th, td {
display: block;
}

/* ラジオボタン装飾 */
.radio_btn label{
	width: 100%;
	padding: 20px;
	font-size: 18px;
}

/* テキストエリア */
.text_input_area{
	width:100%;
	padding:10px 5px;
}


input[type="submit"] ,input[type="button"] ,input[type="reset"]{
   -webkit-appearance: none;
}
	
	
}