/*　職業ページ CSS Document */
/* 全体 */
#contents {
	width: 600px;
	font-size: 12px;
	color: #333333;
}
.clear {
	clear:both;
	margin:0;
	padding:0;
}
.line_m { background: url(../images/line_m.gif) repeat-x left top;}
.line_w { background: url(../images/line_w.gif) repeat-x left top;}
/* 配色 */
.whi {color:#FFFFFF;}
.red {color:#FF3300;}
.gre {color:#88cc00;}
.blw {color:#52280F;}
/* 余白 */
.mrB10 {margin-bottom:10px;}
.mrpd0 {margin:0;padding:0;}
/* パンくず */
.job_pan {
	font-size:0.98em;
	padding:0 0 0 15px;
	margin:7px 0;
	text-align:left;
}
/* 職業アバター 簡単説明 */
.avator {
	padding:10px 18px;
}
.avator_cate {
	padding:10px 0px;
}
.avator p.men,.avator p.women,.avator p.human {
	height:250px;
	padding: 11px 16px;
	margin:0;
	float:left;
}
.avator_cate p.category,
.avator_cate p.category_s {
	width:580px;
	padding: 11px 16px;
}

.avator p.men {background:url(../images/ja_avatorbg_m.gif) no-repeat left top;}
.avator p.women {background:url(../images/ja_avatorbg_w.gif) no-repeat left top;}
.avator p.human {background:url(../images/ja_avatorbg_h.gif) no-repeat left top;}
.avator_cate p.category {background:url(../images/ja_avatorbg.gif) no-repeat left top;height:230px;}
.avator_cate p.category_s {background:url(../images/ja_avatorbg2.gif) no-repeat left top;height:150px;}
.avator dl {
	width:350px;
	float:right;
	padding-top:12px;
	background:url(../images/ja_examtop.gif) no-repeat left top;
}
.avator dl dt {
	padding:0px 12px 0px 48px;
	vertical-align:top;
	background:url(../images/ja_exambody.gif) no-repeat left top;
	line-height:27px;
	text-align:left;
	font-size:14px;
}
.avator dl dd {
	margin:0;
	height:15px;
	background:url(../images/ja_exambottom.gif) no-repeat left bottom;
}
/* 合コンのポイント */
.advice {
	text-align:left;
}
.advice dl {
	margin:7px 0 15px 10px;
}
.advice dl dt {
	font-size:20px;
	font-weight:bold;
	color:#666666;
	padding:7px 0 0px 52px;
	background:url(../images/job_advicehead.jpg) no-repeat left top;
}
.advice dl dd {
	font-size:14px;
	margin:0;
	padding:10px 33px 10px 25px;
	line-height:24px;
	background:url(../images/job_advicebody.jpg) no-repeat left bottom;
}
/* 職業について */
.aboutJOB {
	text-align:left;
}
.aboutJOB dl {
	margin:0 0 15px 10px;
}
.aboutJOB dl dt {
	font-size:20px;
	font-weight:bold;
	color:#666666;
	padding:7px 0 0px 52px;
	background:url(../images/job_aboutjobhead.jpg) no-repeat left top;
}
.aboutJOB dl dd {
	font-size:14px;
	margin:0;
	padding:10px 33px 10px 25px;
	line-height:24px;
	background:url(../images/job_aboutjobbody.jpg) no-repeat left bottom;
}

.advice dl dt.men,
.advice dl dt.women {
	font-size:20px;
	font-weight:bold;
	color:#666666;
	padding:7px 0 0px 52px;
}
.advice dl dt.men {background:url(../images/job_point_formen_head.jpg) no-repeat left top;}
.advice dl dt.women {background:url(../images/job_point_forwomen_head.jpg) no-repeat left top;}
.advice dl dd.men,
.advice dl dd.women {
	font-size:14px;
	margin:0;
	padding:7px 33px 7px 25px;
	line-height:24px;
}
.advice dl dd.men {background:url(../images/job_point_formen_bottom.jpg) no-repeat left bottom;}
.advice dl dd.women {background:url(../images/job_point_forwomen_bottom.jpg) no-repeat left bottom;}

/* 職業紹介インデックス */
table.job {
	font-size:14px;
	margin:0 0 10px 0;
	padding:0;
	color:#666666;
	border:1px solid #CCCCCC;
	border-collapse:collapse;
}
table.job a:link {color:#FF6600;}
table.job th {
	padding:10px 0;
	background-color:#fff8e5;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
table.job td {
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	border-top:1px solid #CCCCCC;
}
.olM {background-color:#E5F4FE;}
.olW {background-color:#FFF3F7;}
.job_text {
	text-align:left;
	line-height:22px;
	font-size:13px;
	padding:0 12px;
	margin:7px 0;
}


/* そのほかの職業リンク部分 */

.pointtitle {
	margin: 18px 0 0 0;
	width: 540px;
	background: #FEF7E5 url(http://www.will-gocon.net/img/job_pointBG540.png) left top repeat-y;
}
.pointtitle .titleImg { margin: 0 0 9px 0;}
.pointtitle ul.jobcate {
	list-style-type: none;
	margin: 0 6px 15px;
	padding: 0;
	float: left;
	width: 250px;
}

.pointtitle ul.jobcate li ol {
	list-style-type: none;
	margin: 0 0 0 2.5em;
	padding: 3px 0;
}
.pointtitle ul.jobcate li ol li {
	text-align: left;
	font-size: 14px;
	padding: 0 0 0 18px;
	background: url(http://www.will-gocon.net/cmsimg/arrow01.gif) 0 6px no-repeat;
}