@charset "UTF-8";

/* CSS Information
---------------------------------------------------------------
Site URL:		http://www.shokusan-j.co.jp/
File name:		layout_inquiry.css
Summary:		base styles
Created:		2009-9-1
Last update:	2009-9-1 by Sadaoka
Author:			Sadaoka(admin), Kaito
Copyright:		(C) 2009 dabhand Inc.
--------------------------------------------------------------- */

/* お問合わせ（総合） */
/* ------------------------------------------------------------ */
.inquiry_tel {
	width: 680px; /* ボックスの幅を指定 */
}

.inquiry_tel table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: hide;
	border-collapse: collapse;
	border-top: 1px #c8c8c8 solid;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_tel th {
	textinquiry_telalign: left;
	vertical-align: middle;
	font-weight: normal;
	white-space: nowrap;
	width: 300px;
	padding: 5px 0px;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_tel td {
	text-align: left;
	vertical-align: middle;
	white-space: nowrap;
	padding: 5px 0px;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_tel .icon {
	color: #005377;
	padding: 0px 0px 0px 10px;
	border-left: 2px #005377 solid;
}

.freedial {
	background: url(../images/icon3.gif) left center no-repeat;
	padding: 0px 0px 0px 25px;
}

.arrow {
	background: url(../images/arrow1.gif) left center no-repeat;
	padding: 0px 0px 0px 15px;
}

/* お問合わせフォーム */
/* ------------------------------------------------------------ */
.must {
	color: #c80000;
}

.inquiry_catalogue {
	width: 680px; /* ボックスの幅を指定 */
}

.inquiry_catalogue table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: hide;
	border-collapse: collapse;
}

.inquiry_catalogue th {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
	border-right: 10px #fff solid;
}

.inquiry_catalogue td {
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	border-left: 10px #fff solid;
}

.inquiry_form {
	width: 680px; /* ボックスの幅を指定 */
}

.inquiry_form table {
	width: 100%;
	margin: 0px;
	padding: 0px;
	empty-cells: hide;
	border-collapse: collapse;
	border-top: 1px #c8c8c8 solid;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_form th {
	background-color: #f0f0f0;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
	font-weight: normal;
	white-space: nowrap;
	width: 130px;
	padding: 5px 10px 5px 0px;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_form td {
	text-align: left;
	font-size: 12px;
	vertical-align: middle;
	padding: 5px 10px;
	border-bottom: 1px #c8c8c8 solid;
}

.inquiry_form td.border {
	border-left: 1px #c8c8c8 solid;
}

.inquiry_form td.f_center {
	width: 156px;
	text-align: center;
}

.inquiry_form td.top {
	vertical-align: top;
}

.inquiry_form dl dt {
	width: 85px;
}

.inquiry_form .type1 {
	width: 200px;
}

.inquiry_form .type2 {
	width: 8em;
}

.inquiry_form .type3 {
	width: 370px;
}

.inquiry_form .type4 {
	width: 3em;
}

.inquiry_form .type5 {
	width: 100%;
}

.inquiry_form .type1,
.inquiry_form .type2,
.inquiry_form .type3,
.inquiry_form .type4,
.inquiry_form .type5 {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
	padding: 2px;
}

.inquiry_form select {
	border: 1px solid #ccc;
	background-color: #f3f3f3;
}

.inquiry_form .submit {
	text-align: center;
	margin-top: 20px;
	border: 0px #f00 solid;
}

.inquiry_form .submit button {
	background-color: #fff;
	border-style: none;
}

.inquiry_form .type1:focus,
.inquiry_form .type2:focus,
.inquiry_form .type3:focus,
.inquiry_form .type4:focus,
.inquiry_form .type5:focus {
	border-color: #7f9db9; /* フォーカス時のボーダーの色を指定 */
	background-color: #ebf0f5; /* フォーカス時の背景色を指定 */
}

.inquiry_form .example {
	font-size: 10px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.inquiry_form .example2 {
	margin: 0px 10px 0px 5px;
	padding: 0px;
}

.inquiry_form .icon1 {
	background: url(../images/icon5.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
	border: 0px #f00 solid;
}

.inquiry_form .icon2 {
	background: url(../images/icon4.gif) left center no-repeat;
	padding: 0px 0px 0px 10px;
	border: 0px #f00 solid;
}