@charset "UTF-8";
@import url("https://sv304.xserver.jp/~days03/days03.xsrv.jp/scripts_lib/slides/examples/browser-window/css/style.css");
@import url("https://sv304.xserver.jp/~days03/days03.xsrv.jp/scripts_lib/colorbox/example1/colorbox.css");
@import url("global.css");
@import url("base.css");
/* トップページ */
body#home {
  padding-top: 0;
}

#center {
  width: 430px;
  margin-left: 70px;
  float: left;
}

#center .box.news li.item {
  margin-bottom: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid #bbb;
}

#center .box.news li.item .pic {
  margin: 0 0 10px 10px;
  display: block;
  float: right;
  border: 1px solid #ddd;
}

#center .box.news li.item span.info,
#center .box.news li.item strong {
  padding-bottom: 7px;
  display: block;
}

#center .box.news li.item span.date {
  padding-bottom: 10px;
  display: block;
}

#center .box.news .list {
  margin-top: -5px;
}

#center .box.news .list a {
  padding-left: 12px;
  display: block;
  float: right;
  line-height: 120%;
  background: url("/common_2015/pic/arrow.png") left 4px no-repeat;
}

/*main*/
#main {
  width: 720px;
  left: 40px;
  float: left;
  margin-left: 0;
}

#main #catch {
  margin-bottom: 20px;
}

#main p.paragraph {
  padding-bottom: 20px;
  color: #111;
}

#main .col1-2 .col,
#main .col2 .col,
#main .col3 .col,
#main .col4 .col {
  margin-bottom: 20px;
  float: left;
}

#main .col1-2 .col img,
#main .col2 .col img,
#main .col3 .col img,
#main .col4 .col img {
  margin-bottom: 10px;
}

#main .col2 {
  margin-left: -20px;
}

#main .col2 .col {
  width: 350px;
  margin-left: 20px;
}

#main .col3 {
  margin-left: -18px;
}

#main .col3 .col {
  width: 228px;
  margin-left: 18px;
}

#main .col4 {
  margin-left: -20px;
}

#main .col4 .col {
  width: 165px;
  margin-left: 20px;
}

#main .col1-2 .col {
  width: 228px;
}

#main .col1-2 .col.wide {
  width: 470px;
  float: right;
}

#main ol.list li,
#main ul.list li {
  display: list-item;
  line-height: 150%;
}

#main ul.list {
  margin-top: -10px;
  padding-bottom: 20px;
}

#main ul.list li {
  margin-top: 10px;
  padding-left: 17px;
  font-size: 14px;
  font-weight: 700;
  background: url("../images/common/icon_list01.png") left 3px no-repeat;
}

#main ul.list li ul li {
  padding-left: 12px;
  font-size: 12px;
  font-weight: 400;
  background: url("../images/common/icon_list02.png") left 6px no-repeat;
}

#main ul.list li ul li ul li {
  background: url("../images/common/icon_list03.png") left 6px no-repeat;
}

#main ol.list {
  margin-top: -10px;
  padding-bottom: 20px;
}

#main ol.list li {
  margin-top: 10px;
  counter-increment: cnt;
}

#main ol.list li:before {
  content: counter(cnt) ".";
  margin-right: 3px;
  display: marker;
  color: #8c0000;
  font-size: 14px;
  font-weight: 700;
}

#main table.table {
  margin-bottom: 20px;
}

#main table.table td,
#main table.table th {
  padding: 10px 5px 10px 15px;
  border: 1px solid #ccc;
}

#main table.table th {
  width: 79px;
  vertical-align: top;
  font-size: 14px;
  font-weight: 700;
  background: url("../images/common/table.png");
}

#main table.table td {
  width: 598px;
}

#main table.table td iframe {
  width: 585px;
  height: 450px;
  border: none;
}

#main table.table td a.maplink {
  padding-left: 15px;
  display: block;
  background: url("../images/common/arrow.png") left 6px no-repeat;
}

#main #inquiry_box {
  width: 690px;
  padding: 15px;
  color: #333;
  border: 1px solid #ccc;
}

#main #inquiry_box .info {
  padding-bottom: 10px;
  background: url("../images/common/border.png") left bottom repeat-x;
}

#main #inquiry_box .info strong {
  width: 335px;
  padding-bottom: 5px;
  display: block;
  line-height: 150%;
  color: #8c2300;
  font-size: 14px;
  font-weight: 700;
  background: url("../images/common/border.png") left bottom repeat-x;
}

#main #inquiry_box .info .tel {
  float: left;
  font-size: 14px;
}

#main #inquiry_box .info .tel img {
  margin-top: 5px;
}

#main #inquiry_box .info .tel .clearfix {
  padding-top: 10px;
}

#main #inquiry_box .info .tel .clearfix p,
#main #inquiry_box .info .tel .clearfix span {
  float: left;
}

#main #inquiry_box .info .tel .clearfix span {
  margin-right: 8px;
  font-weight: 700;
}

#main #inquiry_box .info .tel .clearfix p {
  margin-right: 12px;
}

