@charset "utf-8";

.pageTitle_service {
	clear: both;
	float: left;
	padding: 6px 0 0 10px;
	width: 700px;
	height: 20px;
	font-size: 1.4em;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #000000;
	background: url("/service_office/img/title_bg.gif") no-repeat;
	overflow: hidden;
}
/* for IE6 */
*html .pageTitle_service {
	height: 26px;
}


/* officeArea----------------------------------------------------- */
#officeArea {
	float: left;
	padding: 10px 0 10px 10px;
	width: 688px;
	background: url("/img/top_bg.gif") left bottom repeat-x;
	border-left: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
}
/* for IE6 */
*html #officeArea {
	width: 700px;
}

#officeArea a {
	float: left;
	padding-left: 10px !important;
	margin: 3px 0;
	width: 104px;
	background: url("/img/arrow1.gif") 0 0.4em no-repeat;
	text-decoration: none;
	font-size: 1.2em;
	color: #000000;
	overflow: hidden;
}
/* for IE6 */
*html #officeArea a {
	width: 114px;
}

#officeArea a:hover {
	background: url("/img/arrow1o.gif") 0 0.4em no-repeat;
	text-decoration: underline;
	color: #333333;
}


/* indexTitle----------------------------------------------------- */
.indexTitle {
	float: left;
	margin-top: 30px;
	width: 700px;
	height:26px;
}

.indexTitle ul {
	list-style-type: none;
}

.indexTitle li {
	float: left;
	display: inline;
}

.indexArea {
	float: left;
	padding: 6px 0 0 10px;
	width: 170px;
	height: 20px;
	font-size: 1.3em;
	font-weight: bold;
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #660000;
	background: url("/img/title_bg1.gif") no-repeat;
	overflow: hidden;
}
/* for IE6 */
*html .indexArea {
	width: 180px;
	height: 26px;
}

.icons {
	float: left;
	width: 494px;
	height: 26px;
	text-indent: -9999px;
	text-decoration: none;
	background: url("/service_office/img/icons.gif") no-repeat;
}


/* offeceInfo----------------------------------------------------- */
.offeceInfo_outline {
	margin-bottom: 20px !important;
}

.offeceInfo_outline table {
	width: 700px !important;
}

.serviceOffece_room {
	clear: both;
	float: left;
}

.serviceOffece_room table {
	width: 700px;
	border-bottom: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
	border-collapse: collapse;
	border-spacing:0;
	background-color: #ffffff;
}

.serviceOffece_room th, .serviceOffece_room td {
	border-top: solid 1px #cccccc;
	border-left: solid 1px #cccccc;
	font-weight: normal;
}

.serviceOffece_room th {
	padding: 0 !important;
	white-space: nowrap;
	font-size: 1em;
	text-align: center;
	color: #333333;
	background-color: #eeeeee;
}

.serviceOffece_room td {
	padding: 3px 5px;
	font-size: 1.1em;
	white-space: nowrap;
}

.serviceOffece_room td.center {
	text-align: center;
}

.serviceOffece_room td.right {
	text-align: right;
}

.serviceOffece_room td.right_r {
	text-align: right;
	color: #990000;
}

.serviceOffece_room td.fold {
	white-space: normal !important;
}

.serviceOffece_note {
	clear: both;
	float: left;
	margin-top: 5px;
	padding: 0 10px;
	width: 678px;
	border: solid 1px #cccccc;
}

.serviceOffece_note1 {
	float: left;
	padding: 5px 0;
	width: 678px;
	font-size: 1.2em;
	line-height: 160%;
	font-weight: bold;
	color: #000000;
}

.serviceOffece_note2 {
	float: left;
	padding: 5px 0;
	width: 678px;
	font-size: 1.1em;
	line-height: 160%;
	border-top: 1px dotted #cccccc;
}

.serviceOffece_ex {
	clear: both;
	float: left;
	margin-top: 5px;
	padding: 5px 10px;
	width: 678px;
	border: solid 1px #cccccc;
}

.serviceOffece_exTxt {
	float: left;
	margin-bottom: 5px;
	width: 678px;
	font-size: 1.2em;
	line-height: 160%;
	font-weight: bold;
	color: #660000;
}

.serviceOffece_ex a {
	float: left;
	padding-left: 10px !important;
	width: 216px;
	background: url("/img/arrow1.gif") 0 0.4em no-repeat;
	text-decoration: none;
	font-size: 1.1em;
	color: #000000;
	overflow: hidden;
}
/* for IE6 */
*html .serviceOffece_ex a {
	width: 226px;
}

.serviceOffece_ex a:hover {
	background: url("/img/arrow1o.gif") 0 0.4em no-repeat;
	text-decoration: underline;
	color: #333333;
}


/* project----------------------------------------------------- */
.project_top {
	font-size: 1.3em;
	line-height: 160%;
	color: #000000;
	margin-top: 20px;
}

.project_orange {
	font-weight: bold;
	color: #ff9933;
}

.project_title {
	padding: 6px 0;
	width: 700px;
	font-size: 1.4em;
	line-height: 100%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	background-color: #552e31;
	overflow: hidden;
}

.project_img {
	margin-top: 20px;
	margin-bottom: 20px;
}

.project_txt{
	font-size: 1.2em;
	line-height: 160%;
	color: #000000;
	margin-top: 20px;
}