@charset "shift-jis";
@import "base.css";
@import "layout.css";

/* -----------------------------
		共通コンテンツ
----------------------------- */

#visual {
	width:646px;
	height:108px;
	float:left;
	margin:0 auto 10px 14px;
	_margin:0 auto 10px 7px;
}

#pan {
	width:630px;
	height:13px;
	float:left;
	text-align:left;
	margin:0 auto 12px 14px;
	_margin:0 auto 12px 7px;
	font-size:11px;
	color:#0057A9;
}

/* link */
#pan a {
	text-decoration: underline;
}
#pan a:link {
	color: #0057A9;
	text-decoration:underline;
}
#pan a:visited {
	color: #0057A9;
	text-decoration:underline;
}
#pan a:hover {
	color: #0057A9;
	text-decoration:underline;
}


#pageinfo {
	width:630px;
	height:36px;
	background:url(../img/common/bg_pageinfo.jpg);
	float:left;
	text-align:left;
	margin:0 auto 18px 14px;
	_margin:0 auto 18px 7px;

}

#pageinfo p {	
	color:#ffffff;
	margin:5px 0 0 55px;
}

.font18b {
	font-size:18px;
	font-weight:bold;
}


#topics {
	width:630px;
	float:left;
	margin:0px auto 18px 14px;
	_margin:0px auto 18px 7px;
}

/* -----------------------------
		　　　求人
----------------------------- */


.job {
	width:630px;
	float:left;
	margin:10px auto 20px 0;
	_padding-bottom:7px;
	text-align:left;
	border:1px solid #cccccc;
	_background: url(../img/common/gray.gif) left repeat-y;	
	_margin-left:-1px;
	_margin-right:-1px;
}

.jobttl {
	float:left;
	width:612px;
	_width:628px;
	height:31px;
	_height:38px;
	color:#FF8404;
	font-size:17px;
	font-weight:bold;
	margin-top:7px;
	background: url(../img/joboffers/bg_jobttl1.jpg) top center no-repeat;
	padding-left:17px;
	padding-top:7px;
	text-decoration:none;
	display:block;
}

.jobttl2 {
	float:left;
	width:612px;
	_width:628px;
	height:44px;
	background: url(../img/joboffers/bg_jobttl2.jpg) top center no-repeat;
	padding-left:17px;
	_padding-left:0px;
	text-decoration:none;
	display:block;
	margin-top:7px;
	line-height:80%;
}

.shop {
	color:#FF8404;
	font-size:12x;
	padding-top:3px;
	_padding-left:17px;
	text-decoration:none;
	font-weight:normal;
	line-height:80%;
}

.shop2 {
	float:left;
	width:628px;
	color:#FF8404;
	font-size:18px;
	padding-top:3px;
	_padding-left:17px;
	text-decoration:none;
	font-weight:bold;
	line-height:200%;
}

.job table {
	float:left;
	width:616px;
	_width:614px;
	font-size:12px;
	margin:10px 0 7px 7px;
	_margin:10px 0 7px 3px;
	border-top:1px solid #e1e1e1;

}

.job table th{
	background:#E8FCF1;
	width:145px;
	padding:8px;
	text-align:left;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin:0;
}

.job table td{
	background:#ffffff;
	padding:8px;
	text-align:left;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	margin:0;
	_margin-right:-3px;
	_margin-left:-3px;
}

.job img {
	float:right;
	margin:10px auto 0 auto;
}

.pager {
	width:630px;
	float:left;
	margin:10px auto 10px 0;
	padding:20px 0 0 0;
	text-align:center;
	border-top:1px solid #cccccc;
}

.pager ul {
margin:0 auto 0 auto;
}

.pager li {
	display:inline;
	font-size:12px;
	text-align:center;
	margin:0 5px 0px auto;
	padding:4px 6px 4px 6px;
	border:1px solid #0057A9;
	color:#0057A9;
	zoom:1; /* hasLayout を true にする */

}

.pager li.selected {
	background:#0057A9;
	color:#ffffff;
	font-weight:bold;
}

.paging {
}

.pager li a,
.paging a {
	font-size:12px;
	color:#0057A9;
	text-decoration:none;
}

.pager li a:link,
.paging a:link {
	font-size:12px;
	color:#0057A9;
	text-decoration:none;
}

.pager li a:visited,
.paging a:visited {
	font-size:12px;
	color:#0057A9;
	text-decoration:none;
}

.pager li a:hover,
.paging a:hover {
	font-size:12px;
	color:#0057A9;
	text-decoration:underline;
}


.job_type a {
	color:#ff6600;
}

.job_type a:hover {
	color:#ff6600;
}

.job_type a:visited {
	color:#ff6600;
}

/* -----------------------------
		求人お問い合わせ
----------------------------- */

.longbanner {
	width:630px;
	float:left;
	margin:30px auto 18px 0;
	_margin:30px auto 18px 0;
}


#jobinquiry {
	width:630px;
	float:left;
	margin:30px auto 18px 0;
	_margin:30px auto 18px 0;
}

.topic1 {
	position:relative;
	width:630px;
	height:119px;
	margin:0 auto 33px auto;
	background:url(../img/joboffers/bg_630.jpg) no-repeat;
}

.topic2 {
	position:relative;
	width:298px;
	height:240px;
	margin:0 auto 13px auto;
	background:url(../img/joboffers/bg_298.jpg) no-repeat;
}


