@charset "utf-8";

/*-------------------------------------
job-data
---------------------------------------*/
div.job-data{
	width:698px;
	overflow:hidden;
	margin:15px 0 0 0;
	border:1px solid #CCC;
	border-top:2px solid #FF9900;
	background:#FFF;
}

/* head
---------------------*/
div.job-data div.head{
	width:100%;
	overflow:hidden;
	padding:15px 0 10px 0;
	border-bottom:1px solid #CCC;
	background:url("../images/list/job_bg_ttl.jpg") repeat-x 0 100%;
}
/* ttl */
div.job-data div.head div.ttl{
	width:485px;
	float:left;
	display:inline;
}
div.job-data div.head div.ttl h3{
	float:left;
	display:inline;
	margin:0 0 5px 15px;
	font-weight:bold;
}
div.job-data div.head div.ttl h3.new{
	padding:0 35px 0 0;
	background:url("../images/common/ico_new.gif") no-repeat 100% 0;
}
div.job-data div.head div.ttl h4{
	clear:both;
	margin:0 0 0 15px;
	font-size:114%;
	font-weight:bold;
}

/* info */
div.job-data div.info{
	width:200px;
	float:right;
	display:inline;
	overflow:hidden;
	padding:0 10px 0 0;
}
div.job-data div.info p.date{
	text-align:right;
	font-size:84%;
	padding:0 0 5px 0;
}
div.job-data div.info ul.category{
	float:right;
	display:inline;
}
div.job-data div.info ul.category li{
	float:left;
	display:inline;
	margin:0 0 0 5px;
}

/* content
---------------------*/
div.job-data div.content{
	width:678px;
	overflow:hidden;
	padding:10px;
}
div.job-data div.content p.promo{
	padding:0 0 10px 0;
	font-weight:bold;
	color:#F76B1F;
}
div.job-data div.content table{
	width:510px;
	float:left;
	display:inline;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
}
div.job-data div.content table.long{
	width:100%;
}
div.job-data div.content table th,
div.job-data div.content table td{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
div.job-data div.content table th{
	width:80px;
	padding:10px 0 10px 0;
	text-indent:5px;
	vertical-align:middle;
	font-weight:bold;
	background:#F2F2F2;
}
div.job-data div.content table td{
	width:426px;
	padding:10px;
}
div.job-data div.content table.long td{
	width:594px;
}
div.job-data div.content p.thumb{
	float:right;
	display:inline;
}
div.job-data div.content p.thumb img{
	display:block;
	border:1px solid #CCC;
}

/* food
---------------------*/
div.job-data div.food{
	width:678px;
	/* height:50px; */
	position:relative;
	overflow:hidden;
	padding:10px 10px 10px 10px;
	background:url("../images/common/bg_border_dotted.gif") repeat-x 0 0 #FFFAE0;
}
div.job-data div.food p.stock{
	width:160px;
	height:30px;
	float:left;
	display:inline;
	/* position:absolute;
	left:9px; */
	margin:3px 0 0 0;
}
div.job-data div.food p.detail{
	width:220px;
	height:40px;
	float:left;
	display:inline;
	margin:0 0 0 80px;
	/* position:absolute;
	left:240px; */
}
div.job-data div.food p.entry{
	width:170px;
	float:right;
	display:inline;
	/* position:absolute;
	right:10px; */
	margin:3px 0 0 0;
}
div.job-data div.food p.entry span{
	display:block;
	padding:5px 0 0 0;
	text-align:center;
	font-size:84%;
}
