@charset "utf-8";
/* CSS Document */


/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　基本エリアの設定　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
#mainarea {
	display:inline-block;
	width:770px;
	text-align:center;
	}
	
#mainarea_730 {
	display:inline-block;
	width:730px;
	margin:5px auto 20px auto;
	text-align:left;
	}	
	
.clearfix2 {
	margin:0;
	padding:0;
	height:0;
	line-height:1px;
	font-size:0;
	}


.sb_sp {
	width:730px;
	text-align:right;
	margin:0 auto 10px auto;
	}	

/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■　　　　　　　　職種図鑑トップページの設定　　　　　　　　　■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/

#content_top {
	display:inline-block;
	width:748px;
	height:108px;
	margin:5px auto 0 auto;
	background-image:url(../images/top_title.jpg);
	}
	
#toptxt {
	font-size:11px;
	line-height:20px;
	color:#ffd740;
	margin:52px 0 0 210px;
	}
	
.columbar {
	width:748px;
	margin:15px auto 0 auto;
	}
	
.di_main {
	width:748px;
	margin:0 auto 20px auto;
	overflow:hidden;
	}
	
.di_main_l {
	width:195px;
	float:left;
	background-image:url(../images/di_navi_back.gif);
	margin-bottom:-500px;
	padding-bottom:500px;
	}	
	
.di_main_r {
	width:552px;
	float:right;
	border-bottom:2px solid #FFBF00;
	}	
	
.di_main_l p {
	width:195px;
	margin:0;
	}	

#job_c_bb {
	width:553px;
	background-color:#FFBF00;
	height:2px;
	line-height:1px;
	font-size:0px;
	border:0;
	margin:0;
	padding:0;
	}

/*職種カテゴリ部分のスタイルシート*/

#navi_sales, #navi_sales a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/sales.gif);
	background-repeat:no-repeat;
	}
#navi_software, #navi_software a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/software.gif);
	background-repeat:no-repeat;
	}
#navi_hard, #navi_hard a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/hard.gif);
	background-repeat:no-repeat;
	}
#navi_consul, #navi_consul a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/consul.gif);
	background-repeat:no-repeat;
	}
#navi_special, #navi_special a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/specialist.gif);
	background-repeat:no-repeat;
	}
#navi_creative, #navi_creative a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/creative.gif);
	background-repeat:no-repeat;
	}
#navi_chemical, #navi_chemical a {
	display:block;
	width:196px;
	height:48px;
	background-image: url(../images/chemical.gif);
	background-repeat:no-repeat;
	}
	
#navi_sales:hover,
#navi_software:hover,
#navi_consul:hover,
#navi_hard:hover,
#navi_chemical:hover,
#navi_special:hover,
#navi_creative:hover {
	background-position: 0px -48px;
	}


.category_w {
	width:552px;
	background-image:url(../images/white_back.gif);
	height:40px;
	}

.category_y {
	width:552px;
	background-image:url(../images/yellow_back.gif);
	height:40px;
	}
	
.category_w div,
.category_y div {
	width:520px;
	margin-left:15px;
	}
	
.category_w div p.photo,
.category_y div p.photo {
	width:30px;
	height:30px;
	margin:5px 0 0 0;
	float:left;
	}
	
.category_w div div,
.category_y div div {
	text-align:left;
	float:right;
	width:475px;
	margin:5px 0 0 0;
	}
	
.category_w div div h2,	
.category_y div div h2 {
	width:400px;
	height:auto;
	margin:0;
	float:left;
	font-size:14px;
	line-height:16px;
	}	

.category_w div div p.job_copy,	
.category_y div div p.job_copy {
	width:400px;
	font-size:11px;
	float:left;
	color:#666;
	line-height:15px;
	margin:2px 0 0 0;
	}	

.category_w div div p.star,
.category_y div div p.star {
	float:right;
	width:70px;
	height:14px;
	margin:10px 0 0 0;
	}

.category_w div div p.r1 {
	background-image:url(../images/u_1.jpg);
	background-repeat:no-repeat;
	}
	
.category_w div div p.r2 {
	background-image:url(../images/u_2.jpg);
	background-repeat:no-repeat;
	}
	
.category_w div div p.r3 {
	background-image:url(../images/u_3.jpg);
	background-repeat:no-repeat;
	}

.category_w div div p.r4 {
	background-image:url(../images/u_4.jpg);
	background-repeat:no-repeat;
	}
	
.category_w div div p.r5 {
	background-image:url(../images/u_5.jpg);
	background-repeat:no-repeat;
	}

.category_y div div p.r1 {
	background-image:url(../images/k_1.jpg);
	background-repeat:no-repeat;
	}
	
.category_y div div p.r2 {
	background-image:url(../images/k_2.jpg);
	background-repeat:no-repeat;
	}
	
.category_y div div p.r3 {
	background-image:url(../images/k_3.jpg);
	background-repeat:no-repeat;
	}
	
.category_y div div p.r4 {
	background-image:url(../images/k_4.jpg);
	background-repeat:no-repeat;
	}

.category_y div div p.r5 {
	background-image:url(../images/k_5.jpg);
	background-repeat:no-repeat;
	}


/*職種カテゴリ部分で背景黄地のスタイルシート*/			


/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■　　　　　　　　　　職種説明ページの設定　　　　　　　　　　■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/	
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　職種名タイトル部分　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
	
#toptitle {
	display:inline-block;
	width:730px;
	height:53px;
	margin:0 auto 10px auto;
	}
	
