@charset "utf-8";

html {
  margin: 0;
  padding: 0;
  font-size: 62.5%; /* 10px */
  border: 0;
}
body {
  margin: 0;
  padding: 0;
  font: 10px arial, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  background: #ccc;
}
img {
  border: none;
  vertical-align: bottom;
}
a { color: #000; text-decoration: none; }
a:hover { color: #000; text-decoration: none; }
p { margin: 0; padding: 0; line-height: 100%; }
div { margin: 0; padding: 0; }
br { margin: 0; padding: 0; }
h1,h2,h3,h4 {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse; /*cellspacing*/
}
table th {
  padding: 0; /*cellpadding*/
  font-weight: bold;
  line-height: 120%;
  text-align: left;
  vertical-align: top;
}
table td {
  padding: 0; /*cellpadding*/
  line-height: 120%;
  vertical-align: top;
}
.clearfix:after {
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
  font-size: 0;
  content: " ";
}
* html .clearfix { zoom: 1; } /*IE6*/
*:first-child+html .clearfix { zoom: 1; } /*IE7*/

.blockLink {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  opacity: 0;
  cursor: pointer;
}

#creative {
  position: relative;
  overflow: hidden;
  width: 300px;
  height: 250px;
  margin: 0;
  background: #ffffff;
}


.border {
  background-image: none;
  background-color: #5e4530;
}

#logo_image {
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 202px;
  left: 0;
  width: 300px;
  height: 47px;
  object-fit: contain;
  background-color: #ffffff;
}

#boxWrap {
  display: inline-block;
  position: relative;
  width: 300px;
  height: 250px;
  text-align: center;
}

#slider img {
  width: 300px;
  height: 250px;
  object-fit: contain;
  background-color: #ffffff;
}