@charset "utf-8";
/*Reset Reloaded*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1; zoom: 0; }
ol, ul { list-style: none; }
blockquote, q {quotes: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

body { -webkit-text-size-adjust:none; }

img { border: 0; vertical-align: top; }
a { text-indent: 0; text-decoration: none; }

a:link, a:visited, a:active { color: #C6883C; text-decoration: none; }
a:hover { color: #990000; text-decoration: underline; }

/*ClearFix*/
.clearfix {clear:both; height:0; overflow:hidden; margin:-1px 0 0 0;}

.iepngfix { behavior: expression(IEPNGFIX.fix(this)); }

/* ////////////////////////////////////////
YUI Font CSS 
[77% = 10px]
[85% = 11px]
[93% = 12px] (was 92%)
[100% = 13px]
[108% = 14px] (was 107%)
[116% = 15px] (was 114%)
[123.1% = 16px] (was 122%)
[131% = 17px] (was 129%)
[138.5% = 18px] (was 136%)
[146.5% = 19px] (was 144%)
[153.9% = 20px] (was 152%)
[161.6% = 21px] (was 159%)
[167% = 22px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[174% = 23px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[182% = 24px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[189% = 25px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
[197% = 26px] <!-- (renders 1px too small in Op Win/Mac, FF/Mac) -->
//////////////////////////////////////// */
body {
font:13px/1.231;
*font-size:small; /* for IE */
*font:x-small; /* for IE in quirks mode */
}  

