@charset "utf-8";


/* フォームのCSS */
/* フォーム全体を囲むdiv */
#main>main>article #form07 {
	width: 545px;
	height: auto;
	margin: 5px 5px 5px;
	padding: 0;
}
/* フォームのtableのみを囲むdiv、角丸対応 */
#main>main>article #formtable {
	width: 545px;
	height: auto;
	border-radius: 5px;
	overflow: hidden;
	/* border:  0;
	background-color: blue; */
}
/* fieldsetは指定するが表示させない */
fieldset {
	margin: 0 auto;
	padding: 0;
	border: 0;
}
/* フォームのtable */
#main>main>article form table {
	width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	font-size: 12px;
	border-collapse: collapse;
	border: 2px solid gray;
	border-radius: 4px;
}
/* legendは指定するが表示させない */
#main>main>article form legend {
	display: none;
}
/* 姓名セイメイのラベルの幅 */
.namela {
	display: inline-block;
	width: 32px;
	margin-left: 2px;
	/* float: left;
	background-color: white;
	line-height: 2.2; */
}
/* 姓名セイメイのtextboxの幅 */
.namebox {
	width: 156px;
	/* width: auto; 
	margin-right: 5px;*/
}

/* お名前（漢字）ラベルの幅をきかすdiv 実際には外側のtdにpadding-left:7pxあり */
.formtdh2 {
	display: block;
	width: 112px;
	/* background-color: white; */
}
/* お名前（漢字）ラベルのtd */
.formtdh {
	width: 119px;
}
/* フォームのtableのtheadのth テーブルタイトル部分 */
#main>main>article form table thead tr th {
	background-color: gray;
	padding: 5px;
	/* border: 2px solid gray; */
	font-size: 14px;
	color : white;
	text-shadow: 2px 2px 1px black;
}
/* フォームのtableのtbodyのtdすべて */
#main>main>article form table tbody tr td {
	border: 1px solid gray;
}

/* 問い合わせ表の2行目以下の1列目全て */
#main>main>article form table tbody tr:nth-of-type(n+1) td:nth-of-type(1):not([colspan="2"]) {
	/* display: block; */
	padding-left: 7px;
	background-color: #FFC04D;
	margin: 0;
	/* cursor: pointer; */
}
/* 問い合わせ表の2行目以下の2,3列目全て */
#main>main>article form table tbody tr:nth-of-type(n+1) td:not(:nth-of-type(1)),
#main>main>article form table tbody tr td[colspan="2"] {
	/* display: block; */
	padding: 5px;
	background-color: lightgray;
}
/* 市区群	、町村・番地	、マンション・アパート 号室のtextbox */
#ad_city,#ad_01,#ad_02 {
		width: 400px;
}
/* メールアドレスのtextbox */
#email01, #email02 {
		width: 400px;
}
/* 件名のtextbox */
#subject {
		width: 400px;
}
/* お問い合わせ内容のtextarea */
#main>main>article form table tbody tr td textarea {
	width: 397px;
	margin-left: 1px;
	resize: vertical;
	overflow: auto;/* ieでtextareaのスクロールを消す */
	/* resize: none; */
}
/* フォームのtableのtfootのtd テーブルfooter部分、submitボタンも中にあり */
#main>main>article form table tfoot tr td {
	background-color: gray;
	color : white;
	/* text-shadow: 2px 2px 1px black; */
	padding: 5px 20px;
	text-align: right;
}
/* フォームのsubmitボタン */
#main>main>article form table tfoot tr td input  {
	width: 140px;
	height: 32px;
	font-size: 16px;
	line-height: 1.2;
	/* text-shadow: 2px 2px 1px black; */
	padding: 5px 20px;
	text-align: center;
	/* border-style: none; */
	border-radius: 8px;
	background: #ebf1f6; /* Old browsers */
background: -moz-linear-gradient(top,  #ebf1f6 0%, #abd3ee 50%, #89c3eb 51%, #d5ebfb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebf1f6), color-stop(50%,#abd3ee), color-stop(51%,#89c3eb), color-stop(100%,#d5ebfb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ebf1f6 0%,#abd3ee 50%,#89c3eb 51%,#d5ebfb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 ); /* IE6-9 */
}

input,#main textarea {
	background-color: #f5f5dc;
} 

.enhans_label {
	display: block
	width: auto;
	height: 20px;
	/* background-color: white; */
	vertical-align: center;
	padding: 40px 0;
}
input:required,input:invalid,textarea:required,textarea:invalid {
	background-image: url(../images/caution02.svg);
	background-repeat: no-repeat;
	background-position: right+2px center;
	background-color: #f5f5dc;
}
input:focus,#main textarea:focus {
	background-image: none;
	background-color: #b6d644;
}
input:valid,#main textarea:valid {
	background-image: none;
}
/* IE10以降に適用されるCSSその1
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	main textarea:required,#main textarea:invalid,#fomtext0:required {
	background-image: url(../images/caution02.svg);
	background-repeat: no-repeat;
	background-position: right+20px center;
	background-color: #f5f5dc;
	}
}*/
/*IE10以降に適用されるCSSその2
@media all and (-ms-high-contrast:none){
  #main textarea:required, #main textarea:invalid {
	background-image: url(../images/caution02.svg);
	background-repeat: no-repeat;
	background-position: right+20px center;
  }
}*/