/** @format */

@charset "utf-8";

/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
address,
em {
  font-style: normal;
}
strong {
  font-weight: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
}
img {
  vertical-align: bottom;
}
img,
fieldset {
  border: 0;
}
li {
  list-style-type: none;
}
ol li {
  list-style-type: decimal;
}

/* clearfix
------------------------------------------------------------*/
.wrapper:after,
#header:after,
#topic-path:after,
#GrpBnr:after,
#footer:after,
.text:after,
.h3:after,
.h2:after,
.shitenDetail:after,
ul:after,
dd:after,
.adobeReader:after,
.clearfix:after {
  content: "";
  display: block;
  clear: both;
  height: 0;
}
.wrapper,
#header,
#topic-path,
#GrpBnr,
#footer,
.text,
.h3,
.h2,
.shitenDetail,
ul,
dd,
.adobeReader,
.clearfix {
  zoom: 1;
} /* IE */

/* 全体
------------------------------------------------------------*/

/* 基本設定 */
body {
  background-color: #fff;
  text-align: center;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ",
    Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
  font-size: 100%;
  color: #554423;
}

/* リンク関連 */
a:link {
  color: #67678c;
}
a:visited {
  color: #000;
}
a:hover {
  color: #67678c;
}
a[name]:hover {
  font: inherit;
  color: inherit;
}

/* hover */
#util a:hover {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* 中央揃え設定 */
.wrapper {
  margin: 0 auto;
  text-align: left;
  width: 960px;
}

/* コンテント　共通
------------------------------------------------------------*/

/* ヘッダー */
#header {
  background: url(img/headBg.png) repeat-x bottom;
  border-top: 3px solid #e7e6b7;
  padding-bottom: 4px;
}
#sitelogo {
  width: 260px;
  float: left;
  padding: 19px 0 0 21px;
}
#util {
  padding-top: 12px;
  padding-right: 21px;
  float: right;
  text-align: right;
}
#gNav {
  margin-top: 10px;
}
#gNav li {
  margin: 0;
  padding: 0;
  float: left;
}
#gNav li img {
  vertical-align: bottom;
}

/* TOPページ スライドギャラリー */
#slideGalley {
  padding: 0;
  margin: 10px auto 0;
  width: 960px;
  overflow: hidden;
  position: relative;
  border: 1px solid #d6d6d6;
}
#slideGalley * {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#slide li {
  float: left;
}
#slide li img {
  vertical-align: bottom;
  border: none;
}
#nav {
  display: none;
}
#nav .prev {
  position: absolute;
  left: 10px;
  top: 68px; /* LI画像高さ/2-（nav_prev/2） */
}
#nav .next {
  position: absolute;
  right: 10px;
  top: 68px; /* LI画像高さ/2-（nav_next/2） */
}

/* トップページ左エリア */
#topSide,
#subSide {
  float: left;
  width: 260px;
  margin: 12px 0 0 0;
}

/* 注目コンテンツ */
#attentionArea {
  margin-bottom: 3em;
}
#attentionArea dl {
  width: 250px;
  background: url(img/attentionBtm.png) no-repeat left bottom;
  padding-bottom: 8px;
}
#attentionArea dt {
  background: #fcfcfc url(img/attentionList.png) no-repeat left 0;
  min-height: 29px;
  height: auto !important;
  height: 29px;
  margin: 0;
  padding: 5px 0 0 25px;
  font-weight: bold;
  border: 1px solid #d3d3d3;
  border-width: 1px 1px 0 1px;
}
#attentionArea dt a {
  display: block;
  text-decoration: none;
}
#attentionArea dt a:hover {
  text-decoration: underline;
}
#attentionArea dd {
  margin: 0;
  padding: 5px 0 5px 5px;
  border: 1px solid #d3d3d3;
  border-width: 0 1px 1px;
}
#attentionArea dd a {
  text-decoration: none;
}
#attentionArea dd a:hover {
  text-decoration: underline;
}
#attentionArea .attentionPhoto {
  float: left;
  margin-right: 5px;
}
#attentionArea .attentionText {
  font-size: 80%;
  color: #666;
  padding: 5px 0 5px 5px;
  line-height: 1.3;
}