#main #inquiry_box .info .mail {
  float: right;
}

#main #inquiry_box .info .mail a {
  margin-top: 11px;
  display: block;
}

#main #inquiry_box .address {
  padding-top: 10px;
}

#main #inquiry_box .address address,
#main #inquiry_box .address span {
  float: left;
}

#main #inquiry_box .address span {
  font-size: 14px;
  font-weight: 700;
}

#main #inquiry_box .address span:after {
  content: "：";
}

#rightbar .sidebannerblock {
  margin-bottom: 20px;
}

/*archive*/
.postlist li {
  border-bottom: 1px dotted #999;
  margin-bottom: 20px;
}

.postlist li:after {
  content: ".";
  display: block;
  height: 0;
  min-height: 0;
  clear: both;
  visibility: hidden;
  zoom: 1;
}

.postlist li .imageblock {
  width: 228px;
  margin-bottom: 20px;
  float: left;
}

.postlist li .imageblock img {
  max-width: 100%;
  margin: 0 auto;
}

.postlist li .contentbox {
  width: 470px;
  float: right;
}

/*single*/
.alignleft {
  float: left;
}

.alignright {
  float: right;
}

/*privacypolicy*/
body.policy #main {
  font-size: 14px;
}

body.policy #main p {
  line-height: 1.6em;
  margin-bottom: 1em;
}

body.policy #main ol {
  list-style-type: lower-alpha;
  padding-left: 4em;
}

body.policy #main ul > li {
  margin-bottom: 1em;
}

/*sitemap*/
body.sitemap #main ul li {
  font-size: 15px;
  line-height: 1.6em;
  margin-bottom: 0.5em;
  padding-left: 2em;
}

/*usedcar*/
.banner {
  margin-top: 20px;
}

.bottomcolumn {
  clear: both;
  padding: 40px 40px 0;
}

.topbannerlist {
  border: 1px solid #777878;
  border-radius: 5px;
  box-sizing: border-box;
  padding: 15px;
  background: url(pic/topbannerlist-bg.jpg) left top repeat;
}

.topbannerlist ul {
  margin: 0 -15px -15px 0;
  padding: 0;
  overflow: hidden;
}

.topbannerlist ul li {
  margin: 0 15px 15px 0;
  padding: 0;
  float: left;
  width: 316px;
}

/* showroom */
#showroomslider {
  min-width: 720px;
}

#showroomslider .bx-wrapper {
  width: 1070px;
  margin: 0 auto;
  position: relative;
}

#showroomslider .bx-wrapper .bx-next,
#showroomslider .bx-wrapper .bx-pager a,
#showroomslider .bx-wrapper .bx-prev {
  text-indent: -9999px;
}

#showroomslider .bx-wrapper .bx-next,
#showroomslider .bx-wrapper .bx-prev {
  width: 50px;
  height: 40px;
  display: block;
  position: absolute;
  top: 50%;
  margin-top: -20px;
  z-index: 100;
}

#showroomslider .bx-wrapper .bx-prev {
  left: 10px;
  background: url("/pic/btn_prev.png") no-repeat;
}

#showroomslider .bx-wrapper .bx-next {
  right: 10px;
  background: url("/pic/btn_next.png") no-repeat;
}

#showroomslider .bx-wrapper .bx-pager {
  padding-top: 12px;
  text-align: center;
}

#showroomslider .bx-wrapper .bx-pager .bx-pager-item,
#showroomslider .bx-wrapper .bx-pager a {
  width: 14px;
  height: 14px;
  display: inline-block;
}

#showroomslider .bx-wrapper .bx-pager .bx-pager-item {
  margin: 0 3px;
}

#showroomslider .bx-wrapper .bx-pager .bx-pager-item a {
  background: url("/pic/btn_pager.png") no-repeat;
}

#showroomslider .bx-wrapper .bx-pager .bx-pager-item a.active,
#showroomslider .bx-wrapper .bx-pager .bx-pager-item a:active,
#showroomslider .bx-wrapper .bx-pager .bx-pager-item a:hover {
  background: url("/pic/btn_pager_h.png") no-repeat;
}

/* DAYS追加部分 */
/* wordpress */
img.aligncenter {
  margin: 0 auto;
}

.aligncenter {
  text-align: center;
}

.cms img {
  max-width: 100% !important;
  height: auto !important;
}

/*lineup*/
.lineup-block {
  position: relative;
  display: block;
  margin-bottom: 20px;
}

.lineup-block__image {
  display: block;
  position: relative;
}

.lineup-block__image__name {
  color: #fff;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 2px;
}

.lineup-block__image__name.lefttop {
  top: 10px;
  left: 10px;
}

.lineup-block__image__name.righttop {
  top: 10px;
  right: 10px;
}

.lineup-block__image__name.rightbottom {
  right: 10px;
  bottom: 10px;
}

.lineup-block__image__name.leftbottom {
  left: 10px;
  bottom: 10px;
}

.lineup-block__image__name.black {
  color: #000;
  text-shadow: #fff 1px 1px 2px;
}
