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

h1 img{
margin:0 !important;
}

#recNavi{
background:url(img/bg_navi.gif) no-repeat;
height:50px;
width:580px;
display: block;
margin-bottom:20px;
}

#recNavi ul{
margin:0;
padding:0;
}

#recNavi li{
float: left;
margin:0 0 0 10px;
padding:0;
list-style:none;
}

#recNavi li a{
text-indent: -9999px;
display: block;
text-decoration:none;
}


#recNavi li#student a{
width:92px;
height:50px;
background:url(img/navi_student.gif) no-repeat left top;
}

#recNavi li#student a:hover{
background:url(img/navi_student.gif) no-repeat left bottom;
}

#recNavi li#career a{
width:127px;
height:50px;
background:url(img/navi_career.gif) no-repeat left top;
}

#recNavi li#career a:hover{
background:url(img/navi_career.gif) no-repeat left bottom;
}

#recNavi li#melmaga a{
margin-left:20px;
width:109px;
height:50px;
background:url(img/navi_melmaga.gif) no-repeat left top;
}

#recNavi li#melmaga a:hover{
background:url(img/navi_melmaga.gif) no-repeat left bottom;
}

#recNavi li#qanda a{
width:32px;
height:50px;
background:url(img/navi_qanda.gif) no-repeat left top;
}

#recNavi li#qanda a:hover{
background:url(img/navi_qanda.gif) no-repeat left bottom;
}

#recNavi li#contact a{
width:77px;
height:50px;
background:url(img/navi_contact.gif) no-repeat left top;
}

#recNavi li#contact a:hover{
background:url(img/navi_contact.gif) no-repeat left bottom;
}


/* リクルートメルマガ
----------------------------------------------*/

/* 見出し矢印アイコン */
.allow{
float:left;
background:url(/img/allow/down_circle.gif) no-repeat;
width:25px;
height:22px;
}


/* Q&A
----------------------------------------------*/
#QandA{
margin: auto;
width:90%;
padding:1em 0.5em 0.5em 0.5em;
background:#F6F1E0;
border-bottom:#8D8372 dashed 1px;
}


#QandA dl{
clear:both;
margin:0;
padding:0;
}


#QandA dt{
display:block;
float:left;
margin:0;
padding:0 0 0 1em;
}

#QandA dd{
width:90%;
display:block;
float:left;
margin:0;
padding:0 0 0 1em;
}

.recLink{
clear:both;
margin:10px auto;
display:block;
}

.recLink a{
clear:both;
background:#dcedff url(/img/allow/orange.gif) 8px 0.75em no-repeat;
padding:0.5em 0.5em 0.5em 20px;
border-bottom:#999999 solid 1px;
border-right:#CCCCCC solid 1px;
margin:0;
}


.recLink a:hover{
background:#b3d3f4 url(/img/allow/orange.gif) 8px 0.75em no-repeat;
}


/* お問い合わせ（フォーム）
----------------------------------------------*/
body#recForm{
width:570px;
margin:0;
padding:0;
margin:auto;
background-image:none !important;
}

#div_confirm{
margin:10px auto;
padding:0;
width:540px;
}

#div_confirm table#table_confirm td{
text-align:left;
padding:0.25em;
}

#thanks{margin:30px auto;}

/* お問い合わせの上部 */
p.tLeft{ width:350px;}



/* =======================
　キャリア採用　募集要項テーブル
======================= */
table.careerYoukou{}
table.careerYoukou th,
table.careerYoukou td{ padding:10px!important;}

table.careerYoukou th{white-space: nowrap;}


table.careerYoukou ul,
table.careerYoukou ol,
table.careerYoukou li{}

table.careerYoukou .dl img{vertical-align:middle; border:#CCCCCC 1px; margin:5px;}
table.careerYoukou .dl a{ background:none!important; padding:0;}
table.careerYoukou .dl p{ padding:inherit; margin:auto;}



table.careerYoukou .allow01{ padding:40px 0 0 0; background:url(/info/recruit/img/allow01.gif) no-repeat 10px 0px;}


/* =======================
　新卒採用
======================= */
#shinsotsu { /*background:#000099;*/ overflow:auto;}
#shinsotsu h3{ margin-top:0!important;}
#shinsotsu .right{ float:right!important; width:305px; margin:10px 10px 10px 0;}
#shinsotsu .left{ float: left!important; width:225px; margin:10px;}
#shinsotsu table#work{ margin: 5px 0 0 0; border:none!important;}
#shinsotsu table#work th{ font-weight:bold!important;}
#shinsotsu table#work th,#shinsotsu table#work td{border:none!important; background:none; color:#473826; vertical-align:top; border-bottom:1px #999999 dotted !important; padding:3px!important;}
#shinsotsu table#work caption{ margin:0; font-weight:bold; border-bottom:#999999 double 3px; margin:0 0 10px 0;}
#shinsotsu table#work th{white-space: nowrap;}
#shinsotsu table#boshu th{white-space: nowrap;}

#shinsotsu .fLeft{ width:253px; padding:0 0 0 10px; text-align:center;}
#shinsotsu .fLeft img{ margin:0 0 5px 0;clear:both; float:none;}