@charset "Shift_JIS";

/*=========================================================================

種別 ： ポップアップページ用フォーマットcss
適用 ： 【E】検討リスト／【E】応募／【G】メール登録

=========================================================================*/

/*
 大枠レイアウト
-------------------------------------------------------------------------*/

/*
 ヘッダー HEADER
----------------------------------*/
#POP #HEADER-CONTAINER {
	min-width:660px;
	min-height:30px;
	background-color:#ffffff;
	border-bottom:5px solid #b7a693;
	text-align:center;
}
#POP #HEADER {
	width:600px;
	margin:0 auto;
	padding:0 30px;
	background-color:#ffffff;
	line-height:120%;
	font-size:88%;
}
#POP #HEADER p.headerLogo {
	float:left;
	width:232px;
	margin:4px 10px 0 0;
	font-size:1px;
	line-height:1px;
}
#POP #HEADER ul.gnavi01 {
	float:right;
	width:320px;
	margin-top:8px;
}
#POP #HEADER ul.gnavi01 li {
	float:right;
	padding:0 0 0 12px;
}

/*
 メイン領域 MAIN
----------------------------------*/
#POP #MAIN {
	width:600px;
 margin:0 auto;
	padding:0 30px;
 text-align:left;
}

/*
 フッター FOOTER
----------------------------------*/
#POP #FOOTER-CONTAINER {
	min-width:660px;
	margin:0;
 padding:0;
 text-align:center;
	background:#fff url(/h/parts/img/xn_bg_footer.gif) repeat-x top left;
}
#POP #FOOTER {
	width:600px;
 margin:0 auto;
	padding:0 30px;
	text-align:left;
}
#POP #FOOTER p.copyright {
	float:left;
	width:290px;
	margin-top:6px;
	padding-bottom:3px;
}
#POP #FOOTER p.close {
	float:right;
	width:290px;
	margin-top:5px;
	text-align:right;
}

/* clearfix
----------------------------------*/
#POP #HEADER:after,
#POP #HEADER ul.gnavi01:after,
#POP #MAIN:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#POP #HEADER,
#POP #HEADER ul.gnavi01,
#POP #MAIN {
	min-height:1%;
	_height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}



/*=========================================================================

 【C】地図

=========================================================================*/
div.mapArea {
	width:510px;
	margin:0 auto;
}
div.map {
	width:508px;
	margin-top:30px;
	border:1px solid #999;
}
div.map p.defaultMap {
	padding:4px 10px 5px 10px;
	text-align:right;
}
div.map p.defaultMap a {
	padding:2px 0 1px 18px;
	background:url(/h/parts/img/xn_c_icon_default.gif) no-repeat 0 50%;
}
p#viewStation {
	margin-top:10px;
	padding:3px 0 2px 20px;
	background:url(/h/parts/img/xn_c_icon_view.gif) no-repeat 0 50%;
}
/* 最寄り駅 */
div#stationList {
	display:none;
}
dl.stationFrame {
	width:510px;
	margin-top:20px;
}
dl.stationFrame dt {
	padding:3px 10px 2px 10px;
	background-color:#d0d0d0;
	font-weight:bold;
}
dl.stationFrame dd {
	padding:8px 10px;
	border:1px solid #d0d0d0;
}
dl.stationFrame dd div p {
	float:left;
	width:160px;
	margin-bottom:1px;
	padding-right:10px;
}
dl.stationFrame dd div p.right {
	width:147px;
	padding-right:0;
}



