@charset "UTF-8";
/* CSS Document */

.FormSubGroup {
	font-weight:bold;
	font-size:1.1em;
	padding: .25em 0 .25em .5em;
	border-left: 6px solid #AAAAAA;	
	margin-bottom:.5em;
	text-align: left;
}
.FormTable {
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ccc;
	box-sizing: border-box;
}
.FormTableRow {
	border-bottom:1px solid #ccc;
}
.FormTableRow:last-child {
	border-bottom:none;
}
.FormKoumoku {
	padding:10px;
	vertical-align:middle;
	background:#eee;
	font-weight:bold;
	width:30%;
	border-right:1px solid #ccc;
	text-align: left;
	display: inline-block;
}
.FormValue {
	padding:10px;
	text-align:left;
	width:70%;
	display: inline-block;
}
.FormRequired {
	color: #B92308;
	font-size:0.8em;
	font-weight:bold;
}
.form_required input,
.form_required select,
.form_required textarea {
    background: none repeat scroll 0 0 #ffe5e5;
    border: 1px solid #ff4040;
	padding:3px;
	box-sizing: border-box;
}
.form_required input[type="password"] {
	width:35%;
}
#form_1,
#user_Tel1 {
	width:51%;
}
#user_MobileTel1,
#user_Fax1 {
	width:50%;
}
#user_Name1,
#user_NameKana1,
#user_Address1,
#user_Address2,
#user_Email {
	width:81.5%;
}
#user_NameKana1,
#user_Address3,
#user_Email2,
#user_Office,
#user_OfficeDiv,
#user_OfficeAddress1,
#user_OfficeAddress2,
#user_OfficeAddress3,
#user_OfficeWork,
#user_OfficePosition,
#user_OfficeStation,
#form_22,
#form_23,
#form_24,
#form_25,
#form_28,
#form_29 {
	width:80%;
}
#user_Zip1,
#user_OfficeZip1,
#user_Income {
	width:15%;
}
.FormTableRow textarea {
	width: 90%;
}

#form_private_policy {
	border: solid 1px #ccc;
	width: 90%;
	height: 180px;
	padding: 0.5em;
	overflow: auto;	
}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	.FormTableRow,
	.FormKoumoku,
	.FormValue {
	width:100% ;
	display: block !important;
	}
	.form_required {
	display: block !important;	
	}
	.form_required input[type="password"] {
	width:60%;
	}
}