@charset "utf-8";
/**
 *
 *      recruit.css
 *
 *      「採用情報」の CSS
 */


/************ 採用情報 **************/

table.recruitInfoTable {
    border-collapse: collapse;
    border-top: solid 1px #555555;
}

table.recruitInfoTable td.col1 {
    text-align:left;
    vertical-align: top;
    padding: 0.5em;
    border-bottom: dotted 1px #555555;;
}

table.recruitInfoTable td.col1 span {
    color: #555555;
    font-weight: bold;
    padding:0em;
    margin:0em;
}

/*#4a488e;紺藍 こんあい*/
/*#4d5aaf;はないろ*/
/*#3A5578*/

table.recruitInfoTable td.col2 {
    vertical-align: top;
    padding: 0.5em;
    border-bottom: dotted 1px #555555;
    border-left: dotted 1px #555555;
    background-color:#f9f9ff;

}

div.notice {
    font-size: 120%;
    color:red;
    margin-bottom:  0.5em;
}

div.section {
    font-size: 120%;
    font-weight: bold;
    margin-top:     1.5em;
    margin-bottom:  0.5em;
}

div.desc {
    margin-bottom:  0.5em;
}


/********採用QA******************/

div.question {
    border-style: solid;
    font-weight: bold;
    border-width: 0px 0px 2px 8px;
    padding: 0.1em 0.1em 0em 0.5em;
    margin: 2.0em 2.5em 0.8em 0em;
    color:#494a41;
    border-bottom-color:#bb5520;
    border-left-color:#977159;
}

div#contentBody.recQA p{
    margin-left:1.5em;
    margin-right:1em;
}

div.question#first {
    margin-top:0em;
}

div.question#wantMakeCompany {
    margin-right:1.5em;
}

/*border-left-color:#bc763c*/
/*
bc763cつちいろ
bb5520 たいしゃ 濃い目の赤
c37854つちいろに近い
#cd5e3c 赤
#db8449あかくちばいろ 彩度の高いオレンジ*/


/*colorの後に、ひらがなのコメントつけると、
ひらがなの文字によっては、その後のcssが効かなくなっていたが、
shift-jis を UTF-8Nになおして解決
*/


/*********「社内制度案」ページ****************************/
div#contentBody.recruitSystem {}

div#contentBody.recruitSystem h1 {
    font-size:140%;
    margin:0em 0em 0.2em 0em;
}


div#contentBody.recruitSystem h2 {
    margin:1.3em 0em 0.3em 0.2em;
    font-size:120%;
}

div#contentBody.recruitSystem p {
    margin:0em 0em 1em 0em;
    line-height: 170%;

}

div#contentBody.recruitSystem ul {
    margin-left:2em;
    margin-right:1em;
}

div#contentBody.recruitSystem ul li {
    margin-bottom:0.5em;
}


div#contentBody.recruitSystem img.label-introduced {
   margin: 0em 0em 0.3em 0.5em;
   vertical-align:middle;
}


/***社内風景******/

div#contentBody.recruit-office-scene div.photo  {
   text-align:center;

}

div.photo {
    margin: 2em 0em 3em 0em;
    border-top: 1px solid silver;
    padding: 1.7em 0em 0em 0em;

}

div.photo img {
    margin: 0.3em 0em 0.3em 0em;
}

div.photoTitle {
    font-size:130%;
    font-weight:bold;
    margin: 0em 0em 0em 0em;
    color:#333333;
}