@charset "UTF-8";
/* CSS Document */
#nav li a { width:128px;}

.top-facs-left { float:left; width:130px; margin:10px 0 0 10px;}
.top-facs-left p { line-height:140%; font-size:90%;}
#top-fac td { margin:10px 0 0 0; }
#top-rightcontent { float:left; }

#news { width:640px;}
#news dt { font-size:80%; padding-top:5px;}
#news h2 { background: url(../images/h2-news.gif) no-repeat; text-indent:-9999px; margin-bottom:0;}

#top-rightcontent {
  width: 649px;
}
#top-rightcontent h2 {
  background: none;
  clear: both;
}

.products {
  position: relative;
  width: 329px;
  min-height: 176px;
  padding: 10px 20px 0 300px;
  background: #F8F8F4;
  font-size: 15px;
  margin: 0 0 10px 0;
  float: left;
}
.products dl {
  margin: 0 0 10px 0;
  line-height: 1.6;
}
.products dt {
  float: left;
}
.products dd {
  margin-left: 7em;
}
.products .photo {
  position: absolute;
  top: 0;
  left: 0;
  width: 280px;
  height: 186px;
}
.products .btn_campaign {
  background: url(../images/btn_campaign.png);
  width: 329px;
  height: 30px;
  display: block;
  text-indent: -9999px;
}

a img:hover {
  opacity: .6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";
}

.key-visual {
  width: 886px;
  height: auto;
  background: #eff0ec;
  margin: 0 0 20px 0;
}
.key-visual .slider li {
  width: 886px;
  height: 268px;
  display: none;
}
.key-visual .slider img {
  width: 886px;
  height: 268px;
}
.key-visual .slider li:first-child {
  display: block;
}