@charset "utf-8";

/* ------------------------------------------------------------
 リクルートエージェント　求人情報　CSS
 更新日:08/12/3

 [目次]
	0:layout(※右ナビパターン共通)
	1:div.main
	1-1:div.searchArea
	1-1-1:#syokusyuSearch,#gyokaiSearch
	1-1-2:#kinmuchiSearch
	1-2:div.popup
	1-3:tabledatatable01
	1-4:ul.companyList
	1-5:デフォルト時非表示設定
	2:div.sub
	2-1:div#careerAdviser
	2-2:div#support
	2-3:div#marketReport
	2-4:div#webconcierge
	2-5:マージン検討
	3:cassette
	4:求人タイトルを.title01 のスタイルに表示設定
	5:新h1スタイル
	6:新着求人バナー
	7:footLink
	8:新h2スタイル追加
	9:企業検索ページスタイル
	
------------------------------------------------------------ */

/* 
 0:layout
	※右ナビパターンのレイアウトの際の共通スタイル
-------------------------------------------------- */

div.main{
width:690px;
float:left;
}

div.sub{
width:216px;
float:right;
}

.main .twoColumn .section{
width:340px;
}

#contents div.main div.box {
background:url(/common/imgs/twocolumn690px_bg.gif) no-repeat left bottom;
}

#contents div.main div.box div.section{
width:320px;
}

#contents div.main div.box div.section ul li{
line-height:1.5;
}



/* 
 1:div.main
------------------------------ */

/* 1-1:div.searchArea ----------*/

div.searchArea{
position:relative;
margin:0 0 15px 0;
}

div.searchArea div.inContent{
border:1px solid #869EAE;
padding:10px;
overflow:hidden;
width:668px;
}

div.searchArea div.inContent p{
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px dotted #cecece;
}


div.searchArea ul.tabNav{
height:30px;
overflow:hidden;
position:relative;
top:1px;
margin:0;
}


#keywordsSearch{
background:#fff;
border-bottom:1px solid #869EAE;
}


div.searchArea ul.tabNav li{
float:left;
margin:0 4px 0 0;
cursor:pointer;
}

div.searchArea dl.keywords{
position:absolute;
top:5px;
left:442px;
width:248px;
}

div.searchArea dl.keywords *{
line-height:1;
}

div.searchArea dl.keywords dt{
float:left;
width:92px;
}

div.searchArea dl.keywords dd{
height:18px;
width:156px;
float:left;
margin:0 0 0 0;
}

div.searchArea input{
margin:0 3px 0 0;
vertical-align:middle;
}


div.searchArea dl.keywords dd input{
border:1px solid #cecece;
vertical-align:middle;
font-size:11px;
height:16px;
line-height:16px;
margin:0;
}

div.searchArea dl.keywords dd input.searchtxt{
width:110px;
}

div.searchArea p.more,
div.searchArea p.close{
background:#F0F0F0;
border:1px solid #869EAE;
border-top:none;
padding:3px 8px;
margin:0 !important;
}

div.searchArea div.moreDetailCondition{
color:#000000;
width:690px;
padding:10px 0;
background:url(/kensaku/imgs/search_table_bg01.gif) no-repeat bottom;
}

div.searchArea div.moreDetailCondition table th{
padding:0 30px 0 10px;
text-align:center;
width:90px;
vertical-align:top;
}

div.inContent li{
margin-bottom:8px;
}

div.inContent li.active{
background:#DEECF0;
font-weight:bold;
}

div.inContent li.current{
background:#c4e9ff;
font-weight:bold;
}



div.inContent div.detail{
width:680px;
margin:0 -5px;
background:url(/kensaku/imgs/search_txt_bg02.gif) no-repeat left bottom;
padding:0 0 10px 0;
clear:both;
}

div.inContent div.detail dl{
background:url(/kensaku/imgs/search_txt_bg01.gif) no-repeat left top;
padding:24px 0 0 0;
overflow:hidden;
zoom:1;
}

div.inContent div.detail dl ul{
width:660px !important;
padding:0;
}

div.inContent div.detail dt{
padding:0 10px;
color:#000000;
font-weight:bold;
margin:0 0 5px 0;
}

div.inContent div.detail dd{
padding:0;
}


div.inContent div.detail dl ul li{
width:210px;
float:left;
margin:0;
padding:0 0 0 10px;
}


div.detailCondition table{
border-collapse:separate;
border-right:1px solid #869EAE;
border-left:1px solid #869EAE;
width:690px;
}

