@charset "utf-8";

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
	title : popup.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:0.9em;
	color: #333;
	background:#FFF;
}
body.bureau#popup a {
	color:#F43210;
}
body.bureau#popup a.arrow {
	padding:0 0 0 15px;
	margin:0;
	background:transparent url(../img/icn_bureauArrow.gif) left no-repeat;
	width:100px;
	display:block;
}
body.bsite#popup a {
	color:#7F9E3B;
}
body.bsite#popup a.arrow {
	padding:0 0 0 15px;
	margin:0;
	background:transparent url(../img/icn_bsiteArrow.gif) left no-repeat;
	width:100px;
	display:block;
}
body.burex#popup a {
	color:#7D3A58;
}
body.burex#popup a.arrow {
	padding:0 0 0 15px;
	margin:0;
	background:transparent url(../img/icn_burexArrow.gif) left no-repeat;
	width:100px;
	display:block;
}
body.bureausoho#popup a {
	color:#12074D;
}
body.bureausoho#popup a.arrow {
	padding:0 0 0 15px;
	margin:0;
	background:transparent url(../img/icn_bureausohoArrow.gif) left no-repeat;
	width:100px;
	display:block;
}
body.shinagawa#popup a {
	color:#660000;
}
body.shinagawa#popup a.arrow {
	padding:0 0 0 15px;
	margin:0;
	background:transparent url(../img/icn_shinagawaArrow.gif) left no-repeat;
	width:100px;
	display:block;
}


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


/*----------------------------------------------------------------------------------------
	3. Header
---------------------------------------------------------------------------------------- */
#header_pop #headerBody {
	width:680px;
	padding:50px 0 12px 0;
	margin:0 auto;
	position:relative;
	top:0;
	left:0;
}
#header_pop #headerBody h1 {
	font-size:132%;
	color:#FFF;
	font-weight:bold;
	float:left;
	line-height:100%;
}
#header_pop #headerBody p.logo {
	float:right;
	padding:2px 0 0;
	margin:0;
}
#header_pop #headerBody .language {
	width:171px;
	height:32px;
	position:absolute;
	top:0;
	left:522px;
}
#header_pop #headerBody .language ul li {
	float:left;
}
#header_pop #headerBody .language ul li.chinese_left a {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:84px;
	height:32px;
	background:transparent url(../img/btn_cn_left_off.png) no-repeat;
}
#header_pop #headerBody .language ul li.chinese_left a:hover {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:84px;
	height:32px;
	background:transparent url(../img/btn_cn_left_on.png) no-repeat;
}
#header_pop #headerBody .language ul li.chinese_right a {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:87px;
	height:32px;
	background:transparent url(../img/btn_cn_right_off.png) no-repeat;
}
#header_pop #headerBody .language ul li.chinese_right a:hover {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:87px;
	height:32px;
	background:transparent url(../img/btn_cn_right_on.png) no-repeat;
}
#header_pop #headerBody .language ul li.english a {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:84px;
	height:32px;
	background:transparent url(../img/btn_english_off.png) no-repeat;
}
#header_pop #headerBody .language ul li.english a:hover {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:84px;
	height:32px;
	background:transparent url(../img/btn_english_on.png) no-repeat;
}
#header_pop #headerBody .language ul li.japanese a {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:87px;
	height:32px;
	background:transparent url(../img/btn_japanese_off.png) no-repeat;
}
#header_pop #headerBody .language ul li.japanese a:hover {
	behavior: expression(IEPNGFIX.fix(this));
	display:block;
	width:87px;
	height:32px;
	background:transparent url(../img/btn_japanese_on.png) no-repeat;
}


/*----------------------------------------------------------------------------------------
	4. Header BUREAU
---------------------------------------------------------------------------------------- */
.bureau #header_pop {
	width:100%;
	background:#F43210;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	5. Header BSITE
---------------------------------------------------------------------------------------- */
.bsite #header_pop {
	width:100%;
	background:#7F9E3B;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	6. Header BUREX
---------------------------------------------------------------------------------------- */
.burex #header_pop {
	width:100%;
	background:#7D3A58;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	7. Header BUREAUSOHO
---------------------------------------------------------------------------------------- */
.bureausoho #header_pop {
	width:100%;
	background:#12074D;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	7. Header SHINAGAWA
---------------------------------------------------------------------------------------- */
.shinagawa #header_pop {
	width:100%;
	background:#660000;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}


/*----------------------------------------------------------------------------------------
	8. Header COMMON
---------------------------------------------------------------------------------------- */
.common #header_pop {
	width:100%;
	background:#004A80;
	padding:0;
	margin:0 0 15px 0;
	text-align:center;
}

/*----------------------------------------------------------------------------------------
	8. Content
---------------------------------------------------------------------------------------- */
#popup #wrapper #content_pop {
	width:700px;
	padding:0;
	margin:0 auto 40px;
	text-align:center;
}


/* ttlBldgType */