/* 営業所一覧&leftMenu */
#officeArea,
#leftMenu,
#recruitArea {
  width: 250px;
  margin-bottom: 3em;
}
#attentionArea h1,
#leftMenu h1,
#recruitArea h1,
#topicArea h1,
#subSide h1 {
  background: url(img/leftMenuH1.png) no-repeat 0px 0px;
  padding: 8px 0 0 30px;
  min-height: 40px;
  margin-bottom: 2px;
  font-size: 1.125rem;
}
#leftMenu h1.LMservice {
  background: url(img/LmServiceTitle.png) no-repeat 0px 0px;
  padding: 7px 0 1px 50px;
}
.topicList {
  margin-right: 10px;
  padding: 0 0.5rem;
  line-height: 1.5;
  font-size: 1rem;
  border: 1px solid #ccc;
}
.topicList dt {
  color: #ce2200;
  padding: 0;
}
.topicList dt:first-child {
  padding-top: 0.5rem;
}
.topicList dd {
  padding-bottom: 0.5rem;
  margin: 0 0 0.5em 0;
  border-bottom: 1px dotted #ccc;
}
.topicList dd:last-child {
  padding: 0;
  border-bottom: none;
}
.topicList dd span {
  display: block;
  padding: 0.125rem;
  margin-bottom: 0.25rem;
  color: white;
  font-size: 0.625rem;
  font-weight: bold;
  background-color: red;
}

#mainMenu,
#mainMenu2,
#mainMenuE,
#recruitMenu {
  margin-left: 10px;
}
#mainMenu li,
#mainMenu2 li,
#mainMenuE li,
#recruitMenu li {
  display: block;
  margin-bottom: 5px;
}
#mainMenu ul.subMenu li,
#mainMenu2 ul.subMenu li,
#mainMenuE ul.subMenu li {
  display: block;
  background-color: #f7f3ec;
  padding: 7px 10px;
  margin: 2px 5px 2px 20px;
}
#mainMenu ul.subMenu li a,
#mainMenu2 ul.subMenu li a,
#mainMenuE ul.subMenu li a {
  display: block;
}
#mainMenu ul.subMenu li:hover,
#mainMenu2 ul.subMenu li:hover,
#mainMenuE ul.subMenu li:hover {
  background-color: #e7dac5;
  color: #fff;
}
#mainMenu a:hover img,
#mainMenu2 a:hover img,
#mainMenuE a:hover img,
#recruitMenu a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* トップページコンテンツ */
#topContents {
  float: right;
  width: 680px;
  margin: 12px 0 0 0;
}
#topContents h1 {
  padding: 8px 10px 10px 32px;
  background: url(img/topTitle.png) no-repeat 0 top;
  font-size: 110%;
}
#topContents h2 {
  padding: 9px 10px 10px 28px;
  background: url(img/topH2Title.png) no-repeat 8px 11px;
  font-size: 110%;
}

#fbArea {
  margin-bottom: 2em;
}
#kbArea a,
#fbArea a {
  display: block;
  float: left;
  width: 215px;
  margin: 0 10px 0.5em 0;
}
#kbArea a:hover img,
#fbArea a:hover img {
  position: relative;
  top: 1px;
}

/* お問い合わせページ サービス一覧 */
#subContents #contServiceList h2 {
  margin: 10px 0 8px;
  background: url(img/topH2Title4.png) no-repeat 6px 6px;
  padding: 9px 0 5px 47px;
  border-bottom: 2px solid #524421;
}

#goteian {
  margin-bottom: 3em;
}
#goteian div.goteianInner {
  float: left;
  width: 215px;
  _width: 221px;
  margin-top: 1em;
  background-color: #f7f0e1;
  padding: 10px 3px;
  text-align: center;
  font-size: 14pt;
  font-weight: bold;
}
#goteian p {
  margin-top: 7px;
  text-align: center;
}
#goteian p img {
  vertical-align: bottom;
}
#goteian p a:hover img {
  position: relative;
  top: 1px;
}

