/* CSS Document */

/*:::::INDEX:::::
1.リセット
2.全体枠
3.ヘッダー
4.メインコンテンツ
5.
6.フッター
:::::::::::::::*/

/*------------------------------------
1.リセット
------------------------------------*/

*{
	margin:0;
	padding:0;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
img{
	border:none;
	vertical-align:bottom;
}
body {
	text-align: center;
	margin:0;
	padding:0;
	font-family:Verdana,"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
	color:#555;
	background:#fff;
}
.clearboth{
	clear:both;
}
/*------------------------------------
2.全体枠
------------------------------------*/
#container0{
	width:800px;
	margin:0px auto;
	text-align:center;
	background:#c2b8a5;
	/*overflow:auto;*/
}
#container{
	width:798px;
	margin:0px auto;
	text-align:left;
	background:#fff;
}
/*------------------------------------
3.ヘッダー
------------------------------------*/
#header{
	width:798px;
	position:relative;
/*	background:url(img/inquiry.gif) right no-repeat;
	overflow:auto;
*/}
#header h1{
	text-indent:-5000px;
	background:url(img/logo.jpg) no-repeat;
	width:798px;
	line-height:80px;
}
#header img.logo{
	width:798px;
	height:80px;
	position:absolute;
	top:0px;
	left:0px;
}
#header h2{
	width:485px;
	height:63px;
	text-indent:-5000px;
	background:url(img/inquiry.gif) no-repeat;
	float:right;
}
#header p.pr{
	font-size:12px;
	color:#4f4e4e;
	top:60px;
	left:435px;
	position:absolute;
/*	z-index:100;
*/	line-height:1.5em;
}
#navi0{
	width:798px;
	height:49px;
	text-align:center;
	background:url(img/navi_back.gif) no-repeat;
}
#navi{
	padding:10px 9px 9px 8px;
	text-align:left;
}
#navi ul{
	padding-top:2px;
}
#navi ul li{
	display:inline;
	list-style-type:none;
	text-indent:-5000px;
	float:left;
}
#navi li.home a{
	display:block;
	width:137px;
	height:30px;
	border:none;
	background:url(img/navi1_off.gif) no-repeat;
}
#navi li.home a:hover {
	background-image:url(img/navi1_on.gif);
}
#navi li.company a{
	display:block;
	width:126px;
	height:30px;
	border:none;
	background:url(img/navi2_off.gif) no-repeat;
}
#navi li.company a:hover {
	background-image:url(img/navi2_on.gif);
}
#navi li.dispatch a{
	display:block;
	width:126px;
	height:30px;
	border:none;
	background:url(img/navi3_off.gif) no-repeat;
}
#navi li.dispatch a:hover {
	background-image:url(img/navi3_on.gif);
}
#navi li.merit a{
	display:block;
	width:126px;
	height:30px;
	border:none;
	background:url(img/navi4_off.gif) no-repeat;
}
#navi li.merit a:hover {
	background-image:url(img/navi4_on.gif);
}
#navi li.voice a{
	display:block;
	width:126px;
	height:30px;
	border:none;
	background:url(img/navi5_off.gif) no-repeat;
}
#navi li.voice a:hover {
	background-image:url(img/navi5_on.gif);
}
#navi li.link a{
	display:block;
	width:139px;
	height:30px;
	border:none;
	background:url(img/navi6_off.gif) no-repeat;
}
#navi li.link a:hover {
	background-image:url(img/navi6_on.gif);
}
#navi li.webdesign a{
	width:139px;
	height:30px;
	border:none;
}
#middle{
	width:798px;
	height:380px;
}
#middle h2{
	background:url(img/main_banner.jpg) no-repeat;
	height:380px;
	text-indent:-5000px;
}
#middle ul{
	display:block;
	margin-left:555px;
	margin-top:-371px;
}
#middle ul li{
	list-style-type:none;
	text-indent:-5000px;
	margin-bottom:5px;
}
#middle li.toroku a{
	display:block;
	width:238px;
	height:63px;
	border:none;
	background:url(img/toroku_off.gif) no-repeat;
}
#middle li.toroku a:hover {
	background-image:url(img/toroku_on.gif);
}
#middle li.job a{
	display:block;
	width:208px;
	margin-left:30px;
	height:55px;
	border:none;
	background:url(img/job_off.gif) no-repeat;
}
#middle li.job a:hover {
	background-image:url(img/job_on.gif);
}
#middle li.person a{
	display:block;
	width:208px;
	margin-left:30px;
	height:55px;
	border:none;
	background:url(img/person_off.gif) no-repeat;
}
#middle li.person a:hover {
	background-image:url(img/person_on.gif);
}
#middle li.day a{
	display:block;
	width:208px;
	margin-left:30px;
	height:35px;
	border:none;
	background:url(img/day_off.gif) no-repeat;
}
#middle li.day a:hover {
	background-image:url(img/day_on.gif);
}
#middle li.flow a{
	display:block;
	width:208px;
	margin-left:30px;
	height:35px;
	border:none;
	background:url(img/flow_off.gif) no-repeat;
}
#middle li.flow a:hover {
	background-image:url(img/flow_on.gif);
}
/*------------------------------------
4.メインコンテンツ(トップページ)
------------------------------------*/
#contents{
	width:798px;
