@charset "utf-8";
/* CSS Document */
@import url("form.css");
/*
#loginBox{
	background-color: #ffffff;
	border:8px solid #f4f4e9;
	width:704px;
	margin-bottom:28px;
}

.loginSetume{
	padding:29px 0 0 26px;
	float:left;
}


.loginBtn{
	width:362px;
	float:right;
	padding:15px 17px 15px 0;
}

.loginBtn dt,.loginBtn dd{
	float:left;
}

.loginBtn dt{
	clear:both;
	width:170px;
	text-align:center;
	padding:17px 0 0 0;
}

#memberInfoUseBox{
	width: 660px;
	margin: 0 auto 20px;
}

#memberInfoUseBox dt{
	float: left;
	margin-right: 10px;
}

#memberInfoUseBox dd{
	float: left;
	padding-top: 10px;
}

#btnMemberInfoUse{
	background: url("../img/shop/btn_memberinfo.jpg") no-repeat left top;
	width: 300px;
	height: 53px;
	text-indent:-9999px;
	border: none;
	cursor: pointer;
}



.formTable{
	border-collapse:separate;
	border-spacing:20px;
	border:1px solid #f2f2f2;
	background-color: #ffffff;
	padding:15px 30px;
	margin:0 auto 40px;
	width:720px;
}

.formTable th{
	width:165px;
	vertical-align:middle;
	color:#666666;
	font-weight:bold;
}

.formTable td{
	line-height:3em;
}

.formTable label{
	margin-right: 10px;
}

.nessary{
	color:#ff0000;
}

.textStyle{
	background-color:#fcfcfc;
	border:1px solid #e7e7e1;
	padding:2px;
	line-height:30px;
	margin-right: 10px;
}


.midWidth{
	width:305px;
}

.longWidth{
	width:470px;
}

#submitBox{
	text-align:center;
	margin:0 auto 40px;
}

.btnStyle{
	text-indent:-9999px;
	width:191px;
	height:42px;
	border:none;
	cursor:pointer;
}

#btnFix{
	background:url(../img/contact/btnFix.jpg) no-repeat left top;
}

#btnSend{
	background:url(../img/contact/btnSend.jpg) no-repeat left top;
}

#btnConfirm{
	background:url(../img/contact/btnConfirm.jpg) no-repeat left top;
}

.inline{
	display: inline;
}

.imgWidthLimit img{
	max-width: 400px;
}

*/


/****************************************
 *
 * 一般向け用フォーム 2018/0725 Isoda.追記
 *
 ****************************************/
.normalTable {
	background-color: #ffffff;
	border-collapse: separate;
	border-spacing: 8px;
	border: 1px solid #f2f2f2;
	padding: 15px 10px;
	margin: 0 auto 40px;
	width: 720px;
}

.normalTable th {
	width: 130px;
	vertical-align: middle;
	color: #666666;
	font-weight: bold;
}

.borderBox {
	width: 100%;
}

.borderBox hr {
	width: 100%;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(76,76,76,0.75), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(76,76,76,0.75), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(76,76,76,0.75), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(76,76,76,0.75), rgba(0,0,0,0));
}

.nameBox {
	display: inline-block;
	margin-right: 10px;
}

.normalTable td {
	position: relative;
}

.jobBox {
	display: block;
	clear: both;
	padding: 5px 0;
}

.jobBox select {
	width: 15%;
	padding: 5px 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #ffd6e2;
	border-radius: 5px;
	background: url(../img/form/arrow_select.jpg) right center no-repeat #ffd6e2;
	background-size: 30px, 100%;
	outline: none;
}

.jobBox textarea {
	width: 100%;
	height: 80px;
	outline: none;
}

select.sel_mid {
	width: 20%;
}

input, select {
	outline: none;
}

.normalTable input[type=radio] + label,
.normalTable input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 13px;
	line-height: 30px;
	cursor: pointer;
}

.blue {
	color: #0000cd;
}


/* Media Queries ================================================== */
/*896*/
@media screen and (max-width: 896px) {

	.innerIntro{
		padding: 0 20px 20px!important;
		margin: 0 auto;
	}

	#submitBox .btnStyle {
		margin:0 auto 10px!important;
	}	

	.normalTable {
	  width: 100%;
	  padding: 10px;
	}	

	.normalTable tr, .normalTable th, .normalTable td {
	  width: 98%;
	  display: block;
	}

	.normalTable th{
		margin-bottom: 10px;
	}

	.normalTable tr{
		margin-bottom: 20px;
	}

	.nameBox {
		margin-bottom: 4px;
	}

	.jobBox select {
  		width: 28%;
  		margin-bottom: 4px;
  	}	

	select.sel_mid {
	  width: 40%;
	}

}