﻿


/* ------ Form ------ */

ul.formContent select {
	appearance: menulist;
    -webkit-appearance: menulist;
}

.required {
	color: #F00;
	padding-right: 5px;
}
.privacy_read {
	border:5px solid #CCC;
	padding:10px;
	height:200px;
	overflow:auto;
	margin-top:20px;
	border-radius: 5px;
}
.privacy_read strong {
	color: #000;
	font-weight: bold;
}
.error-msg {
	padding: 15px;
	border: 2px solid #F00;
	color: #F00;
	font-size: 100%;
	margin-bottom: 20px;
}
section ul.formContent {
	padding: 0;
	margin: 0;
}
section ul.formContent li {
	padding: 15px 0;
	margin: 0;
	list-style: none;
	border-top: 1px solid #e0e0e0;
	overflow: hidden;
}
ul.formContent li label,
ul.formContent li span.label {
	display: block;
	float: left;
	width: 30%;
	padding: 4px 5% 4px 1em;
	text-align: left;
}
ul.formContent li span.label {
	color: #999;
}
ul.formContent li label .required {
	margin-left: -1em;
    padding-right: 0;
}
ul.formContent li span.input {
	display: block;
	width: 60%;
	margin-left: 35%;
	padding: 3px;
	color: #000;

}
ul.formContent li input,
ul.formContent li textArea,
ul.formContent li select {
	border:#ccc solid 1px;
}
ul.formContent li input[type="text"] {
	width: 60%;
	padding: 6px;
}
ul.formContent li textArea {
	width: 60%;
	height: 8em;
	padding: 6px;
}
ul.formContent li select {
	padding: 4px;
}
.input-error {
	display: block;
	font-size: 93%;
	color: #F00;
	margin-left: 30%;
}
section ul.submitBtn {
	clear: both;
	border-top: 1px solid #CCC;
	padding: 15px 0 0;
	margin: 0;
	text-align: center;
}
section ul.submitBtn li {
	display: inline-block;
	padding: 0 10px 15px;
}
ul.submitBtn li button {
	padding: 10px 20px;
}
ul.submitBtn li button[type="reset"] {
}
ul.submitBtn li button[type="submit"] {
}
ul.submitBtn li input[type="submit"] {
	padding: 10px 20px;
}

.block-corp ul li.col6 { margin:0;}
.block-corp ul li.col6 .btn.large { margin-top: 0;width: 90%;}
.block-corp ul li.col6 .btn.large.red input {
	background: -moz-linear-gradient(top,#d61518 0%,#be1b1c);
	background: -webkit-gradient(linear, left top, left bottom, from(#d61518), to(#be1b1c));
}


/* ------ contact ------ */
.privacy_read_1 {
	border:5px solid #999;
	padding:10px;
	height:200px;
	overflow:auto;
	margin:20px 0;
	border-radius: 5px;
	background: #fff;
}
.privacy_read_1 strong {
	color: #000;
	font-weight: bold;
}


	.btn.large { width:60%; display: block; margin-top:2em;}
		.btn.large input {
			width:100%;
			font-size: 116%;
			padding:0.9em 0;
			border-radius: 6px;
			display: block;
			background-color:#707070;
			-moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.4),inset 1px 1px 1px rgba(255,255,255,0.7);
			-webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0.4),inset 1px 1px 1px rgba(255,255,255,0.7);
			border-top: 1px solid #eee;
			border-left: 1px solid #eee;
			position:relative;
			font-weight:bold;
			line-height: 1.1em;
			text-align:center;
			color:#fff;
			cursor:pointer;
			font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
			}
		.btn.large input:hover {
			opacity:0.7;
			}
		.btn.large input[disabled] {
			color:#CCC;
			background-color:#AAA;
			-moz-box-shadow: inset -1px -1px 1px rgba(000,000,000,0),inset 1px 1px 1px rgba(255,255,255,0);
			-webkit-box-shadow: inset -1px -1px 1px rgba(000,000,000,0),inset 1px 1px 1px rgba(255,255,255,0);
			}
		.btn.large input[disabled]:hover {
			opacity:1;
			cursor: default;
		}





@media screen and (max-width: 479px) {

	ul.formContent li label,
	ul.formContent li span.label {
		float: none;
		width: 100%;
		padding: 4px 0 4px 0;
	}
	ul.formContent li span.input {
		width: 90%;
		margin-left: 0;
	}
	ul.formContent li input[type="text"] {
		width: 90%;
	}
	ul.formContent li textArea {
		width: 90%;
	}
ul.formContent li label .required {
	margin-left: 0;
	}
}