@charset "utf-8";

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

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


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

	office
	
-----------------------------------------------------------*/

/*	index.html: office_info
----------------------------------------------------------- */

div#contents div.office_info {
	width: 680px;
	margin: 0 0 15px;
}

div#contents p.j_map {
	margin: 0 58px 15px;
}

div#contents div.office_info div.info_title {
	width: 680px;
	border-top: 2px solid #37711a;
	background: url(/common/images/dot_line.gif) repeat-x left bottom;
	margin: 0 0 10px;
	padding: 0 0 2px;
}

div#contents div.office_info div.info_title p {
	width: 590px;
	float: left;
	font-weight: bold;
	padding: 5px 0 5px 15px;
	display: inline;
}

div#contents div.office_info div.info_title .info_btn {
	width: 60px;
	float: right;
	margin: 5px 10px 0 0;
	display: inline;
}

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

div#contents div.office_info table.tb_info {
	width: 680px;
	border: 1px solid #ccc;
}

div#contents div.office_info table.tb_info th {
	background-color: #F4F9F2;
	padding: 5px 15px;
	width: 90px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

div#contents div.office_info table.tb_info td {
	padding: 5px 3px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

div#contents div.office_info table.tb_info td.office_map {
	width: 140px;
	padding: 5px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: none;
}

/*	xxx.html: office_head
----------------------------------------------------------- */

div#office_head {
	width: 665px;
	_width: 680px;
	padding: 0 0 0 15px;
	margin: 0 0 10px 0;
}

div#office_head p {
	width: 380px;
	float: left;
}

div#office_head div#pr_gm {
	width: 220px;
	float: right;
	margin: 5px 0 0;
	display: inline;
}

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

div#contents 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#contents table.office_data th.division {
	width: 120px;
}

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

div#contents table.office_data th.fax {
	width: 200px;
}

div#contents 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#contents table.office_data td.t_center {
	text-align: center;
}

div#office_map {
	width: 680px;
}

div#office_map div#map_m {
	width: 400px;
	float: left;
	margin: 0 0 15px 15px;
	display: inline;
}

div#office_map div#map_m img {
	border: 1px solid #ccc;
	margin: 0 0 10px;
}

div#office_map div#map_m p {
	border-left: 5px solid #37711a;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px;
}

div#office_map div#map_info {
	width: 250px;
	float: right;
	vertical-align: baseline;
}

div#office_map div#map_info span {
	border-left: 5px solid #37711a;
	padding: 0 0 0 10px;
	font-weight: bold;
	font-size: 1.1em;
}

div#office_map div#map_info p {
	margin: 10px 0 0;
}

div#related_title {
	width: 680px;
	_width: 680px;
	border-top: 3px solid #37711a;
	background: url(/common/images/dot_line.gif) repeat-x left bottom;
	margin: 10px 0 15px;
}

div#related_title p {
	font-weight: bold;
	background: url(/images/office/title_icon.jpg) 5px center no-repeat;
	padding: 7px 0 7px 25px;
}

div#related_info {
	width: 680px;
}

div#related_info div#transport {
	width: 302px;
	float: left;
	margin: 0 0 0 15px;
	display: inline;
}

div#related_info div#transport p {
	border-left: 5px solid #37711a;
	padding: 0 0 0 10px;
	font-weight: bold;
	margin: 0 0 10px;
}

div#related_info div#transport div#tr_img {
	border: 1px solid #ccc;
}

div#related_info div#office_photo {
	width: 302px;
	float: right;
	margin: 0 15px 0 0;
	display: inline;
}

div#related_info div#office_photo p {
	border-left: 5px solid #37711a;
	padding: 0 0 0 15px;
	font-weight: bold;
	margin: 0 0 10px;
}

div#related_info div#office_photo div#office_img {
	border: 1px solid #ccc;
}