/* CSS Document */
html{height:100%;
overflow-y:scroll;}
body{
	padding:0px;
	margin:0px;
	background-image:url(../img/back.jpg);
	background-repeat:repeat;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color:#000;
	font-size:12px;
	height:100%;
	}
img, ul, li, h1, h2, h3, h4, p, div{
	padding:0;
	margin:0;
	border:0;
	}

.blank {
		clear:both;
		line-height:0px;
		font-size:0px;
		}

.pankuzu{
		font-size:16px;
		margin-left:10px;
		margin-top:20px;
		margin-bottom:15px;	
	}


/*---------------------main------------*/

#main {
	width:900px;
	margin:0 auto 0 auto;
	/*--padding: 0 5px;--*/
}

/*--#main img {vertical-align:bottom;}--*/

/*---------------------header------------*/

#header {
	margin:0 0 20px 0;
}

#head1 {padding:10px 0;
clear:both;}

#header img#top-rogo {
	float:left;
	margin:0;
	vertical-align: middle;
}

/*-------------------header subnavigation----------------*/

ul#subnavi {
	height: 20px;
	margin: 0;
	padding: 0;
	list-style: none;
	float: right;
}

ul#subnavi li {
text-indent: -9999px;
font-size: 0;
float: right;
display: block;
padding:0 0 0 10px;
}

ul#subnavi li a {
width: 120px;
height: 20px;
display: block;
outline: none;
}
		/* --通常-- 募集してないときはgifからjpgにしてください*/	
		ul#subnavi li#subnavi1 a {
		background: url(../img/subnav1.gif) no-repeat;
		}
		
		ul#subnavi li#subnavi2 a {
		background: url(../img/subnav2.jpg) no-repeat;
		}
		ul#subnavi li#subnavi3 a {
		background: url(../img/subnav3.gif) no-repeat;
		}

		


/*-------------------purpose----------------*/

ul#purpose {
	height: 100px;
	margin: 20px 0 0 0;
	padding: 0;
	list-style: none;
}

ul#purpose li {
text-indent: -9999px;
font-size: 0;
float: left;
display: block;
padding:0;
}

ul#purpose li#p2 {padding:0 15px 0 30px;}

ul#purpose li#p3 {padding:0 30px 0 15px;}

ul#purpose li a {
width: 200px;
height: 100px;
display: block;
outline: none;
}

		/* --通常-- */	
		ul#purpose li#p1 a {
		background: url(../img/mo2.jpg) no-repeat;
		}
		
		ul#purpose li#p2 a {
		background: url(../img/mo3.jpg) no-repeat;
		}
		
		ul#purpose li#p3 a {
		background: url(../img/mo1.jpg) no-repeat;
		}
		
		ul#purpose li#p4 a {
		background: url(../img/mo4.jpg) no-repeat;
		}
		
		/* --マウスオン-- */	
		ul#purpose li#p1 a:hover {
		background: url(../img/mo2-o.jpg) no-repeat;
		}
		
		ul#purpose li#p2 a:hover {
		background: url(../img/mo3-o.jpg) no-repeat;
		}
		
		ul#purpose li#p3 a:hover {
		background: url(../img/mo1-o.jpg) no-repeat;
		}
		
		ul#purpose li#p4 a:hover {
		background: url(../img/mo4-o.jpg) no-repeat;
		}
		

/*-------------------header glovalnavigation----------------*/
	
	ul#globalNavi {
	margin: 0;
	padding:20px 50px 10px 0;
	list-style: none;
	float:right;
	}
	
	ul#globalNavi li {
	text-indent: -9999px;
	font-size: 0;
	float: left;
	display: block;
	padding:0 0 0 20px;
	}
	
	ul#globalNavi li a {
	width: 99px;
	height: 35px;
	display: block;
	outline: none;
	}
	
		/* --通常-- */	
		ul#globalNavi li#gnavi1 a {
		background: url(../img/gnav1.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi2 a {
		background: url(../img/gnav2.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi3 a {
		background: url(../img/gnav3.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi4 a {
		background: url(../img/gnav4.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi5 a {
		background: url(../img/gnav5.jpg) no-repeat;
		}
		
		/* --マウスオーバ-- */	
		ul#globalNavi li#gnavi1 a:hover {
		background: url(../img/gnav1-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi2 a:hover {
		background: url(../img/gnav2-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi3 a:hover {
		background: url(../img/gnav3-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi4 a:hover {
		background: url(../img/gnav4-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi5 a:hover {
		background: url(../img/gnav5-o.jpg) no-repeat;
		}
	
		/* --アクティブ-- */	
		ul#globalNavi li#gnavi1-a a{
		background: url(../img/gnav1-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi2-a a{
		background: url(../img/gnav2-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi3-a a{
		background: url(../img/gnav3-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi4-a a{
		background: url(../img/gnav4-o.jpg) no-repeat;
		}
		ul#globalNavi li#gnavi5-a a{
		background: url(../img/gnav5-o.jpg) no-repeat;
		}
/*---------------------menubar------------*/
#menubar{
	width:900px;
	height:30px;
	position:relative;
	color:#FFFFFF;
	}
#menubar img{
	margin:10px 0 0 20px;
	}
#menubar h1{
	position:absolute;
	top:53px;
	left:225px;
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#000;
	}
/* ------------------------------
メニュー部
------------------------------ */
#menu{
	width: 900px;
	height:30px;
}

#menu ul{
	padding: 0px;
	margin: 0px;
	margin-left: 20px;
	list-style: none;
}

#menu li{
	display: inline;
}

#menu a{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
}

.index{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_top.jpg);
	margin-right: 3px;
}

.index a{
	background-position: 0px 0px;
	background-image: url(../img/navi_top.jpg);
}

.index a:hover{
	background-position: 0px -30px;
}

.content{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_content.jpg);
	margin-right: 3px;
}

.content a{
	background-position: 0px 0px;
	background-image: url(../img/navi_content.jpg);
}

.content a:hover{
	background-position: 0px -30px;
}

.intro{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_intro.jpg);
	margin-right: 3px;
}

.intro a{
	background-position: 0px 0px;
	background-image: url(../img/navi_intro.jpg);
}

.intro a:hover{
	background-position: 0px -30px;
}

.pro{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_pro.jpg);
	margin-right: 3px;
}

.pro a{
	background-position: 0px 0px;
	background-image: url(../img/navi_pro.jpg);
}

.pro a:hover{
	background-position: 0px -30px;
}

.invite{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_invite.jpg);
	margin-right: 3px;
}

.invite a{
	background-position: 0px 0px;
	background-image: url(../img/navi_invite.jpg);
}

.invite a:hover{
	background-position: 0px -30px;
}

.info{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_info.jpg);
	margin-right: 3px;
}

.info a{
	background-position: 0px 0px;
	background-image: url(../img/navi_info.jpg);
}

.info a:hover{
	background-position: 0px -30px;
}

.member{
	width: 90px;
	height: 30px;
	float: left;
	text-indent : -9999px;
	background-position: 0px -30px;
	background-image: url(../img/navi_member.jpg);
	margin-right: 3px;
}

.member a{
	background-position: 0px 0px;
	background-image: url(../img/navi_member.jpg);
}

.member a:hover{
	background-position: 0px -30px;
}
	
/*---------------------topmain------------*/
#topmain{
	width:900px;
	height:390px;
	position:relative;
	color:#333;
	background:url(../img/mainimg.jpg);
	}
#topmain p{
	font-size:27px;
	font-weight:bold;
	}
#topmain img{
	margin:10px 0 0 20px;
	}
#topmain h2{
	font-family:  Meiryo, "メイリオ", "Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	font-size:13px;
	color:#000;
	}
	
/*-------------------body---------------*/
#body{
	width:900px;
	height:100%;
		}

