@charset "UTF-8";
/* CSS Document */

* { padding: 0; margin: 0; }

body {
font: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#333;
background:#ffffff;
background:url(images/bg.png) repeat-x;
}

* html body {	/* for IF6 */
font-family: "ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

/* clearfix */
.clearfix:after {
content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clear{clear:both;}

.clear2{
clear:both;
padding-top:30px;
}

#main p{
margin:0 0 20px;
padding:10px 10px;
}

img{
border:0;
vertical-align:bottom;
}

/*******************************
*　フォントカラー・サイズ
*******************************/

.txt-L { font-size:25px; color:#330033;}
.txt-s { font-size:11px;}

.txt-red {
color:#FF3333;
font-weight:normal;
}

.txt-org {
color:#FFCC00;
font-weight:normal;
}

/*******************************
/* 画像配置
*******************************/

.center{text-align:center;}

.right{text-align:right;}

.imgR {
float: right;
margin: 10px 10px 20px 20px;
clear: both;
}

.imgC {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}

.imgL {
float: left;
margin: 10px 20px 20px 10px;
clear: both;
}

/*******************************
/* ヘッダー
*******************************/

#header {
width: 1100px;
height: 30px;
margin: 0 auto;
}

#header h1 {
width: 1100px;
height: 25px;
margin: 0 auto;
font-size:13px;
font-weight:normal;
line-height:2.4em;
color:#FFFFFF;
}


/*******************************
/* リンクカラー
*******************************/

a:link {
color:#333333;
text-decoration: none;
}
a:visited {
color:#333333;
text-decoration: none;
}
a:hover {
color:#42a0e2;
text-decoration: underline;
}
a:active {
color:#42a0e2;
text-decoration: none;
}

/************************************
/* メイン画像
************************************/

#wrapper{
margin: 0 auto;
width: 1100px;
overflow: hidden;
position: relative;
}

#mainimage {
position:relative;
margin: 0 auto;
width: 1100px;
height: 480px;
padding-top:0;
background:url(images/mainimage.png) no-repeat 0px 0px;
}

/* 派遣登録ボタン */
#mainimage .entry{
margin:320px 100px 0 0;
float:right;
}

#mainimage .entry a {
display:block;
width:350px;
height:90px;
background:url(images/entry_b2.png) no-repeat 0px 0px;
}

.entry a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}


/*******************************
選ばれている3つの理由
*******************************/

#point {
position:relative;
margin: 0 auto;
width: 1100px;
height: 575px;
}

/*******************************
自分らしさ見つけよう
*******************************/

#staffbox1 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 242px;
background:url(images/staff.png) no-repeat 0px 0px;
}

#staffbox2 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 242px;
background:url(images/staff2.png) no-repeat 0px 0px;
}

/* スタッフ登録ボタン */
#staffbox1 .staffentry{
margin:80px 110px 0 0;
float:right;
}

#staffbox1 .staffentry a {
display:block;
width:465px;
height:100px;
background:url(images/staffentry_b2.png) no-repeat 0px 0px;
}

.staffentry a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}

/* スタッフ登録ボタン2 */
#staffbox2 .staffentry{
margin:80px 110px 0 0;
float:right;
}

#staffbox2 .staffentry a {
display:block;
width:465px;
height:100px;
background:url(images/staffentry_b2.png) no-repeat 0px 0px;
}

.staffentry a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}

/*******************************
お仕事スタートまでの流れ
*******************************/

#flow {
position:relative;
margin: 0 auto;
width: 1100px;
height: 585px;
}

/*******************************
こんなお仕事をご紹介しています
*******************************/

#jobbox1 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 698px;
}

#jobbox2 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 587px;
}

#serach_waku {
position:relative;
margin: 0 auto;
width: 1100px;
height: 620px;
}

#serach_waku2 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 510px;
}

#search_box {
position:relative;
margin: 0 auto;
width: 550px;
height: 78px;
float:left;
}

/* お仕事検索ボタン */
#search_box .jobsearch{
margin:0 98px 0 0;
float:right;
}

#search_box .jobsearch a {
display:block;
width:280px;
height:60px;
background:url(images/jobsearch_b2.png) no-repeat 0px 0px;
}

.jobsearch a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}

/* お仕事検索ボタン2 */
#search_box .jobsearch2{
margin:0 170px 0 0;
float:right;
}

#search_box .jobsearch2 a {
display:block;
width:280px;
height:60px;
background:url(images/jobsearch_b2.png) no-repeat 0px 0px;
}

.jobsearch2 a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}

/*******************************
こんなお仕事をご紹介しています
*******************************/

#contact {
position:relative;
margin: 0 auto;
width: 1100px;
height: 375px;
}

#contact2 {
position:relative;
margin: 0 auto;
width: 1100px;
height: 375px;
background:url(images/contact2.png) no-repeat 0px 0px;
}

/* お問い合わせボタン */
#contact2 .contactmail{
margin:140px 0 0 120px;
float:left;
}

#contact2 .contactmail a {
display:block;
width:370px;
height:136px;
background:url(images/contact_b2.png) no-repeat 0px 0px;
}

.contactmail a:hover img{
filter: alpha(opacity=0);
-ms-filter: alpha(opacity=0);
opacity: 0.0;
}

/*******************************
/* フッター
*******************************/

#footer {
width:1100px;
bottom:0px;
height:61px;
position:relative;
margin:0 auto;
}