@charset "utf-8";
/***********************************************/
/*sec.css                                      */
/***********************************************/

#main p,
#main ul,
#main dl,
#main div,
#main table{margin:0 0 10px}

#main div.note{text-align:center}

#main .bg01,
#main .bg02,
#main .bg05,
#main .bg06,
#main .bg07,
#main .bg08{
background:url(../img/common/pict01.jpg) no-repeat 100% 0;
min-height:130px;
_height:130px;
padding:0 200px 0 0}

#main .bg02{background:url(../img/common/pict02.jpg) no-repeat 100% 0}
#main .bg05{background:url(../img/common/pict05.jpg) no-repeat 100% 0}
#main .bg06{background:url(../img/common/pict06.jpg) no-repeat 100% 0}
#main .bg07{background:url(../img/common/pict07.jpg) no-repeat 100% 0}
#main .bg08{background:url(../img/common/pict08.jpg) no-repeat 100% 0}

#main .pageTop{
border-top:1px solid #dfcaca;
margin:0 0 10px;
padding:6px 0 0;
text-align:right}

#main .pageTop a{
background:url(../img/common/icon03.gif) no-repeat 0 4px;
font-size:80%;
padding:0 0 0 10px}

span.new{display:none}

#main .pageNav{
margin:10px 0;
text-align:center}

/* 見出し
*****************************************/

#main h2{
background:url(../img/common/h2bg.jpg) repeat-y;
color:#fff;
font-size:large;
_font-size:medium;
font-weight:bold;
margin:-14px -37px 15px -18px;
padding:3px 37px 5px 0;
text-align:right}

#main h3{
background:url(../img/common/h3bg.jpg) no-repeat 0 0;
font-size:large;
_font-size:medium;
font-weight:bold;
margin:0 0 15px -20px;
min-height:40px;
_height:40px;
padding:2px 0 0 20px}

#main h3 span{
background:url(../img/common/h3bg2.jpg) no-repeat 0 100%;
display:block;
padding:0 0 10px}

#main h4{
background:url(../img/common/h4bg.jpg) no-repeat;
color:#fff;
font-weight:bold;
margin:0 0 15px;
padding:2px 0 2px 25px}

#main h5{
background:url(../img/common/h4icon.gif) no-repeat 0 7px;
color:#C60;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 15px}

/* リスト
*****************************************/

#main ul.note li{
background:url(../img/common/h4icon.gif) no-repeat 0 6px;
padding:0 0 0 15px}

#main table ul{margin:0}

#main ul.anchor li{
background:url(../img/common/icon05.gif) no-repeat 0 5px;
padding:0 0 0 15px}

#main ul.anchor2 li{
background:url(../img/common/icon04.gif) no-repeat 0 3px;
padding:5px 0 5px 30px}


/* お仕事情報
*****************************************/

.job #main .btn{
background:url(../img/common/jobBorder.gif) no-repeat 50% 0;
padding:15px 0 0;
text-align:center}

.job #main .btn2{text-align:center}

.job #main .h402{
background:url(../img/common/jobBorder.gif) no-repeat 50% 0;
padding:15px 0 0}

.job #main .h402 h4{margin:0}

.job #main .h402 table{background:url(../img/index/secBg01.jpg) no-repeat}

.job #main .h402 table th{
background:none;
border:none;
font-weight:normal;
padding:30px 5px 15px 40px;
vertical-align:middle;
text-align:right;
width:auto}

.job #main .h402 table td{
background:none;
border:none;
padding:30px 0 15px;
vertical-align:middle}

.job #main table span{color:#c00}

.job #main .jobCont{
background:url(../img/common/jobBg.gif) repeat-y;
margin:0}

.job #main dl:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.job #main dl{
display:inline-block;
margin:0}

/*\*/
*html .job #main dl{height:1%}
.job #main dl{display:block}
/**/

.job #main dl dt{
border-top:1px solid #dfcaca;
font-weight:bold;
float:left;
margin:0;
padding:10px;
width:135px;
_width:155px}