.topic1 .img,
.topic2 .img  {
	position:absolute;
	top:44px;
	left:14px;
}

.topic1 p {
	position:absolute;
	top:44px;
	left:87px;
	width:250px;
	text-align:left;
	font-size:12px;
}

.number {
	color:#FF6600;
	font-weight:bold;
}

.numberbig {
	color:#FF6600;
	font-weight:bold;
	font-size:24px;
}

.txt14 {
font-size:14px;
}

.topic2 p {
	position:absolute;
	top:44px;
	left:87px;
	width:200px;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

.topic1 .bt {
	position:absolute;
	top:48px;
	left:400px;
}


.topic2 .bt {
	position:absolute;
	top:170px;
	left:46px;
}

.topic2 .inqtel {
	position:absolute;
	top:122px;
	left:12px;
	width:274px;
	height:105px;
	background:url(../img/joboffers/bg_inqtel.gif) no-repeat;
}

.inqtel .numberbig {
	width:274px;
	margin-top:32px;
}

.inqtel .company {
	width:274px;
	margin-top:0px;
	color:#0057A9;
}

.inqtel .times {
	width:274px;
	margin-top:0px;
	color:#333333;
	font-size:10px;
}


/* -----------------------------
		静的ページ
----------------------------- */

#announces p a {
	text-decoration: underline;
}
#announces p a:link {
	color: #0057A9;
	text-decoration:underline;
}
#announces p a:visited {
	color: #0057A9;
	text-decoration:underline;
}
#announces p a:hover {
	color: #0057A9;
	text-decoration:underline;
}

#catch {
	width:630px;
	float:left;
	text-align:left;
	margin:0 auto 18px 14px;
	_margin:0 auto 18px 7px;

}

#announces {
	width:630px;
	float:left;
	margin:0px auto 18px 14px;
	_margin:0px auto 18px 7px;
	text-align:left;
	line-height:200%;
}

#announces .img {
	float:right;
	margin:0 0 30px 30px;
}

#announces p {
	margin-bottom:40px;
}

.ann_caution {
	color:#0057A9;
	font-weight:bold;
}

.registers {
	position:relative;
	float:left;
	width:630px;
	height:117px;
	background:url(../img/common/bg_register.jpg);
	margin:10px 0 30px 0;
}

.registers .img{
	float:left;
	margin:0;
}

.regi_in {
	position:absolute;
	top:29px;
	left:11px;
	width:608px;
	height:65px;
	background:url(../img/common/bg_entry.jpg);
	margin:10px 0 30px 0;
}

.registers2 {
	position:relative;
	float:left;
	width:630px;
	height:80px;
	margin:0px 0 20px 0;
}

.regi_in2 {
	position:absolute;
	top:0px;
	left:0px;
	width:630px;
	height:80px;
	margin:0px 0 20px 0;
}

.gotouroku {
	top:0px;
	left:0px;
	width:630px;
	height:80px;
	margin:0px 0 50px 0;
}


img.bt {
	position:absolute;
	top:8px;
	left:420px;
}

#announces #jobinquiry {
	background:url(../img/common/line630.gif) top center no-repeat;
	padding-top:20px;
}

p.consul {
	margin-bottom:10px;
	border-left:1px solid #0057A9;
	padding-left:15px;
	padding-top:8px;
}

p.faq {
	margin-bottom:10px;
	padding-left:50px;
	padding-top:12px;
	padding-bottom:8px;
	background:url(../img/faq/ico_a.gif) 10px center no-repeat;
	line-height:160%;
}

ul.sitemap {
	margin-bottom:10px;
	border-left:1px solid #0057A9;
	padding-left:15px;
	padding-top:8px;
}

ul.sitemap li {
padding-left:20px;
background:url(../img/sitemap/ico.gif) left center no-repeat;
}






.comptbl {
	float:left;
	width:100%;
}

.comptbl table {
	float:left;
	width:600px;
	font-size:12px;
	margin:10px 0 0 15px;
	padding:0;
	border-top:1px solid #e1e1e1;
}

.comptbl table th{
	background:#E8FCF1;
	width:145px;
	padding:8px;
	text-align:left;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	margin:0;
}

.comptbl table td{
	background:#ffffff;
	padding:8px;
	text-align:left;
	border-left:1px solid #e1e1e1;
	border-bottom:1px solid #e1e1e1;
	border-right:1px solid #e1e1e1;
	margin:0;
}

/*-- voice --*/

.jobstyle {
	float:right;
	width:500px;
	_width:515px;
	height:30px;
	background:url(../img/voice/bg_jobttl.jpg) right center no-repeat;
	font-size:16px;
	font-weight:bold;
	color:#F18D00;
	padding-left:15px;
	line-height:190%;
}

.jobcontent {
	float:right;
	width:515px;
}

.usernm {
	float:left;
	color:#0057A9;
	padding-top:10px;
	padding-bottom:12px;
}

.region {
	float:right;
	color:#0057A9;
	padding-top:10px;
	padding-bottom:12px;
}

.voice_unit {
	width:630px;
	margin-bottom:20px;
}

.voice_unit_role {
	background:url(../img/voice/line630.gif) bottom no-repeat;
}

.voice_unit img {
	border:1px solid #CCCCCC;
	float:left;
}

.voice_unit p {
	float:right;
	width:510px;
}






