@charset "utf-8";
/* CSS contact-page */

/*** [Ｈ２] サイトワイズ画像 ****/
/*** @group sitewise ****************************************************************************/

h2#sitewise {
	padding: 0px;
	height: 142px;
	width: 900px;
	margin: 0px auto 10px auto;
	background: url(../images/contact/h2-sitewise.jpg) no-repeat;
}

/*** [Ｈ３] タイトル ****/
/*** @group h3.categoryTitle ****************************************************************************/

.categoryTitle_01 {
	padding: 0px;
	height: 35px;
	width: 645px;
	margin: 0px 0px 12px 0px;
	background: url(../images/contact/h3-contact.gif) no-repeat;
	overflow: hidden;
}

.category-moji01 {
	height: auto;
	width: 600px;
	margin: 10px 0px 0px 20px;
	padding: 0px;
	display: block;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	font-weight: normal;
}

/*** table01 ****/
/*** @group contact-hako ****************************************************************************/

.contact-hako {
	margin: 0px 0px 0px 5px;
	padding: 0px;
	height: auto;
	width: 352px;	
}

.contact-check {
	margin: 0px;
	padding: 2px 0px 2px 0px;
	height: auto;
	width: 26px;	
}

.contact-place {
	margin: 0px;
	padding: 0px 0px 0px 1px;
	height: auto;
	width: 149px;	
}

/*** お問い合わせフォーム ****/
/*** @group form ****************************************************************************/

.contactWaku {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 625px;	
}

.contactWaku02 {
	margin: 0px auto 0px auto;
	padding: 0px;
	height: auto;
	width: 625px;	
}

p.top50 {
	margin-top: 50px;
	margin-bottom: 50px;
}


/*---------------------------------------------------- */
/* フォーム設定 */
/*---------------------------------------------------- */

form {
	margin: 0px;
	font-size: 13px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
}

p {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
}

.red {
	color: #cc0033;
}


/* フォームレイアウト */

dl.mailform_dl,dl.mailform_dl_note {
	margin: 0px auto 10px;
	padding: 0px;
	clear: both;
}
dl.mailform_dl_note {
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}
dl.mailform_dl dt,dl.mailform_dl_note dt {
	width: 180px;
	margin: 5px 0 0 0;
	padding: 5px 5px 0px 5px;
	float: left;
	clear: both;
	text-align: left;
	overflow: hidden;
	color: #565656;
	font-size: 13px;
}
dl.mailform_dl dt span,dl.mailform_dl_note dt span {
	color: #cc0033;
}
dl.mailform_dl dt span,dl.mailform_dl_note dt.migi {
	text-align: right;
}

dl.mailform_dl dd,dl.mailform_dl_note dd {
	width: 410px;
	margin: 5px 0 0 0;
	padding: 5px;
	text-align: left;
	overflow: hidden;
	border-left: 3px double #97C3D3;
	color: #565656;
	font-size: 13px;
}


/* 入力部品の設定 */

input, select, textarea {
  border-style: solid;
  border-width: 1px;
  border-color: #aaaa94 #dfdfd6 #dfdfd6 #aaaa94;
  vertical-align: middle;
  color: #0a6cb6;
  background: #f1f1ed;
}
input.radio {
  border-style: none;
  color: #000000;
  background: transparent;
  vertical-align: middle;
}

input.req1, select.req1 {
  border-style: solid;
  border-width: 2px;
  border-color: #d66404;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
input.req2 {
  border-style: dashed;
  border-width: 2px;
  border-color: #9999FF;
  vertical-align: middle;
  color: #696969;
  background: #f6f6f2;
}
input:focus, select:focus, textarea:focus {
  background: #ffffff;
}



/* 入力部品の幅設定
---------------------------------------------------- */
#kigyou {
  width: 250px;
}

#name {
  width: 160px;
}

#age {
  width: 40px;
}

#post {
  width: 70px;
}

#city{
  width: 380px;
}

#market{
  width: 150px;
  margin: 0 0 3px 0;
}

#town{
  width: 210px;
  margin: 0 0 3px 0;
}

#apartment{
  width: 240px;
}

#tel {
  width: 120px;
}

#email {
  width: 250px;
}

#comment {
  width: 380px;
  height: 80px;
}

/* 送信ボタン
---------------------------------------------------- */
#submit {
  clear: both;
  margin-top: 15px;
  border-top: 1px dashed #ccc;
}
#submit input {
  margin: 10px 20px 20px 0;
  border-width: 2px;
  border-color: #91BCE0 #386894 #386894 #91BCE0;
  background: #609CCE;
  width: 180px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

#submit input.reset {
  border-color: #99BDDF #3C6490 #3C6490 #99BDDF;
  width: 140px;
  background: #829FBB;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

input.back {
  margin: 10px 20px 20px 0;
  border-color: #99BDDF #3C6490 #3C6490 #99BDDF;
  width: 140px;
  background: #829FBB;
  width: 140px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}

input.next {
  margin: 10px 20px 20px 0;
  border-width: 2px;
  border-color: #91BCE0 #386894 #386894 #91BCE0;
  background: #609CCE;
  width: 180px;
  vertical-align: middle;
  color: #ffffff;
  text-align: center;
}