@charset "UTF-8";

/*=========================== お仕事情報のみ ===========================*/

/*---------------------------- お仕事一覧 ----------------------------*/

.jobTable{
	text-align: left;
	width: 540px;
	margin: 30px 0 0 0;
	border: 1px solid #ccc;
}

.jobTitle{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0 10px 10px;
	background-color: #eee;	
}

.jobTitle a{
	color: #006;
}

th.jobItem{
	padding: 8px 0 8px 10px;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	font-weight: bold;
	width: 70px;
}

.jobItemContent{
	padding: 8px 10px 8px 5px;
	border-bottom: 1px dotted #ccc;
	text-align: left;
}

.jobDetail{
	padding: 8px 0 8px 0;
	text-align: center;
}

/*---------------------------- お仕事詳細 ----------------------------*/

h3#jobname{
	margin: 20px 0 0 0;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	border-left: 5px solid #006;
	padding-left: 5px;
}


table.jobInfoTable{
	margin-top: 10px;
	text-align: left;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.jobInfoTitle{
	background-color: #ccc;
	color: #fff;
	font-weight: bold;
	font-size: 14px;
	padding: 5px 0 5px 10px;
}

.jobInfoItem{
	padding: 8px 0 8px 10px;
	border-bottom: 1px dotted #ccc;
	white-space: nowrap;
	font-weight: bold;
	vertical-align: top;;
}

.jobInfoContent{
	padding: 8px 10px 8px 10px;
	border-bottom: 1px dotted #ccc;
}

td#jobGoForm{
	text-align: center;
	padding: 10px 0 6px 0;
}

#jobback{
	text-align: right;
	padding: 10px 0 10px 0;
}