/*=========================================================================

 【E】検討リスト

=========================================================================*/
/*
 検索結果表示エリア
-------------------------------------------------------------------------*/
#POP div.resultArea {
	width:auto;
	margin:0 5px 0 5px;
	padding-top:4px;
}
#POP div.resultArea p.searchResult {
	float:left;
	width:270px;
	font-weight:bold;
	color:#71533b;
}
#POP div.resultArea p.searchResult span {
	font-size:150%;
	color:#333;
}
#POP div.resultArea div.pageMove {
	float:right;
	width:310px;
	text-align:right;
	font-weight:bold;
}
#POP div.resultArea div.pageMove table {
	float:right;
}
#POP div.resultArea div.pageMove td img {
	margin:2px 10px 0 10px;
}
#POP div.resultArea.mb10 {
	margin-bottom: 10px;
}
.popFrame.batch {
	background: url("/h/parts/img/xn_bg_frame14_batch.png") repeat-y top left;
}
.popFrame.batch .titleArea {
	background: url("/h/parts/img/xn_bg_frame16_batch.png") no-repeat bottom left;
}
.popFrame.batch .titleArea .titleAreaWrap {
	background: url("/h/parts/img/xn_bg_frame15_batch.png") no-repeat top left;
	padding: 10px 25px 5px 15px;
}
.popFrame.batch div.btnArea {
	background: url("/h/parts/img/xn_bg_frame10_batch.png") repeat-x top left;
	padding: 6px 0 0 50px;
	width: 540px;
}
.popFrame.batch .titleArea h2.floLeft {
	margin-left: 40px;
	width: 420px;
}
.popFrame.batch .section {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 0 25px 0 0;
	vertical-align: middle;
	width: 520px;
}
.popFrame.batch .contentsArea .text {
	width: 400px;
}
.popFrame.batch .conditionTble {
	width: 520px;
}
.apply_wrap {
	background: url("/h/parts/img/bg_arrow_down.png") no-repeat 12px 17px;
	padding-left: 53px;
}
.apply_wrap.btm {
	background: url("/h/parts/img/bg_arrow_up.png") no-repeat 12px -1px;
	padding: 10px 0 0 0;
	padding-left: 53px;
}
.apply_wrap .apply_memo {
	font-size: 88%;
}
.popFrame.batch .checkbox {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-align: center;
	vertical-align: middle;
	width: 50px;
}
.listing_mail_notes {
	line-height: 1.5;
}
.listing_mail_notes:visited {
	color: #3643C6;
}
.h3area h3.inqlist_ttl {
	font-size: 115%;
}
#POP .resultArea .searchResult .number {
	color: #E61717;
	font-size: 180%;
}
.popFrame .btnArea .period .em05 {
	color: #E61717;
	font-size: 130%;
	font-weight: bold;
}
/*
 一括応募ボタンエリア
	-------------------------------------------------------------------------*/
div.allBtnArea p {
	margin-top:12px;
	padding-top:40px;
	background:url(/h/parts/img/xn_e_bg_arrow.gif) no-repeat top center;
	text-align:center;
}

/* ボタン下エリア
----------------------------------*/
div.footArea {
	margin-top:30px;
}
div.footArea ul.noteList {
	float:left;
	width:360px;
}
div.footArea div.pageMove {
	float:right;
	width:230px;
	text-align:right;
	font-weight:bold;
}
div.footArea div.pageMove table {
	float:right;
}
div.footArea div.pageMove td img {
	margin:2px 10px 0 10px;
}




/*=========================================================================

 【E】応募済みリスト

=========================================================================*/
/*
 応募済みリストのフレーム
-------------------------------------------------------------------------*/

div.popFrame {
	width:600px;
	margin:8px 0 4px 0;
	background:url(/h/parts/img/xn_bg_frame14.gif) repeat-y top left;
}
div.popFrame div.frameWrapT {
	width:600px;
	padding-top:10px;
	background:url(/h/parts/img/xn_bg_frame23.gif) no-repeat top left;
}