body { line-height: 1.8; font-family:Verdana,"Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,sans-serif; color: #000000; background: url(../images/bg-main.png) repeat-x #ffffff; }

#container { font-size: 93%; }

html[xmlns*=""] body:last-child #container {  }


#head { margin: 0 auto; /*border-bottom: 10px solid #E5E3C2;*/}
#head-ap { width: 630px; margin: 0 auto; /*border-bottom: 10px solid #E5E3C2;*/}
.headin { width: 850px; margin: 0 auto; }
.headin-ap { width: 630px; margin: 0 auto; }
.hlimg { float: left; width: 214px; }

#hrnavi { float: left; }
.bt-g { margin: 10px 0 28px 468px;}

/*ナビ*/
#navibox { /*width: 850px;*/ height: 57px; margin: 0px; padding: 0; }

ul#navi      { width: 635px; height: 57px; position: relative; overflow: hidden; list-style: none; margin: 0; padding: 0px; }
ul#navi li a { width: 127px;  height: 57px; position: absolute; overflow: hidden; padding: 0; top: 0; text-indent: -5000px; }
html>body ul#navi li a { height: 57px; }

/*　*/
li#n01  a  { background: transparent url(/recruit/images/n01_0.png) no-repeat 0 0; left:   0px; }
li#n02  a  { background: transparent url(/recruit/images/n02_0.png) no-repeat 0 0; left: 127px; }
li#n03  a  { background: transparent url(/recruit/images/n03_0.png) no-repeat 0 0; left: 254px; }
li#n04  a  { background: transparent url(/recruit/images/n04_0.png) no-repeat 0 0; left: 381px; }
li#n05  a  { background: transparent url(/recruit/images/n05_0.png) no-repeat 0 0; left: 508px; }


/*　*/
li#n01_2  a  { background: transparent url(/recruit/images/n01_0.png) no-repeat 0 -57px; left:   0px; }
li#n02_2  a  { background: transparent url(/recruit/images/n02_0.png) no-repeat 0 -57px; left: 127px; }
li#n03_2  a  { background: transparent url(/recruit/images/n03_0.png) no-repeat 0 -57px; left: 254px; }
li#n04_2  a  { background: transparent url(/recruit/images/n04_0.png) no-repeat 0 -57px; left: 381px; }
li#n05_2  a  { background: transparent url(/recruit/images/n05_0.png) no-repeat 0 -57px; left: 508px; }

/*マウスオーバー*/
li#n01 a:hover, li#n02 a:hover, li#n03 a:hover, li#n04  a:hover, li#n05 a:hover, li#n06 a:hover, li#n07 a:hover { background-position: 0px  -57px; }


#contsbox { margin: 0 auto; width: 850px;}
#contsbox_pp { margin: 0 auto; width: 630px;}
/*左メニュー*/
#leftbox { float: left; width: 214px; margin-top: 15px; }
.l-navi-t img { vertical-align: bottom; }
.l-navi { border-left: 1px solid #ccc; border-right: 1px solid #ccc; background-color: #fff; text-align: center; }

.h20 { height: 20px; }
.h10 { height: 10px; }

/*右コンテンツ*/
#rightbox { float: left; margin: 15px 0 50px 0; font-size: 93%; }
.abtitle { margin-left: 495px; }
.abtitle28 { margin-left: 436px; }
.rmain { padding: 45px 0 0 13px; width: 622px; /*font-size: 100%;*/ }
html[xmlns*=""] body:last-child #rightbox { font-size: 12px; }
.obi { margin-bottom: 15px; }
.obi2 { margin-bottom: 0px; }
.tpix { margin-bottom: 3px; }
.abtext { background-color: #F5F3E6; padding: 30px; margin-bottom: 30px; }
.abtext-b01 { padding: 15px; margin-bottom: 30px; }
.lines { position: relative; background: url(/recruit/images/lines.png) repeat-y; line-height: 31px; margin: 0px; padding: 0 8px; }
html[xmlns*=""] body:last-child .lines { font-size: 13px; }


.abt { margin-bottom: 25px ;}
.abt2 { margin-bottom: 15px ;}

.abtext-b01 p { margin-bottom: 1.5em;}
.bsstt { margin: 25px 0 10px 0; }
.bsstt-st { margin: 35px 0 10px 0; }
.bsstt-st2 { margin: 0px 0 10px 0; }

.bsstt_top { margin: 0px 0 10px 0; }
.text-le { float: left; width: 346px; }
.text-li-st { float: left; width: 306px; }
.text-ri-st { float: right; width: 306px; }

.text-li-st p { margin-bottom: 1.5em; }
.text-ri-st p { margin-bottom: 1.5em; }
.fll { float: left; margin-top: 35px; }
.flr { float: right; margin-top: 0px; }

.fll2 { float: left; margin: 20px 30px 0 0; }

.text-le02 { float: right; width: 346px; }

.mb20 { margin-bottom: 30px; }

.qubox { margin: 15px 0 45px 0; }
.abtitle2 { margin-left: 709px; }
.resq { width: 619px; float: right; clear: right;  font-size: 12px; }

.qu-img { margin: 25px 0; }
.qu-img2, qu-img3 { text-align: center; }
.qu-img2 img { margin-left: 15px; }
.qu-img4 { margin-bottom: 45px; }


.bss-box { margin-bottom: 40px; }


/*トップ*/
.topbox { margin: 15px 0 45px 0; font-size: 93%; line-height: 1.5; }
html[xmlns*=""] body:last-child .topbox { font-size: 12px; }
.flasjbox { width: 850px; height: 289px; margin-top: 64px; margin-bottom: 15px; }
.flashsh { }
.toptana { margin-bottom: 25px; }
.topleft { float: left; width: 265px; margin-right: 13px; }
.topcenter { float: left; width: 296px; margin-right: 13px; }
.topright { float: left; }

.topnewsbox { border: 1px solid #ccc; padding: 8px; margin-top: 5px; }
.newstextin { border-bottom: 1px dotted #666; padding-bottom: 3px; margin-bottom: 4px; }
.newstextin-1 {  font-size: 85%; }
.topbt { margin-bottom: 4px; }

.toplibox { margin-top: 14px;  font-size: 85%; }
.toplibox li { float: left; background: url(../images/top_arrow.png) no-repeat 0px 2.8px; padding-left: 18px; }
.tl1, .tl3 { width: 180px; }
.tl1 { margin-bottom: 4px; }
 
.toplibox a:link, .toplibox a:visited, .toplibox a:active { color: #000; text-decoration: none; font-weight: bold; }
.toplibox a:hover { color: #000; text-decoration: underline; font-weight: bold; }

/*企業理念*/
.po-ta { margin-bottom: 20px; }
.po-ta td { vertical-align: top; }
.po-ir { margin-left: 27px; }

/*画像配置*/
.b01-01 { float: right; width: 230px; }
.b01-02 { float: left; width: 230px; }

.b01-se { border: 1px solid #ccc; padding: 15px; font-size: 93%; }

.bgbg { color: #F1EEDD; }

/*会社概要*/
#company_p01 { margin-bottom: 30px; width: 100%; }

#company_p01 th { text-align: left; padding: 12px 10px; vertical-align: top; background: #F1EEDD; white-space: nowrap; font-weight: normal; }

.company_p_txt { padding: 12px 10px;  }
.company_p_dotline { padding: 2px 0px; height: 1px; font-size: 0;}

.bw2 { width: 2em; }

/*会社沿革*/
#history_p01 { margin-bottom: 30px;}
#history_table {  width: 392px; float: left; line-height: 1.5; }
#history_table th { text-align: left; padding: 12px 10px; vertical-align: top; background: #F1EEDD; white-space: nowrap; font-weight: normal; }

.history_p_txt { padding: 12px 10px;  }
.history_p_dotline { padding: 2px 0px; height: 1px; font-size: 0;}

#right_photo { float: right; width: 207px;}

.rp_box { padding-bottom: 20px; font-size: 10px; }

/*社風・教育*/
.edubox1 { }
.edubox2 { background: url(../images/edu_bg.png) no-repeat right bottom; padding-bottom: 180px; }
.edu1l { float: left; margin-bottom: 25px; width: 294px; text-align: center; margin-right: 20px; }
.edu1r { float: left; margin-bottom: 25px; width: 294px; text-align: center; }
.edu-1 { margin-bottom: 25px; }
.edu-arrow { margin: 10px 0; }
.edu5 { height: 5px; }
.edu10 { height: 10px; }
.edu35 { height: 35px; }
.edu2em { height: 2em; }
.edupix img { margin: 0 5px 35px 0; }
.edu-26 { text-align: left; }

/*募集要項*/
#calbox-en { border: 1px solid #ccc; padding: 2px; margin-right: 0px; margin-bottom: 30px; margin-top: 1em; }
#calbox-en table { width: 100%; }
#calbox-en td  { padding: 12px; vertical-align: top;  }
#calbox-en th { padding: 12px; white-space: nowrap; vertical-align: top; text-align: left; }
#calbox-en02 { border: 1px solid #ccc; padding: 2px; margin-right: 0px; margin-bottom: 30px; margin-top: 1em; }
#calbox-en02 table { width: 100%; }
#calbox-en02 td  { padding: 12px; vertical-align: top;  }
#calbox-en02 th { padding: 12px; white-space: nowrap; vertical-align: top; text-align: left; }
.th2 { background-color: #EBEBEB; } 
.td2 { background-color: #F2F2F2; border-left: 2px solid #fff; }

/*PP*/
.ppbox { margin: 25px 0; }
.pptitle { font-size: 13px; font-weight: bold; margin-top: 1em; }
.pptext { padding: 0.8em; }
.pppd { margin-top: 1em; }

/*応募フォーム*/
.star  { color: #990000;  }
#td_table td { padding: 3px 0px;}

.ERR, .font-red { color: #990000; }

/*フォトアルバム*/
#pabox li { float: left; background: url(../images/pa_bg.png) no-repeat; padding: 6px 6px 14px 6px; margin: 0 8px 25px 0; }
#pabox .mr0 { margin-right: 0; }

/*下ナビ*/
.d-navi { background-color: #F4F4F4; border: 1px solid #ccc; padding: 15px; line-height: 1.8; font-size: 11px; }

.d-navi a:link, .d-navi a:visited, .d-navi a:active { color: #000; text-decoration: none; }
.d-navi a:hover { color: #000; text-decoration: underline; }

.dnavibw { margin: 0 auto; width: 586px; }
.uls1, .uls2 { float: left; margin-right: 40px; }
.uls3 { float: left; }
.topul li { background: url(/recruit/images/arrow-b.png) no-repeat 0px 3px; padding: 0 0 0 17px; font-weight: bold; }
.doul li { background: url(/recruit/images/arrow-s.png) no-repeat 0px 8px; padding: 0 0 0 10px; margin-left: 15px; }
.spul li { margin-left: 35px; }

/*フッタ*/
#foot { background: url(/recruit/images/footerbg.png) ; height: 120px; text-align: center; color: #fff; font-size: 77%; padding-top: 10px; }
#foot-ap { background: url(/recruit/images/footerbg.png) ; height: 120px; text-align: center; color: #fff; font-size: 77%; padding-top: 10px; }
.fleft { float: left; }
.fleft-ap { text-align: center; width: 650px; }
.fright { float: right; }
.fright li { float: left; margin-left: 4em; }
.ffbox { width: 850px; margin: 0 auto; }