@charset "Shift_JIS";


/* ############################## タイトル ############################## */

h1#r1{ text-indent:-9999px; background:url(../images/recruit/title/r1.gif); height:45px; }
h1#r2{ text-indent:-9999px; background:url(../images/recruit/title/r2.gif); height:45px; }
h1#r3{ text-indent:-9999px; background:url(../images/recruit/title/r3.gif); height:45px; }

/* ############################## メインメニュー ############################## */

/* 新卒採用 */
#menu_r1{ background: url(../images/recruit/r1_btn.gif) no-repeat; width:275px; height:28px; margin:0px; padding:0px; }
#menu_r1 a { text-indent:-9999px; text-decoration:none; height:28px; display:block; }
#menu_r1 a:hover { background:url(../images/recruit/r1_btn.gif) 0px -28px no-repeat; }
#recnabi{ text-align:center; padding-bottom:10px; }
#recnabi2{ width:544px; padding:12px; border:1px solid #e2e2e2; }
#menu_r1-1{ background: url(../images/recruit/r1-1_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r1-2{ background: url(../images/recruit/r1-2_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }

/* キャリア採用 */
#menu_r2{ background: url(../images/recruit/r2_btn.gif) no-repeat; width:275px; height:28px; margin:0px; padding:0px; }
#menu_r2 a { text-indent:-9999px; text-decoration:none; height:28px; display:block; }
#menu_r2 a:hover { background:url(../images/recruit/r2_btn.gif) 0px -28px no-repeat; }
#menu_r2-1{ background: url(../images/recruit/r2-1_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-1{ background: url(../images/recruit/r2-1-1_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-2{ background: url(../images/recruit/r2-1-2_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-3{ background: url(../images/recruit/r2-1-3_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-4{ background: url(../images/recruit/r2-1-4_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-5{ background: url(../images/recruit/r2-1-5_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-6{ background: url(../images/recruit/r2-1-6_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-1-7{ background: url(../images/recruit/r2-1-7_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-2{ background: url(../images/recruit/r2-2_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }
#menu_r2-3{ background: url(../images/recruit/r2-3_btn.gif) no-repeat; width:570px; height:28px; margin:0px; padding:0px; text-indent:-9999px; }

/* CSR */
#menu_r3{ background: url(../images/recruit/r3_btn.gif) no-repeat; width:275px; height:28px; margin:0px; padding:0px; }
#menu_r3 a { text-indent:-9999px; text-decoration:none; height:28px; display:block; }
#menu_r3 a:hover { background:url(../images/recruit/r3_btn.gif) 0px -28px no-repeat; }

/* ############################## 右メニュー ############################## */

/* トータル */
#menu0 a,#menu1 a,#menu2 a{ width:170px; height:30px; display:block; text-indent:-9999px; text-decoration:none; }

/* 採用情報トップ */
#menu0{ background:url(../images/recruit/submenu.gif) 0px 0px no-repeat; width:170px; height:30px; margin-bottom:1px; padding:0px; }
#menu0 a:hover{ background:url(../images/recruit/submenu.gif) -170px 0px no-repeat; width:170px; height:30px; }
body#recruit00 #menu0{ background:url(../images/recruit/submenu.gif) -170px 0px no-repeat; width:170px; height:30px; }

/* 新卒採用 */
#menu1{ background:url(../images/recruit/submenu.gif) 0px -30px no-repeat; width:170px; height:30px; margin-bottom:1px; padding:0px; }
#menu1 a:hover{ background: url(../images/recruit/submenu.gif) -170px -30px no-repeat; width:170px; height:30px; }
body#recruit01 #menu1{ background: url(../images/recruit/submenu.gif) -170px -30px no-repeat; width:170px; height:30px; }

/* キャリア採用 */
#menu2{ background:url(../images/recruit/submenu.gif) 0px -60px no-repeat; width:170px; height:30px; margin-bottom:1px; padding:0px; }
#menu2_on {background:url(../images/recruit/submenu2_on.gif); width:170px; height:30px; display:block; text-indent:-9999px; text-decoration:none; }
#menu2 a:hover{ background: url(../images/recruit/submenu.gif) -170px -60px no-repeat; width:170px; height:30px; }
body#recruit02 #menu2{ background: url(../images/recruit/submenu.gif) -170px -60px no-repeat; width:170px; height:30px; margin-bottom:0px; }

/* ############################## レイアウト ############################## */
.recruit{ width:544px; margin-bottom:15px; }
.recruit:after{content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.recruit { display: inline-block; }/* exlude MacIE5 \*/
* html .recruit { height: 1% }
.recruit {display:block;}/* end MacIE5 */
.recruit2{ width:544px; }
.recruit_left{ float:left; width:100px; }
.recruit_right{ float:right; width:444px; }
.process{ width:544px; margin-bottom:10px; }
.process:after{content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.process { display: inline-block; }/* exlude MacIE5 \*/
* html .process { height: 1% }
.process {display:block;}/* end MacIE5 */
.process_left{ float:left; width:20px; }
.process_right{ float:right; width:524px; }
.detail_comment2{ border:1px solid #e2e2e2; padding:12px; width:544px;}
.detail_comment2:after{content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.detail_comment2 { display: inline-block; }/* exlude MacIE5 \*/
* html .detail_comment2 { height: 1% }
.detail_comment2 {display:block;}/* end MacIE5 */
.process ol{ padding:0; margin-left:25px; }
.process ol li{ padding-bottom:10px; margin:0; list-style-type: decimal;  }
.process ol li.last{ padding-bottom:0; margin:0; list-style-type: decimal;  }

/* ############################## 採用情報テーブル ############################## */
#outline{ width:100%; background:#cccccc; font-size:85%; }
.cellleft{ padding:7px; border-top:1px solid #ffffff; border-left:1px solid #ffffff; background-color:#E0E9F4; vertical-align:top; }
.cellright{ padding:7px; background:#ffffff; vertical-align:top; }
.cellright2{ padding:0; background:#ffffff; vertical-align:top; }
.cellin_left{ padding:7px; border-right:1px dotted #e2e2e2; border-bottom:1px dotted #e2e2e2; vertical-align:top; }
.cellin_right{ padding:7px; border-bottom:1px dotted #e2e2e2; vertical-align:top; }
.cellin_left2{ padding:7px; border-right:1px dotted #e2e2e2; vertical-align:top; }
.celldeep_left{ vertical-align:top; }
.celldeep_right{ width:80%; padding-left:5px; vertical-align:top; }