@charset "utf-8";

/*-------------------------------------
job-head
---------------------------------------*/
div.job-head{
	width:100%;
	height:28px;
	overflow:hidden;
	position:relative;
}
div.job-head h1{
	width:183px;
	height:28px;
	position:absolute;
	top:0;
	z-index:2;
}

/* page-prev */
div.job-head p.page-prev{
	width:610px;
	height:27px;
	position:absolute;
	top:1px;
	right:5px;
	padding:0 20px 0 0;
	line-height:30px;
	text-align:right;
	background:url("../images/detail/bg_prev.jpg") no-repeat 100% 0;
	z-index:1;
}


/*-------------------------------------
job-data
---------------------------------------*/
div.job-detail{
	overflow:hidden;
	border:1px solid #CCC;
	border-top:2px solid #FFBB56;
	background:#FFF;
}

/* head
---------------------*/
div.job-detail div.head{
	width:100%;
	overflow:hidden;
	padding:15px 0 10px 0;
	border-bottom:1px solid #CCC;
	background:url("../images/detail/bg_ttl.jpg") repeat-x 0 100%;
}
/* ttl */
div.job-detail div.head div.ttl{
	width:485px;
	float:left;
	display:inline;
}
div.job-detail div.head div.ttl h3{
	float:left;
	display:inline;
	margin:0 0 5px 15px;
	font-weight:bold;
}
div.job-detail div.head div.ttl h3.new{
	padding:0 35px 0 0;
	background:url("../images/common/ico_new.gif") no-repeat 100% 0;
}
div.job-detail div.head div.ttl h4{
	clear:both;
	margin:0 0 0 15px;
	font-size:114%;
	font-weight:bold;
}
/* info */
div.job-detail div.head div.info{
	width:200px;
	float:right;
	display:inline;
	overflow:hidden;
	padding:0 10px 0 0;
}
div.job-detail div.head div.info p.date{
	text-align:right;
	font-size:84%;
	padding:0 0 5px 0;
}
div.job-detail div.head div.info ul.category{
	float:right;
	display:inline;
}
div.job-detail div.head div.info ul.category li{
	float:left;
	display:inline;
	margin:0 0 0 5px;
}

/* content
---------------------*/
div.job-detail div.content{
	
}