/* 会社情報 */
h1 + div.corpInf {
  margin-top: 1em;
}
.corpInf dl {
  width: 217px;
  _width: 227px;
  float: left;
}
.corpInf dl a {
  display: block;
}
.corpInf dl a:link {
  text-decoration: none;
}
.corpInf dl a:hover {
  text-decoration: ulderline;
}
.corpInf dt {
  background: url(img/coInfBg.png) no-repeat 0 0;
  padding: 7px 0 0 25px;
  height: 29px;
  _height: 36px;
  margin: 0;
  font-weight: bold;
  color: #524421;
}
.corpInf dt a:hover {
  color: #9e8f6b;
}
.corpInf dd {
  background-color: #faf9f0;
  font-size: 80%;
  padding: 7px 7px 12px;
  margin: 0 0 7px;
  line-height: 1.2;
  min-height: 52px;
  height: auto !important;
  _height: 71px;
}
.corpInf dd a:hover {
  color: #9e8f6b;
}
.corpInf dl + dl {
  padding-left: 13px;
}
.corpInf dl {
  _padding-right: 10px;
}

div.corpInf + h1 {
  margin-top: 2em;
}

/* CSR・環境 */
#topCSR {
  margin: 0.5em 0 2em;
  text-align: center;
}
#topCSR a:hover img {
  position: relative;
  top: 1;
}
#topCSR a + a {
  margin-left: 8px;
}

/* グループ会社 */
#GrpBnr {
  margin: 1em 0 2em 0;
}
#GrpBnr a:hover img {
  position: relative;
  top: 1;
}
#GrpBnr a + a,
#GrpBnr a + img,
#GrpBnr img + img {
  margin-left: 8px;
}
#GrpBnr a {
  margin-bottom: 10px;
  display: block;
  float: left;
  width: 220px;
  _margin-right: 8px;
}

/* 営業所一覧ページ */
.officeBtnBox {
  background-color: #f7f0e1;
  text-align: center;
  padding: 1em;
  margin: 0.5em 40px 2em;
}
.officeBtnBox a:hover img {
  position: relative;
  top: 1px;
}

/* フッター
------------------------------------------------------------*/
#footer {
  background: #e7e6b7 url(img/footBg.png) no-repeat center 5px;
  font-family: "メイリオ", "MS P Gothic", sans-serif;
  font-size: 75%;
  line-height: 1.3;
  color: #333;
  padding: 5px 0 2px;
  margin-top: 3em;
}
#structure {
  float: left;
}
#fLogo {
  float: right;
}

/* サブページ
------------------------------------------------------------*/
/* パンくず */
#topic-path {
  margin: 5px 27px 0;
}
#topic-path ul {
  padding-left: 0;
  font-size: 80%;
  padding: 7px 0 0 17px;
  background: url(img/pankuzu.png) no-repeat left 8px;
}

#topic-path li {
  float: left;
  margin: 0 4px 0 0;
}
#topic-path a:link,
#topic-path a:visited {
  color: #524422;
}
#topic-path a:hover {
  color: #aca593;
}
#topic-path li {
  background: url(img/panSeparate.png) no-repeat 3px 4px;
  padding-left: 17px;
}
#topic-path li.bHome {
  background-image: none;
  padding-left: 3px;
}

/* subContents */
#subContents {
  float: right;
  width: 680px;
  margin: 12px 0 0 0;
}
#subContents h1 {
  padding: 8px 10px 15px 37px;
  background: url(img/subTitle.png) no-repeat 0 top;
  font-size: 110%;
}
#subContents h2 {
  padding: 0px 0 0 18px;
  border-bottom: #ce2200 2px solid;
  background: url(img/subH2bg.png) no-repeat 4px 6px;
}
#subContents h3 {
  border-bottom: 1px dotted #333;
  padding: 7px 7px 0 20px;
  background: url(img/subH3bg.png) no-repeat 4px 14px;
}

#subContents > div.text {
  padding: 11px 0 27px 5px;
  margin: 5px 0 35px;
  line-height: 1.5;
}
#subContents div.leadSentence {
  margin-top: 0.5em;
  border: 1px solid #b47e4c;
  padding: 0.5em 2em;
  -webkit-box-shadow: 0px 0px 3px #ccc; /* Safari, Chrome用 */
  -moz-box-shadow: 0px 0px 3px #ccc; /* Firefox用 */
  box-shadow: 0px 0px 3px #ccc; /* CSS3 */

  background-color: #faf9f0;

  border-radius: 10px; /* CSS3草案 */
  -webkit-border-radius: 10px; /* Safari,Google Chrome用 */
  -moz-border-radius: 10px; /* Firefox用 */
}

