@charset "utf-8";

#p-jobpedia #wrapper {
	background-color: transparent;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, sans-serif;
}

#p-jobpedia #catchBox h2 span {
	background: url(/img/2009/jobpedia/large_ban.jpg) no-repeat;
}

#p-jobpedia div#news {
	height: 24px;
	margin-bottom: 10px;
	padding: 6px 0 0 60px;
	background: url(/img/2009/jobpedia/news.gif) no-repeat;
}
#p-jobpedia div#m1 {
	width: 720px;
	height: 20px;
	overflow:hidden;

}
#p-jobpedia div#m1 a {
	margin: auto 10px;
}


#p-jobpedia ul#news li {
	display: inline;
	padding-left: 10px;
}
#p-jobpedia div#news a,
#p-jobpedia #relative .relativeInfo h2 a,
#p-jobpedia .relativeInfo .section .cell p a,
#p-jobpedia .relativeInfo p.seemore a {
	text-decoration: underline;
}

#p-jobpedia #mainBox {
	margin-bottom: 20px;
}
#p-jobpedia #mainBox .leftBox {
	width: 518px;
	float: left;
}
#p-jobpedia #mainBox .leftBox h2 {
	width: 498px;
	height: 41px;
	padding-left: 20px;
	background: url(/img/2009/jobpedia/h2_s.gif) no-repeat bottom left;
}
#p-jobpedia #mainBox .leftBox h3 {
	width: 488px;
	height: 28px;
	padding-left: 30px;
	background: url(/img/2009/jobpedia/h3_building_l.gif) no-repeat bottom left;
	font-weight: normal;
}
#p-jobpedia #mainBox .leftBox p {
	padding: 0px 15px 5px 15px;
}

#p-jobpedia #mainBox .rightBox {
	width: 260px;
	float: right;
}
#p-jobpedia #mainBox .rightBox h3 {
	width: 234px;
	height: 28px;
	padding-left: 26px;
	font-weight: normal;
}

#p-jobpedia #mainBox .rightBox h3.search {
	height: 30px;
	background: url(/img/2009/jobpedia/h3_search.gif) no-repeat 0 2px;
}
#p-jobpedia #mainBox .rightBox h3.star {
	background: url(/img/2009/jobpedia/h3_star.gif) no-repeat bottom left;
}
#p-jobpedia #mainBox .rightBox p {
	padding: 10px 12px;
	border: 1px solid #ccc;
}
#p-jobpedia #mainBox .rightBox p a {
	display: block;
	width: 1.9em;
	text-align: center;
	text-decoration: underline;
	float: left;
}
#p-jobpedia #mainBox .rightBox ul {
	border: 1px solid #ccc;
	padding: 5px 4px 2px 4px;
}
#p-jobpedia #mainBox .rightBox ul li {
	width: 189px;
	height: 31px;
	padding: 10px 0 0 58px;
	margin-bottom: 4px;
	font-size: 1.4em;
	font-weight: bold;
	border: 1px solid #eee;
	overflow:hidden;
}

#p-jobpedia #mainBox .rightBox ul li {
	background: url(/img/2009/jobpedia/ranking.gif) no-repeat;
}

#p-jobpedia #mainBox .rightBox ul li.fst {
	background-position: -2px -1px;
}
#p-jobpedia #mainBox .rightBox ul li.snd {
	background-position: -2px -48px;
}
#p-jobpedia #mainBox .rightBox ul li.trd {
	background-position: -2px -95px;
}
#p-jobpedia #mainBox .rightBox ul li.foth {
	background-position: -2px -141px;
}
#p-jobpedia #mainBox .rightBox ul li.fith {
	background-position: -2px -188px;
}
#p-jobpedia #mainBox .rightBox ul li.sith {
	background-position: -2px -235px;
}
#p-jobpedia #mainBox .rightBox ul li.seth {
	background-position: -2px -281px;
}

#p-jobpedia h2.relativeAd {
	width: 786px;
	height: 160px;
	position: relative;
}
#p-jobpedia h2.relativeAd span {
	width: 786px;
	height: 160px;
	background: url(/img/2009/jobpedia/relative_ban.gif) no-repeat;
	position:absolute;
	top:0;
	left:0;
	z-index: 10;
}

#p-jobpedia #relative {
	margin-bottom: 30px;
}