div.detailCondition table th{
padding:7px 10px;
border-bottom:1px solid #e8e8e8;
color:#000000;
background:#F9F9F8;
width:90px;
}

div.detailCondition table td{
padding:7px 10px;
border-left:1px solid #e8e8e8;
border-bottom:1px solid #e8e8e8;
}

div.detailCondition table td ul li{
width:20%;
float:left;
}

html>/**/body div.detailCondition table td ul li input{
margin:3px 3px 4px 0;
}

div.detailCondition table td ul{
margin:0;
}


div.detailCondition table td select{
vertical-align:middle;
margin:0 3px 0 0;
}

div.detailCondition table td option{
padding-right:10px;
}

div.detailCondition table td select.income option{
padding-left:3px;
}

div.detailCondition p.count{
font-weight:bold;
font-size:100%;
margin:-45px 0 0 10px;
color:#000000;
width:250px;
line-height:31px;
}

div.detailCondition p.count img{
vertical-align:middle;
padding:0 3px 0 10px;
}

div.detailCondition p.count span{
font-size:170%;
line-height:31px;
color:#ff0000;
padding:0 5px 0 10px;
vertical-align:middle;
}

.detailCondition div.bottomContents .normal_txt{
font-weight:normal;
}

div.detailCondition div.bottomContents{
background:url(/kensaku/imgs/search_btn_bg.gif) no-repeat bottom left;
padding:5px 0 0 0;
min-height:36px;
_height:36px;
}

div.detailCondition div.bottomContents p img{
line-height:1;
}

div.detailCondition div.bottomContents p{
padding-bottom:4px;
}

div.detailCondition p.btn{
text-align:center;
}

/* 1-1-1:#syokusyuSearch,#gyoukaiSearch  -------*/

/*左→右のパターンのスタイル
#syokusyuSearch div.inContent ul li,
#gyoukaiSearch div.inContent ul li{
width:30%;
padding:0 0 0 20px;
float:left;
}*/


#syokusyuSearch div.inContent ul,
#gyoukaiSearch div.inContent ul{
width:30%;
padding:0 0 0 20px;
float:left;
}


/* 1-1-2:#kinmuchiSearch --------*/

#kinmuchiSearch div.inContent ul{
margin:0 0 0 20px;
}

#kinmuchiSearch div.inContent ul li{
width:100%;
overflow:hidden;
padding:0 0 5px 0;
margin:0 0 5px 0;
border-bottom:1px solid #e8e8e8;
}

#kinmuchiSearch div.inContent ul li span{
clear:left;
float:left;
width:180px;
margin:0 10px 0 0;
vertical-align:top;

}

#kinmuchiSearch div.inContent ul li ul{
float:left;
margin:0;
padding-top:3px;
width:450px;
}

#kinmuchiSearch div.inContent ul li ul li{
float:left;
width:145px;
padding:0 0 3px 0;
margin:0;
border-bottom:none;
}


/* 1-2:div.popup --------------*/

div.popup{
font-size:12px;
width:460px;
border:10px solid #C3D0D8;
padding:30px 10px 10px 10px;
position:relative;
}

div.popup ul.check{
width:450px;
overflow:hidden;
margin:0 0 10px 0;
}


div.popup ul.check li{
float:left;
width:200px;
text-indent:-16px;
_text-indent:-23px;
padding:3px 0 0 25px;
}

*:first-child+html div.popup ul.check li{
text-indent:-23px;
}

div.popup p.all{
width:460px;
float:none;
font-weight:bold;
padding:0 0 3px 0;
margin:0 0 10px 0;
border-bottom:1px solid #e8e8e8;
}

#secondContent ul.check{
margin:0 0 10px 10px;
}


div.popup ul.check#kinmuchi li{
width:100%;
overflow:hidden;
float:none;
text-indent:0;
padding:5px 0;
border-bottom:1px solid #e8e8e8;
}

div.popup ul.check#kinmuchi li.end{
border-bottom:none;
padding:5px 0;
}

div.popup ul.check#kinmuchi {
margin:0;
}

div.popup ul.check#kinmuchi li span{
padding-top:3px;
width:100px;
clear:left;
float:left;
vertical-align:top;

}

div.popup ul.check#kinmuchi li ul{
padding-top:3px;
width:350px;
float:right;
}

div.popup ul.check#kinmuchi li li{
float:left;
width:68px;
border-bottom:none;
padding:0;
}