#subContents .text.headtxt {
  background-color: #f9f9f9;
  padding: 1em;
  color: #000;
}
#subContents div.leadSentence {
  background-color: #f9f9f9;
  border-color: #d3d3d3;
  color: #000;
}
#subContents div.waku {
  margin: 1em 0;
  padding: 0.5em 1em;
  border: 1px solid #d3d3d3;
}

#subContents ul {
  margin: 0 0 0.5em 27px;
}
#subContents ul li {
  list-style-type: disc;
  line-height: 1;
}

/* 共通 */
.center {
  text-align: center;
}
.bold {
  font-weight: bold;
}
.small {
  font-size: 90%;
}
.pink {
  color: #ff0080;
}
.linkR {
  text-align: right;
  font-size: 90%;
}
.linkR a:link {
  background: url(img/link.gif) no-repeat left center;
  padding-left: 15px;
}
.linkR a:hover {
  color: #9e8f6b;
}

/* 標準の表 */
.solid_table {
  border-collapse: collapse;
  font-size: 90%;
}
.solid_table,
.solid_table tr,
.solid_table th,
.solid_table td {
  border: 1px solid #999;
}
.solid_table th {
  color: #666;
  background-color: #f4f4f4;
  text-align: center;
  vertical-align: top;
}
.solid_table th,
.solid_table td {
  padding: 7px 10px;
}
.solid_table table * {
  border: none;
  padding: 0;
}

/* 収集運搬許可内容の表 */
.solid_table.kyoka th,
.solid_table.kyoka td {
  padding: 3px 0px;
}
.solid_table.kyoka th {
  padding: 3px 2px;
}
.solid_table.kyoka td {
  line-height: 1;
  text-align: center;
  font-size: 80%;
}

/* 物流センター概要の表 */
.solid_table.centergaiyou th,
.solid_table.centergaiyou td {
  padding: 3px 2px;
  line-height: 1.2;
}

/* 業務例の表 */
.solid_table.gyoumurei td {
  vertical-align: top;
  padding: 5px;
}

/* 許可届出の表 */
.solid_table.kyokatodoke td {
  padding: 3px;
  font-size: 90%;
  line-height: 1.2;
  text-align: center;
}

/* 機材リストの表 */
#kizaiList {
  line-height: 1;
}
#kizaiList td {
  font-weight: bold;
  padding-right: 5px;
  padding-top: 10px;
  vertical-align: top;
}
#kizaiList td img {
  border: 1px solid #ccc;
}
#kizaiList td p {
  font-weight: normal;
  line-height: 1.2;
  margin-top: 3px;
  padding-right: 10px;
}

/* 問合せの表 */
.askTable input,
.askTable TEXTAREA {
  padding: 3px;
  line-height: 1.2;
  font-size: 110%;
}
.askTable th {
  vertical-align: middle;
  text-align: left;
}
.askTable th em {
  color: #c3005d;
  font-weight: bold;
}

/* 安全性優良事業所の表 */
.gmarkTable tr {
  border: none;
}
.gmarkTable .undernone {
  border-bottom: none;
}
.gmarkTable .topdotted {
  border-top-style: dotted;
}

/* ページの先頭へ */
.toTop {
  text-align: right;
  margin-bottom: 2em;
}
/* hover設定 */
#sMenu li a:hover img,
#TopBanner li a:hover img,
#subBanner li a:hover img,
.hoverBright a:hover img,
a.gmap:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.askSubmit:hover {
  position: relative;
  top: 1px;
}

/* AdobeReader */
.adobeReader {
  border: 1px solid #cccccc;
  padding: 8px 7px 5px;
  line-height: 1.3;
  position: relative;
  font-size: 80%;
}
.adobeReader img {
  float: left;
  margin-right: 10px;
}

/* サービス一覧ページ */
.serviceTable {
  border-collapse: collapse;
  empty-cells: hide; /* 空白セルの表示 */
  margin-bottom: 35px;
  margin: 1em 15px 3em;
}
.serviceTable td {
  border: 1px solid #ccc;
  line-height: 120%;
  vertical-align: top;
}
.serviceTable p.title {
  background-color: #f7f4ec;
  padding: 7px 10px;
  font-weight: bold;
  font-size: 110%;
}
.serviceTable td div {
  padding: 10px 12px;
}
.serviceDetailBox {
  padding: 1em;
}

