@charset 'utf-8';
@import url("./common.css");

/* =======================================
  INDEX sub.css
-----------------------------------------
  .navi
  .table		各カテゴリのテーブル設定
  1.regist		登録申し込み
  2.job			案件一覧
   2-1.inqury	案件のお問い合わせ
  3.about		このサイトについて
  4.process		就業までの流れ
  		未経験の方へ
  6.case		これまでの事例
  7.qa			Ｑ&Ａ
  8.support		地方在住の方へ
  9.client		人材をお探しの企業さまへ
  10.affiliate	アフィリエイト
  11.news		新着情報
  12.contact	おといあわせ
  13.privacy	プライバシーポリシー
  14.company	運営会社概要
  15.sitemap	サイトマップ
===================================== */


/* navi
=====================================*/
#navi{
	width		: 820px;
	margin		: 0 0 0 15px;
	clear		: both;
	background	: #E8E7E7;
	}

#navi p{
	margin		: 0 15px;
	padding		: 2px 0;
	}


/* table 各カテゴリのテーブル設定
=====================================*/
.regist_box table,
.job_box table,
.inqury_box table,
.inex_box table,
.case_box table,
.client_box table,
.company_box table,
.contact_box table{
	width		: 420px;
	margin		: 0 5px;
	font-size	: 12px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-top	: solid 1px #999;
	border-left	: solid 1px #999;
	}

.regist_box th,.regist_box td,
.job_box th,.job_box td,
.inqury_box th,.inqury_box td,
.inex_box th,.inex_box td,
.client_box th,.client_box td,
.company_box th,.company_box td,
.contact_box th,.contact_box td{
	padding		: 6px 5px;
	font-size	: 12px;
	empty-cells	: show;
	border-collapse	: collapse;
	border-right	: solid 1px #999;
	border-bottom	: solid 1px #999;
	}

.regist_box th,
.job_box th,
.inqury_box th,
.inex_box th,
.case_box th,
.client_box th,
.company_box th,
.contact_box th{
	text-align	: center;
	background	: #E8E7E7;
	}

.regist_box td,
.job_box td,
.inqury_box td,
.inex_box td,
.client_box td,
.company_box td,
.contact_box td{
	padding		: 6px 15px;
	}
.size10-red-bold{
	font-size		: 10px;
	font-weight	: bold;
	color:red;
	}


/* 1.regist 登録申し込み
=====================================*/
.regist_box table,
.regist_box th,
.regist_box td{
	font-size	 : 12px;
	}

.regist_box th{
	width		: 150px;
	letter-spacing	: 0em;
	}
.regist_box textarea {
	font-size:12px;
}

/* 2.job　案件一覧
=====================================*/
.job_box ul{
	margin		: 10px;
	}

.job_box li{
	padding		: 3px 28px;
	letter-spacing	: 0em;
	background	: url("../img/icon/li_red.gif") no-repeat 10px 8px;
	}

.job_box h4{
	width		: 420px;
	margin		: 10px 0 5px 0;
	padding		: 0 0 0 28px;
	font-size	: 100%;
	line-height	: 240%;
	border-bottom	: dashed 1px #666;
	background	: url("../img/icon/li_red.gif") no-repeat 10px center #E8E7E7;
	}

.job_box h4 a,
.job_box h4 a:hover,
.job_box h4 a:visited{
	color		: #333;
	text-decoration	: none;
	}

.job_box p{
	margin		: 5px 0;
	}

.job_box th{
	width		: 100px;
	letter-spacing	: 0.2em;
	}

.job_box .double{
	border-bottom	: double 3px #999;
	}

.next{
	padding		: 0 0 0 28px;
	background	: url("../img/icon/li_red.gif") no-repeat 10px center;
	}

.prev{
	padding		: 0 0 0 28px;
	background	: url("../img/icon/li_red02.gif") no-repeat 10px center;
	}

.page_archives{
	text-align	: center;
	}

.page_archives a,
.page_archives a:hover,
.page_archives a:visited{
	text-decoration	: none;
	}