.level1 {
	background-image:url(../images/titlebar1.jpg);
	}	
	
.level2 {
	background-image:url(../images/titlebar2.jpg);
	}	
	
.level3 {
	background-image:url(../images/titlebar3.jpg);
	}	
	
.level4 {
	background-image:url(../images/titlebar4.jpg);
	}	
	
.level5 {
	background-image:url(../images/titlebar5.jpg);
	}	
	
#dic_top {
	width:690px;
	margin:0 25px 0 14px;
	}	
	
#dic_topleft {
	float:left;
	width:610px;
	}
	
#dic_topright {
	float:right;
	width:74px;
	}
	
#volume {
	width:60px;
	float:left;
	margin-top:13px;
	font-size:12px;
	color:#fff;
	font-weight:bold;
	}
	
#jobname {
	width:528px;
	font-size:22px;
	color:#fff;	
	float:right;
	margin-top:16px;
	}
	
#level {
	width:74px;
	height:16px;
	margin:30px 0 0 0;
	}	
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　表記エリア基本設定　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/

#dic_area {
	width:730px;
	height:auto;
	overflow:hidden;
	}

#dic_main {
	float:left;
	width:470px;
	margin-right:9px;
	padding-bottom:1000px;
	margin-bottom:-1000px;
	}
	
#dic_side {
	float:right;
	width:250px;
	background-color:#CACACA;
	padding-bottom:1000px;
	margin-bottom:-1000px;
	}
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　メイン（左側）の設定　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
	
#dic_jobwaku1 {
	display:inline-block;
	width:470px;
	background-color:#FCF4B3;
	}
	
#dic_jobwaku2 {
	display:inline-block;
	width:466px;
	background-color:#FFFDEB;
	margin:2px;
	}

.txtarea {
	width:442px;
	margin:10px 5px 10px 13px;
	}

h3#dic_copy {
	width:448px;
	font-size:16px;
	color:#FF6C00;
	}	
	
.txtarea p {
	margin:5px 0 0 0;
	font-size:12px;
	line-height:18px;
	color:#333;
	}	
	
.bar_position {
	margin-top:12px;
	margin-left:5px;
	}	
	
.text {
	font-size:12px;
	line-height:18px;
	width:454px;
	margin:3px 0px 11px 14px;
	}	
	
	
.line_dot {
	display:inline-block;
	width:462px;
	border-bottom:2px dotted #999;
	margin:0;
	height:0;
	line-height:1px;
	font-size:0;
	margin-left:8px;
	}	
	
.example {
	display:inline-block;
	width:440px;
	margin-top:10px;
	margin-left:20px;
	margin-bottom:13px;
	text-align:center;
	}	
	
.period20 {
	float:left;
	display:inline-block;
	background-image:url(../images/20th.jpg);
	width:134px;
	height:71px;
	margin-left:4px;
	}	
	
.period30 {
	float:left;
	display:inline-block;
	background-image:url(../images/30th.jpg);
	width:134px;
	height:71px;
	margin-left:4px;
	}	
	
.period40 {
	float:left;
	display:inline-block;
	background-image:url(../images/40th.jpg);
	width:134px;
	height:71px;
	margin-left:4px;
	}	
		
.amount {
	text-align:center;
	width:120px;
	margin:40px auto 0 auto;
	font-size:12px;
	font-weight:bold;
	}
	
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　サブ（右側）の設定　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
		
.dotimg {
	width:240px;
	margin:5px;
	}

.side_bar {
	width:240px;
	margin:5px 5px;
	}		
	
.side_txt {
	width:230px;
	margin:0 5px 10px 10px;
	font-size:12px;
	line-height:18px;
	}	
	
	
	
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
/*　求人検索・職種部分の設定　*/
/*━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━*/
		
#searcharea {
	display:inline-block;
	width:730px;
	text-align:center;
	}
	
#searcharea img {
	margin:0;
	padding:0;
	line-height:1px;
	font-size:0;
	}	
	
.btn_dic, .btn_dic a {
	display:block;
	width:228px;
	height:53px;
	background-image:url(../images/btn.jpg);
	background-repeat:no-repeat;
	margin:20px auto;
	}
			
.btn_dic:hover {
	background-position: 0px -53px;	
	} 
	
#relation_area {
	display:inline-block;
	width:697px;
	margin:0 auto 20px auto;
	background-image:url(../images/other_bg.jpg);
	}

#relation_area ul li {
	float:left;
	font-size:12px;
	font-weight:bold;
	margin:10px 0 5px 0;
	word-break: keep-all;
	}

.r_job {
	
	background-image:url(../images/arrow.jpg);
	background-repeat:no-repeat;
	background-position:20px 3px;
	padding-left:30px;
	}
	
.sideline_dot {
	display:inline-block;
	width:240px;
	border-bottom:2px dotted #999;
	margin:0;
	height:0;
	line-height:1px;
	font-size:0;
	margin-left:5px;
	}	
	
#testbanner, #testbanner a {
	width:730px;
	height:180px;
	display:block;
	margin:20px auto;
	background-image:url(/s/dictionary/images/testbanner.gif);
	background-repeat:no-repeat;
	}	
	
#testbanner:hover {
	background-position:0 -180px;
	}	
	
.prlink	{
	width:95%;
	margin:10px auto 3px auto;
	text-align:left;
	font-size:12px;
	display:inline-block;
	
	}