@charset "utf-8";

/* =======================================

	Contact CSS

 -----------------------------------------
*/




/* Index
****************************************************************************************/
body.contact#contactIndex #contents h2 {
	margin: 27px 0 23px 16px;
}

/* detailUnit02
========================================== */
body.contact#contactIndex #contents .detailUnit02 p.headNotes {
	margin: 27px 21px 26px;
}

	/* contactSection
	------------------------------------------ */
	body.contact#contactIndex #contents .detailUnit02 .contactSection {
		margin: 0 0 22px 21px;
		width: 700px;
		background: url(../../images/contact/index_framebox01_middle.png) repeat-y;
	}
	
	body.contact#contactIndex #contents .detailUnit02 .contactSection .bgBtm {
		height: 4px;
		background: url(../../images/contact/index_framebox01_bottom.png) no-repeat;
		font-size: 0px;
		line-height: 0px;
		overflow: hidden;
	}
	
	body.contact#contactIndex #contents .detailUnit02 .contactSection h3 {
		margin: 0 0 13px;
	}
	
		/* section
		------------------------------------------ */
		body.contact#contactIndex #contents .detailUnit02 .contactSection .section {
			margin: 0 0 15px;
			zoom: 1;
		}
		body#contactIndex #contents .detailUnit02 .contactSection .section:after { /* for Modern Browser */
			content: "."; display: block; clear: both; height: 0; visibility: hidden; font-size: 0;
		}
		
			/* tel
			------------------------------------------ */
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .tel {
				float: left;
				display: inline;
			}
				/* #franchise tel
				------------------------------------------ */
				body.contact#contactIndex #contents .detailUnit02 .contactSection#franchise .section .tel {
					margin: 0 0 0 84px;
					width: 275px;
				}
				/* #sale tel
				------------------------------------------ */
				body.contact#contactIndex #contents .detailUnit02 .contactSection#sale .section .tel {
					margin: 0 0 0 74px;
					width: 298px;
				}
			
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .tel h4 {
				margin: 0 0 13px;
				font-weight: normal;
				font-size: 92.4%;
				line-height: 1.666;
			}
			
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .tel p.contactImg {
			}
			
			/* mail
			------------------------------------------ */
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .mail {
				float: right;
				display: inline;
				margin: 0 75px 0 0;
				width: 202px;
			}
			
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .mail h4 {
				margin: 0 0 13px;
				font-weight: normal;
				font-size: 92.4%;
				line-height: 1.666;
			}
			
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .mail ul {
				position: relative;
				margin:0 0 -9px;
			}
			
			body.contact#contactIndex #contents .detailUnit02 .contactSection .section .mail ul li {
				margin: 0 0 9px;
			}
			
	/* contactSection#contactTel
	------------------------------------------ */
	body.contact#contactIndex #contents .detailUnit02 .contactSection#contactTel {
	}
	
	body.contact#contactIndex #contents .detailUnit02 .contactSection#contactTel h3 {
		margin: 0;/* reset */
	}
	
	body.contact#contactIndex #contents .detailUnit02 .contactSection#contactTel p.saleImg {
		margin: 0;/* reset */
	}
	
		
/* contact parts
****************************************************************************************/

/* detailUnit
========================================== */
body.contact #contents .detailUnit {
	margin: 0 0 20px 0;
	width: 741px;
	background: url(../../images/contact/contact_framebox01_middle.png) repeat-y;
}

body.contact #contents .detailUnit .bgTop {
	height: 5px;
	background: url(../../images/contact/contact_framebox01_top.png) no-repeat;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

body.contact #contents .detailUnit .bgBtm {
	height: 5px;
	background: url(../../images/contact/contact_framebox01_bottom.png) no-repeat;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

/* formSection
========================================== */
body.contact #contents .detailUnit .formSection {
	margin: 0 76px 0;
	padding: 34px 0 0;
	width: 585px;
}

body.contact #contents .detailUnit .formSection .section {
	margin: 0 0 20px;
}

body.contact #contents .detailUnit .formSection .section label.radio {
	margin: 0 35px 0 0;
}
body.contact #contents .detailUnit .formSection .section label.radio.radioLast {
	margin: 0 0 0 0;
}

body.contact #contents .detailUnit .formSection .section p.notice span.indispensable {
	color: #D66C2B;
}

body.contact #contents .detailUnit .formSection .section h3 {
	margin: 0 0 8px 0;
}