a.here,
a:hover.here,
a:visited.here{
	font-weight	: bold;
	color		: #F00;
	}

.entry_list{
	padding		: 15px;
	background	: #FEFDE1;
	border		: solid 1px #CCC;
	}
		

	/* 2-1.inqury　案件のお問い合わせ
	-------------------------------------*/
	.inqury_box th{
		width		: 150px;
		letter-spacing	: 0em;
		}
	
	.send{
		padding		: 15px;
		text-align	: center;
		background	: #EEE;
		border		: solid 1px #CCC;
		}
	
	/* 2-2.choise　エリア・業種から選ぶ
	-------------------------------------*/
	.choise_box{
		padding		: 10px 10px 10px 12px;
		background-color	: #EEE;
		}
	
	.choise{
		width		: 430px;
		margin-bottom	: 10px;
		background	: url("../img/bg_choise_btm.gif") no-repeat left bottom #FFF;
		}
	
	.choise p{
		margin		: 10px 10px 20px 20px;
		line-height	: 2em;
		}
		

/* 3.about　このサイトについて
=====================================*/
.about_box strong{
	color		: #39C;
	}
	
.about_box strong a,
.about_box strong a:visited{
	color		: #39C;
	text-decoration	: none;
	}
	
.about01,
.about02{
	padding-left: 80px;
	}

.about01{
	background	: url("../img/bg_about01.gif") no-repeat 10px center;
	}
	
.about02{
	background	: url("../img/bg_about02.gif") no-repeat 10px center;
	}

.about01-r,
.about02-r {
	width: 430px;
}	

.about01-r{
	background-image: url(../img/bg_about01-r.gif);
	background-repeat: no-repeat;
	background-position: 350px bottom;
}

.about02-r{
	background-image :url("../img/bg_about02-r.gif");
	background-repeat: no-repeat;
	background-position: 350px bottom;
}
	
/* 4.process　就業までの流れ
=====================================*/
.process_box ul{
	text-align	: left;
	}

.process_box li{
	width		: 420px;
	line-height	: 100%;
	}
	
	
/* 5.inex　未経験の方へ
=====================================*/
.inex_box strong{
	color		: #690;
	}

.inex_box th{
	width		: 100px;
	letter-spacing	: 0.2em;
	}

#qualifying{
	width		: 450px;
	background	: url("../img/inex02.gif");
	}

#qualifying p{
	margin		: 5px 50px;
	}

#qualifying ul{
	margin		: 10px 0 15px 50px;
	font-weight	: bold;
	}

#qualifying li{
	padding-left: 20px;
	background	: url("../img/icon/li_inex.gif") no-repeat left center;
	}

ul.catch {
	margin-left:25px;
}

ul.catch li {
	list-style:disc;
}

.inex_box dl {
	width:95%;
	margin:5px auto;
}

.inex_box dt {
	font-weight:bold;
}

.inex_box dd {

}


/* 6.case　これまでの事例
=====================================*/
.case_box strong{
	color		: #093;
	}

.case_box table{
	border-right: solid 1px #999;
	}
	
.case_box th,
.case_box td{
	border-bottom	: solid 1px #999;
	}

.case_box th{
	width		: 80px;
	padding		: 6px 5px;
	letter-spacing	: 0.2em;
	border-right	: solid 1px #999;
	}

.case_box td{
	width		: 150px;
	padding		: 6px 6px 6px 15px;
	}

.case_box td.after{
	padding		: 6px 6px 6px 25px;
	background	: url("../img/bg_case.gif") no-repeat 4px center;
	}

.comment{
	width		: 410px;
	margin-top	: 10px;
	padding		: 18px 0 0 5px;
	background	: url("../img/bg_comment.gif") no-repeat top left;
	}
	
.case_box ul {
	margin-left:30px;
}
.case_box li {
	list-style-position: outside;
	list-style-type: disc;
	left: 20px;
}


/* 7.qa　Ｑ&Ａ
=====================================*/
.qa_box strong{
	color		: #009A9A;
	}
	
.qa_box strong a,
.qa_box strong a:hover{
	color		: #009A9A;
	text-decoration	: none;
	}
	