.job #main dl dd{
border-top:1px dotted #dfcaca;
float:right;
margin:0;
padding:10px;
width:405px;
_width:425px}

.job #main ul{
background:url(../img/common/jobBorder.gif) no-repeat 50% 0 #fff;
margin:0;
padding:10px 0}

.job #main ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.job #main ul{display:inline-block;}

/*\*/
*html .job #main ul{height:1%}
.job #main ul{display:block}
/**/

.job #main ul li{
float:left;
margin:0 6px 0 0}

.job #main .jobCont h4{margin:0}

.job #main .jobCont p{
background:#fff;
margin:0;
padding:10px}

/* テーブル
*****************************************/

#main table{width:100%}

#main table th{
border-top:1px solid #dfcaca;
background:#faf7f3;
font-weight:bold;
padding:10px 5px 10px 10px;
width:100px;
_width:120px}

#main table th.lastChild{border-bottom:1px solid #dfcaca}

#main table td{
border-top:1px dotted #dfcaca;
padding:10px 5px 10px 10px}

#main table td.lastChild{border-bottom:1px dotted #dfcaca}

.form table span{color:#c00}

.form table th{
width:150px;
_width:170px}

.form table td{width:auto}

.form table td input.num{width:100px}
.form table td input.num2{width:80px}
.form table td input.txt{width:380px}
.form table td input.txt2{width:150px}

.form #main .btn{text-align:center}

*:first-child+html .job .form .btn2 input,
*:first-child+html .form #main .btn input{border:1px solid #fff}
* html body .job .form .btn2 input,
* html body .form #main .btn input{border:1px solid #fff}

/* ボタン
*****************************************/

#main ul.btn:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#main ul.btn{
display:inline-block;
margin:0 -20px 10px 0;
text-align:left}

/*\*/
*html #main ul.btn{height:1%}
#main ul.btn{display:block}
/**/

#main ul.btn li{
float:left;
margin:0 8px 0 0}

#main ul.btn li.lastChild{margin:0}

#main ul.btn2 li{
float:left;
margin:0 8px 0 0}

#main ul.btn2 li.lastChild{margin:0}

#main ul.btn2{
display:inline-block;
margin:0 -20px 10px 0;
text-align:left}


/* お仕事紹介までの流れ
*****************************************/

#main #h401 dl.note2{
background:url(../img/common/secBg2.jpg) no-repeat 0 13px;
margin:-20px 0 10px;
min-height:70px;
_height:70px}

#main #h401 dl.note{
background:url(../img/common/secBg.jpg) no-repeat 0 13px;
margin:0 0 10px;
min-height:70px;
_height:70px;}

#main #h401 dl dt{
color:#C60;
font-weight:bold;
margin:0 0 10px}

#main #h401 dl.note2 dd{
margin:0 0 0 15px;
padding:0 0 0 20px}

#main #h401 dl.note dd{padding:0 0 0 70px}

#main #h401 dl table{width:auto}

#main #h401 dl table th{
background:none;
border:none;
font-weight:normal;
width:auto}

#main #h401 dl table td{
border:none;
padding:0}

#main #h401 dl dd th{
padding:0 5px 0 0;
text-align:right;
vertical-align:middle}

#main #h402{background:url(../img/common/pict03.jpg) no-repeat 100% 35px}

#main #h402 .note{padding:0 200px 0 0}

#main #h402 dl dt{
color:#C60;
font-weight:bold;
margin:0 0 10px}

#main #h402 dl dd{
margin:0 0 10px 10px}

#main #h403{background:url(../img/common/pict04.jpg) no-repeat 100% 35px}

#main #h403 p,
#main #h403 ul{padding:0 200px 0 0}

#main #h403 ul li{
color:#C60;
font-weight:bold;
margin:0 0 10px}

/* メリット
*****************************************/

#main .adv dl{
background:url(../img/common/adv01.jpg) no-repeat 0 2px;
min-height:45px;
_height:45px;
padding:0 0 0 60px}

