@charset "UTF-8";

/*
*	Title: 転職プラス - ポップアップライブラリ用CSS
*	URI: http://www.aaa.a
*	Last Modified: 2008-03-14
*	Description: オーバーレイ形式で条件選択ウインドウを表示する
*/

/* ----- ウインドウ背景 ----- */
#PU_screen {
	position: fixed;
	z-index: 100;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #ffffff;
	filter: alpha(opacity=0);
	opacity: 0.0;
}

/* ----- ウインドウ枠 ----- */
.PU_frame {
	position: fixed;
	z-index: 102;
	left: 50%;
	top: 50%;
	Xvisibility: hidden;
}

/* ----- ウインドウ枠（ヘッダー） ----- */
.PU_frame .header {
	position: relative;
	width: auto;
	height: 25px;
	overflow: hidden;
}

.PU_frame .header .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 25px;
	background: url(../images/overlay/bg_top_left.gif) no-repeat left top;
}

.PU_frame .header .body {
	margin: 0 10px;
	width: auto;
	height: 25px;
	overflow: hidden;
	background: #597d91 url(../images/overlay/bg_top_middle.gif) repeat-x left top;
	padding-top: 4px;
	text-align: left;
	font-weight: bold;
	font-size: 120%;
	color: #ffffff;
}

.PU_frame .header .right {
	position: absolute;
	right: 0;
	top: 0;
	width: 10px;
	height: 25px;
	background: url(../images/overlay/bg_top_right.gif) no-repeat right top;
}

.PU_frame .header .closeButton {
	position: absolute;
	right: 11px;
	top: 0;
	display: block;
	width: 23px;
	height: 18px;
	overflow: hidden;
	background: #dddddd url(../images/overlay/btn_close.gif) no-repeat left top;
	text-indent: -9999px;
}

.PU_frame .content {
	width: auto;
	background: #597d91;
}

/* ----- ウインドウ枠（フッター） ----- */
.PU_frame .footer {
	position: relative;
	width: auto;
	height: 7px;
	overflow: hidden;
}

.PU_frame .footer .left {
	position: absolute;
	left: 0;
	top: 0;
	width: 7px;
	height: 7px;
	background: url(../images/overlay/bg_bottom_left.gif) no-repeat right top;
}

.PU_frame .footer .body {
	margin: 0 7px;
	width: auto;
	height: 7px;
	background: #597d91
}

.PU_frame .footer .right {
	position: absolute;
	right: 0;
	top: 0;
	width: 7px;
	height: 7px;
	background: url(../images/overlay/bg_bottom_right.gif) no-repeat right top;
}

/* ----- ウインドウ枠下地（IE6用） ----- */
.PU_Uframe {
	position: fixed;
	z-index: 101;
	left: 50%;
	top: 50%;
	Xvisibility: hidden;
	border-width: 0;
}

/* ----- ウインドウ本体 ----- */
.PU_body {
	position: fixed;
	left: 0;
	top: 0;
	visibility: hidden;
	width: 600px;
	background: #ffffff;
	padding: 11px 10px 20px;
	z-index: 110;
}

.PU_body h3 {
	width: auto;
	height: 0;
	overflow: hidden;
}

/* ----- ウインドウ上部 選択条件 ----- */
.PU_body .popupConditions {
	margin: 20px 50px;
	border: 1px solid #cdcdcd;
	background: #eeeeee;
	padding: 16px 20px 15px;
}

.PU_body .popupConditions table {
	width: 100%;
}

.PU_body .popupConditions table td {
	border-width: 0 !important;
	width: 50%;
	padding: 2px 2px 2px 10px !important;
}

.PU_body .popupConditions .column3 td {
	width: 33% !important;
}

.PU_body .popupConditions table td a {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

.PU_body .popupConditions table td .focus {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

/* ----- ウインドウ中部 選択条件 ----- */
.PU_body .popupSubConditions {
	position: relative;
	margin: -10px 50px 20px;
	height: 110px;
	border: 1px solid #cdcdcd;
	background: #eeeeee;
	padding: 16px 20px 15px;
}

.PU_body .popupSubConditions table {
	visibility: hidden;
	position: absolute;
	left: 20px;
	top: 16px;
	width: 100%;
}

.PU_body .popupSubConditions table td {
	border-width: 0 !important;
	width: 50%;
	padding: 2px 2px 2px 10px !important;
}

.PU_body .popupSubConditions .column3 td {
	width: 33% !important;
}

.PU_body .popupSubConditions table td a {
	text-decoration: underline;
	font-weight: normal;
	color: #000000;
}

.PU_body .popupSubConditions table td .focus {
	text-decoration: none;
	font-weight: bold;
	color: #000000;
}

/* ----- ウインドウ下部 タブエリア ----- */
.PU_body .popupTabFrame {
	position: relative;
	height: 200px;
}

.PU_body .popupTabFrame div {
	position: absolute;
	left: 0;
	top: 0;
	width: 560px;
	height: 200px;
	padding: 0 20px;
	overflow: auto;
	overflow-x: hidden;
	visibility: hidden;
}

.PU_body .popupTabFrame div h4 {
	background: #ececfd;
	padding: 4px 5px;
	font-weight: bold;
}

.PU_body .popupTabFrame div table {
	margin-top: 7px;
	width: 100%;
}

.PU_body .popupTabFrame div table tr td {
	border-width: 0 !important;
	width: 50%;
	padding: 2px 2px 2px 10px !important;
	vertical-align: top;
}

.PU_body .popupTabFrame div table tr td input {
	float: left;
}

.PU_body .popupTabFrame div table tr td label {
	display: block;
	Xmargin-left: 25px;
	width: 235px;
	height: auto;
	overflow: hidden;
	padding-top: 2px;
	line-height: 1.3;
}

.PU_body .column3 div table tr td {
	width: 33% !important;
}

/* ----- ウインドウ下部 閉じるボタン ----- */
.PU_body .closeButton {
	margin-top: 4px;
	text-align: center;
}


/* ----- IE6 ハック ----- */
* html #PU_screen {
	position: absolute;
	Xheight: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

* html .PU_body,
* html .PU_frame,
* html .PU_Uframe {
	position: absolute;
	Xvisibility: visible;
	Xmargin-top: expression(0 - parseInt(this.offsetHeight / 2) + (PUBodyMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}