#popup #wrapper #content_pop .ttlBldgType .pickup {
	float:right;
	height:46px;
}
#popup #wrapper #content_pop .ttlBldgType .pickup ul li {
	float:left;
	margin:0 0 0 12px;
	padding:0;
	line-height:46px;
}


/* 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:100px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitPeople .pepleRight {
	width:560px;
	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:150dpx;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitEmployees .employeesRight {
	width:510px;
	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:150px;
	padding:0;
	margin:0 20px 0 0;
	float:left;
}
#popup #wrapper #content_pop #recruitWork .workRight {
	width:510px;
	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 a {
	margin:15px 0 0 0;
	padding:0 0 0 24px;
	font-size:69%;
	background:transparent url(../img/icn_glass.gif) 5px no-repeat;
	height:21px;
	display:block;
}


/* bldgTypeMain */

#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain {
	float:right;
	width:518px;
	padding:0;
	margin:0;
}
#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 10px 0 0;
	padding:0;
	float:left;
	position:relative;
	top:0;
	left:0;
	z-index:1
}
#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;
	position:relative;
	top:0;
	left:0;
	z-index:1
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li p.glass,
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .phBldgType ul li.last p.glass {
	position:absolute;
	top:100px;
	left:142px;
	z-index:2;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table {
	width:518px;
	padding:0;
	margin:20px 0 28px 0;
	font-size:83%;
	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;
}
#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.burexSize td,
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain table.burexPrice td {
	text-align:center;
}
#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;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .btnBottom {
	width:518px;
	padding:0;
	margin:0;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .btnBottom ul {
	margin:0 0 0 100px;
	padding:0;
}
#popup #wrapper #content_pop #bldgTypeBody .bldgTypeMain .btnBottom ul li {
	float:left;
	padding:0;
	margin:0 8px;
}


/* bldgMap */

#popup #wrapper #content_pop .bldgMap {
	width:550px;
	border:1px solid #DDD;
	padding:4px;
	margin:15px 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 10px 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:75%;
	width:100%;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo table th {
	width:60px;
	background-color:#F3F3F3;
	text-align:center;
	vertical-align:top;
	padding:10px;
	border:1px solid #DDD;
}
#popup #wrapper #content_pop .mapInfo .txtMapInfo table td {
	padding:10px;
	border:1px solid #DDD;
}


/* btnBottom */ 

#popup #wrapper #content_pop .btnBottom {
	width:320px;
	padding:0;
	margin:25px auto 0;
	text-align:center;
}
#popup #wrapper #content_pop .btnBottom p {
	padding:0;
	margin:0 8px;
	text-align:center;
	display:inline;
}
#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:3px solid #F43210;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.bureau #content_pop .ttlBldgType h2 {
	color:#F43210;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	10. Content BSITE 
---------------------------------------------------------------------------------------- */
.bsite #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:3px solid #7F9E3B;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.bsite #content_pop .ttlBldgType h2 {
	color:#7F9E3B;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	11. Content BUREX 
---------------------------------------------------------------------------------------- */
.burex #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:3px solid #7D3A58;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.burex #content_pop .ttlBldgType h2 {
	color:#7D3A58;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	12. Content BUREAUSOHO
---------------------------------------------------------------------------------------- */
.bureausoho #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:3px solid #12074D;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.bureausoho #content_pop .ttlBldgType h2 {
	color:#12074D;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	12. Content COMMON
---------------------------------------------------------------------------------------- */
.common #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:3px solid #004A80;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.common #content_pop .ttlBldgType h2 {
	color:#004A80;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	12. Content SHINAGAWA
---------------------------------------------------------------------------------------- */
.shinagawa #content_pop .ttlBldgType {
	width:680px !important;
	width:700px;
	border-top:3px solid #660000;
	background:transparent url(../img/bg_ttlBldgType.gif) repeat-x;
	height:46px;
	padding:0 10px;
	margin:0 0 20px;
}
.shinagawa #content_pop .ttlBldgType h2 {
	color:#660000;
	font-size:132%;
	line-height:46px;
	float:left;
	font-weight:bold;
}


/*----------------------------------------------------------------------------------------
	13. Footer
---------------------------------------------------------------------------------------- */
#footer_pop #footerBody {
	width:700px;
	margin:0 auto;
	padding:0;
	height:29px;
}
#footer_pop #footerBody p.copy {
	width:590px;
	float:left;
	font-size:69%;
	line-height:29px;
	padding:0;
	margin:0;
}
#footer_pop #footerBody p.btnClose {
	width:110px;
	float:right;
	padding:0;
	margin:0;
}


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


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


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


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


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


/*----------------------------------------------------------------------------------------
	17. Footer SHINAGAWA
---------------------------------------------------------------------------------------- */
.shinagawa #footer_pop {
	width:100%;
	background:#FFF;
	border-top:4px solid #660000;
	text-align:center;
	padding:0;
	margin:0;
}