div.popup ul.link{
width:100%;
overflow:hidden;
margin:15px 0 10px 0;
}

div.popup ul.link li{
float:left;
width:210px;
}

div.popup p.close{
position:absolute;
top:10px;
right:10px;
background:none;
padding:0;
border:none;
}

div.popup p.add{
text-align:center;
border-top:1px dotted #cecece;
padding:10px 0 0 0;
}


div.popup p.reset{
text-align:center;
width:420px;
text-align:right;
margin:-32px 40px 0 0 !important;
}

html>/**/body div.popup p.reset{
margin:-32px 40px 10px 0 !important;
}



div.popup p.txt{
font-weight:bold;
}

div.popup div.firstContent{
margin:0 0 15px 0;
}

div.popup div.firstContent ul{
margin:5px 0 10px 0;
}




div.popup li.active a{
color:#00259B;
cursor:pointer;
}

div.popup input{
margin:0 3px 0 0;
vertical-align:middle;
}


/* 1-3:tabledatatable01 --------*/

div.dataTable01 table thead th{
text-align:left;
padding:10px 5px 5px 5px;
}

div.dataTable01 table h4{
font-weight:bold;
}

div.dataTable01 table th{
vertical-align:middle;
}

h3.tableTitle{
margin:0;
}

div.dataTable01 table div.textBox04{
margin:0;
}

/* 1-4:ul.companyList --------*/

ul.companyList{
width:565px;
overflow:hidden;
margin:0 auto 20px;
border-left:1px solid #E8E8E8;
border-top:1px solid #E8E8E8;
}

ul.companyList li{
float:left;
}

ul.companyList li img{
border-right:1px solid #E8E8E8;
border-bottom:1px solid #E8E8E8;
width:93px;
height:45px;
vertical-align:bottom;
}



/* 1-5:デフォルト時非表示設定-----------*/

div.moreDetailCondition,
div.detailCondition,
div.popup{
display:none;
}

/* 
 2:div.sub
------------------------------ */

/* 2-1:div#careerAdviser -------------------*/

div#careerAdviser dd{
background:url(/common/imgs/dotline01.gif) repeat-x bottom;
padding:0 0 5px 0;
margin:0 0 5px 0;
zoom:1;
overflow:hidden;
width:196px;
}

div#careerAdviser dd.end{
background:none;
}

div#careerAdviser dd img{
float:left;
}

div#careerAdviser dd p{
margin:0 0 0 70px;
}

/* 2-2:div#support -------------------*/

div#support p{
background:url(/kensaku/imgs/support_photo01.jpg) no-repeat 10px 10px;
min-height:45px;
_height:45px;
padding:25px 10px 10px 90px;
margin:0 0 5px 0;
}

div#support p.btn{
height:60px;
text-align:center;
background:none;
padding:0;
margin:0;
}

/* 2-3:div#marketReport -------------------*/

div#marketReport p{
margin:0 10px 10px 10px !important;
}

/* noscript ------------------------------*/
div.errorArea {
background:#FEF6E9 none repeat scroll 0 0;
border:3px solid #FFB3A9;
margin:0 10px 10px 0;
padding:10px;
text-align:center;
}

div.errorArea p {
background:transparent url(/common/imgs/ico_error_l.gif) no-repeat scroll left center;
color:#FF0000;
display:inline;
font-weight:bold;
padding:2px 0 2px 25px;
}


/* 2-4:div#webconcierge -------------------*/


div#webconcierge{
padding:10px;
}



/* 2-5:マージン検討以下マージン検討中 -------------------*/


div#contents div.main div.section h4{
margin:0 0 5px 0;
}


div#searchResult div.searchCount{
background:url(/common/imgs/textbox02_bg.gif) repeat left top;
padding:5px;
margin:0 0 15px 0;
color:#000;
}

div#searchResult span.hilight{
background:#FFFF99;
padding:2px;
}



div#searchResult div.searchCount a{
text-decoration:underline;
}

div#searchResult div.searchCount p{
margin:0;
}

div#searchResult div.searchCount p span{
margin-left:20px;
}

div#searchResult div.searchCount p em{
font-size:180%;
}


p#open_another_list{
background:url(/kensaku/imgs/btn_open.gif) no-repeat top left;
padding:0 0 0 18px;
color:#00259B;
cursor:pointer;
margin:10px 0 0 0;
}

