@charset "Shift_JIS";



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

 *

 * Since:     2010-7-26

 * Editor:    contents

 * Modified:  2010-9-8 by:contents tokunaga

 *

 * ***********************************************************

 */

/* font-size===========================================



10px -> 83.4%

11px -> 91.7%

12px -> 100%

13px -> 108.4%

14px -> 116.7%

15px -> 125%

16px -> 133.4%

17px -> 141.7%

18px -> 150%

19px -> 158.4%

20px -> 166.7%

21px -> 175%

22px -> 183.4%

23px -> 191.7%

24px -> 200%

25px -> 208.4%

26px -> 217% 



===================================================== */

/* =====================================================



  ���r�̗p�@#recruitment



===================================================== */

/* ����������������������������������������������������������������������������������������



  ���r�̗p



���������������������������������������������������������������������������������������� */

/* �g

-------------------------------------------------- */

#recruitment #main {

    border: 0px solid #000000;
    width: 780px;
    margin: 0 auto;
    padding: 10px 0px 40px 0px;
}



/* ���o��

-------------------------------------------------- */

#recruitment h2 {

    margin: 0px auto 24px auto;

}



/*#recruitment h3 {

    width: 683px;

    margin: 0px auto 16px auto;

}*/

/* �e�L�X�g

-------------------------------------------------- */

#text01 dt {

    padding: 6px 5px 5px 5px;

    border: 2px solid #DA0000;

    color: #DA0000;

    font-size: 116.7%;

    font-weight: bold;

    width: 75px;

    text-align: center;

    margin: 0px 0px 10px 0px;

}



#text01 dd {

    padding: 0px 0px 20px 0px;

}



#text01 dd .remarks {

    text-indent: -1em;

    padding: 10px 0px 10px 1em;

}



.fcg01 {

    color: #2CA83A;

}



.text01 {

    padding: 10px 0px 15px 0px;

}



/* ���X�g

-------------------------------------------------- */

.list01 {

    border: 2px solid #2CA83A;

    margin: 0px 0px 6px 0px;

    overflow: hidden;

    background: url(../recruitment/img/bg01.gif) repeat-y;

}



.list01 dt {

    float: left;

    clear: both;

    width: 90px;

    padding: 5px 3px 5px 3px;

    text-align: center;

    color: #ffffff;

    font-weight: bold;

}



.list01 dd {

    padding: 5px 3px 5px 105px;

}



.list02 {

    border: 2px solid #FDBE02;

    margin: 0px 0px 6px 0px;

    overflow: hidden;

    background: url(../recruitment/img/bg02.gif) repeat-y;

}



.list02 dt {

    float: left;

    clear: both;

    width: 90px;

    padding: 10px 3px 5px 3px;

    text-align: center;

    font-weight: bold;

}



.list02 dd {

    padding: 10px 3px 10px 105px;

}



.list02 dd img {

    padding: 10px 0px 0px 10px;

    display: block;

}



/* infoBox01

-------------------------------------------------- */

.infoBlock01 {

    width: 780px;
    margin: 0px auto 20px auto;
    border: 3px solid #DA0000;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}



.infoBlock01 h3 {

    background: #D2252C;

    padding: 8px 10px 8px 10px;

    color: #FFF;

    font-size: 125%;

    width: 100%;

    margin: 0px 0px 8px 0px !important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.infoBlock01 .infoBox01 {

    clear: both;

    padding: 15px 20px 20px 20px;
    border-bottom: 1px dotted #CCCCCC;
    margin: 0px auto 0px auto;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

}

.infoBlock01 .infoBox01 .leftBox01 {
    width: 245px;
    float: left;
}



.infoBlock01 .infoBox01 .leftBox01 a:hover img,

.contactBox01 .leftBox01 dd .btn01 a:hover img {

    opacity: 0.7;

    filter: alpha(opacity=70);

    -ms-filter: "alpha( opacity=70 )";

    background: #C1DDEA;

}



.infoBlock01 .infoBox01 .rightBox01 {
    width:485px;
    float: right;

}



.infoBlock01 .remarks01 {

    position: relative;

    clear: both;

    width: 620px;

    background: #EEEEEE;

    border: 1px dotted #cccccc;



    margin: 10px auto 18px auto;

    padding: 10px 10px 10px 10px;

}





/* ���₢���킹

-------------------------------------------------- */

.otoiawase {

    border: 1px solid #DA0000;

    background: #FFFCDB;

    padding: 16px 16px 16px 16px;

    margin: 12px 0px 12px 0px;

}



.otoiawase p {

    width: 360px;

    float: left;

    padding: 5px 0px 0px 0px;

    font-weight: bold;

    line-height: 160%;

    font-size: 108%;

}



.otoiawase #mailAdd {

    float: right;

    width: 290px;

    font-weight: bold;

}



.otoiawase #mailAdd img {

    padding: 0px 0px 6px 0px;

}



/* �̗p��t�I���e�L�X�g

-------------------------------------------------- */

.endText {

    padding: 0px 0px 0px 0px;

}