/* 業務フロー */
.gyoumuFlow {
  margin: 26px 0 24px;
  text-align: center;
}
.gyoumuFlow img {
  margin: 0.5em 2em;
}
.gyoumuFlow div {
  text-align: left;
  margin: 0 34px;
  padding: 7px;
  background-color: #f7f6e3;
  border: 1px solid #cccbbc;
  font-size: 110%;
  font-weight: bold;
}
.gyoumuFlow div.gyoumuFlowDetail {
  text-align: left;
  padding: 5px 7px 7px;
  border: 1px solid #cccbbc;
  border-width: 0 1px 1px;
  background-color: #fff;
  font-weight: normal;
  font-size: 100%;
  color: #554423;
}

/* 業務内容 */
p.title2 {
  background-color: #f7f4ec;
  padding: 3px 10px;
  margin-bottom: 0.5em;
  font-weight: bold;
  font-size: 110%;
}

#subContents ul.lh1_5 li {
  margin-bottom: 0.5em;
}

/* 支店紹介ページ */
#subContents div.shitenRead {
  margin-bottom: 0 !important;
  padding-bottom: 0;
}
#subContents > div.text.shitenDetail {
  margin-bottom: 0;
  padding-bottom: 0;
}

.text.shitenDetail {
  padding-top: 0em !important;
}
.shitenTable table {
  margin-top: 1em;
}
.shitenTable table caption {
  font-weight: bold;
  text-align: left;
  font-size: 100%;
}
.shitenTable .solid_table {
  width: 680px;
}
.shitenTable .solid_table th,
.shitenTable .solid_table td {
  line-height: 1.3;
  vertical-align: top;
  padding: 0.5em;
}
.shitenTable .solid_table th {
  width: 8em;
}
/* 営業所の表 */
.shitenTable .eigyousyo {
  margin-bottom: 2em;
}
.shitenTable .eigyousyo th {
  background-color: #d9d9d9;
  color: #333;
}
.shitenTable .eigyousyo caption {
  display: none;
}

/* 主なサービス */
h3.shitenInfo {
  margin-top: 1em;
}
.sIcoList a {
  display: block;
  float: left;
  margin-right: 10px;
  margin-top: 10px;
  width: 100px;
}
.sIcoList a:hover img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

/* 沿革の表 */
#enkakuTable {
  border-collapse: collapse;
  border: 1px solid #999;
  font-size: 80%;
  width: 100%;
}
#enkakuTable tr {
  border-bottom: 1px dotted #999;
  vertical-align: top;
}

#enkakuTable td {
  padding: 5px 10px 5px 0;
  border: 1px solid #999;
}
#enkakuTable td.year,
#enkakuTable td.month {
  text-align: right;
  text-align: left;
}
#enkakuTable td.year {
  width: 9em;
  padding-right: 0;
}
#enkakuTable td.month {
  width: 3em;
}

/* お問い合わせページ */
#subContents h1.mailImg {
  background: url(img/subTitleM.png) no-repeat 0px top;
  padding-left: 55px;
}

/* btmdt */
.btmdt {
  border-collapse: collapse;
  font-size: 90%;
  width: 100%;
  margin: 0 0 2em;
}
.btmdt tr {
  border-bottom: 1px dotted #999;
  vertical-align: top;
}
.btmdt td,
.btmdt th {
  padding: 5px 10px;
}
.btmdt th {
  width: 10em;
  font-weight: normal;
}

/* サイトマップページ */
#subContents ul.sitemap {
  margin-bottom: 1em;
}

#subContents ul.sitemap li {
  line-height: 1.5;
}

/*トップページリクルートバナーのマウスオーバー時の動き*/
.recruit-banner img:hover {
  margin-top: 1px;
}

img.click-icon {
  margin-left: 0.25rem;
  vertical-align: middle;
}

/*フォームお問い合わせ内容入力エリアの幅調整*/
input#input-title,
textarea#imput-detail {
  width: 100%;
  max-width: 97%;
  resize: vertical;
}

/*フォームthanksページの文言*/
.thanks-message p {
  text-align: center;
  line-height: 1.8;
  margin-bottom: 2rem;
}
div#mfp_thanks {
  text-align: center;
}