p#close_another_list{
background:url(/kensaku/imgs/btn_close.gif) no-repeat top left;
display:none;
padding:0 0 0 18px;
color:#00259B;
cursor:pointer;
margin:10px 0 0 0;
}

ul#default_list,
ul#another_list{
margin:0;
}


div.jobtable table th{
text-align:center;
}


div.jobtable table thead th{
padding:10px;
}

div.jobtable,
div.cassette{
margin-bottom:25px;
}


/* 
 3:cassette（2010.2.25-）
------------------------------ */
div.cassette ul.link li {
background-position:0px 4px;}

div.jobtable table th h4{
font-size:120%;}

img.change_conditions {
cursor:pointer;
}

#contents .main #cassette01 .textBox,
#contents .main #cassette02 .textBox,
#contents .main #cassette03 .textBox,
#contents .main #cassette04 .textBox {
	background: #FFFFFF;
	margin-bottom: 5px;
}

#contents .main #cassette01 ul {
	width:376px;
	overflow:hidden;
	margin-bottom:5px;
	border-left:1px solid #E8E8E8;
	border-top:1px solid #E8E8E8;
}
#contents .main #cassette01 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#contents .main #cassette01 ul li img{
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	width:93px;
	height:45px;
	vertical-align:bottom;
}

#contents .main #cassette04 ul {
	width:564px;
	overflow:hidden;
	margin-bottom:5px;
	border-left:1px solid #E8E8E8;
	border-top:1px solid #E8E8E8;
	margin-right: auto;
	margin-left: auto;
}
#contents .main #cassette04 ul li {
	margin: 0px;
	padding: 0px;
	float: left;
}
#contents .main #cassette04 ul li img{
	border-right:1px solid #E8E8E8;
	border-bottom:1px solid #E8E8E8;
	width:93px;
	height:45px;
	vertical-align:bottom;
}

#contents .main #cassette01 .mt20 {
	margin-top:20px !important;
}


/* 
 4:求人タイトルを.title01 のスタイルに表示設定
 （2010.9.7）
------------------------------ */
#contents .main table th.firstCell h2{
font-size: 15px;
font-weight: bold;
color: #000000;
margin: 0 0 10px 0;
}


/* 5:新h1スタイル（2010.10.22)
------------------------------ */
#contents h1.pagettl{
font-size: 195%;
font-weight: bold;
margin-bottom: 15px;
color: #000000;
}

/* 5:div#newjob（2010.11.09)
------------------------------ */
div#newjob p.bnr{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.textBox04 p img.aricon{
	float: left;
	margin-right: 15px;
	margin-left: 10px;
}

div.textBox04 ul.arul{
	list-style-image:url(/common/imgs/ico_check02.gif);
	margin-left:  0px;
	padding-left: 83px;
}

div#header div.tagLine{
margin:28px 0 0 0;
width:382px;
float:left;
color:#646464;
font-size:10px;
}

/* 2011.6.24追加
------------------------------ */
#contents .main h2.title05{
	font-size:150%;
	color:#000;
	font-weight:bold;
}
#contents .main p.relation{
	font-size:85%;
}


	/* 7:footLink */
	div#footLink{
	font-size:85%;
	background:url(/common/imgs/textbox02_bg.gif) repeat left top;
	padding:10px 8px;
	margin:10px auto 40px auto;
	}
	
	div#footLink h3{
	font-size:10px;
	font-style:normal;
	margin:0;
	}
	
	div#footLink p{
	margin:0 10px 0 0;
	float:left;
	clear:left;
	}
	
	div#footLink ul{
	list-style:none;
	margin:0;
	}
	
	div#footLink ul li{
	float:left;
	white-space:nowrap;
	}
	

/* 8:新h2スタイル追加（2011/8/31）
---------------------------------------*/
#searchResult h2.kigyouResult{
	font-size:100%;
	font-weight: normal;
	margin:0;
	}
	
div#searchResult div.searchCount h2 em{font-size:180%;}


/* 9:企業検索ページスタイル（2011/8/31）
--------------------------------------*/

#kigyousearch div.namesearch{margin-bottom:15px;}

#kigyousearch p.boxtitle{
	margin-top:10px;
	margin-bottom:0px;
	border:none;
}

#kigyousearch div.namesearch input.kigyousearchbox{
	border:1px solid #cecece;
	vertical-align:middle;
	font-size:12px;
	height:20px;
	line-height:18px;
	width:400px;
	margin:0px 4px 0px 0px;
	}