@charset "UTF-8";

/* ------------------------------------------------------------------ */
#jobs {}
/* ------------------------------------------------------------------ */


.pageButeBefore {	text-align: center;}
.pageButeBefore span,
.pageButeBefore a:link,
.pageButeBefore a:visited {
	padding: 0.2em 1em;
	color: #006699;
	border: 1px solid #d0d0d0;
}
.pageButeBefore span,
.pageButeBefore a:hover,
.pageButeBefore a:active {
	padding: 0.5em 1em;
	color: #006699;
	text-decoration: none;
	border: 1px solid #d0d0d0;
	font-weight: bold;
}



/* ================================================================
   jobs STYLES
================================================================ */

/* ------------------------------------------ 
		index.php / 採用情報 jobsIndex
-------------------------------------------*/
.jobsIndex #hirose{
	background: url(../imgs/jobs/back_message.jpg) repeat-y right top;
}
.jobsIndex #hirose h3{
	background: url(../imgs/jobs/back_message_title.jpg) no-repeat left top;
	font-size: 95%;
	padding: 5px 3px 3px 10px;
}
.jobsIndex #hirose p{	padding: 10px 10px 5px 10px;}
.jobsIndex #hirose .name{
	clear: both;
	margin: 0px;
	padding: 0px 8px 8px 0px;
	text-align: right;
}

.listAll{
	display: block;
	margin: -1.1em 0px 0px;
	padding: 0px;
	text-align: right;
	font-size: 85%;
}
.listAll a:link,
.listAll a:visited{
	padding-left: 15px;
	background: url(../imgs/arrows02.gif) no-repeat left center;
	color: #333;
}

.jobsIndex .message{
	margin-top: -15px;
	margin-bottom: 10px;
	padding: 10px 10px 5px 5px;
	border-bottom: 1px dotted #c0c0c0;
}
.jobsIndex .message .name{
	padding: 5px 0px 0px;
	text-align: right;
}

.jobsIndex dl.textList{	margin-top: -10px;}
.jobsIndex dl.textList dt{	padding: 0.5em 5px 0em 5px;}
.jobsIndex dl.textList dd{
	padding: 0px 5px 0.5em 5px;
	border-bottom: 1px dotted #c0c0c0;
}

.jobsIndex .event {	padding-left: 5px;}
.jobsIndex .event .floatLeft{
	width: 260px;
	background-color: #fff;
	border: 1px solid #999;
	padding: 9px 9px 6px;
}
.jobsIndex .event .floatLeft span{
	display: block;
	padding-top: 5px;
	font-size: 85%;
}
.jobsIndex .event dl.textList{	margin-top: 0px;}

/* ------------------------------------------ 
		page01.php / 新卒採用
-------------------------------------------*/
.jobs00 ul.textList{}
.jobs00 ul.textList li{
	margin-bottom: 0.5em;
	padding-right: 5px;
	padding-bottom: 0.5em;
	padding-left: 5px;
	border-bottom: 1px dotted #c0c0c0;
}
.jobs00 ul.textList span.date{}
.jobs00 ul.textList span.category{}

/* ------------------------------------------ 
		cat10 / 新卒採用
-------------------------------------------*/
.jobs01 .table01{	margin-left: 5px;}
.jobs01 .table01 th{	width: 100px;}

/* ------------------------------------------ 
		page10.php / 仕事紹介 jobs10
-------------------------------------------*/
.jobs10 .unit .unitLead {
	margin-top: -15px;
	margin-bottom: 15px;
	padding: 15px;
	border-bottom: 1px solid #e0e0e0;
	background: url(../imgs/back11.jpg) repeat-x left bottom;
}
			
.jobs10 .unit .individualBox {
	margin: 0px 5px 25px;
	padding-bottom: 15px;
	border-bottom: 1px dotted #9a9a9a;
}
.jobs10 .unit .last {
	margin-bottom: 40px;
	border-bottom: none;
	padding-bottom: 0px;
}
.jobs10 .unit .nameBox {
	font-size: 110%;
	font-weight: bold;
	float: right;
	width: 447px;
	padding: 5px 5px 5px 20px;
	margin-bottom: 5px;
	background: #fff0d0 url(../imgs/jobs/back_individual_name.jpg) no-repeat left center;
}
.jobs10 .unit .nameBox span {
	display: block;
	font-size: 90%;
}
.jobs10 .unit .textBox {
	float: right;
	width: 460px;
	margin: 0px;
	padding: 0px 0px 10px;
	text-align: left;
}
.jobs10 .unit .boldTitle {
	clear: both;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	background: url(../imgs/icon05.gif) no-repeat left center;
	font-weight: bold;
}
.jobs10 .unit .table10 {	margin: 5px 5px 0px 15px;}
.jobs10 .unit .table10 td{	padding-right: 8px;}

/* ------------------------------------------ 
		page11.php / Q＆A jobs11
-------------------------------------------*/
/* questionList */
.jobs11 .questionList {
	padding-bottom: 15px;
	border-bottom: 1px dotted #999;
}
.jobs11 .table01{
	margin-left: 5px;
}
.jobs11 .table01 th{
	width: 2%;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}
.jobs11 .table01 a:link,
.jobs11 .table01 a:visited{
	color: #333;
	font-size: 95%;
	line-height: 1.2;
	text-decoration: underline;
}
.jobs11 .table01 a:hover,
.jobs11 .table01 a:active{
	text-decoration: underline;
	color: #cc3333;
}

/* qandaDl  */
.jobs11 .qandaDl {}
.jobs11 h4.subtitle{ margin-left: 5px;}
.jobs11 .table02{
	margin-left: 5px;
	border: 1px solid #999;
	font-size: 95%;
	width: 570px;
}
.jobs11 .table02 th,
.jobs11 .table02 td{
	padding: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	border-left: 1px solid #fff;
	font-weight: normal;
	vertical-align: top;
}
.jobs11 .table02 th{
	background-color: #ffce68;
	font-weight: bold;
}
.jobs11 .table02 td{
	padding-left: 30px;
	background-color: #fff0d0;
	border: 1px solid #fff;
}
.jobs11 p.toTop {
	font-size: 80%;
	text-align: right;
}
.jobs11 p.toTop a:link,
.jobs11 p.toTop a:visited{
	padding-left: 12px;
	background: url(../imgs/icon02.gif) no-repeat left center;
}
.jobs11 p.toTop a:hover,
.jobs11 p.toTop a:active{	background: url(../imgs/icon01.gif) no-repeat left center;}