@charset "utf-8";
@import "/css/template.css";
/*------------------------------------------------------------
	お問い合わせ
------------------------------------------------------------*/
#conts h2 {
	margin: 0 0 10px 0;
	padding: 7px 0 10px 23px;
	background: url(/img/template/h3_back01.gif) no-repeat left;
	
	clear: left;
	
	color: #CC3300;
	font-size: 130%;
	font-weight: bold;
}

#conts h3 {
	margin: 0 0 15px 0;
	padding: 7px 0 10px 15px;
	background: url(/img/mail_order/how/h3_back.gif) no-repeat 13px bottom;
	
	clear: left;
	
	color: #333;
	font-size: 125%;
	font-weight: bold;
	
	letter-spacing: -1px;
}

#conts p {
	padding: 0 15px 18px 15px;
	
	line-height: 1.4;
}

#conts .hissu {
	color: #CC3300;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.3;
}

#conts .izon {
	margin: -0.5em 10px 10px;
	padding: 7px;
	background: #F6F6F6;
}

#conts .izon span {
	font-weight: bold;
}
c
#conts img.spacer {
	width: 100px;
	height: 1px;
	display: block;
}

#conts #mail {
	padding: 0 15px 18px 15px;
}

#conts #mail p {
	margin: 0;
	padding: 0;
}

#conts #mail p span {
	color: #DD5E34;
	font-weight: bold;
}

#conts #mail .mailTo {
	margin: 10px 300px 0 0;
	padding: 5px 10px;
	background: #F8F0DC;
}

#conts #mail .mailTo span {
	margin-right: 5px;
}

#conts table {
	margin: 0 15px 10px 15px;
	background: #999;
}

#conts th, #conts td {
	line-height: 1.3;
	text-align: left;
}

#conts th {
	padding: 10px;
	background: #FEEED3;
	border: 1px solid #fff;
	vertical-align: top;
}

#conts td {
	width: 100%;
	background: #fff;
}

#conts td table {
	margin: 0;
	width: 100%;
	border: none;
}

#conts td th {
	padding: 0;
	background: #fff;
	border: none;

	font-weight: normal;
	vertical-align: middle;
}

#conts td td {
	width: 100%;
}

#conts td th, #conts td td {
	padding: 7px;
}

#conts tr.fBody td {
	padding: 7px;
}

#conts tr.fName th, #conts tr.fName td,
#conts tr.fCompanyName th, #conts tr.fCompanyName td,
#conts tr.fZipCode th, #conts tr.fZipCode td,
#conts tr.fTel th, #conts tr.fTel td,
#conts tr.fFax th, #conts tr.fFax td,
#conts tr.fTime th, #conts tr.fTime td,
#conts tr.fEmail th, #conts tr.fEmail td {
	background: #fff url(/img/inquiry/line.gif) repeat-x left bottom;
}

#conts tr.fNameKana th, #conts tr.fNameKana td {
	border-bottom: 1px solid #ccc;
}

#conts tr.text td,
#conts span.text {
	padding-bottom: 0;

	font-size: 11px;
	line-height: 1.3;
}

#conts input {
	padding: 3px 2px;
	border: 1px solid #999;
}

	* html #conts input {
		height: 20px;
		/*Mac IE用ハック*/
		/*\*//*/
		height: auto;
		/**/
	}

#conts textarea {
	margin-top: 3px;
	padding: 3px 2px;
	width: 350px;
	height: 100px;
	border: 1px solid #999;
}

#conts #fName,
#conts #fNameKana {
	width: 200px;
}

#conts #fCompanyName,
#conts #fCompanyNameKana {
	width: 200px;
}

#conts #fZipCode01,
#conts #fZipCode02 {
	width: 40px;
}

#conts #fAddress {
	width: 200px;
}

#conts #fTel,
#conts #fFax,
#conts #fTime,
#conts #fEmail {
	width: 200px;
}

#conts #fEmailCheck {
	width: 200px;
}

#conts p.icon {
	margin: -10px 0 10px 15px;
	padding: 0 0 0 17px;
	background: url(/img/inquiry/icon.gif) no-repeat left 3px;
}

#conts p.detail {
	text-align: right;
}

#conts p.detail a {
	padding: 0 0 0 15px;
	background: url(/img/template/side_navi/arrow01.gif) no-repeat left center;
}

#conts #button {
	margin: 0 0 30px 0;
	text-align: center;
}

	* html #conts #button {
		margin-left: 35px;
		/*Mac IE用ハック*/
		/*\*//*/
		margin-left: 0;
		/**/
	}

	*+html #conts #button {
		margin-left: 35px;
	}

#conts #button li {
	margin: 0 15px;
	display: inline;
}

#conts #button input {
	padding: 0;
	width: auto;
	 height: auto;
	border: none;
}

#conts #button button {
	margin: 0;
	padding: 0;
	background: none;
	border: none;

	cursor: pointer;
}

	* html #conts #button button {
		margin-left: -35px;
		position: relative;
		top: -3px;
		/*Mac IE用ハック*/
		/*\*//*/
		margin-left: 0;
		/**/
	}

	*+html #conts #button button {
		margin-left: -35px;
		position: relative;
		top: -3px;
	}

#conts #back {
	margin: 5px 0 15px 0;
	padding: 10px 10px 0 0;
	
	float: none;
}

#conts #back li {
	background: none;

	text-align: right;
}


/*------------------------------------------------------------
	エラー
------------------------------------------------------------*/
#conts ul.error {
	margin: 0 15px 25px 15px;
	color: #c30;
}

#conts ul.error li {
	margin-bottom: 5px;
}

#conts tr.error th {
	background-color: #F7DBDB;
	border: 1px solid #fff;
	border-right: none;
}

#conts tr.error td {
	background-color: #F7DBDB;
	border: 1px solid #fff;
	border-left: none;
}

#conts td.error {
	background-color: #F7DBDB;
}

#conts tr.text td {
	border-bottom: none;
}

#conts tr.fEmailCheck th, #conts tr.fEmailCheck td {
	border-top: none;
}

/*------------------------------------------------------------
	サンキュー
------------------------------------------------------------*/
#conts .floatR{
	margin: 0 30px 0 20px;

	float: right;
}