@charset "utf-8";

/*-----------オシゴト事典設定-------------*/

/*---共通設定---*/
#content{
	width:480px;
	margin-top:10px;
	float:left;
}
#content h1{
}
#content p{
	width:auto;
	padding:15px 15px 10px 15px;
}
#content h2{
	margin-left:30px;
}


/*---トップページ---*/

#jobupdate{
	width:300px;
	height:200px;
	margin:10px 0 20px 0;
	background:url(../job/img/job_update.jpg) no-repeat top left;
	float:left;
}
#updatetxt{
	width:125px;
	margin:37px 0 20px 35px;
}
#jobupdate img{
	width:100px;
	margin:50px 25px 0 5px;
	float:right;
}
#jobupdate p.date{
	line-height:1;
	margin-bottom:25px;
	color:#FFF;
}
#jobupdate a{
	background:url(../img/icon_link.gif) no-repeat 0 3px;
	padding-left:12px;
	font-weight:bold;
}

#joblist{
	clear:both;
	width:680px;
	height:85px;
	background:url(../job/img/list_bg.jpg) no-repeat;
	margin:15px;
	padding:40px 30px 10px 30px;
}
#joblist ul{
}
#joblist ul li{
	width:225px;
	float:left;
}
#joblist ul li img{
	margin-right:5px;
	vertical-align:middle;
}


.topctgrybox{
	clear:both;
	width:793px;
	background:url(../job/img/job_ctg_bg.gif) no-repeat left bottom;
	margin:5px 0;
	float:left;
}
.last{
	background-position:-264px bottom;
}
.topctgry{
	width:251px;
	border-top:1px solid #CCC;
	margin:0 6px;
	padding:1px;
	float:left;
}
.first{
	margin-left:0;
}
.topctgry h2{
	background:url(../job/img/job_ctg_titlebg.jpg) repeat-x;
	border-bottom:1px solid #E3E3E3;
}
.topctgry p, .topctgry ul{
	margin:5px 15px;
}
.topctgry li{
	background:url(../img/icon_link.gif) no-repeat 0 5px;
	padding-left:12px;
	margin-left:12px;
}
.topctgry li a.new{
	background:url(../img/icon_new.gif) no-repeat right bottom;
	padding-right:43px;
}

/*---コンテンツページ---*/

#jobcontent{
	width:550px;
	margin-botttom:40px;
	background:url(../job/img/job_title_bg.jpg) no-repeat 0 80px;
	float:left;
}
#jobcontentW{
	width:780px;
	margin-botttom:40px;
	background:url(../job/img/job_title_bg.jpg) no-repeat 0 80px;
	float:left;
}
#jobcontent h1, #jobcontentW h1{
	width:400px;
	height:60px;
	margin:20px 0;
	font-size:120%;
	float:left;
}

#jobcontent p img{
	margin-right:10px;
}
#jobcontent p.top{
	width:150px;
	margin:60px 0 0 0;
	font-size:90%;
	text-align:right;
	float:left;
}
#jobcontentW p.top{
	width:370px;
	margin:60px 0 0 0;
	font-size:90%;
	text-align:right;
	float:left;
}
#jobcontent p.top a, #jobcontentW p.top a{
	background:url(../img/icon_link.gif) no-repeat left center;
	padding-left:12px;
}
#jobcontent p, #jobcontentW p{
	margin:15px 10px;
}

#jobimage{
	width:250px;
	margin:10px 0 40px 0px;
	text-align:right;
	float:left;
}
#jobimage img{
	margin-top:10px;
}
#jobsearch{
	clear:both;
	width:600px;
	border:1px solid #CCC;
	padding:4px;
	margin-left:70px;
}
#jobsearch div{
	background:url(../job/img/job_search_bg.gif) repeat #FFE8D2;
	padding:10px;
}
#jobsearch h2{
	padding:5px 20px;
}
#jobsearch h2.last{
	clear:both;
	background:url(../img/dotline.gif) repeat-x;
}
#jobsearch ul{
	margin:0 40px 0 40px;
	padding-bottom:15px;
}
#jobsearch li{
	display:inline;
	margin-right:15px;
	background:url(../img/icon_link.gif) no-repeat 0 3px;
	padding-left:12px;
	color:#999;
}

/*LPリンク*/

div#lplink{
	clear:both;
	width:778px;
	margin:20px 0 10px 10px;
}
div#lplink dl{
	background:url(../job/img/lp_bg.jpg) repeat-x top;
	padding-top:5px;
	overflow:hidden;
}
/*\*/
* html div#lplink dl{
	height:1em;
	overflow:visible;
}
/**/

div#lplink dt{
	clear:both;
	width:150px;
	height:33px;
	line-height:1;
	float:left;
}
div#lplink dd{
	width:580px;
	line-height:1.3;
	padding-top:2px;
	color:#999999;
	float:left;
}
div#lplink dd.area{
	padding-top:8px;
}