/*	background-color:#6666FF;
*/	float:left;
	padding-bottom:10px;
}
#contents.second{
	padding-bottom:0;
	background:url(img/second_bg.gif) repeat-y;
}
#contents h2.separate{
	width:798px;
	height:8px;
	background:url(img/second_line.gif) no-repeat;
	text-indent:-5000px;
	line-height:7px;
	font-size:8px;
}
#left{
	width:530px;
	float:left;
	text-align:right;
}
#jobnew0{
	width:500px;
	margin-top:10px;
	margin-left:30px;
}
#jobnew{
	width:500px;
	float:left;
	text-align:left;
	background:url(img/jobnew_bg.gif) repeat-y;
}
#jobnew h3{
	background:url(img/jobnew_top.gif) no-repeat;
	height:63px;
	text-indent:-5000px;
}
#jobnew ul{
	list-style:none;
	margin:0px 20px 8px 70px;
}
#jobnew li{
	background:url(img/list01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	padding-bottom:5px;
	font-size:80%;
	line-height:1.5em;
}
#jobnew span{
	color:#c80c14;
}
#jobnew a:link { color: #666;border-bottom:1px dashed #3faf94;text-decoration: none; }
#jobnew a:visited { color: #666; border-bottom:1px dashed #3faf94;text-decoration: none;}
#jobnew a:active {  color: #666; border-bottom:1px dashed #3faf94;text-decoration: none; }
#jobnew a:hover { color: #3faf94;border-bottom:2px solid #3faf94;text-decoration: none; }

#right{
	width:250px;
	float:right;
	text-align:left;
}
#new0{
	width:220px;
	margin-top:10px;
	margin-bottom:15px;
}
#new{
	float:left;
	background:url(img/new_bg.gif) repeat-y;
}
#new h3{
	background:url(img/new_top.gif) no-repeat;
	text-indent:-5000px;
	height:30px;
	width:220px;
}
#new ul{
	list-style:none;
	margin:33px 10px 8px 10px;
}
#new li{
	background:url(img/list01.gif) 0 0.5em no-repeat;
	padding-left:12px;
	padding-bottom:5px;
	font-size:80%;
	line-height:1.5em;
}

/*------------------------------------
5.サイドバー（セカンドページ）
------------------------------------*/
#sidebar{
	width:199px;
	float:left;
	/*background:url(img/sidebar.gif) repeat-y;*/
}
#sidebar ul{
	display:block;
	margin-left:5px;
	padding-top:10px;
	padding-bottom:50px;
}
#sidebar ul li{
	list-style-type:none;
	text-indent:-5000px;
	padding-bottom:5px;
}
#sidebar li.navi01 a{
	display:block;
	width:181px;
	height:71px;
	border:none;
	background:url(img/sidenavi01_off.gif) no-repeat;
}
#sidebar li.navi01 a:hover {
	background-image:url(img/sidenavi01_on.gif);
}
#sidebar li.navi02 a{
	display:block;
	width:181px;
	height:57px;
	border:none;
	background:url(img/sidenavi02_off.gif) no-repeat;
}
#sidebar li.navi02 a:hover {
	background-image:url(img/sidenavi02_on.gif);
}
#sidebar li.navi03 a{
	display:block;
	width:181px;
	height:57px;
	border:none;
	background:url(img/sidenavi03_off.gif) no-repeat;
}
#sidebar li.navi03 a:hover {
	background-image:url(img/sidenavi03_on.gif);
}
#sidebar li.navi04 a{
	display:block;
	width:181px;
	height:36px;
	border:none;
	background:url(img/sidenavi04_off.gif) no-repeat;
}
#sidebar li.navi04 a:hover {
	background-image:url(img/sidenavi04_on.gif);
}
#sidebar li.navi05 a{
	display:block;
	width:181px;
	height:36px;
	border:none;
	background:url(img/sidenavi05_off.gif) no-repeat;
}
#sidebar li.navi05 a:hover {
	background-image:url(img/sidenavi05_on.gif);
}
/*------------------------------------
6.メインコンテンツ
------------------------------------*/
#main{
	width:589px;
	float:right;
	text-align:left;
	font-size:80%;
}
#main .pankuzu{
	margin:5px;
}
#main h2{
	width:580px;
	height:60px;
	margin-top:10px;
	text-indent:-5000px;
}
#main p{
	margin:10px 40px;
	line-height:1.5em;
	margin-bottom:10px;
}
#main p img{
	margin:10px;
	margin-left:0;
	float:left;
}
#main .paginate{
	margin:5px auto;
	text-align:center;
}
#main dl{
	padding:10px 40px;
	line-height:1.5em;
}
#main dt{
	width:80px;
	text-align:center;
	background-color:#e9c8ca;
}
#main dd {
	margin-left:90px;
	margin-top:-1.5em;
	margin-bottom:20px;
}
#main ul{
	padding:10px 40px;
	line-height:2.5em;
}
#main li{
	list-style:none;
	background:url(img/list01.gif) 0 1em no-repeat;
	padding-left:12px;
}
#main div.center{
	text-align:center;
	margin:10px auto;
}
#main a:link { color: #666;border-bottom:1px dashed #c56b6f;text-decoration: none; }
#main a:visited { color: #666; border-bottom:1px dashed #c56b6f;text-decoration: none;}
#main a:active {  color: #666; border-bottom:1px dashed #c56b6f;text-decoration: none; }
#main a:hover { color: #c56b6f;border-bottom:2px solid #c56b6f;text-decoration: none; }

