@charset "utf-8";
/* CSS Document */

strong {
	font-weight: bold;
}


				body div#container div#wrapper div#main_contents h4 {
					background: url(../images/contact/h4_bg.gif) no-repeat 2px center;
					color: #4367A9;
					font-size: 16px;
					font-weight: bold;
					padding: 0 0 0 20px;
					width: 640px;
					margin: 23px auto 5px;
				}
				body div#container div#wrapper div#main_contents h4.type_a {
					background: url(../images/contact/sample_arrow_a.jpg) no-repeat 2px center;
					height: 16px;
					padding: 3px 0 0 25px;
					width: auto;
					margin: 5px auto;
					font-size: 16px;
					line-height: 1;
				}
				body div#container div#wrapper div#main_contents h4.type_b {
					background: url(../images/contact/sample_arrow_b.jpg) no-repeat 2px 4px;
					height: 36px;
					padding: 3px 0 0 25px;
					width: auto;
					margin: 5px auto;
					font-size: 16px;
				}


				body div#container div#wrapper div#main_contents div#contents {
				}

					body div#container div#wrapper div#main_contents div#contents span.caution2 {
						width: 700px;
						display: block;
						margin: -26px 0 30px;
						text-align: right;
						color: #06c;
					}

					body div#container div#wrapper div#main_contents div#contents span.amount {
						color: #f30;
						font-weight: bold;
						font-size: 1.3em;
					}
					body div#container div#wrapper div#main_contents div#contents span.caution {
						color: #f63;
					}
					body div#container div#wrapper div#main_contents div#contents span.error {
						color: #f63;
					}
					body div#container div#wrapper div#main_contents div#contents span.kana {
						color: #4367A9;
					}

					body div#container div#wrapper div#main_contents div#contents h3 {
					}
						body div#container div#wrapper div#main_contents div#contents h3 span.caution_text {
							display: inline-block;
							float: right;
							font-size: 0.83em;
							font-weight: normal;
							color: #666;
						}



/* メインイメージデザイン */
					body div#container div#wrapper div#main_contents div#contents img.main_image {
						margin: 0 auto 30px;
					}


/* フォームマージン */
					body div#container div#wrapper div#main_contents div#contents form {
						margin: 0 auto 30px;
					}


/* 本文設定 */
						body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box {
							margin: 0 auto;
							padding: 15px 0;
							border-bottom: 1px dashed #3A4E98;
						}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box div.item_image {
								float: left;
								width: 130px;
								text-align: center;
							}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box div.text {
								float: right;
								width: 525px;
								padding: 0 10px 0 0;
							}
								body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box div.text h4 {
									width:auto;
									margin: 5px auto;
								}
						body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box2 {
							margin: 0 auto;
							padding: 15px 0;
							border-bottom: 1px dashed #3A4E98;
						}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box2 div.item_image {
								float: right;
								width: 200px;
								text-align: center;
								padding: 0 10px 0 0;
							}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box2 div.item_image2 {
								float: right;
								width: 240px;
								text-align: center;
								padding: 0 10px 0 0;
							}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box2 div.text {
								float: left;
								width: 435px;
								padding: 0 10px;
							}
							body div#container div#wrapper div#main_contents div#contents div.case_box div.item_box2 div.text2 {
								float: left;
								width: 390px;
								padding: 0 10px;
							}


/* テーブル設定 */
					body div#container div#wrapper div#main_contents div#contents table.contact {
						width: 680px;
						margin: 0 auto 10px;
						border: 2px solid #B6DAEC;
						border-collapse: collapse;
					}
					body div#container div#wrapper div#main_contents div#contents table.bottom {
						margin: 0 auto 30px;
					}
						body div#container div#wrapper div#main_contents div#contents table.contact th {
							background: #E4F1F8;
							border: 1px solid #B6DAEC;
							padding: 5px 10px 5px 20px;
							vertical-align: middle;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact th.center {
							text-align: center;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact th.item_name {
							width: 150px;
							white-space: nowrap;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact td {
							background: #fff;
							border-top: 1px solid #B6DAEC;
							border-bottom: 1px solid #B6DAEC;
							vertical-align: middle;
							padding: 5px 10px 5px 20px;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact td.image {
							padding: 5px 3px;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact td.item_amount {
							padding: 5px;
							white-space: nowrap;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact td.item_name {
							font-weight: bold;
							color: #4367A9;
						}
						body div#container div#wrapper div#main_contents div#contents table.contact td.hide {
							width: 61px;
							visibility: hidden;
						}

/* 各種テキストエリアの設定 */
							body div#container div#wrapper div#main_contents div#contents table.contact td.textarea textarea {
								font-size: 1em;
								width: 25em;
								height: 8em;
								border: 1px solid #999;
								padding: 1px;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.textarea textarea:focus {
								background: #F1F5FA;
							}

/* テキストフォームの設定 */
							body div#container div#wrapper div#main_contents div#contents table.contact td.text input {
								border: 1px solid #999;
								padding: 1px;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.text input:focus {
								background: #F1F5FA;
							}


/* 各種テキストフォームの長さ設定 */
							body div#container div#wrapper div#main_contents div#contents table.contact td.item_amount input {
								width: 3em;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.company input {
								width: 12em;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.address input {
								width: 26em;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.name input {
								width: 10em;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.email input {
								width: 14em;
							}
							body div#container div#wrapper div#main_contents div#contents table.contact td.tel input {
								width: 4em;
							}


/* index.php フォームボタン設定 */
					body div#container div#wrapper div#main_contents div#contents form input.confirm {
						display: block;
						background: url(../images/contact/btn_contact_confirm.gif) no-repeat 0 0;
						width: 316px;
						height: 74px;
						border: 0;
						margin: 10px auto;
					}
					body div#container div#wrapper div#main_contents div#contents form input.confirm:hover {
						background: url(../images/contact/btn_contact_confirm_on.gif) no-repeat 0 0;
					}


/* confirm.php フォームボタン設定 */
				body div#container div#wrapper div#main_contents div#contents form.reset {
					width: 350px;
					float: left;
					height: 93px;
				}
					body div#container div#wrapper div#main_contents div#contents form.reset input {
						display: block;
						background: url(../images/contact/btn_contact_reset.gif) no-repeat 0 0;
						width: 237px;
						height: 73px;
						border: 0;
						margin: 10px auto;
					}
					body div#container div#wrapper div#main_contents div#contents form.reset input:hover {
						background: url(../images/contact/btn_contact_reset_on.gif) no-repeat 0 0;
					}
				body div#container div#wrapper div#main_contents div#contents form.submit {
					width: 350px;
					float: left;
					height: 93px;
				}
					body div#container div#wrapper div#main_contents div#contents form.submit input {
						display: block;
						background: url(../images/contact/btn_contact_submit.gif) no-repeat 0 0;
						width: 237px;
						height: 73px;
						border: 0;
						margin: 10px auto;
					}
					body div#container div#wrapper div#main_contents div#contents form.submit input:hover {
						background: url(../images/contact/btn_contact_submit_on.gif) no-repeat 0 0;
					}



/* メール送信時文言デザイン */
					body div#container div#wrapper div#main_contents div#contents p.contact_top {
						width: 680px;
						margin: 10px auto;
						line-height: 1.5;
					}