/* タイトルエリア
----------------------------------*/
div.popFrame div.titleArea {
	padding-bottom:4px;
	background:url(/h/parts/img/xn_bg_frame16.gif) no-repeat bottom left;
}
div.popFrame div.titleArea div.titleAreaWrap {
	padding:10px 25px 5px 25px;
	background:url(/h/parts/img/xn_bg_frame15.gif) no-repeat top left;
}
div.popFrame div.titleArea h2 {
	padding-top:3px;
}
div.popFrame div.titleArea h2.floLeft {
	float:left;
	width:435px;
}
div.popFrame div.titleArea h2.mapTitle {
	float:left;
	width:435px;
	padding-top:0;
	font-size:130%;
	line-height:145%;
}
div.popFrame div.titleArea p.btn {
	float:right;
	width:100px;
	text-align:right;
}

/* コンテンツエリア
----------------------------------*/
div.popFrame div.contentsArea {
	width:600px;
	padding:8px 0 11px 0;
	background:url(/h/parts/img/xn_bg_frame17.gif) no-repeat bottom left;
}
div.popFrame div.section {
	padding:0 25px;
}
/* 区切り線 */
div.popFrame div.sectionLine {
	width:550px;
	margin:30px 5px 0 5px;
	padding:20px 20px 0 20px;
	background:url(/h/parts/img/xn_bg_frame10.gif) repeat-x top left;
}
div.popFrame div.contentsArea div.detailCol {
	margin-top:8px;
}
div.popFrame div.contentsArea p.photo {
	float:left;
	width:105px;
}
div.popFrame div.contentsArea div.text {
	float:right;
	width:430px;
}
div.popFrame div.contentsArea div.text p.leadText {
	font-size:130%;
	line-height:145%;
	font-weight:bold;
}
div.popFrame div.contentsArea div.text p.leadText span {
	font-weight:normal;
	font-size:68%;
}
div.popFrame table.conditionTble {
	width:550px;
	margin-top:15px;
	border:0;
}
div.popFrame table.conditionTble th {
	width:25px;
	background-color:#eee9dc;
	border:1px solid #daca9f;
	vertical-align:middle;
	text-align:center;
}
div.popFrame table.conditionTble td {
	width:220px;
	padding:0 5px 0 6px;
	border:0;
	vertical-align:top;
}

/* ボタンエリア
----------------------------------*/
div.popFrame div.btnArea {
	width:550px;
	min-height:28px;
	margin:15px 5px 0 5px;
	padding:6px 20px 0 20px;
	background:url(/h/parts/img/xn_bg_frame10.gif) repeat-x top left;
}
* html body div.popFrame div.btnArea {
	height:28px;
}
div.popFrame div.btnArea p.period {
	float:left;
	margin:5px 0;
	font-size:88%;
	color:#999;
}
div.popFrame div.btnArea p.period span.em03,
div.popFrame div.btnArea p.period span.em04 {
	font-size:115%;
}
div.popFrame div.btnArea p.detail {
	float:right;
	padding-top:5px;
}
div.popFrame div.btnArea p.detail a {
	padding:2px 0 1px 22px;
	background:url(/h/parts/img/xn_icon04.gif) no-repeat 0 50%;
}
div.popFrame div.btnArea table {
	float:right;
	text-align:right;
}
div.popFrame div.btnArea table p.detail {
	float:none;
	padding-top:0;
}

div.popFrame div.btnArea table p.btn {
	margin-left:20px;
}
.btn_3clmn {
	margin-left: 10px;
}
#MAIN .btn_3clmn img {
	margin: 0;
}

/*
 検討リストページ　メッセージエリア
-------------------------------------------------------------------------*/
.msg_considerlist_mail {
	font-size: 14px;
	font-weight: bold;
	margin: 10px 10px 0;
}

/*
 件数0件ページ　メッセージエリア
-------------------------------------------------------------------------*/
div.msgArea {
	margin:120px auto;
	text-align:center;
}




/*=========================================================================

 【G】メールサービス

=========================================================================*/
div#POP p.lead {
	margin:12px 5px 0 5px;
}