#main div.center a:link { color: #666;border:none;text-decoration: none; }
#main div.center a:visited { color: #666;border:none;text-decoration: none;}
#main div.center a:active {  color: #666;border:none;text-decoration: none; }
#main div.center a:hover { color: #c56b6f;border:none;text-decoration: none; }
/***会社概要***/
#main h2.company{
	background:url(img/company_h1.gif) no-repeat;
}
/***人材紹介業とは***/
#main h2.aboutwork{
	background:url(img/aboutwork_h1.gif) no-repeat;
}
/***活用するメリット***/
#main h2.merit{
	background:url(img/merit_h1.gif) no-repeat;
}
/***利用者の声***/
#main h2.voice{
	background:url(img/voice_h1.gif) no-repeat;
}
#main h3.voicecomment{
	background:url(img/voice_comment.gif) no-repeat;
	height:23px;
	text-indent:-5000px;
	margin-left:40px;
}
#main .voicebox{
	width:500px;
	margin:10px 40px;
	background:url(img/voice_bg.gif) repeat-y;
}
#main .voicebox h3{
	background:url(img/voice_h3.gif) no-repeat;
	text-indent:-5000px;
	height:44px
}
#main .voicebox p{
	margin:10px;
}
#main p.voicetop{
	margin-top:20px;
	margin-bottom:20px;
}
#main .voicebox p.blue{
	color:#4363c0;
}
/***リンク***/
#main h2.link{
	background:url(img/link_h1.gif) no-repeat;
}
#link dl{
	/*margin:10px 40px;*/
	line-height:1.5em;
	margin-top:20px;
}
#link dt{
	width:150px;
	float:left;
	text-align:center;
	background-color:#fff;
}
#link dd{
	width:340px;
	margin-left:160px;
	margin-top:0;
}
#link h3{
	font-size:110%;
	color:#990000;
	font-weight:bold;
}
/***情報保護について***/
#main h2.privacypolicy{
	background:url(img/privacypolicy_h1.gif) no-repeat;
}
#privacy{
	margin:10px 40px;
}
#privacy ol{
	line-height: 1.5em;
	list-style-type: decimal;
	margin-left:50px;
}
#privacy ol li{
	list-style:outside;
	padding-left:20px;
}
/***お問合せ***/
#main h2.contact{
	background:url(img/contact_h1.gif) no-repeat;
}
#contact{
	margin:10px 40px;
}
#form table{
	background-color:#666666;
}
tr{
}
#form table td{
	padding:5px;
}
/***1日体験サービス***/
#main p.ebox{
	margin:10px 40px;
	line-height:1.5em;
	margin-bottom:10px;
	border:1px dashed #c56b6f;
	padding:10px;
}
#main h2.experience{
	background:url(img/experience_h1.gif) no-repeat;
}
#main h3.experience1{
	background:url(img/experience01.gif) no-repeat;
	width:500px;
	text-indent:-5000px;
	height:27px
}
#main h3.experience2{
	background:url(img/experience02.gif) no-repeat;
	width:500px;
	text-indent:-5000px;
	height:27px
}
#main h3.experience0{
	background:url(img/experience_h2.gif) no-repeat;
	width:500px;
	text-indent:-5000px;
	height:45px
}
#experience{
	margin:10px 40px 20px 40px;
}
#experience dl{
	width:400px;
	margin:10px auto;
	font-size:14px;
}
#experience dt{
	clear:left;
	width:39px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background-color:#f0cbcd;
	text-align:center;
	color:#c56b6f;
	line-height:21px;
}
#experience dd{
	width:359px;
	color:#666;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
	padding-left:15px;
	margin-left:40px;
	margin-top:-23px;
	clear:left;
}
#experience dd.double{
	margin-top:-44px;
}
#experience dd.allow{
	width:398px;
	border:none;
	padding:0;
	margin:-13px auto 2px auto;
	background:url(img/experience_allow.gif) center no-repeat;
	height:27px;
}

