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

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

span.new{display:none}

#main .adr div{margin:0}

#main p.note{text-align:right}

#main ul li{
background:url(../img/sec/icon03.gif) no-repeat 0 8px;
padding:0 0 0 10px}

#main ul.note2 li{
background:none;
padding:0}

#main dl dt{font-weight:bold}

#main dl dd{
margin:0 0 5px;
padding:0 0 0 20px}

#main .banner{text-align:center}

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

#main h3{
background:url(../img/common/h3bg.jpg) repeat-y;
color:#fff;
font-size:medium;
_font-size:small;
font-weight:bold;
margin:0 0 10px;
padding:6px 8px 4px}

#main h4{
background:#dbdbdb;
font-size:105%;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 10px}

#main h4.note{
background:none;
padding:0}

/* more
*****************************************/

#main .more h3{
background:none;
padding:0}

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

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

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

#main .more ul li{
background:none;
float:left;
padding:0}

#main .more ul li img{vertical-align:bottom}

/* work
*****************************************/

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

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

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

#main .day p{
float:right;
margin:0;
width:450px}

#main .day div{
float:left;
margin:0;
width:210px}

#main table.samDay{width:100%}

#main table.samDay th{
border-top:1px solid #e0e0e0;
text-align:center;
vertical-align:middle;
width:130px}

#main table.samDay td{
border-top:1px solid #e0e0e0;
padding:10px}

#main table.samDay th.lastChild,
#main table.samDay td.lastChild{border-bottom:1px solid #e0e0e0}

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

#main .work{
border-bottom:1px dotted #ccc;
display:inline-block;
margin:0 0 10px;
padding:0 0 10px}

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

#main .work.firstChild{
border-top:1px dotted #ccc;
padding:10px 0}

#main .work dl{
float:left;
margin:0;
width:340px}

#main .work dl dt{
background:url(../img/sec/work01.gif) no-repeat;
color:#e26b92;
font-size:105%;
font-weight:bold;
margin:0 0 10px;
padding:0 0 0 43px}

#main .work dl.dl02 dt{background:url(../img/sec/work02.gif) no-repeat}
#main .work dl.dl03 dt{background:url(../img/sec/work03.gif) no-repeat}
#main .work dl.dl04 dt{background:url(../img/sec/work04.gif) no-repeat}
#main .work dl.dl05 dt{background:url(../img/sec/work05.gif) no-repeat}
#main .work dl.dl06 dt{background:url(../img/sec/work06.gif) no-repeat}
#main .work dl.dl07 dt{background:url(../img/sec/work07.gif) no-repeat}

#main .work dl dd span{
color:#e26b92;
font-weight:bold}

#main .work div{
float:right;
margin:0;
text-align:right;
width:320px}

/* samWork
*****************************************/

#main ul.samWork li{
background:url(../img/sec/icon01.gif) no-repeat 0 9px;
color:#e26b92;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 15px}

#main ul.samWork li.note{
background:none;
color:#666;
font-weight:normal}

/* talk
*****************************************/

#main .talk{
border-bottom:1px dotted #ccc;
padding:0 0 10px}

#main .talk h4{
background:url(../img/sec/icon02.gif) no-repeat 0 18px;
border-top:1px dotted #ccc;
color:#e26b92;
padding:10px 0 0 35px}

#main .talk span{font-weight:bold}

/* ex
*****************************************/

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

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

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

#main .ex table{
float:right;
margin:0;
width:450px}

#main .ex table th{
border:1px solid #ccc;
font-weight:bold;
vertical-align:middle;
padding:0 10px;
width:120px}

#main .ex table td{
border:1px solid #ccc;
padding:10px}

#main .ex div{
float:left;
margin:0;
width:210px}

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

#main p.bg01{
background:url(../img/sec/pict12.jpg) no-repeat 100% 0;
min-height:160px;
_height:160px;
padding:0 310px 0 0}

#main ul.note{
border:1px solid #ccc;
padding:10px}

#main ul.note li{
background:url(../img/sec/icon03.gif) no-repeat 0 10px;
padding:0 0 0 10px}

/* 流れ
*****************************************/

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

#main ul.flowNav{
border-bottom:1px dotted #ccc;
display:inline-block;
padding:0 0 10px}

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

#main ul.flowNav li{
background:none;
float:left;
padding:0}

#main #flow01 dt,
#main #flow02 dt,
#main #flow03 dt,
#main #flow04 dt,
#main #flow05 dt,
#main #flow06 dt,
#main #flow07 dt{
background:url(../img/sec/flow01.gif) no-repeat;
color:#e26b92;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 65px}

