@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	title : print.css

	created : 2008-08-12
	last modified : 2008-08-12
  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* ++++++++++ Contents ++++++++++
	1. Local Settings
	2. Layout
	3. Header
	4. Header BUREAU
	5. Header BSITE
	6. Header BUREX
	7. Header BUREAUSOHO
	8. Content
	9. Content BUREAU
	10. Content BSITE
	11. Content BUREX
	12. Content BUREAUSOHO
	13. Footer
	14. Footer BUREAU
	15. Footer BSITE
	16. Footer BUREX
	17. Footer BUREAUSOHO
  +++++++++++++++++++++++++++++++ */

/*----------------------------------------------------------------------------------------
	1. Local Settings
---------------------------------------------------------------------------------------- */


body#popup {
	margin:0;
	padding:0;
	font-size:12pt;
	color: #000;
}
body#popup p {
	font-size:12pt;
}
body.bureau#popup a.arrow {display:none;}
body.bsite#popup a.arrow {display:none;}
body.burex#popup a.arrow {display:none;}
body.bureausoho#popup a.arrow {display:none;}

/*----------------------------------------------------------------------------------------
	2. Layout
---------------------------------------------------------------------------------------- */
#popup #wrapper {
	width:100%;
}


/*----------------------------------------------------------------------------------------
	3. Header
---------------------------------------------------------------------------------------- */
#header_pop #headerBody {
	width:680px;
	padding:12px 0;
	margin:0 auto;
}
.bureau #header_pop #headerBody h1 {
	font-size:14pt;
	color:#F43210;
	font-weight:bold;
	text-align:left;
}
.bsite #header_pop #headerBody h1 {
	font-size:14pt;
	color:#7F9E3B;
	font-weight:bold;
	text-align:left;
}
.burex #header_pop #headerBody h1 {
	font-size:14pt;
	color:#7D3A58;
	font-weight:bold;
	text-align:left;
}
.bureausoho #header_pop #headerBody h1 {
	font-size:14pt;
	color:#12074D;
	font-weight:bold;
	text-align:left;
}
.common #header_pop #headerBody h1 {
	font-size:14pt;
	color:#004A80;
	font-weight:bold;
	text-align:left;
}
#header_pop #headerBody p.logo {display:none;}
#header_pop #headerBody .language { display:none;}


/*----------------------------------------------------------------------------------------
	4. Header BUREAU
---------------------------------------------------------------------------------------- */
.bureau #header_pop {
	width:700px;
	border-top:2px solid #F43210;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}


/*----------------------------------------------------------------------------------------
	5. Header BSITE
---------------------------------------------------------------------------------------- */
.bsite #header_pop {
	width:700px;
	border-top:2px solid #7F9E3B;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}


/*----------------------------------------------------------------------------------------
	6. Header BUREX
---------------------------------------------------------------------------------------- */
.burex #header_pop {
	width:700px;
	border-top:2px solid #7D3A58;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}


/*----------------------------------------------------------------------------------------
	7. Header BUREAUSOHO
---------------------------------------------------------------------------------------- */
.bureausoho #header_pop {
	width:700px;
	border-top:2px solid #12074D;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}


/*----------------------------------------------------------------------------------------
	8. Header COMMON
---------------------------------------------------------------------------------------- */
.common #header_pop {
	width:700px;
	border-top:2px solid #004A80;
	padding:0;
	margin:0 auto;
	text-align:center;
	background:#FFF;
}

/*----------------------------------------------------------------------------------------
	8. Content
---------------------------------------------------------------------------------------- */
#popup #wrapper #content_pop {
	width:700px;
	padding:0;
	margin:0 auto 30px;
	text-align:center;
}
.bureau#popup #wrapper #content_pop {
	border-top:2px solid #F43210;
}
.bsite#popup #wrapper #content_pop {
	border-top:2px solid #7F9E3B;
}

.burex#popup #wrapper #content_pop {
	border-top:2px solid #7D3A58;
}

.bureausoho#popup #wrapper #content_pop {
	border-top:2px solid #12074D;
}

.common#popup #wrapper #content_pop {
	border-top:2px solid #004A80;
}


/* staffDetail */

#popup #wrapper #content_pop #staffDetail {
	width:680px;
	padding:0;
	margin:0 10px;
}
#popup #wrapper #content_pop #staffDetail .phStaff {
	width:112px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #staffDetail .txtStaff {
	width:548px;
	padding:0;
	margin:0;
	float:right;
}

/* recruitPeople */

#popup #wrapper #content_pop #recruitPeople {
	width:680px;
	padding:0;
	margin:0 10px;
}
#popup #wrapper #content_pop #recruitPeople .pepleLeft {
	width:112px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitPeople .pepleRight {
	width:548px;
	padding:0;
	margin:0;
	float:right;
}
#popup #wrapper #content_pop #recruitPeople .pepleRight dl dt {
	font-weight:bold;
	margin:0 0 5px;
}


