/* CSS Document */


/*input[type="text"]{
	border:#C8C8C8 solid 1px;
	padding:0.5em;
	margin:0.25em 0;

}*/

input.inputM[type="text"]{
	width:50%;
}

input.inputL[type="text"]{
	width:90%;
}

/*textarea{
	width:90%;
}*/

select.selectLarge{width:100%;} /* 220215追加 */

th.submit{
	background: #424242 !important;
	padding:0.5em !important;
  text-align: center;
}

/* ボタン */

input#btnSubmit,input#btnReset{
    border-radius: 4px;
    font-weight: normal;
    padding: 0.5em 0.5em 0.5em;
    text-decoration: none;
		margin:0.5em;
		background:linear-gradient(to bottom, #FFFFFF, #aaaad0);
}
input#btnSubmit:hover,input#btnReset:hover{
		background:linear-gradient(to bottom, #aaaad0, #FFFFFF);
		cursor:pointer;
}

table.borderTable td .borderRno{
	border:none !important;
}

/*div.select{
	display:table-cell;
	vertical-align:middle;
	width:1.5em;
	float:left;
}*/

span.ex{
		 margin-left:4em;
}


/* 170921 追加 */
table.borderTable th, td {
	text-align:left;
}

/* 171018 追加 */
table.borderTable th{
	width:20%;
}

/* 170906 追記
text-align:leftのalignスペルミスを修正したが、
formStyleのdivがなくても左寄せになるようにしたので、ココは無効に
.formStyle .borderTable th, .formStyle table.borderTable td {
	text-align:left;
}
*/

/*////// 161226追加 //////*/

/* 170921追記：alignスペルミスを修正したが、上記170921追加の件に伴いココは無効に
.formStyle .borderTable th, .formStyle table.borderTable td{text-align:left;}
*/

.formStyle input, .formStyle select, .formStyle textarea {
	padding:5px;
	margin-top:5px;
	margin-bottom:5px;
}

.formStyle input[type="radio"], .formStyle input[type="checkbox"]{
	vertical-align: middle;
	border : 1px solid #b9b9b9;
	margin-right:5px;
	margin-left:5px;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
}



.formStyle input[type="text"] {
	border : 1px solid #b9b9b9;
	margin-right:5px;
	width:60%;
}

.formStyle input[name="post_code1"],
.formStyle input[name="post_code2"]{width:20% !important;}


.formStyle textarea {
	height: 160px;
	width:98%;
	border : 1px solid #b9b9b9;
}

.block{display:block;}

/* 171018 width追加 */
@media screen and (max-width:667px) {
.formStyle .borderTable th, .formStyle table.borderTable td {
	display:block;
	width:95%;
}

.formStyle input[type="text"] {
	width:95%;
}

.formStyle select {width:100%; height: 35px; line-height:35px;}
.formStyle select[name^="p_"]{width:85%;}

.formStyle textarea {
	height: 200px;
	-webkit-appearance: none;
	width:95%;
}

span.ex{ margin-left:0;}

input.short{width: 80% !important;}


}