@charset "utf-8";

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

	Title: contact.css
	Created: 2009-02-22
	Last Up Date: 2009-02-24
	
----------------------------------------------------------- */


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

	contact

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

div#contact {
	width: 680px;
}

input, textarea {
	font-size:12px;
	color:#404040;
}

label {
	color:#333;
	cursor:pointer;
	padding-left:2px;
	line-height:16px;
}

div#contact span {
	color: #ac2c5f;
	font-size: 0.8em;
	font-weight: bold;
}

div#contact table.tb_contact {
	width: 680px;
	margin: 0 0 15px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

div#contact table.tb_contact th {
	padding: 10px;
	width: 150px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	background-color: #F4F9F2;
}

div#contact table.tb_contact td {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#contact table.tb_contact td.privacy_text {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-left: none;
	border-bottom: none;
}

div#contact table.tb_contact td.privacy_check {
	padding: 10px;
	border-right: 1px solid #ccc;
	border-left: none;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

div#contact table.tb_contact td select,
div#contact table.tb_contact td input,
div#contact table.tb_contact td textarea {
	border: 1px solid #ccc;
	background: #fcfcfc;
	padding: 2px;
}

div#contact table.tb_contact td textarea {
	width: 400px;
}

div#contact table.tb_contact td input.check,
div#contact table.tb_contact td input.radio {
	padding: 0;
	border: none;
	margin: 2px;
	vertical-align: middle;
}

div#contact div#btn_area {
	width: 680px;
	clear: both;
}

div#contact div#btn_area ul {
	width: 225px;
	height: 19px;
	margin: 10px 0 10px 210px;
}

div#contact div#btn_area ul li {
	float: left;
	width: 110px;
}

div#contact div#btn_area button {
	width: 110px;
	background-color: #fff;
	border: none;
	margin: 0;
	padding: 0;
}

div#contact h5 {
	width: 675px;
	_width: 680px;
	background: url(/common/images/dot_line.gif) repeat-x left bottom;
	padding: 0 0 3px 5px;
	margin: 15px 0 10px 0;
	font-weight: bold;
	font-size: 1.0em;
}

div#contact p.ph5 {
	margin: 0 0 0 15px;
}

div#contact dl {
	width: 650px;
	margin: 0 0 20px 15px;
}

div#contact dl dt {
	width: 15px;
	float: left;
	clear: both;
}

div#contact dl dd {
	width: 630px;
	_width: 610px;
	margin: 0 0 5px 20px;
}

div#contact div.office {
	width: 660px;
	margin: 0 0 0 15px;
}

div#contact div.office h4 {
	width: 310px;
	_width: 320px;
	border-left: 5px solid #37711a;
	padding: 0 0 0 10px;
	margin: 15px 0 10px 0;
	font-weight: bold;
}

div#contact div.office h4 p {
	width: 200px;
	float: left;
	font-weight: bold;
	clear: both;
}

div#contact div.office h4 div.info_btn {
	width: 60px;
	margin: 0 0 0 240px;
}

div#contact div.office h4 div.info_btn a {
	display: block;
	width: 60px;
	height: 19px;
	background: url(/images/office/detail_btn.jpg) left top no-repeat;
}

div#contact div.office div.office_l {
	width: 320px;
	float: left;
}

div#contact div.office div.office_r {
	width: 320px;
	float: right;
}

div#contact table.office_data {
	width: 320px;
	border: 1px solid #ccc;
	margin: 0 0 15px 0;
}

div#contact table.office_data th {
	background-color: #F4F9F2;
	padding: 2px 2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	text-align: center;
}

div#contact table.office_data th.division {
	width: 120px;
}

div#contact table.office_data th.tel {
	width: 200px;
}

div#contact table.office_data td {
	padding: 2px 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: center;
}

div#contact table.office_data td.t_center {
	text-align: center;
}