body.contact #contents .detailUnit .formSection .section ul.column {
	margin: 9px 0 0 0;
}

body.contact #contents .detailUnit .formSection .section ul.column li {
	margin: 0 0 12px;
}

body.contact #contents .detailUnit .formSection .section ul.column li.last {
	margin: 0 0 2px;
}

	/* radioBtnSection
	------------------------------------------ */
	body.contact #contents .detailUnit .formSection .section .radioBtnSection {
		margin: 23px 0 28px 0;
	}
	
	body.contact #contents .detailUnit .formSection .section .radioBtnSection ul li.textarea01 textarea {
		margin: 0 0 0 5px;
		width: 302px;
		vertical-align: top;
	}
	
	/* table
	------------------------------------------ */
	body.contact #contents .detailUnit .formSection .section table {
	}
	
	body.contact #contents .detailUnit .formSection .section table span.indispensable {
	}
	
	body.contact #contents .detailUnit .formSection .section table tr th,
	body.contact #contents .detailUnit .formSection .section table tr td {
		padding: 3px 0 10px 0;
		background: url(../../images/common/line_dotted_06.gif) repeat-x 0 100%;
		vertical-align: middle;
		height: 50px;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr.last th,
	body.contact #contents .detailUnit .formSection .section table tr.last td {
		background: none;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr th {
		width: 244px;
		font-weight: bold;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr th span.indispensable {
		margin: 0 3px;
		font-size: 84.7%;
		line-height: 1.275;
		color: #D66C2B;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr td span {
		color: #666666;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr td textarea {
		margin: 5px 0 0;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr td input.textbox {
		margin: 0px 0 0 0;
		width: 265px;
	}
	
	body.contact #contents .detailUnit .formSection .section table tr td input.zipcode1 { width: 40px;}
	body.contact #contents .detailUnit .formSection .section table tr td input.zipcode2 { width: 65px;}
	body.contact #contents .detailUnit .formSection .section table tr td input.m2 { width: 64px;}
	
	body.contact #contents .detailUnit .formSection .section table tr td textarea { width: 305px;}
	
	body.contact #contents .detailUnit .formSection .section table.textareaTable tr th,
	body.contact #contents .detailUnit .formSection .section table.textareaTable tr td {
		background: none;
	}
	
body.contact #contents .detailUnit .formSection .buttonSubmit {
	margin: 0 0 25px;
}

body.contact #contents .detailUnit .formSection .buttonSubmit input {
	margin: 0 7px;
}

	/* radioBtnSection
	------------------------------------------ */

	div#Formerror {
		margin: 35px 60px 0 60px;
		padding: 15px 15px 10px 15px;
		border: 2px solid #da935c;
	}
	div#Formerror p.errorTitle {
		margin-bottom: 5px;
		color:#da935c;
		font-weight:bold;
		font-size: 14px;
	}
	div#Formerror ul li {
		list-style: disc;
		margin-left: 20px;
	}

/* Thanks
****************************************************************************************/
body.contact#thanks #contents .detailUnit .thanksSection {
	margin: 40px 0 15px 43px;
	width: 652px;
	background: url(../../images/contact/thanks_framebox01_middle.png) repeat-y;
}

body.contact#thanks #contents .detailUnit .thanksSection .bgTop {
	height: 8px;
	background: url(../../images/contact/thanks_framebox01_top.png) no-repeat;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

body.contact#thanks #contents .detailUnit .thanksSection .bgBtm {
	height: 8px;
	background: url(../../images/contact/thanks_framebox01_bottom.png) no-repeat;
	font-size: 0px;
	line-height: 0px;
	overflow: hidden;
}

body.contact#thanks #contents .detailUnit .thanksSection p {
	margin: 18px 30px 21px;
	text-align: left;
	font-weight: bold;
}

body.contact#thanks #contents .detailUnit p.topBack {
	margin: 0 43px 20px;
	text-align: right;
	font-size: 84.7%;
	line-height: 1.09;
}

body.contact#thanks #contents .detailUnit p.topBack a {
	padding: 3px 0 3px 22px;
	background: url(../../images/common/ico_arrow_04.png) no-repeat 0 50%;
}

/* SSL�}�[�N
****************************************************************************************/

div#sslSection {
	padding: 15px 70px;
}

div#sslSection div#sslMark {
	padding-right: 15px;
	float: left;
}

div#sslSection p {
	padding: 5px 0;
}