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

div.job-wrap{
	width:485px;
	border:#666666 solid 1px;
	padding: 10px;
	margin-bottom: 10px;
}


div.job-name{
	float:left;
}
div.job-name h2{
	color:#333333;
	font-weight:bold;
	line-height:1.5;
	text-align:left;
}

div.job-genre{
	float:right;
	font-weight:bold;	
	line-height:1.5;
	text-align:right;
}

div.job-id{
	background-color:#97C63C;
	float:left;
	padding: 5px 10px;
	margin: 0 0 10px;
	width: 465px;
}

/*div.job-photo{
	float:left;
	width:165px;

}*/
div.job-txt{
	width:485px;
	float:right;
	text-align:left;
	line-height: 1.2;
	color:#333333;
}

.job-title{
	width:485px;
	float:right;
	text-align:left;
	line-height: 1.5;
	color:#FF9900;
	margin-bottom: 5px;
}

.jobGuide{
	color:#333333;
	line-height: 1.5;
	text-align:left;
	margin-bottom: 5px;
}

.company{
	background-color:#F1EEE7;
	margin: 5px 0 0 0;
	padding: 5px;
	line-height: 1.2;
}

.details-Btn{
	text-align:right;
	padding:10px 10px 0 0;
margin:auto
}

/*ページナンバー*/
.nav01{
	padding:0;
	margin:0 auto;
	list-style-type:none;
	float:left;
	position:relative;
	left:50%;
}
.nav01 li{
  float:left; position:relative; right:50%;
}
.nav01 a{
	width:auto;
	display:block;
	padding:2px 6px;
	color:#fff;
	background:#999;
	border:1px solid #fff;
	text-decoration:none;
}
.nav01 a:hover{
	color:#000;
	background:#d4d4d4;
}