html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display:block;
}

body {
color:#444;
font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Verdana, "游ゴシック", YuGothic, sans-serif;
line-height:1.0;
zoom:1;
}

br {letter-spacing:0;}
ul, li {list-style:none;}
img, a img {border:none; text-decoration:none; vertical-align:top;}
table {border-collapse:collapse;}
input, textarea, select {font-family:sans-serif;}

.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

a:link    {color:#0073e9; text-decoration:none;}
a:visited {color:#0073e9; text-decoration:none;}
a:hover   {color:#3366CC; text-decoration:underline;}
a:active  {color:#99CCFF; text-decoration:none;}

/* -------------------------------------------------------
Layout
---------------------------------------------------------- */
#site-header {
width:100%;
min-width:980px;
height:80px;
border-top:4px solid #e60012;
border-bottom:1px solid #ddd;
}

#wrap {
width:980px;
margin:0 auto 50px;
}

#sub_wrap {
width:980px;
margin:0 auto 50px;
}

.main {
float:right;
width:700px;
}

.side {
float:left;
width:240px;
}

#site-footer {
width:100%;
min-width:980px;
background:#f8f8f8;
border-top:1px solid #ddd;
border-bottom:8px solid #e60012;
}


/* -------------------------------------------------------
Detail
---------------------------------------------------------- */
/* header ---------------------------- */
#site-header .header-inner {
position:relative;
width:980px;
margin:0 auto;
}
.header-inner .title_block {
position:absolute;
top:10px;
left:0;
width:280px;
overflow:hidden;
}
/* header > gnav ---------------------------- */
.header-inner .gnav {
position:absolute;
top:0;
right:0;
width:600px;
height:80px;
}

#ac_nav {
list-style-type: none;
width: 600px;
height: 80px;
padding: 0;
border-left:1px solid #ddd;
}
#ac_nav li {
position: relative;
float:left;
width:198px;
margin:0;
padding:0;
border-right:1px solid #ddd;
text-align: center;
}
#ac_nav li a {
display: block;
margin: 0;
padding:33px 0 32px;
color: #333;
font-size: 15px;
text-decoration: none;
}
#ac_nav li ul {
list-style: none;
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
}
#ac_nav li:last-child ul {
left: -100%;
width: 100%
}
#ac_nav li ul li {
overflow: hidden;
width: 196px;
height: 0;
color: #fff;
-moz-transition: .2s;
-webkit-transition: .2s;
-o-transition: .2s;
-ms-transition: .2s;
transition: .2s;
}
#ac_nav li ul li a {
padding: 15px 15px;
background: #fff;
text-align: left;
font-size: 13px;
font-weight: normal;
}
#ac_nav li:hover > a {
background:#e60012;
color:#fff;
}
#ac_nav li:hover ul li {
overflow: visible;
height: 43px;
margin:0 0 -1px;
background:#e60012;
border:1px solid #e60012;
color:#fff;
z-index:999;
}
#ac_nav li:hover ul li:first-child {
border-top: 0;
}
#ac_nav li:hover ul li:last-child {
}
#ac_nav li:hover ul li:last-child a {
}

/* key_block ---------------------------- */
.key_block_outer {
width:100%;
min-width:980px;
margin:0 0 80px;
/*background:#ebece7;*/
/*background:#fff;*/
background:url(images/key_v_bg.png) repeat left top;
border-bottom:1px solid #ddd;
}
.key_block {
width:980px;
margin:0 auto;
overflow:hidden;
}

/* job_topics ---------------------------- */
#job_topics {
width:100%;
min-width:980px;
margin:0 auto 60px;
}
#job_topics .job_topics_inner {
width:980px;
margin:0 auto;
overflow:hidden;
}
.job_topics_title {
margin:0 0 15px;
padding:4px 0 3px 10px;
border-left:6px solid #e60012;
font-size:15px;
}
.job_topics_inner dl {
border-top:1px dotted #ccc;
}
.job_topics_inner dl dt {
padding:20px 0 15px 5px;
font-size:13px;
}
.job_topics_inner dl dd {
padding:0 0 20px 5px;
border-bottom:1px dotted #ccc;
font-size:15px;
}
.job_topics_inner dl dt .job-status1 {
display:inline-block;
margin:0 0 0 15px;
padding:5px 8px;
background:#f1baba;
border-radius:3px;
font-size:11px;
}
.job_topics_inner dl dt .job-status2 {
display:inline-block;
margin:0 0 0 5px;
padding:5px 8px;
background:#f1baba;
border-radius:3px;
font-size:11px;
}
.job_topics_inner dl dd .job-local {
display:inline-block;
margin:0 10px 0 30px;
padding:4px 5px;
background:#e3f5f7;
color:#666;
font-size:11px;
}


/* job_block ---------------------------- */
.job_block {
width:960px;
margin:0 auto 50px;
}
.job_block:before,
.job_block:after {content:""; display:table;}
.job_block:after {clear:both;}
.job_block {zoom:1;}