#main .adv dl.dl02{background:url(../img/common/adv02.jpg) no-repeat 0 2px}
#main .adv dl.dl03{background:url(../img/common/adv03.jpg) no-repeat 0 2px}
#main .adv dl.dl04{background:url(../img/common/adv04.jpg) no-repeat 0 2px}
#main .adv dl.dl05{background:url(../img/common/adv05.jpg) no-repeat 0 2px}

#main .adv dl dt{
font-size:105%;
font-weight:bold;
margin:0 0 5px}

/* faq
*****************************************/

#main .faq dl{
background:url(../img/common/qa.jpg) no-repeat 0 0;
min-height:45px;
_height:45px;
padding:0 0 0 60px}

#main .faq dl dt{
font-weight:bold;
margin:0 0 15px;
padding:2px 0 0}

#main .faq dl dd{margin:0 0 5px}

#main .faq dl dd ul li{
background:url(../img/common/h4icon.gif) no-repeat 0 7px;
padding:0 0 0 15px}

#main .faq dl th,
#main .faq dl td{
border:1px solid #dfcaca;
text-align:center;
padding:5px 0;
width:auto}

/* サイトマップ
*****************************************/

#main ul.sitemap li ul{margin:0}

#main ul.sitemap li,
#main ul.cata li{
background:url(../img/common/icon06.gif) no-repeat 0 5px;
height:1%;
margin:0 0 5px;
padding:0 0 0 15px}

#main ul.cata li.note,
#main ul.sitemap li.note{
background:none}

#main ul.sitemap li ul li,
#main ul.cata li.note ul li{background:url(../img/common/icon07.gif) no-repeat 0 8px}

/***********************************************/

#index #main h3{margin:0 0 5px -20px}

#index #main h3 span{
background:none;
padding:0}

.form #main .h401 ul:after,
#index #main .h401 ul:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

.form #main .h401 ul,
#index #main .h401 ul{display:inline-block;}

/*\*/
*html .form #main .h401 ul,
*html #index #main .h401 ul{height:1%}
.form #main .h401 ul,
#index #main .h401 ul{display:block}
/**/

.form #main .h401 ul li,
#index #main .h401 ul li{
float:left;
margin:0}

.form #main .h401 ul li.firstChild,
#index #main .h401 ul li.firstChild{margin:0}

.form #main .h402,
#index #main .h402{background:url(../img/index/secBg01.jpg) no-repeat 0 25px}

#index #main .h403{
background:url(../img/index/secBg02.jpg) no-repeat 0 25px;
margin:0 0 10px}

.form #main .h402 table,
#index #main table{width:auto}

.form #main .h402 table th,
#index #main table th{
background:none;
border:none;
font-weight:normal;
width:auto}

.form #main .h402 table td,
#index #main table td{
border:none;
padding:0}

.form #main .h402 table,
#index #main .h402 table{margin:5px 0 30px 60px}

#index #main .h403 table{margin:5px 0 30px 40px}

.form #main .h402 table th,
#index #main .h402 table th{
padding:0 5px 0 0;
text-align:right;
vertical-align:middle}

#index #main .h403 table th{
padding:0 2px 0 0;
vertical-align:middle}

#index #main .feat:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden}

#index #main .feat{
display:inline-block;
margin:0 0 10px}

/*\*/
*html #index #main .feat{height:1%}
#index #main .feat{display:block}
/**/

#index #main .feat dl{
float:left;
margin:0 10px 0 0;
width:108px}

#index #main .feat dl.lastChild{margin:0}

#index #main .feat dl dd{font-size:95%}

#index #main .h301{margin:0 0 10px}

#index #main .h301 table{width:100%}

#index #main .h301 table th{
border-bottom:1px dotted #dfcaca;
width:120px}

#index #main .h301 table th span{margin:0 0 0 10px}

#index #main .h301 table td{
border-bottom:1px dotted #dfcaca;
vertical-align:middle}

#index #main .btn{text-align:right}