/*
 【G-01】メール登録
-------------------------------------------------------------------------*/
/* 登録条件
----------------------------------*/
ul.conditionList li {
	padding-left:10px;
	background:url(/h/parts/img/xn_icon_list.gif) no-repeat 0 0.55em;
}
table.design01 td input.mailadd {
	width:315px;
	ime-mode:disabled;
	font-size:120%;
}
table.design01 td input.short {
	width:150px;
}

table.design01 td input.pr_keyword {
	width:280px;
}

/* ボタンエリア
----------------------------------*/
div.popFrame div.btnArea02 {
	width:550px;
	margin:30px 5px 0 5px;
	padding:11px 20px 5px 20px;
	background:url(/h/parts/img/xn_bg_frame10.gif) repeat-x top left;
	text-align:center;
}
div.popFrame div.btnArea02 p img,
div.popFrame div.btnArea02 p input {
	margin:0 5px;
}

/* 登録完了メッセージ
----------------------------------*/
div.completeMsg {
	margin:70px auto 80px;
	text-align:center;
}

/*
 【G-02】登録条件削除
-------------------------------------------------------------------------*/

/* メール配信中フレーム
----------------------------------*/
div.stateFrame {
	width:550px;
	margin-top:20px;
	padding-top:25px;
	background:url(/h/parts/img/xn_g_bg_frame01.gif) no-repeat top left;
}
div.stateFrame div.frameWrap {
	width:530px;
	padding:0 10px 25px 10px;
	background:url(/h/parts/img/xn_g_bg_frame02.gif) no-repeat bottom left;
	text-align:center;
}

/* h3 見出し
----------------------------------*/
div.popFrame div.h3area {
	width:550px;
	margin-top:18px;
	padding-top:2px;
	background:url(/h/parts/img/xn_bg_ti09.gif) no-repeat top left;
}
div.popFrame div.h3area h3 {
	width:528px;
	padding:0 10px 2px 12px;
	background:url(/h/parts/img/xn_bg_ti10.gif) no-repeat bottom left;
	color:#71533b;
}
div.popFrame div.h3areaQuit {
	float:left;
	width:422px;
	margin-top:4px;
	padding-top:2px;
	background:url(/h/parts/img/xn_bg_ti09.gif) no-repeat top left;
}
div.popFrame div.h3areaQuit h3 {
	width:400px;
	padding:0 10px 2px 12px;
	background:url(/h/parts/img/xn_bg_ti10.gif) no-repeat bottom left;
	color:#71533b;
}
/* 条件削除テーブル */
table.design01 td.condition {
	width:454px;
	border-right:0;
	/* Android対応 */
	background-image:url(/h/parts/img/sp.gif);
}
div.popFrame p.quitBtn {
	float:right;
	width:121px;
}
div.popFrame div.sectionQuit {
	padding:7px 25px 10px;
}

/* 「削除」ボタンエリア
----------------------------------*/
div.popFrame div.btnArea p.back {
	float:left;
	width:215px;
	margin-top:10px;
}
div.popFrame div.btnArea p.btnCenter {
	float:left;
	width:300px;
	padding:5px 0;
}



/*=========================================================================

 【I】お問い合わせ

=========================================================================*/
div.popFrame td.inquiryAbout input {
	margin-right:4px;
	vertical-align:middle;
}
div.popFrame div.inquiryError {
	margin:70px 70px 80px 80px;
}
div.popFrame table.design01 td textarea {
	width:340px;
}







/*
 ワイドヘッダー HEADER
----------------------------------*/
#POP #WIDE-HEADER-CONTAINER {
	min-width:1000px;
	min-height:20px;
	background-color:#ffffff;
	border-bottom:5px solid #b7a693;
	text-align:center;
}
#POP #WIDE-HEADER {
	width:960px;
	margin:0 auto;
	padding:0 30px;
	background-color:#ffffff;
	line-height:120%;
	font-size:88%;
}
#POP #WIDE-HEADER p.headerLogo {
	float:left;
	width:232px;
	margin:4px 10px 0 0;
	font-size:1px;
	line-height:1px;
}
#POP #WIDE-HEADER .gnavi01 {
	float:right;
	width:150px;
	text-align:right;
	margin-top:8px;
}
#POP #WIDE-HEADER .gnavi01 li {
	float:right;
	padding:0 0 0 12px;
}