#p-jobpedia .relativeInfo {
	width: 100%;
	background: url(/img/2009/jobpedia/relative_bottom.gif) no-repeat bottom left;
	margin-bottom: 10px;
	padding-bottom: 10px;
}
#p-jobpedia .relativeInfo h2{
	height: 38px;
	padding: 0 0 0 45px; 
	margin-bottom: 0;
	background: url(/img/2009/jobpedia/relative_top.gif) no-repeat;
	color: #333;
}
#p-jobpedia .relativeInfo .relativeSec {
	padding-top: 5px;
	background: url(/img/2009/jobpedia/relative_bg.gif) repeat-y;
}
#p-jobpedia .relativeInfo .section {
	width: 260px;
	float: left;
}
#p-jobpedia .relativeInfo .section .cell {
	width: 222px;
	margin: 10px auto auto auto;
}
#p-jobpedia .relativeInfo .section .cell img {
	padding: 2px;
	background: #fff;
	border: 1px solid #ccc;
	float: left;
}
#p-jobpedia .relativeInfo .section .cell p {
	width: 130px;
	margin: auto auto 0 auto;
	padding-left: 4px;
	text-indent: 2em;
	float: right;
	background: url(/img/2009/jobpedia/pr.gif) no-repeat 2px 2px;
}
#p-jobpedia .relativeInfo .section p.comlink {
	width: 240px;
	margin:  10px 0 15px 0;
	text-align: right;
}
#p-jobpedia .relativeInfo .section p.comlink a {
	padding-left: 14px;
	color: #333;
	background: url(/img/2009/common/icon_arrow.gif) no-repeat 0 1px;
}
#p-jobpedia .relativeInfo p.seemore {
	clear: both;
	text-align: right;
	background: url(/img/2009/jobpedia/dotline.gif) no-repeat 0 4px ;
}
#p-jobpedia .relativeInfo p.seemore a {
	padding: 0 20px 0 10px;
	background: url(/img/2009/common/icon_arrow_green.gif) no-repeat 0 3px;
}

#p-jobpedia #checkword #attentionList  {
	width: 764px;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
/* End hide from IE-mac */


#p-jobpedia ul.listType1 {
	width:490px;
}


/* 2009.12.15 add
----------------------------------------------------------------- */

/* background */
.jobCheckArea a.jobCheckBtn  {
	position:relative;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
	background:none;
	padding:0;
	margin:0;
}
.jobCheckArea a.jobCheckBtn span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#p-jobpedia #catchBox2,
#p-qualificationpedia #catchBox2 h2 {
	position:relative;
	font-size:12px;
	/*HideMacIE\*/
	overflow:hidden;
	/**/
	display:block;
}
#p-jobpedia #catchBox2 h2 span,
#p-qualificationpedia #catchBox2 h2 span {
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
}
#p-jobpedia #catchBox2 h2,
#p-qualificationpedia #catchBox2 h2 {
	width:685px;
	height:225px;
	margin:0 0 15px;
	padding:0
}
#p-jobpedia #catchBox2 h2 span {
	background: url(/img/2009/jobpedia/jobpedia_topimg.jpg) no-repeat top left;
}
#p-qualificationpedia #catchBox2 h2 span {
	background: url(/img/2009/jobpedia/qualificationpedia_topimg.jpg) no-repeat top left;
}
#p-jobpedia #catchBox2 p.subcatch,
#p-qualificationpedia #catchBox2 p.subcatch {
	display:none;
}
.listTxtBtn { margin: 10px 10px 20px; }
a.ltbtn {
    background: url(/img/2009/jobpedia/list_btnR.gif) no-repeat scroll top right;
    color: #444;
    display: block;
    float: right;
    font-size: 10px;
    height: 25px;
    margin-left:0;
    padding-right: 10px;
    text-decoration: none;
}
a.ltbtn span {
    background: url(/img/2009/jobpedia/list_btnL.gif) no-repeat;
    display: block;
    line-height: 15px;
    padding: 5px 0px 5px 30px;
} 
a.ltbtn:hover {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}
a.ltbtn:hover span {
    background-position: bottom left;
}


/* details */
.jobCheckArea {
	margin-bottom:20px;
}
.jobCheckArea h4 {
	background:url(/img/2009/jobpedia/jobpedia_commentbox.gif) no-repeat;
	font-size:22px;
	line-height:76px;
	height:86px;
	text-align:center;
	color:#06c;
}
.jobCheckArea a.jobCheckBtn {
	width:314px;
	height:39px;
	margin:0 auto;
}
.jobCheckArea a.jobCheckBtn span {
	background:url(/img/2009/jobpedia/btn_jobcheck.gif) no-repeat;
}
.jobCheckArea a:hover.jobCheckBtn span {
	background-position:bottom;
}