#main #flow02 dt{background:url(../img/sec/flow02.gif) no-repeat}
#main #flow03 dt{background:url(../img/sec/flow03.gif) no-repeat}
#main #flow04 dt{background:url(../img/sec/flow04.gif) no-repeat}
#main #flow05 dt{background:url(../img/sec/flow05.gif) no-repeat}
#main #flow06 dt{background:url(../img/sec/flow06.gif) no-repeat}
#main #flow07 dt{background:url(../img/sec/flow07.gif) no-repeat}

#main .flowBg{
background:url(../img/sec/flowBg02.jpg) no-repeat 100% 100%;
min-height:330px;
_height:330px;
padding:0 330px 10px 0}

#main #flow02{
background:url(../img/sec/flowBorder.gif) no-repeat 0 100%;
padding:0 0 15px}

#main #flow01,
#main #flow04,
#main #flow05,
#main #flow06{
background:url(../img/sec/flowBg01.jpg) no-repeat 100% 100%;
min-height:300px;
_height:300px;
padding:0 330px 10px 0}

#main #flow04{
background:url(../img/sec/flowBg03.jpg) no-repeat 100% 100%;
min-height:280px;
_height:280px}

#main #flow05{
background:url(../img/sec/flowBg04.jpg) no-repeat 100% 100%;
min-height:270px;
_height:270px}

#main #flow06{
background:url(../img/sec/flowBg05.jpg) no-repeat 100% 100%;
min-height:300px;
_height:300px}

#main #flow02 dd dl dt{
background:none;
padding:0}

#main #flow02 dd dl dd ul li{
background:none;
padding:0 0 0 20px;
text-indent:-20px}

#main #flow02 dd dl dd ul li span{
color:#e26b92;
font-weight:bold;
margin:0 5px 0 0}

/* 募集要項
*****************************************/

#main ul.bg02{
background:url(../img/sec/pict13.jpg) no-repeat 100% 0;
min-height:300px;
_height:300px;
padding:0 310px 0 0}

#main table.capa{
border-top:1px solid #dbdbdb;
width:100%}

#main table.capa th{
background:#dbdbdb;
border-bottom:1px solid #fff;
font-weight:bold;
text-align:center;
vertical-align:middle;
width:200px}

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

#main table.capa td{
border-bottom:1px solid #dbdbdb;
border-right:1px solid #dbdbdb;
padding:10px}

/* よくある質問
*****************************************/

#main .faqNav{
border-bottom:1px dotted #ccc;
padding:0 0 10px}

#main .faqNav li{
background:url(../img/sec/icon04.gif) no-repeat;
padding:0 0 0 43px}

#main .faq dt{
background:url(../img/sec/icon05.gif) no-repeat 2px -2px #e26b92;
margin:0 0 5px;
padding:0 0 0 36px}

#main .faq dt span{
background:#fff;
border:1px solid #e3e3e3;
border-left:none;
color:#e26b92;
display:block;
font-size:110%;
font-weight:bold;
padding:6px 8px 4px}

#main .faq dd{
background:url(../img/sec/icon06.gif) no-repeat 0 0;
border-bottom:1px dotted #ccc;
min-height:40px;
_height:40px;
margin:0 0 10px;
padding:0 0 10px 44px}

/* エントリー
*****************************************/

.mail #main table{width:100%}

.mail #main table span{color:#ff0000}

.mail #main table th{
border:1px solid #ccc;
font-weight:bold;
text-align:center;
vertical-align:middle;
padding:10px 0;
width:180px}

.mail #main table td{
border:1px solid #ccc;
padding:10px;
vertical-align:middle}

.mail #main fieldset{
margin:0;
padding:0}

.mail #main table td input.num{width:80px}
.mail #main table td input.num2{width:120px}
.mail #main table td input.num3{width:50px}
.mail #main table td input.txt{width:400px}
.mail #main table td input.txt2{
margin:0 0 5px;
width:350px}

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

.mail #main ul.btn li{
background:none;
display:inline;
margin:0 10px 0 0;
padding:0}

#main .denwa{
background:url(../img/sec/denwaBg.jpg) repeat-y;
padding:10px}

#main .denwa table{
margin:0;
width:640px}

#main .denwa table th{
border:none;
font-size:120%;
font-weight:bold;
vertical-align:middle;
width:240px}

#main .denwa table td{
background:#fff;
border:none;
font-weight:bold;
padding:10px}

/* 会社案内
*****************************************/

#main table.co{width:100%}

#main table.co th{
border:1px solid #ccc;
font-weight:bold;
vertical-align:middle;
padding:10px;
width:150px;
_width:130px}

