@charset "Shift_JIS";

/*  Layout
-----------------------------------------------------------------------------*/
/* Body */
body {
  font-size: 12px;
  color: #555;
  line-height: 18px;
  margin: 0;
}

/* Wrapper */
#wrapper {
  margin: 0 auto;
  width: 980px;
}

#toph_wrapper {
  padding: 0 0 16px;
  background: url(../../img/bg.jpg) no-repeat center top;
}

#sech_wrapper { background: url(../../img/bg.jpg) no-repeat center top; }

/* Header */
#header {
  margin: 0 auto;
  padding: 13px 0 11px;
  width: 1000px;
  overflow: hidden;
}

#header h1 { float: left; }
#header p.fr { padding: 9px 0 0; }

#navi {
  zoom: 1;
  margin: 0 auto;
  padding: 0 0 16px;
  width: 1000px;
}

#navi::after {
  display: block;
  clear: both;
  content: "";
}

#navi > li { float: left; }
#navi li ul { width: 200px; }

#navi li li a {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  text-decoration: none;
  padding: 16px 0;
  border-top: 1px dotted #8e8e8e;
  display: block;
  background: #3a2719;
  position: relative;
}

#navi li.accordion { position: relative; }

#navi li.accordion ul {
  z-index: 1000;
  display: none;
  position: absolute;
}

#navi li.accordion:hover ul {
  display: block;
  position: absolute;
}

#navi li.accordion:hover > span { opacity: 0.5; }

#navi li li a:hover {
  color: #3a2719;
  background: #f1cd41;
}

#navi li li a:hover::before { border-top: 4px solid #3a2719; }
#navi li li a span { font-size: 11px; }
#navi li li:nth-child(2) a { padding: 10px 0; }

#navi li li a::before {
  box-sizing: border-box;
  border: 4px solid transparent;
  border-top: 4px solid #fff;
  width: 4px;
  height: 4px;
  top: 45%;
  left: 15px;
  content: "";
  position: absolute;
}

/* Footer */
#footer {
  zoom: 1;
  border-top: solid 2px #5a3b28;
  background: #fafafa;
  overflow: hidden;
}

#footer .wrap {
  margin: 0 auto;
  width: 1000px;
}

#footer .fr { width: 600px; }

#footer .ft_navi {
  padding: 13px 0 0;
  overflow: hidden;
}

#footer .ft_navi li, #footer .link_recruit li {
  padding: 0 0 0 12px;
  border-left: solid 25px #fafafa;
  background: url(../../img/icon_arrow01.gif) no-repeat left center;
  float: right;
}

#footer .link_recruit li:last-child { border-left: solid 15px #fafafa; }

#footer .ft_navi li a, #footer .link_recruit li a {
  color: #7d5649;
  text-decoration: none;
}

#footer .ft_navi li a:hover, #footer .link_recruit li a:hover { text-decoration: underline; }

#footer .link_recruit {
  line-height: 14px;
  margin-top: 8px;
  float: right;
}

#footer .link_recruit dt, #footer .link_recruit dd { float: left; }

#footer .link_recruit dt {
  font-weight: bold;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #5a3b28;
}