/* �}�[�W��

-------------------------------------------------- */

.margin01 {

    margin: 20px 0px 0px 0px;

}



.thanks01 {

    color: #CC0000;

    font-weight: bold;

    font-size: 116.7%;

}



/* pageNavi

-------------------------------------------------- */

#pageNavi {

    background: #EEEEEE;

    padding: 8px 5px 8px 5px;

    text-align: center;

    margin: 0px 0px 20px 0px;

}



#pageNavi li {

    padding: 0px 30px 0px 0px;

    display: inline;

}



#pageNavi li a {

    background: url(../recruitment/img/arrow01.gif) no-repeat right 2px;

    padding: 0px 20px 0px 0px;

}



/* contactBox01

-------------------------------------------------- */

.contactBox01 {
    border: 2px dotted #DA0000;
    padding: 18px 20px 18px 20px;
    width: 780px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px auto 40px auto;
}



.contactBox01 .leftBox01 {
    width: 360px;
    float: left;
    margin: 0px 0px 10px 0px
}



.contactBox01 .leftBox01 dt,
.contactBox01 .rightBox01 dt {
    margin: 0px 0px 12px 0px;
    background-color: #D2252C;
    text-align: center;
}



.contactBox01 .leftBox01 dd {

    padding: 0px 0px 10px 0px;

}



.contactBox01 .leftBox01 dd p {

    padding: 0px 5px 10px 5px;

}



.contactBox01 .leftBox01 dd .btn01 {

    text-align: center;

}



.contactBox01 .rightBox01 {

    width: 365px;

    float: right;

    margin: 0px 0px 10px 0px
}



.contactBox01 .rightBox01 ul li {

    text-align: center;

    margin: 0px 0px 10px 0px;

}



.contactBox01 .remarks02 {

    clear: both;

}



.contactBox01 .remarks02 dt {

    background: #EAEAEA url(../recruitment/img/icon08.gif) no-repeat 8px 12px;

    padding: 8px 10px 8px 20px;

    font-size: 108.4%;

    font-weight: bold;

    margin: 0px 0px 18px 0px;

}



.contactBox01 .remarks02 dd {

    padding: 0px 10px 0px 10px;

}



.contactBox01 .remarks02 dd li {

    padding: 0px 0px 8px 20px;

}



.contactBox01 .remarks02 dd li.no01 {
    background: url(../recruitment/img/no01.gif) no-repeat 0px 1px;
}

.contactBox01 .remarks02 dd li.no02 {
    background: url(../recruitment/img/no02.gif) no-repeat 0px 1px;
}

.contactBox01 .remarks02 dd li.no03 {
    background: url(../recruitment/img/no03.gif) no-repeat 0px 1px;
}

















/* h4

-------------------------------------------------- */

#recruitment h4 {

    font-size: 125%;

    padding: 10px 8px 8px 20px;

    margin: 0px 0px 15px 0px;

}



#recruitment .sec01 h4 {

    background: #FFE1E1 url(../recruitment/img/title_icon01.gif) no-repeat 8px 8px;

}



#recruitment .sec02 h4 {

    background: #FFF0B2 url(../recruitment/img/title_icon02.gif) no-repeat 8px 8px;

}



#recruitment .sec03 h4 {

    background: #DBE8FB url(../recruitment/img/title_icon03.gif) no-repeat 8px 8px;

}



/* textBox01

-------------------------------------------------- */

.textBox01 {

    width: 685px;

    margin: 0px auto 20px auto;

}



.textBox01 p {

    padding: 0px 15px 10px 15px;

}



/* saiyoBox01

-------------------------------------------------- */

.saiyoBox01 {

    border: 6px solid #DA0000;

    width: 588px;

    margin: 32px auto 36px auto;

    padding: 0px 19px 20px 19px;

    position: relative;

}



.saiyoBox01 h4 {

    position: relative;

    top: -23px;

    left: -10px;

    margin: 0px 0px 0px 0px;

}



.saiyoBox01 p {

    padding: 0px 0px 16px 0px;

}



.saiyoBox01 .link01 {

    margin: 0px 0px 8px 0px;

}



.saiyoBox01 .link01 li {

    padding: 0px 0px 12px 0px;

}



.saiyoBox01 .remarks01 dt {

    background: #FFE1E1 url(../recruitment/img/icon01.gif) no-repeat 8px 8px;

    padding: 5px 5px 4px 20px;

    font-weight: bold;

    margin: 0px 0px 10px 0px;

}



.saiyoBox01 .remarks01 dd {

    padding: 0px 5px 0px 5px;

}



/* saiyoBox02

-------------------------------------------------- */

.careerBox01 {

    border: 6px solid #FF6600;

    width: 588px;

    margin: 32px auto 36px auto;

    padding: 0px 19px 20px 19px;

    position: relative;

}



.careerBox01 h4 {

    position: relative;

    top: -23px;

    left: -10px;

    margin: 0px 0px 0px 0px;

}



