@charset "UTF-8";

/* 見出しh3 */
#main h3#eigyouH3,
#main h3#lineH3,
#main h3#skillH3,
#main h3#colorH3,
#main h3#areaH3,
#main h3#jobH3,
#main h3#featureH3,
#main h3#favoriteH3{
	height:31px;
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	margin:0 0 10px 0;
}
#main h3#eigyouH3 span,
#main h3#lineH3 span,
#main h3#skillH3 span,
#main h3#colorH3 span,
#main h3#areaH3 span,
#main h3#jobH3 span,
#main h3#featureH3 span,
#main h3#favoriteH3 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}	
#main h3#eigyouH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 0;
}
#main h3#lineH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -31px;
}
#main h3#skillH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -62px;
}
#main h3#colorH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -93px;
}
#main h3#areaH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -124px;
}
#main h3#jobH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -155px;
}
#main h3#featureH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -186px;
}						
#main h3#favoriteH3 span{
	background:url(/img/2009/h/h3_searchtype.gif) no-repeat 0 -217px;
}

	
/* 見出しh4 */
#main h4#eigyouH4,
#main h4#lineH4,
#main h4#colorH4,
#main h4#areaH4,
#main h4#jobH4,
#main h4#featureH4,
#main h4#favoriteH4,
#main h4#ageH4,
#main h4#areaH4,
#main h4#salaryH4{		
	height:29px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	margin:0;
}
	

#main h4#eigyouH4 span,
#main h4#lineH4 span,
#main h4#colorH4 span,
#main h4#areaH4 span,
#main h4#jobH4 span,
#main h4#featureH4 span,
#main h4#favoriteH4 span,
#main h4#ageH4 span,
#main h4#areaH4 span,
#main h4#salaryH4 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#main h4#eigyouH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 0;
}
#main h4#lineH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -29px;
}
#main h4#colorH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -58px;
}
#main h4#areaH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -87px;
}
#main h4#jobH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -116px;
}
#main h4#featureH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -145px;
}						
#main h4#favoriteH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -174px;
}
#main h4#ageH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -203px;
}
#main h4#areaH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -232px;
}
#main h4#salaryH4 span{
	background:url(/img/2009/h/h4_searchstyle.gif) no-repeat 0 -261px;
}

/* searchSection */
.searchSection{
	border:1px solid #ccc;
	border-top:none;
	padding:10px;
	margin:0 0 15px 0;
	background:url(/img/2009/common/bg_searchSection.gif) no-repeat 0 100%;
}

/* eigyo */
.searchSection h5.searchSectionTitle{
	background:#eee;
	padding:5px;
	margin:0 0 10px 0;
	font-size:12px;
}
.searchSection ul.selectList{
	margin:0 0 10px 0;
	padding:0 0 0 5px;
}
.searchSection ul.selectList li{
	float:left;
	width:218px;
	_padding:0 0 5px 0;
}
.searchSection ul.selectList .listType3 li{
	width:202px;
}
.searchSection ul.selectList li.lineType2{
	float:left;
	width:327px;
	_padding:0 0 5px 0;
}
.searchSection ul.selectList .listType3 li.lineType2{
	width:202px;
}
.searchSection ul.selectList span,
.searchSection h5 span{
	font-size:10px;
	color:#666;
	padding:0 0 0 2px;
}
.searchSection .searchlinkBtn{
	height:18px;
	margin:0 0 10px 0;
}	
.searchSection .searchlinkBtn a{
	height:18px;
	position:relative;
	font-size:12px;
	/*HideMacIE\*/ 
	overflow:hidden; 
	/**/
	display:block;
	margin:0;
	float:right;
	width:90px;
}
.searchSection .searchlinkBtn a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/h/searchlinkBtn.gif) no-repeat 0 0;
}	
.searchSection .searchlinkBtn a:hover span{
	background:url(/img/2009/h/searchlinkBtn.gif) no-repeat 0 -18px;
}
.searchlinkCondition{
	clear:both;
	border:3px solid #eee;
	padding:10px;
	margin:0 0 10px 0;
}
.searchlinkCondition h5{
	background:none;
	height:16px;
	width:107px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;
	
	/**/
	padding:0;
}
.searchlinkCondition h5 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/h/h_addconditon.gif) no-repeat 0 0;
}
.searchlinkCondition ul li{
	float:none;
	display:inline;
	padding:0 20px 0 0;
}
.searchlinkCondition ul.searchList1{
	margin:0 0 7px 0;
	
}
.searchlinkCondition ul.searchList1 li select{
	width:140px;
}	
.searchlinkCondition ul.searchList2 li span{
	margin:0 10px;
}
.searchlinkCondition span.beginner{
	background:url(/img/2009/common/icon/icon_beginner.gif) no-repeat 0 50%;
	*background:url(/img/2009/common/icon/icon_beginner.gif) no-repeat 0 10%;
	padding:0 0 0 13px;
	margin:0 20px 0 0;
}
.searchlinkCondition span.workstyle{
	background:url(/img/2009/common/icon/icon_style.gif) no-repeat 0 50%;
	*background:url(/img/2009/common/icon/icon_style.gif) no-repeat 0 10%;
	padding:0 0 0 15px;
}
.searchSection .checkbox{
	vertical-align:middle;
	height:14px;
}					
	
.searchBtnl{
	text-align:center;
}

/*line*/
#searchLine{
	background:url(/img/2009/common/bg_searchline.gif) no-repeat 0 0;
	margin:0 0 10px 0;
}