/*
 ワイドメイン領域 MAIN
----------------------------------*/
#POP #WIDE-MAIN {
	width:960px;
 margin:0 auto;
	padding:0 30px;
 text-align:left;
}

/*
 ワイドフッター FOOTER
----------------------------------*/
#POP #WIDE-FOOTER-CONTAINER {
	min-width:1000px;
	margin:0;
 padding:0;
 text-align:center;
	background:#fff url(/h/parts/img/xn_bg_footer.gif) repeat-x top left;
}
#POP #WIDE-FOOTER {
	width:960px;
 margin:0 auto;
	padding:0 30px;
	text-align:left;
}
#POP #WIDE-FOOTER p.copyright {
	float:left;
	width:290px;
	margin-top:6px;
	padding-bottom:3px;
}
#POP #WIDE-FOOTER span a{
	display:block;
	height:auto;
	color:#435B67;
	background: none;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size:10px;
	font-weight:bold;
	text-decoration:underline;
	margin:3px 0 0 0;
}
#POP #WIDE-FOOTER p.close {
	float:right;
	width:290px;
	margin-top:5px;
	text-align:right;
}

/* clearfix
----------------------------------*/
#POP #WIDE-HEADER:after,
#POP #WIDE-HEADER .gnavi01:after,
#POP #WIDE-MAIN:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
#POP #WIDE-HEADER,
#POP #WIDE-HEADER .gnavi01,
#POP #WIDE-MAIN {
	min-height:1%;
	_height:1%;
	/*\*//*/
	height:auto;
	overflow:hidden;
	/**/
}


/*=========================================================================

 【J】最近見た求人情報 #etsuran_rireki

=========================================================================*/

#etsuran_rireki div.footArea ul.noteList {
	width:285px;
}
#etsuran_rireki div.footArea div.pageMove {
	width:310px;
}



/* 1206改修 最近見た求人情報、検討リスト、応募済みリスト横渡りリンク */
#kento_list div.footArea ul.noteList,
#oubo_rireki div.footArea ul.noteList {
	width:285px;
}
#kento_list div.footArea div.pageMove,
#oubo_rireki div.footArea div.pageMove {
	width:310px;
}

/* 1208改修 検討リスト */
#kento_list .ktmail_btn {
	text-align:center;
	margin:10px auto 15px;
}
#kento_list #ktalertmail {
	vertical-align:middle;
}

/* 1208改修 Popup企業情報 */
#company_info #POP #HEADER-CONTAINER {
	min-width:810px;
}
#company_info #POP #HEADER {
	width:810px;
}
#company_info #POP #MAIN {
	width:810px;
	margin:0 auto;
	padding:0;
}
#company_info .wideFrame {
	position:relative;
	margin:1.5em auto 10px;
}
#company_info h2.tagline01 {
	position:absolute;
	top:-1.3em;
	right:10px;
	text-align:right;
	font-weight:normal;
	font-size:88%;
	color:#999;
}
#company_info #POP #FOOTER-CONTAINER {
	min-width:810px;
}
#company_info #POP #FOOTER {
	width:810px;
}
#company_info .comment_table {
	border: 1px solid #d0d0d0;
	margin-top: 15px;
	width: 100%;
}
#company_info .comment_table th {
	padding: 9px 0;
	vertical-align: top;
}
#company_info .comment_table th img {
	padding: 0 0 0 13px;
}
#company_info .comment_table td {
	padding: 5px 10px 5px 0;
	vertical-align: top;
}
#company_info .comment_table td div {
	padding:  4px 0 5px 15px;
	border-left: 1px solid #d0d0d0;
}
.pb0 {
	padding-bottom:0 !important;
}