/*--------

Body Background

---------*/
body {
  width: 100%;
  height: auto;
  background: url(../images/bg-top.jpg) top center no-repeat;
  min-width: 1000px;
}
/*--------

Slider

---------*/
#slider {
  background: url(../images/slider-bg.png) top left no-repeat;
  padding-top: 80px;
  margin-bottom: 120px;
}
.bxslider img {
  display: block;
  margin: 0 auto;
}
/*--------

Main Contents

---------*/
#main-contents {
  float: left;
  width: 620px;
  margin-right: 40px;
}
.home-col {
  margin-bottom: 100px;
  overflow: hidden;
}
.home-col-content {
  float: left;
  width: 320px;
}
.home-col-content h4 {
  margin-bottom: 20px;
}
.home-col-content p {
  font-size: 14px;
  margin-bottom: 20px;
}
.home-col-content p a {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-col-more.jpg) top left no-repeat;
  width: 103px;
  height: 32px;
}
.home-col-content p a:hover {
  opacity: 0.7;
}
.home-col-thumb {
  float: right;
}
#home-col-1 h4 {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-profile-title.png) top left no-repeat;
  width: 324px;
  height: 88px;
}
#home-col-2 h4 {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-works-title.png) top left no-repeat;
  width: 300px;
  height: 85px;
}
#home-col-3 {
  margin-bottom: 0;
}
#home-col-3 h4 {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-goods-title.png) top left no-repeat;
  width: 303px;
  height: 91px;
}
/*--------

Sidebar

---------*/
#sidebar {
  float: right;
  width: 306px;
}
#sidebar aside {
  margin-bottom: 60px;
}
#sidebar aside a:hover img {
  opacity: 0.7;
}
/*--------

Infomation

---------*/
#infomation {
  width: 100%;
  background: #eeeeee;
  padding: 50px 0;
  margin-bottom: 50px;
}
#infomation h4 {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-info-title.png) top left no-repeat;
  width: 331px;
  height: 120px;
  margin: 0 auto 30px;
}
#info-contents {
  width: 940px;
  background: #ffffff;
  padding-top: 30px;
  padding-bottom: 30px;
  margin: 0 auto;
  position: relative;
}
#info-contents h5 {
  display: block;
  text-indent: -9999px;
  background: url(../images/home-info-subtitle.png) top left no-repeat;
  width: 489px;
  height: 52px;
  margin: 0 auto 15px;
}
#info-contents span.picup {
  position: absolute;
  top: -2px;
  left: -2px;
  display: block;
  text-indent: -9999px;
  background: url(../images/pickup.png) top left no-repeat;
  width: 81px;
  height: 81px;
}
#info-contents span.backred {
  background: #eca5a5;
  color: white;
}
#info-contents a:link {
  color: #ed8e8e;
}
#info-contents a:visited {
  color: #ed8e8e;
}
#info-contents a:hover {
  color: #edb9b9;
}
#info-contents dl {
  color: #eca5a5;
  width: 800px;
  margin: 0 auto 10px;
}
#info-contents dl.first {
  padding-top: 15px;
  border-top: 1px solid #dcdcdc;
}
#info-contents dt {
  float: left;
  margin-right: 20px;
}
#info-contents dd {
  margin-left: 100px;
}
#info-contents hr {
  height: 3px;
  margin-left: 70px;
  margin-right: 70px;
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  background-image: repeating-linear-gradient(45deg, #eca5a5 0, #eca5a5 1px, transparent 0, transparent 50%);
  background-size: 3px 3px;
}
.ExpandHeader {
  color: #ffffff;
  width: 320px;
  margin-left: 100px;
  margin-top: 30px;
  margin-bottom: 20px;
  display: block;
  text-align: center;
  background-color: #eca5a5;
  border: none;
}
input[type="checkbox"].ExpandCheckBox {
  display: none;
}
input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
}
input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}
#special-info {
  width: 60%;
  margin: 0px 20% 50px 20%;
  padding: 20px;
  border: double #eca5a5;
  text-align: center;
  align-items: flex-start;
}
#special-info h6 {
  font-size: 15px;
  font-weight: bold;
  color: #eca5a5;
  margin-bottom: 10px;
}
#special-info ul {
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  justify-content: center;
  justify-content: space-around;
}
#special-info li {
  margin-bottom: 60px;
}
#ex {
  width: 60%;
  margin: 0px 20% 50px 20%;
  padding: 20px;
  border: double #bbbbbb;
  text-align: center;
}
#ex h6 {
  font-size: 15px;
  font-weight: bold;
  color: #ff3300;
  margin-bottom: 10px;
}
#ex .middle {
  font-size: 13px;
  margin-bottom: 10px;
}
#ex .small {
  font-size: 10px;
  margin-bottom: 10px;
}
/*--------

Footer

---------*/
#home #footer {
  padding-bottom: 30px;
}
#home #footer small {
  display: block;
  text-indent: -9999px;
  background: url(../images/copyright.png) top left no-repeat;
  width: 408px;
  height: 15px;
  margin: 0 auto;
}