/***ご登録から入社まで***/
#main h2.process{
	background:url(img/work_h1.gif) no-repeat;
}
#main h3.process1{
	background:url(img/process.gif) no-repeat;
	width:498px;
	text-indent:-5000px;
	height:67px
}

#process1{
	margin:10px 40px 20px 40px;
}
#process2{
	margin:10px 40px 20px 40px;
	width:498px;
	border:1px solid #4e75e6;
}
#process2 dl{
	width:400px;
	margin:10px auto;
	font-size:14px;
}
#process2 dt{
	clear:left;
	width:39px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background-color:#e5e9f8;
	text-align:center;
	color:#4e75e6;
	line-height:21px;
}
#process2 dd{
	width:359px;
	color:#666;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	background-color:#fff;
	padding-left:15px;
	margin-left:40px;
	margin-top:-23px;
	clear:left;
}
#process2 dd.double{
	margin-top:-44px;
}
#process2 dd.allow{
	width:398px;
	border:none;
	padding:0;
	margin:-13px auto 2px auto;
	background:url(img/process_allow.gif) center no-repeat;
	height:27px;
}
	
/***人材をお探しの方へ***/
#main h2.forclinic{
	background:url(img/forclinic_h1.gif) no-repeat;
}
#main h3.forclinic1{
	background:url(img/forclinic_h2.gif) no-repeat;
	width:500px;
	text-indent:-5000px;
	height:67px
}

#forclinic{
	margin:10px 40px 20px 40px;
}
/***お仕事をお探しの方へ***/
#main h2.workinfo{
	background:url(img/work_h1.gif) no-repeat;
}
#main h3.workinfo1{
	background:url(img/workinfo.gif) no-repeat;
	width:500px;
	text-indent:-5000px;
	height:67px
}

#workinfo{
	margin:10px 40px 20px 40px;
}

#main .wibox{
	width:500px;
	margin:10px 40px 10px 40px;
	background:url(img/workinfo_bg.jpg) repeat-y;
	position:relative;
}
#main .wibox h4{
	background:url(img/workinfo_top.jpg) no-repeat;
	height:35px;
	width:450px;
	padding-top:12px;
	padding-left:50px;
	font-size:13px;
	font-weight:bold;
	color:#000;
}
#main .wibox h5{
	font-size:12px;
	font-weight:normal;
	color:#000;
	top:13px;
	left:400px;
	position:absolute;
}
#main .wibox dl{
	margin:10px 20px;
	font-size:13px;
}
#main .wibox dt{
	width:68px;
	height:18px;
	text-align:center;
	background-color:#d9e1f9;
	color:#333;
	font-weight:bold;
}
#main .wibox dd{
	margin-left:80px;
	margin-top:-18px;
	margin-bottom:10px;
}
#main .wibox .button{
	margin:10px auto;
	text-align:center;
}
.button a{
	border:none;
}
	
/***人材をお探しの方ご登録***/
#main h2.clinicform{
	background:url(img/forclinic_h1.gif) no-repeat;
}
#clinicform{
	margin:10px 40px;
}
/***お仕事をお探しの方ご登録***/
#main h2.workform{
	background:url(img/work_h1.gif) no-repeat;
}
#workform{
	margin:10px 40px;
}
/*------------------------------------
QRコード
------------------------------------*/
#qr{
	float:left;
	margin-top:20px;
}

/*------------------------------------
7.フッター
------------------------------------*/
#footer{
	clear:both;
	width:798px;
	height:24px;
	text-align:left;
	position:relative;
	background:url(img/footer.gif) no-repeat;
}
#footer p{
	font-size:11px;
	padding-left:10px;
	padding-top:9px;
}
#footer img{
	position:absolute;
	top:0;
	left:0;
}
#footer .link{
	position:absolute;
	top:0;
	left:400px;
	width:378px;
	text-align:right;
	padding-right:20px;
	font-size:12px;
	color:#fff;
	padding-top:9px;
}
#footer .link a:link { color: #fff;text-decoration: none; }
#footer .link a:visited { color: #fff;text-decoration: none;}
#footer .link a:active {  color: #fff; text-decoration: none; }
#footer .link a:hover { color: #666;text-decoration: none; }

#main div.gotop{
	width:500px;
	text-align:right;
	margin:25px auto 20px auto;
}

.red{
	color:#FF0000;
}