/*---------------------------footer--------------*/
#footer_div{
	width:100%;
	height:120px;
	margin:0 auto 0 auto;
	border-top:2px solid #e70012;
	}
#footer_div ul{
	list-style-type:none;
	margin-top:5px;
	}
#footer_div ul li{
	float:left;
	padding:0 5px 0 0;
	}
#footer_div ul li a{
	color:#e70012;
	text-decoration:none;
	margin:0 8px 0 8px;
	}
#footer_div ul li a.mg{
	color:#FDFDFD;
	text-decoration:none;
	margin:0 11px 0 0px;
	}
#footer_div ul li a.mg:hover{
	text-decoration:underline;
	}
#footer_div ul li a:hover{
	text-decoration:underline;
	}
#footer_div ul.ad{
	width:230px;
	display:block;
	list-style-type:none;
	margin:53px 0 0 153px;
	}
#footer_div ul.ad li{
	height:29px;
	width:96px;
	display:block;
	border-right:#FFFFFF 1px dashed;
		}
#footer_div ul.ad li.nobor{
	height:29px;
	width:96px;
	display:block;
	margin-left:10px;
	border-right:none;
	}
#footer_div ul.ad li.nobor1{
	height:29px;
	width:96px;
	display:block;
	float:left;
	margin-left:10px;
	border-right:#FFFFFF 1px dashed;
	}
#footer_div ul.ad li a{
	color:#FAFAFA;
	font-weight:bold;
	text-decoration:none;
	margin:0 0 0 0;
	}
#footer_div ul.ad li a span{
	color:#A3DCFC;
	text-transform:uppercase;
	}
#footer_div ul.css{
	width:100px;
	display:block;
	margin:75px 0 0 211px;
	font-size:0px;
	padding:0px;
	}
#footer_div ul.css li{
	display:block;
	float:left;
	margin:0 0 0 0;
	}
#footer_div ul.css li a{
	display:block;
	text-indent:-2000px;
	height:14px;
	margin:0 2px 0 0;
	font-size:0px;
	}
#footer_div ul.css li a.htm{
	background:url(../images/xhtml.gif) no-repeat 0 0; width:48px;
		}
#footer_div ul.css li a.cs{
	background:url(../images/css.gif) no-repeat; width:36px;
		}
#footer_div p{
	color:#5d5d5d;
	font-weight:normal;
	height:14px;
	float:right;
	}
	
#footlink{
	width:900px;
	margin:0 auto 0 auto;
	height:120px;
	color:#e70012;
    }

#footlink a{text-decoration:none;}





/*パックプランリンク用*/
#title_top{
	font-weight: bold;
	text-align: center;
	padding: 0 0 50px 0;
text-shadow:
1px 1px 1px rgba(0, 0, 0, 0.6),
-1px -1px 1px rgba(255, 255, 255, 0.5);	
}


/*労働者派遣テーブル*/
table.type11 {
	border-collapse: separate;
	border-spacing: 1px;
	text-align: center;
	line-height: 1.5;
}
table.type11 th {
	width: 155px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #fff;
	background: #036;
}
table.type11 td {
	width: 155px;
	padding: 10px;
	vertical-align: top;
	border-bottom: 1px solid #ccc;
	background: #eee;
}


table.type03 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #ccc;
	border-left: 3px solid #369;
}
table.type03 th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #153d73;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;

}
table.type03 td {
	width: 580px;
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}