.job_block .jb_left {
float:left;
width:454px;
min-height:300px;
background:url(images/pic1.jpg) no-repeat left top;
/*border:1px solid #5ecedb;*/
border:1px solid #e60012;
}
.job_block .jb_right {
float:right;
width:454px;
min-height:300px;
background:url(images/pic2.jpg) no-repeat left top;
border:1px solid #e60012;
}

.jb_left .jbl-inner,
.jb_right .jbr-inner {
position:relative;
padding:15px;
}

.jbl-inner .jb-title {
margin:0 0 1em;
/*color:#1e4f8c;*/
}
.jbr-inner .jb-title {
margin:0 0 1em;
}
.jb-title {
font-size:22px;
font-weight:bold;
letter-spacing:2px;
text-align:center;
}

.jbl-inner .jpl-txt {
position:absolute;
top:40px;
left:200px;
width:240px;
}
.jbr-inner .jpr-txt {
position:absolute;
top:40px;
left:200px;
width:240px;
}

.btn-a a {
display:block;
padding:10px 15px;
background:#fff url(images/arr1.png) no-repeat right;
border:1px solid #3dc0d8;
color:#1080b4;
font-size:15px;
text-align:center;
}
.btn-a a:hover {
background:#1080b4 url(images/arr_ov.png) no-repeat right;
border:1px solid #1080b4;
color:#fff;
text-decoration:none;
}
.btn-b a {
display:block;
padding:20px 15px;
background:url(images/arr2.png) no-repeat right;
border:1px solid #999;
color:#555;
font-size:15px;
text-align:center;
}
.btn-b a:hover {
background:#546068 url(images/arr_ov.png) no-repeat right;
border:1px solid #546068;
color:#fff;
text-decoration:none;
}
.btn-c a {
display:block;
padding:20px 15px;
background:url(images/arr3.png) no-repeat right;
border:1px solid #078758;
color:#078758;
font-size:15px;
text-align:center;
}
.btn-c a:hover {
background:#078758 url(images/arr_ov.png) no-repeat right;
border:1px solid #078758;
color:#fff;
text-decoration:none;
}
.btn-d a {
display:block;
padding:20px 15px;
background:#e60012 url(images/arr_ov.png) no-repeat right;
border:1px solid #e60012;
color:#fff;
font-size:15px;
text-align:center;
}
.btn-d a:hover {
background:#fff url(images/arr4.png) no-repeat right;
border:1px solid #e60012;
color:#e60012;
text-decoration:none;
}


/* index ---------------------------- */
.index_block {
width:960px;
margin:0 auto 50px;
overflow:hidden;
}
.index_block ul.mokuji {
}
.index_block ul.mokuji li {
float:left;
width:240px;
height:180px;
background:#ccc;
}







/* conntents_block ---------------------------- */


#contents_block {
}
.contents_inner {
/*padding:15px;*/
}

.contents_title_outer {
margin:0 0 30px;
padding:10px 15px;
background:#222;
border-radius:5px;
}
.contents_title_line {
padding:3px 10px;
border-left:1px solid #ee4500;
}
.contents_title {
color:#fff;
font-size:17px;
font-weight:normal;
}


.youkou_title_outer {
margin:0 0 30px;
padding:10px 15px;
background:#222;
border-radius:5px;
}
.youkou_title_line {
padding:3px 10px;
border-left:1px solid #ee4500;
}
.youkou_title {
color:#fff;
font-size:17px;
font-weight:normal;
}



.regi_table {
}
.regi_table .location {
margin:0 0 5px;
line-height:30px;
font-size:15px;
}
.regi_table .location span {
display:inline-block;
margin:0 10px 0 0;
padding:0 1em;
background:#c1edf4;
line-height:30px;
}

.regi_table .status {
margin:0 0 10px;
}
.regi_table .status .job-cate {
display:inline-block;
margin:0 10px 0 0;
padding:0 1em;
font-size:13px;
background:#c1edf4;
line-height:32px;
vertical-align:middle;
}
.regi_table .status .job-name {
display:inline-block;
padding:4px 0 0;
color:#093f72;
font-size:24px;
font-weight:bold;
vertical-align:middle;
}

.regi_table table {
width:100%;
border:1px solid #ccc;
}
.regi_table th {
width:100px;
padding:1.5em 1em;
background:#f5f5f5;
border:1px solid #ccc;
font-size:13px;
font-weight:normal;
line-height:1.8;
text-align:center;
vertical-align:middle;
white-space:nowrap;
}
.regi_table td {
padding:1.5em;
border:1px solid #ccc;
font-size:13px;
line-height:1.8;
}

/* info ---------- */
.info_table {
}
.info_title {
margin:0 0 10px;
padding:2px 0 2px 6px;
border-left:5px solid #e60012;
color:#444;
font-size:15px;
}
.info_table table {
width:100%;
border:1px solid #ccc;
font-size:13px;
}
.info_table th {
width:120px;
padding:1em 10px;
background:#f5f5f5;
border-bottom:1px solid #ccc;
color:#666;
font-weight:normal;
line-height:1.5;
letter-spacing:2px;
text-align:center;
vertical-align:top;
white-space:nowrap;
}
.info_table td {
padding:1em 10px;
border-bottom:1px solid #ccc;
line-height:1.5;
}