.qa01,
.qa02{
	padding-left: 80px;
	}

.qa01{
	background	: url("../img/bg_qa01.gif") no-repeat 10px center;
	}
	
.qa02{
	background	: url("../img/bg_qa02.gif") no-repeat 10px center;
	}

.qa_box dt {
	color:#009a9a;
	font-weight:bold;
	background-image: url(../img/q.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}

.qa_box dt a {
	color:#009a9a;
	text-decoration:none;
}

.qa_box dd {
	background-image: url(../img/a.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 5px;
}

/* 8.support　地方在住の方へ
=====================================*/
.support_box strong{
	color		: #093;
	}

.ex li{
	width		: 366px;
	height		: 49px;
	margin		: 5px auto;
	text-align	: center;
	background	: url("../img/bg_support.gif") no-repeat top left;
	}

.ex li.li_ex02{
	height		: 28px;
	}

.ex li img{
	margin		: 7px auto;
	}


/* 9.client　人材をお探しの企業さまへ
=====================================*/
.client_box {
	width:600px;
}

.client_box th{
	width		: 150px;
	letter-spacing	: 0em;
	}
	
.client_box strong {
	font-weight:bold;
	color:#e4007f;
	padding-left:10px;
}

.client_box ul {
	width:95%;
}

.client_box ul li {
	list-style-type: disc;
	margin-left:30px;
	padding-left:0px;
}

p.box2 {
	padding:25px 0px;
}

.client_box textarea {
	font-size:12px;
}

/* 10.affiliate　アフィリエイト
=====================================*/


/* 11.news　新着情報
=====================================*/
.news_box{

	}

.news_box h4.entry_header{
	margin		: 5px 15px;
	font-size	: 100%;
	}

.news_box h4.entry_header a,
.news_box h4.entry_header a:hover,
.news_box h4.entry_header a:visited{
	color		: #06C;
	font-size	: 100%;
	text-decoration	 : none;
	}

.entry_body{
	margin		: 5px 15px;	
	}

.archives_box{
	margin		: 10px;
	}

.archives_box ul{
	margin		: 10px 0;
	}

.archives_box li{
	margin		: 0;
	padding		: 0 0 0 25px;
	}

.archives_box li.bg_gray{
	background: url("../img/icon/li_lightblue03.gif") no-repeat 5px center #EEE;
	}

.archives_box li.bg_white{
	background: url("../img/icon/li_lightblue03.gif") no-repeat 5px center #FFF;
	}


/* 12.contact　おといあわせ
=====================================*/
.contact_box{
	}

.contact_box th{
	width		: 150px;
	letter-spacing	: 0em;
	}

.contact_box.line01 hr{
	margin		: 10px auto;
	}


/* 13.privacy　プライバシーポリシー
=====================================*/
.privacy_box ol{
	margin		: 15px 15px 15px 35px;
	list-style	: disc;
	}
	
.privacy_box li{
	list-style	: decimal;
	line-height	: 180%;
	}


/* 14.company　運営会社概要
=====================================*/
.company_box table{
	line-height	: 150%;
	}

.company_box th{
	width		: 130px;
	letter-spacing	: 0.2em;
	}

td.office p {
	padding:0px 5px 10px 0px;
	margin:0px;
}

/* 15.sitemap　サイトマップ
=====================================*/
.sitemap_box ul{
	width			: 400px;
	padding-left	: 25px;
	}

.sitemap_box li{
	padding-left	: 28px;
	letter-spacing	: 0em;
	line-height		: 240%;
	background	: url("../img/icon/li_lightblue.gif") no-repeat 10px center;
	}

.sitemap_box li.sitemap01{
	background	: url("../img/icon/li_lightblue.gif") no-repeat 10px 8px #EEE;
	}

.sitemap02{
	margin-left	: 25px;
	width		: 400px;
	}

.sitemap02 ul{
	}

.sitemap02 li{
	line-height	: 200%;
	background	: url("../img/icon/li_lightblue02.gif") no-repeat 10px center;
	}