#searchLine dl{
	float:left;
	width:106px;
	margin:0 33px 0 0;
}
#searchLine dl#rightDl{
	margin:0;
}
#searchLine dl select{
	width:100px;
}

dl#selectArea dt,
dl#selectCompany dt,
dl#selectLines dt,
dl.selectSection dt{
	height:20px;
	width:106px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;	
	/**/
}
dl#selectArea dt span{
	background:url(/img/2009/common/t_area.gif) no-repeat 0 0;	
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
dl#selectCompany dt span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/t_selectcompany.gif) no-repeat 0 0;
}
dl#selectLines dt span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/t_selectLine.gif) no-repeat 0 0;
}
dl.selectSection dt span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/t_selectsection.gif) no-repeat 0 0;
}
dl#selectArea dd,		
dl.selectSection dd,
dl#selectLines dd,
dl#selectCompany dd{
	background:#FFEBCA;
	padding:2px;
	width:100px;
}
	

/*skill*/
ul.skillList li{
	float:left;
	width:98px;
}
ul.skillList li a{
	display:block;
	height:24px;
	text-align:center;
	padding:5px 0 0 0;
	color:#333;
	background:url(/img/2009/common/tab_98.gif) no-repeat 0 0;
}
ul.skillList li a:hover{
	background:url(/img/2009/common/tab_98.gif) no-repeat 0 -29px;
	text-decoration:none;
}	
	
ul.skillList li.skillListR{
	width:97px;
}
ul.skillList li.skillListR a{
	display:block;
	height:24px;
	text-align:center;
	padding:5px 0 0 0;
	color:#333;
	background:url(/img/2009/common/tab_97.gif) no-repeat 0 0;
}
ul.skillList li.skillListR a:hover{
	background:url(/img/2009/common/tab_97.gif) no-repeat 0 -29px;
}				
ul#skillListDetail li{
	float:left;
	width:215px;
	margin:0 8px 0 0;
}
ul#skillListDetail2 li{
	float:left;
	width:326px;
	margin:0 10px 0 0;
}	
ul#skillListDetail li.rightLi,
ul#skillListDetail2 li.rightLi,
.companyList li.rightLi{
	margin:0;
}
	
li#keiken1 h4,
li#keiken2 h4,
li#shikaku h4{
	height:20px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;	
	/**/
}
li#keiken1L h4,
li#keiken2L h4{
	height:20px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;	
	/**/
}	
li#keiken1 h4 span,
li#keiken2 h4 span,
li#shikaku h4 span,
li#keiken1L h4 span,
li#keiken2L h4 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
li#keiken1 h4 span{
	background:url(/img/2009/common/t_keiken.gif) no-repeat 0 0;
}
li#keiken2 h4 span{
	background:url(/img/2009/common/t_keiken2.gif) no-repeat 0 0;
}
li#shikaku h4 span{
	background:url(/img/2009/common/t_shikaku.gif) no-repeat 0 0;
}
li#keiken1L h4 span{
	background:url(/img/2009/common/t_keiken_l.gif) no-repeat 0 0;
}
li#keiken2L h4 span{
	background:url(/img/2009/common/t_keiken2_l.gif) no-repeat 0 0;
}
ul#skillListDetail li ul.detailList li,
ul#skillListDetail2 li ul.detailList li{
	background:url(/img/2009/common/icon/arrow_triangle.gif) no-repeat 0 50%;
	padding:0 0 0 10px;
	width:auto;
	float:none;
}
.detailList li span{
	color:#666;
	font-size:10px;
}		
	
		
/*color*/	
#colorList h5{
	height:20px;
	width:84px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;	
	/**/
}
#colorList h5 span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/t_color.gif) no-repeat 0 0;
}
	
#colorList ul li{
	display:inline;
	padding:0 5px 0 0;
}
.companyList{
	background:#eee;
	padding:10px 17px;
	margin:0 0 10px 0;
}
.companyList ul li{
	float:left;
	width:93px;
	height:22px;
	border:1px solid #ccc;
	background:#fff;
	text-align:center;
	padding:20px 0;
	margin:0 11px 0 0;
}	
.pagerList{
	position:relative;
}
.pagerList li#next{
	position:absolute;
	top:0;
	right:0;
}
	
li#before a,
li#next a{
	display:block;
	height:18px;
	width:90px;
	position:relative;
	font-size:12px;
	margin:0 0 5px 0;
	/*HideMacIE\*/ 
	overflow:hidden;	
	/**/
}
li#before a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/btn_before.gif) no-repeat 0 0;
}
li#before a:hover span{
	background:url(/img/2009/common/btn_before.gif) no-repeat 0 -18px;
}
li#next a span{
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(/img/2009/common/btn_next.gif) no-repeat 0 0;
}
li#next a:hover span{
	background:url(/img/2009/common/btn_next.gif) no-repeat 0 -18px;
}				

	
/*add
---------------------------------------------------------------------------*/
.searchBox{
	font-weight:bold;
	font-size:16px;
	margin:0 0 10px 0;
	position:relative;
	width:662px;
}
.searchBox a{
	display:block;
	position:absolute;
	top:5px;
	right:0;
	font-size:13px;
	background:url(/img/2009/common/icon/icon_link.gif) no-repeat 0 50%;
	padding:0 0 0 18px;
}


/*error
---------------------------------------------------------------------------*/
.error{
	background:#FFF7F9;
	border:1px solid #E60012;
	padding:10px;
	margin:0 0 10px 0;
}
.error li{
	background:url(/img/2009/common/icon/icon_error.gif) no-repeat 0 50%;
	padding:0 0 0 19px;
	color:#E60012;
	font-weight:bold;
}