/* message ---------- */
.message_box {
padding:0 0 0 30px;
}
.message_box p {
font-size:90%;
line-height:1.7;
}


/* office scene ---------- */
.o_photo {
}
.o_photo ul {
letter-spacing:-0.4em;
padding:0 0 0 15px;
}
.o_photo ul li {
display:inline-block;
letter-spacing:normal;
margin:0 10px 10px 0;
}
.o_photo ul li:last-child {
margin:0;
}
.o_photo ul li p {
padding:0.5em 0 0;
font-size:11px;
}


/* side ---------------------------- */
.side ul#sMenu {
font-size:13px;
}
ul#sMenu ul {display:none;}
ul#sMenu li {border-bottom:1px solid #ccc;}
ul#sMenu li ul {border-top:1px solid #ccc;}
ul#sMenu li ul li {padding-left:1em;}
ul#sMenu li ul li:last-child {border:none;}

ul#sMenu li a {
display:block;
color:#333;
line-height:45px;
text-decoration:none;
}
ul#sMenu li a:hover {
color:#cc0000;
}
ul#sMenu li span {
display:block;
color:#333;
font-size:15px;
line-height:45px;
text-decoration:none;
cursor:pointer;
}

/* footer ---------------------------- */
#site-footer .footer-inner {
width:980px;
margin:0 auto;
padding:20px 0;
color:#eee;
}
.cp {
color:#999;
font-size:11px;
text-align:center;
}
.cp a {
color:#999;
text-decoration:none;
}


/* --------------------------form */
#form_head {
width:800px;
margin:0 auto 50px;
}
#form_head .form_head_inner {
padding:50px 0 0;
}
.form_title {
margin:0 0 20px;
padding:4px 0 2px 10px;
border-left:6px solid #e60012;
font-size:150%;
font-weight:bold;
}

#form_body {
width:800px;
margin:0 auto 50px;
}
#form_body .forminfo1 {
margin:0 0 10px;
font-size:13px;
}

#form_body .error_mes {
padding:10px;
border-top:1px solid #ccc;
color:#ff0000;
font-size:13px;
line-height:1.5;
}

#form_body textarea {
padding:5px;
font-size:100%;
}
#form_body input {
margin-right:2px;
padding:5px;
font-size:120%;
}
#form_body select {
margin-right:2px;
font-size:100%;
}

#form_body table {
width:100%;
margin:0 0 30px;
border-top:1px solid #ccc;
}
#form_body th {
width:230px;
padding:15px 10px;
background:#f8f8f8;
border-bottom:1px solid #ccc;
font-size:13px;
font-weight:normal;
text-align:left;
vertical-align:middle;
white-space:nowrap;
}
#form_body td {
padding:20px 0 20px 15px;
border-bottom:1px solid #ccc;
font-size:15px;
}
#form_body td span.spr {
display:inline-block;
margin:0 1em 0 0;
}
#form_body td span.rei {
display:block;
padding:10px 0 0;
color:#666;
font-size:13px;
}

#form_body .s-btn {
text-align:center;
}
#form_body input[type="submit"] {
padding:0.5em 2em;
font-size:120%;
}


/* complete */
body.comp {
height:100%;
height:auto;
}
body.comp #site-footer {
position:fixed;
bottom:0;
left:0;
}
#form_body .complete_body {
padding:100px 0;
}

.g_btn {
display:inline-block;
}
.g_btn a {
display:block;
padding:0 30px;
background:#546068 url(images/arr_ov.png) no-repeat right;
border:1px solid #546068;
color:#fff;
font-size:15px;
text-align:center;
line-height:40px;
}
.g_btn a:hover {
background:url(images/arr2.png) no-repeat right;
border:1px solid #999;
color:#555;
text-decoration:none;
}



/* -------------------------------------------------------
Common
---------------------------------------------------------- */
.fs80 {font-size:80%;}
.fs90 {font-size:90%;}
.fs100 {font-size:100%;}
.fs120 {font-size:120%;}
.fs150 {font-size:150%;}
.fs11px {font-size:11px;}
.fs13px {font-size:13px;}
.fs15px {font-size:15px;}
.fs17px {font-size:17px;}
.fs20px {font-size:20px;}

.lh15 {line-height:1.5;}
.lh16 {line-height:1.6;}
.lh17 {line-height:1.7;}
.lh18 {line-height:1.8;}
.lh20 {line-height:2.0;}

.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}
.mgb30 {margin-bottom:30px;}
.mgb40 {margin-bottom:40px;}
.mgb50 {margin-bottom:50px;}
.mgb100 {margin-bottom:100px;}
.mgb1em {margin-bottom:1em;}
.mgb2em {margin-bottom:2em;}

.pdlr10 {padding:0 10px;}
.pdlr20 {padding:0 20px;}
.pdlr30 {padding:0 30px;}
.pdlr1em {padding:0 1em;}
.pdlr2em {padding:0 2em;}

.tac {text-align:center;}

.fwb {font-weight:bold;}