.careerBox01 .link01 {

    margin: 0px 0px 8px 0px;

}



.careerBox01 .link01 li {

    padding: 0px 0px 12px 0px;

}



.careerBox01 .remarks01 dt {

    background: #FFE4D2 url(../recruitment/img/icon02.gif) no-repeat 8px 8px;

    padding: 5px 5px 4px 20px;

    font-weight: bold;

    margin: 0px 0px 10px 0px;

}



.careerBox01 .remarks01 dd {

    padding: 0px 5px 0px 5px;

}



/* ����E��

-------------------------------------------------- */

.textBox01 .leftBox01 {

    width: 331px;

    float: left;

    margin: 0px 0px 20px 0px;

}



.textBox01 .rightBox01 {

    width: 331px;

    float: right;

    margin: 0px 0px 20px 0px;

}



.textBox01 .leftBox01 dt,

.textBox01 .rightBox01 dt {

    background: url(../recruitment/img/icon03.gif) no-repeat 0px 12px;

    padding: 12px 0px 5px 20px;

    font-weight: bold;

    font-size: 116.7%;

}



.textBox01 .leftBox01 dd,

.textBox01 .rightBox01 dd {

    border-bottom: 1px dotted #999999;

    padding: 0px 0px 12px 20px;

}



/* remarksBox01

-------------------------------------------------- */

.remarksBox01 {

    width: 620px;

    margin: 0px auto 30px auto;

    border: 1px solid #cccccc;

    padding: 10px 10px 10px 10px;

}



.remarksBox01 dt {

    background: #FFF0B2 url(../recruitment/img/icon04.gif) no-repeat 8px 10px;

    padding: 5px 10px 5px 20px;

    font-weight: bold;

    margin: 0px 0px 12px 0px;

    font-size: 108.4%;

}



.sec03 .remarksBox01 dt {

    background: #DBE8FB url(../recruitment/img/icon06.gif) no-repeat 8px 8px;

}



.remarksBox01 dd {

    padding: 0px 0px 0px 20px;

}



.remarksBox01 dd strong {

    color: #DA0000;

}



.remarksBox01 dd .link01 {

    border: 1px solid #FFCC00;

    background: #FFF8D9 url(../recruitment/img/arrow02.gif) no-repeat right;

    padding: 5px 20px 5px 10px;

    float: right;

    font-weight: bold;

    margin: 8px 0px 5px 0px;

    text-decoration: none;

}





/* jobBox01

-------------------------------------------------- */

.jobBox01 {

    width: 300px;

    float: left;

    padding: 0px 10px 0px 20px;

}





.sec03 .jobBox01 {

    width: 100%;

}



.jobBox01 dt {

    background: url(../recruitment/img/icon05.gif) no-repeat 0px 7px;

    padding: 5px 10px 5px 20px;

    font-weight: bold;

    font-size: 108.4%;

}



.sec03 .jobBox01 dt {

    background: url(../recruitment/img/icon07.gif) no-repeat 0px 6px;

    padding: 5px 10px 5px 20px;

    font-weight: bold;

    font-size: 108.4%;

}



.jobBox01 dd {

    padding: 5px 10px 5px 20px;

}



.jobBox01 dd.noEntry01 {

    color: #DA0000;

    font-weight: bold;

}







/* imageBox01

-------------------------------------------------- */

.imageBox01 {

    text-align: center;

    margin: 0px 0px 20px 0px;

    clear: both;

    border: 0px solid #000000;

    padding: 20px 0px 0px 0px;

}



.imageBox01 li {

    padding: 0px 12px 0px 12px;

    display: inline;

    margin: 0px 0px 0px 0px;

}



/* margin

-------------------------------------------------- */

.mb15 {
    margin-bottom: 15px;
}


/* ���߂�l��
-------------------------------------------------- */

..resources {}

.resources .text01 {
    width: 780px;
    line-height: 150%;
    padding: 0px 0px 20px 0px;

}



.resources .textBox01 {

    width: 396px;

    margin: 0px auto 10px auto;

    min-height: 227px;

    height: auto !important;

    height: 227px;

}



.resources #souzou {

    border: 3px solid #ED6E21;

    background: #ED6E21 url(../recruitment/img/image01.jpg) no-repeat;

    padding: 0px 0px 0px 384px;

}



.resources #shikou {

    border: 3px solid #389C39;

    background: #389C39 url(../recruitment/img/image02.jpg) no-repeat right;

    padding: 0px 384px 0px 0px;

}



.resources #jissen {

    border: 3px solid #F3991E;

    background: #F3991E url(../recruitment/img/image03.jpg) no-repeat;

    padding: 0px 0px 0px 384px;

}



.resources .textBox01 dt {

    padding: 24px 0px 24px 0px;

    text-align: center;

}



.resources .textBox01 dd {

    padding: 0px 8px 10px 15px;

    color: #FFFFFF;

    font-weight: bold;

    line-height: 150%;

}



.resources #shikou dd {

    padding: 0px 10px 10px 10px;

}

.copy01{
	text-align: center;
}