/* recruitEmployees */

#popup #wrapper #content_pop #recruitEmployees {
	width:680px;
	padding:0;
	margin:0 10px;
}
#popup #wrapper #content_pop #recruitEmployees .employeesLeft {
	width:178dpx;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight {
	width:482px;
	padding:0;
	margin:0;
	float:right;
}

/* recruitWork */

#popup #wrapper #content_pop #recruitWork {
	width:680px;
	padding:0;
	margin:0 10px;
}
#popup #wrapper #content_pop #recruitWork .workLeft {
	width:220dpx;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitWork .workRight {
	width:440px;
	padding:0;
	margin:0;
	float:right;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight table,
#popup #wrapper #content_pop #recruitWork .workRight table {
	width:100%;
	border-collapse:collapse;
	margin:0 0 20px;
	padding:0;
	font-size:83%;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight table th,
#popup #wrapper #content_pop #recruitWork .workRight table th {
	width:80px;
	padding:6px 10px;
	margin:0;
	background:#F3F3F3;
	border:1px solid #DDD;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight table td,
#popup #wrapper #content_pop #recruitWork .workRight table td {
	border:1px solid #DDD;
	padding:6px 10px;
	margin:0;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight dl dt,
#popup #wrapper #content_pop #recruitWork .workRight dl dt {
	font-weight:bold;
	margin:0 0 5px;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight dl dd,
#popup #wrapper #content_pop #recruitWork .workRight dl dd {
	margin:0 0 20px;
}


/* bldgTypeBody */

#popup #wrapper #content_pop #bldgTypeBody {
	width:700px;
	padding:0;
	margin:0;
}


/* phRoomArrange */

#popup #wrapper #content_pop #bldgTypeBody .phRoomArrange {
	float:left;
	width:162px;
	margin:0 20px 0 0;
	padding:0;
	text-align:center;
}
#popup #wrapper #content_pop #bldgTypeBody .phRoomArrange p {
	line-height:24px;
}
#popup #wrapper #content_pop #bldgTypeBody .phRoomArrange p.glass {display:none;}


/* bldgTypeMain */

#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain {
	float:right;
	width:518px;
	padding:0;
	margin:0;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain p {
	font-size:10pt;
	line-height:120%;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType {
	width:518px;
	padding:0;
	margin:0 0 12px 0;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul {
	padding:0;
	margin:0;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li {
	width:166px;
	margin:0 4px 0 0;
	padding:0;
	float:left;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li.last {
	width:166px;
	margin:0;
	padding:0;
	float:left;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li p.photo,
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li.last p.photo {
	width:166px;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li p.glass,
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li.last p.glass {display:none;}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table {
	width:518px;
	padding:0;
	margin:18px 0 0;
	border-collapse:collapse;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table th {
	width:100px;
	background-color:#F3F3F3;
	text-align:center;
	vertical-align:top;
	padding:6px 10px;
	border:1px solid #DDD;
	font-size:10pt;
	line-height:120%;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table.burexSize th {
	width:50%;
	background-color:#F3F3F3;
	text-align:center;
	vertical-align:top;
	padding:6px 10px;
	border:1px solid #DDD;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table.burexPrice th {
	width:25%;
	background-color:#F3F3F3;
	text-align:center;
	vertical-align:top;
	padding:6px 10px;
	border:1px solid #DDD;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table.burexOption th {
	width:100%;
	background-color:#F3F3F3;
	text-align:left;
	vertical-align:top;
	padding:6px 10px;
	border:1px solid #DDD;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table td {
	padding:6px 10px;
	border:1px solid #DDD;
	font-size:10pt;
	line-height:120%;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .btnBottom {display:none;}

/* bldgMap */

#popup #wrapper #content_pop .bldgMap {
	width:550px;
	border:1px solid #000;
	padding:4px;
	margin:20px auto 10px;
}


/* mapInfo */

#popup #wrapper #content_pop .mapInfo {
	width:560px;
	margin:0 auto;
	padding:0;
}
#popup #wrapper #content_pop .mapInfo .phMapInfo {
	width:169px;
	padding:0;
	margin:0 5px 0 0;
	float:left;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo {
	width:381px;
	padding:0;
	margin:0;
	float:right;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo table {
	border:0;
	border-collapse:collapse;
	font-size:9pt;
	line-height:120%;
	width:100%;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo table th {
	width:60px;
	background-color:#F3F3F3;
	text-align:center;
	vertical-align:top;
	padding:3px 10px;
	font-size:9pt;
	border:1px solid #000;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo table td {
	padding:3px 10px;
	border:1px solid #000;
	font-size:9pt;
}


/* btnBottom */ 

#popup #wrapper #content_pop .btnBottom {display:none;}
#popup #wrapper #content_pop .btnBottom ul li img {display:noen;}
#popup #wrapper #content_pop .bldgPhoto {
	width:550px;
	border:1px solid #DDD;
	padding:4px;
	margin:15px auto 10px;
}


/* companyMap */

#popup #wrapper #content_pop .companyMap {
	width:452px;
	border:1px solid #DDD;
	padding:4px;
	margin:15px auto 10px;
}
#popup #wrapper #content_pop p.companyMapAddress {
	text-align:left;
	margin:0 124px 10px;
	padding:0;
	font-size:83%;
}
#popup #wrapper #content_pop ul.companyMapInfo {
	text-align:left;
	margin:0 124px 10px;
	padding:0;
}
#popup #wrapper #content_pop ul.companyMapInfo li {
	list-style:disc outside;
	padding:0;
	margin:0 0 0 15px;
	font-size:83%;
}


/*----------------------------------------------------------------------------------------
	9. Content BUREAU 
---------------------------------------------------------------------------------------- */
.bureau #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:0;
	border-bottom:2px solid #F43210;
	background:#FFF;
	height:30px;
	padding:5px 10px 2px;
	margin:0 0 40px;
}
.bureau #content_pop .ttlBldgType h2 {
	color:#F43210;
	font-size:12pt;
	float:left;
	line-height:30px;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	10. Content BSITE 
---------------------------------------------------------------------------------------- */
.bsite #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:0;
	border-bottom:2px solid #7F9E3B;
	background:#FFF;
	height:30px;
	padding:5px 10px 2px;
	margin:0 0 40px;
}
.bsite #content_pop .ttlBldgType h2 {
	color:#7F9E3B;
	font-size:12pt;
	float:left;
	line-height:30px;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	11. Content BUREX 
---------------------------------------------------------------------------------------- */
.burex #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:0;
	border-bottom:2px solid #7D3A58;
	background:#FFF;
	height:30px;
	padding:5px 10px 2px;
	margin:0 0 40px;
}
.burex #content_pop .ttlBldgType h2 {
	color:#7D3A58;
	font-size:12pt;
	float:left;
	line-height:30px;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	12. Content BUREAUSOHO
---------------------------------------------------------------------------------------- */
.bureausoho #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:0;
	border-bottom:2px solid #12074D;
	background:#FFF;
	height:30px;
	padding:5px 10px 2px;
	margin:0 0 40px;
}
.bureausoho #content_pop .ttlBldgType h2 {
	color:#12074D;
	font-size:12pt;
	float:left;
	line-height:30px;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	12. Content COMMON