/* inside */
div.job-detail div.content div.inside{
	width:676px;
	overflow:hidden;
	margin:0 auto 0 auto;
	padding:10px 0 10px 0;
	background:url("../images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
div.job-detail div.content div.inside.last{
	background:none;
}

/* nterview */
div.job-detail div.content div.inside dl.interview{
	width:440px;
	float:left;
	display:inline;
}
div.job-detail div.content div.inside dl.interview dt{
	margin:0 0 15px 0;
	font-size:114%;
	font-weight:bold;
	line-height:1.6;
	color:#F76B1F;
}

/* income */
div.job-detail div.content div.inside dl.income{
	width:440px;
	float:left;
	display:inline;
}
div.job-detail div.content div.inside dl.income dt{
	margin:0 0 15px 0;
	font-weight:bold;
}

/* photo */
div.job-detail div.content div.inside ul.photo{
	width:230px;
	float:right;
	display:inline;
}
div.job-detail div.content div.inside ul.photo li{
	float:left;
	display:inline;
	margin:5px 0 5px 10px;
}
div.job-detail div.content div.inside ul.photo li img{
	border:1px solid #CCC;
}
div.job-detail div.content div.inside ul.photo li span{
	display:block;
	margin:10px 0 0 0;
	font-size:84%;
}

/* inside-left */
div.job-detail div.content div.inside div.inside-left{
	width:440px;
	float:left;
	display:inline;
}
div.job-detail div.content div.inside div.inside-left h5{
	width:100%;
	padding:0 0 10px 0;
}
div.job-detail div.content div.inside div.inside-left table{
	width:100%;
	margin:0 0 15px 0;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
div.job-detail div.content div.inside div.inside-left table th,
div.job-detail div.content div.inside div.inside-left table td{
	padding:10px;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
div.job-detail div.content div.inside div.inside-left table th{
	width:70px;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	background:#F2F2F2;
}

/* applicant */
div.job-detail div.content div.inside div.inside-left div.applicant{
	
}

/* company */
div.job-detail div.content div.inside div.inside-left div.company{
	
}

/* inside-right */
div.job-detail div.content div.inside div.inside-right{
	width:220px;
	float:right;
	display:inline;
}

/* application */
div.job-detail div.content div.inside div.inside-right div.application{
	overflow:hidden;
	margin:0 0 10px 0;
	background:#FFFAE0;
}
div.job-detail div.content div.inside div.inside-right div.application p.txt{
	padding:10px;
}
div.job-detail div.content div.inside div.inside-right div.application p.btn{
	margin:0 0 10px 0;
	text-align:center;
}
div.job-detail div.content div.inside div.inside-right div.application p.btn span{
	display:block;
	margin:5px 0 0 0;
}

/* company */
div.job-detail div.content div.inside div.inside-right div.company{
	overflow:hidden;
	margin:0 0 10px 0;
}
div.job-detail div.content div.inside div.inside-right div.company dl{
	margin:10px 10px 0 10px;
}
div.job-detail div.content div.inside div.inside-right div.company dl dt{
	height:20px;
	overflow:hidden;
	margin:0;
	padding:0 0 0 9px;
	background:url("../images/detail/side_bg_company_left.gif") no-repeat 0 0;
}
div.job-detail div.content div.inside div.inside-right div.company dl dt span{
	height:20px;
	display:block;
	float:left;
	padding:0 9px 0 0;
	line-height:20px;
	text-align:center;
	font-size:84%;
	/* background:#FFCC66; */
	background:url("../images/detail/side_bg_company_right.gif") no-repeat 100% 0 #FFCC66;
}
div.job-detail div.content div.inside div.inside-right div.company dl dd{
	clear:both;
	padding:5px 0 10px 3px;
}

/* map */
div.job-detail div.content div.inside div.inside-right div.map{
	overflow:hidden;
	background:#FFFAE0;
}
div.job-detail div.content div.inside div.inside-right div.map ul{
	margin:0 10px 10px 10px;
	padding:1px 0 0 0;
	background:url("../images/common/bg_border_dotted.gif") repeat-x 0 0;
}
div.job-detail div.content div.inside div.inside-right div.map ul li{
	padding:0 0 1px 0;
	background:url("../images/common/bg_border_dotted.gif") repeat-x 0 100%;
}
div.job-detail div.content div.inside div.inside-right div.map ul li a{
	padding:5px 15px;
	display:block;
	font-size:84%;
	color:#2B7DD9;
	background:url("../images/common/ico_arrow.gif") no-repeat 5px 50%;
}
div.job-detail div.content div.inside div.inside-right div.map ul li a:hover{
	color:#FFF;
	background:url("../images/detail/side_bg_map.gif") no-repeat 0 100% #FFB512;
}

/* target-map */
div.job-detail div.content div.inside div.inside-right div.map div.target-map{
	padding:10px;
}
div.job-detail div.content div.inside div.inside-right div.map div.target-map #Map{
	width:198px;
	height:198px;
	overflow:hidden;
	border:1px solid #CCC;
	background:#CCC;
}
div.job-detail div.content div.inside div.inside-right div.map div.target-map p{
	padding:5px 0 0 0;
	font-size:84%;
}

/* food
---------------------*/
div.job-detail div.food{
	height:40px;
	position:relative;
	padding:10px;
	border-top:1px solid #CCC;
	background:#FFFAE0;
}
div.job-detail div.food p.stock{
	width:160px;
	height:30px;
	position:absolute;
	margin:3px 0 0 0;
	left:9px;
}
div.job-detail div.food p.detail{
	width:220px;
	height:40px;
	position:absolute;
	left:240px;
}
div.job-detail div.food p.entry{
	width:170px;
	height:30px;
	position:absolute;
	right:10px;
}
div.job-detail div.food p.entry img{
	margin:3px 0 5px 0;
}
div.job-detail div.food p.entry span{
	display:block;
	padding:15px 0 0 0;
	text-align:center;
	font-size:84%;
}


/* preview
---------------------*/
p#preview{
	position:absolute;
	display:none;
	padding:10px;
	border:2px solid #FF9900;
	background:#FFF;
}
p#preview img{
	padding:0 0 10px 0;
}