#main table.co td{
border:1px solid #ccc;
padding:10px}

/* 実績
*****************************************/

#main table.result{width:100%}

#main table.result th{
border:1px solid #ccc;
color:#dc6a9b;
font-weight:bold;
vertical-align:middle;
padding:10px;
width:150px;
_width:130px}

#main table.result td{
border:1px solid #ccc;
padding:10px}

/* 新着情報
*****************************************/

#main .jobInfo{width:100%}

#main .jobInfo th{
background:#dbdbdb;
border:1px solid #dbdbdb;
font-size:105%;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 10px}

#main .jobInfo td{
border:1px solid #dbdbdb;
padding:10px}

#main .jobInfo td.info{
padding:5px 5px 3px;
width:120px}

#main .jobInfo td.date{
font-weight:bold;
padding:5px}

#main .jobInfo td p{margin:0}

/* コンパニオン紹介
*****************************************/

#main table.pro{width:100%}

#main table.pro th{
background:#dbdbdb;
border:1px solid #dbdbdb;
font-size:105%;
font-weight:bold;
margin:0 0 10px;
padding:5px 0 2px 10px}

#main table.pro td{
border:1px solid #dbdbdb;
text-align:center;
vertical-align:middle;
padding:10px;
width:300px}

#main table.pro td.body{
background:url(../img/sec/pro.gif) no-repeat;
text-align:left;
vertical-align:top;
padding:30px 10px 10px;
width:auto}

#main table.pro td.body p{margin:0}

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

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

#main ul.sitemap li{
background:url(../img/sec/icon03.gif) no-repeat 0 10px;
height:1%;
margin:0 0 5px;
padding:0 0 0 10px}

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

#main ul.sitemap li.note ul li{background:url(../img/sec/icon03.gif) no-repeat 0 10px}

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

#index #main h3,
#index #main ul li{
background:none;
padding:0}

#index #main ul.banner li{display:inline}

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

#index #main .h301 .link{display:inline-block;}

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

#index #main .h301 .link li{float:left}

#index #main .h301 .link li img{vertical-align:bottom}

#index #main .h302 h3{margin:0}

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

#index #main .h302 table th{
border-bottom:1px dotted #ccc;
padding:2px 0 2px 15px;
width:120px;
_width:130px}

#index #main .h302 table td{
border-bottom:1px dotted #ccc;
padding:2px 0}

#index #main .h303 .intro{
background:url(../img/index/introBgBot3.jpg) no-repeat 0 100%;
padding:0 0 5px}

#index #main .h303 .intro.v2{background:url(../img/index/introBgBot2.jpg) no-repeat 0 100%}
#index #main .h303 .intro.v1{background:url(../img/index/introBgBot1.jpg) no-repeat 0 100%}

#index #main .h303 .intro div{
background:url(../img/index/introBgTop3.jpg) no-repeat;
margin:0;
padding:5px 0 0}

#index #main .h303 .intro.v2 div{background:url(../img/index/introBgTop2.jpg) no-repeat}
#index #main .h303 .intro.v1 div{background:url(../img/index/introBgTop1.jpg) no-repeat}

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

#index #main .h303 .intro ul{
background:url(../img/index/introBgMid3.jpg) repeat-y;
display:inline-block;
margin:0}

#index #main .h303 .intro.v2 ul{background:url(../img/index/introBgMid2.jpg) repeat-y}
#index #main .h303 .intro.v1 ul{background:url(../img/index/introBgMid1.jpg) repeat-y}

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

#index #main .h303 .intro ul li{
float:left;
margin:0 0 0 6px;
width:216px}

#index #main .h303 .intro ul li.firstChild{margin:0}

#index #main .h303 .intro ul li table{
margin:0;
width:100%}

#index #main .h303 .intro ul li table th{
min-height:190px;
_height:190px;
padding:10px 0 0;
vertical-align:middle;
text-align:center}

#index #main .h303 .intro ul li table th img{vertical-align:bottom}

#index #main .h303 .intro ul li table td{
padding:0 15px 10px 0;
vertical-align:top;
text-align:right}

#index #main .h303 .intro ul li table td a{
background:url(../img/index/introBg.gif) no-repeat 95% 50% #86b2e1;
color:#fff;
font-size:90%;
padding:3px 10px 3px 5px}

#index #main .h303 .link{text-align:right}

#index #main .h303 .link a{
background:url(../img/index/icon01.gif) no-repeat 95% 50% #4ea5db;
color:#fff;
padding:5px 40px 5px 40px}