---------------------------------------------------------------------------------------- */
.common #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:0;
	border-bottom:2px solid #004A80;
	background:#FFF;
	height:30px;
	padding:5px 10px 2px;
	margin:0 0 40px;
}
.common #content_pop .ttlBldgType h2 {
	color:#004A80;
	font-size:12pt;
	float:left;
	line-height:30px;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	13. Footer
---------------------------------------------------------------------------------------- */
#footer_pop #footerBody {
	width:100%;
	margin:0;
	padding:0;
}
#footer_pop #footerBody p.copy {
	width:100%;
	text-align:center;
	font-size:8pt;
	line-height:29px;
	padding:0;
	margin:8px 0 0;
}
#footer_pop #footerBody p.btnClose {display:none;}


/*----------------------------------------------------------------------------------------
	14. Footer BUREAU
---------------------------------------------------------------------------------------- */
.bureau #footer_pop {
	width:700px;
	background:#FFF;
	border-top:2px solid #F43210;
	text-align:center;
	padding:0;
	margin:0 auto;
}


/*----------------------------------------------------------------------------------------
	15. Footer BSITE
---------------------------------------------------------------------------------------- */
.bsite #footer_pop {
	width:700px;
	background:#FFF;
	border-top:2px solid #7F9E3B;
	text-align:center;
	padding:0;
	margin:0 auto;
}


/*----------------------------------------------------------------------------------------
	16. Footer BUREX
---------------------------------------------------------------------------------------- */
.burex #footer_pop {
	width:700px;
	background:#FFF;
	border-top:2px solid #7D3A58;
	text-align:center;
	padding:0;
	margin:0 auto;
}


/*----------------------------------------------------------------------------------------
	17. Footer BUREAUSOHO
---------------------------------------------------------------------------------------- */
.bureausoho #footer_pop {
	width:700px;
	background:#FFF;
	border-top:2px solid #12074D;
	text-align:center;
	padding:0;
	margin:0 auto;
}


/*----------------------------------------------------------------------------------------
	17. Footer COMMON
---------------------------------------------------------------------------------------- */
.common #footer_pop {
	width:700px;
	background:#FFF;
	border-top:2px solid #004A80;
	text-align:center;
	padding:0;
	margin:0 auto;
}