@charset "utf-8";

/* コンテンツ
======================================= */
header {
  background: #d31319
    url("/wp-content/themes/truckman/img/page/index/bg_top01.jpg") no-repeat
    center top;
  box-sizing: border-box;
  height: 550px;
  padding-bottom: 295px;
}
.toppage {
  width: 1180px;
  margin: 0 auto;
}
.toppage h1 {
  width: 860px;
  margin-left: 240px;
}
#menu {
  margin-right: 90px;
}
#tracmanBox {
  width: 1000px;
  margin: 0 auto;
}
#tracman {
  width: 900px;
  height: 382px;
  position: relative;
  margin-top: -295px;
  margin-left: 92px;
}

#tracman .tm01 {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
#tracman .tm02 {
  position: absolute;
  left: 133px;
  top: 0;
  z-index: 10;
}
#tracman .tm03 {
  position: absolute;
  left: 275px;
  top: 0;
  z-index: 0;
}
#tracman .tm04 {
  position: absolute;
  left: 442px;
  top: 0;
  z-index: 10;
}
#tracman .tm05 {
  position: absolute;
  left: 595px;
  top: 0;
  z-index: 0;
}
#tracman li:hover {
  z-index: 105 !important;
}
#cont {
  width: 100%;
  background: #fff;
}
#contTop {
  background: #fff
    url("/wp-content/themes/truckman/img/page/index/bg_top02.jpg") no-repeat
    center top;
  height: 400px;
}
#contTop p {
  width: 800px;
  margin: -86px auto 0;
  padding: 86px 0;
  box-sizing: border-box;
}
#list {
  background: #d5131b;
}
#list ul {
  width: 1140px;
  height: 870px;
  background: #fff url("/wp-content/themes/truckman/img/page/index/bg_list.jpg")
    no-repeat center top;
  margin: 0 auto;
  position: relative;
}
#list ul li a {
  position: absolute;
  bottom: 0;
}
#list ul li.list01 {
  width: 480px;
  height: 361px;
  position: absolute;
  left: 72px;
  top: 84px;
}
#list ul li.list01 {
  right: 0;
}
#list ul li.list02 {
  width: 480px;
  height: 361px;
  position: absolute;
  left: 582px;
  top: 84px;
}
#list ul li.list02 a {
  right: 0;
}
#list ul li.list03 {
  width: 305px;
  height: 311px;
  position: absolute;
  left: 72px;
  top: 474px;
}
#list ul li.list03 a {
  left: 0;
}
#list ul li.list04 {
  width: 377px;
  height: 311px;
  position: absolute;
  left: 376px;
  top: 474px;
}
#list ul li.list04 a {
  left: 0;
}
#list ul li.list05 {
  width: 307px;
  height: 311px;
  position: absolute;
  left: 754px;
  top: 474px;
}
#list ul li.list05 a {
  right: 0;
  padding-right: 32px;
}
#blogBox {
  width: 1000px;
  margin: 80px auto 0;
}
#blogBox h2 {
  width: 175px;
  float: left;
}
#blogBox ul {
  width: 820px;
  float: right;
}
#blogBox ul li {
  border-bottom: 1px solid #000;
}
#blogBox ul li:last-child {
  border-bottom: none;
}
#blogBox ul li dt {
  color: #d31319;
  float: left;
  width: 120px;
  padding: 8px 0;
  font-size: 16px;
}
#blogBox ul li dd {
  float: left;
  width: 700px;
  padding: 8px 0;
  font-size: 16px;
}