/* ------------------------------
 common
 ------------------------------ */
a.link {
  background: #fff;
  border: 1px solid #004db3;
  color: #004db3;
  display: inline-block;
  font-size: 85%;
  font-size: 0.85rem;
  line-height: 30px;
  position: absolute;
  top: 0;
  right: 0;
  text-align: center;
  width: 120px;
  z-index: 2;
}

#products a.link {
  background: none;
  border-color: #fff;
  color: #fff;
}

a.link:hover {
  background: #004db3;
  border: 1px solid #004db3;
  color: #fff;
}

#products a.link:hover {
  background: #fff;
  border-color: #fff;
  color: #004db3;
}

a.link:after {
  content: "\f105";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 125%;
  padding-left: 5px;
}

/* ------------------------------
 mv
 ------------------------------ */
#mv {
  background: #407ac6 url(/images/common/bg01.jpg);
}

#mv h3 {
  background-image: url(/images/top/mv_img01.png);
  height: 360px;
}


/* ------------------------------
 mission
 ------------------------------ */
#mission {
  background: url(/images/top/mission_img02.jpg) no-repeat center bottom;
  padding-top: 60px;
  padding-bottom: 310px;
}

#mission h3 {
  background-image: url(/images/top/mission_img01.png);
  height: 80px;
  margin-bottom: 15px;
  text-align: center;
}

#mission h4 {
  font-weight: normal;
}


/* ------------------------------
 products
 ------------------------------ */
#products {
  background: #407ac6 url(/images/common/bg01.jpg);
  padding-top: 60px;
  padding-bottom: 30px;
}

#products h3 {
  background-image: url(/images/top/products_img01.png);
  color: #fff;
  height: 80px;
  margin-bottom: 15px;
  text-align: center;
}

#products h4 {
  color: #fff;
  font-weight: normal;
  margin-bottom: 30px;
}

#products .product {
  background: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.1);
  float: left;
  margin-bottom: 30px;
  padding-bottom: 30px;
  position: relative;
  width: 465px;
}

#products .product h5 {
  font-size: 125%;
  font-size: 1.25rem;
  padding: 30px 30px 10px;
  text-align: center;
}

#products .product h6 {
  font-size: 85%;
  font-size: 0.85rem;
  font-weight: normal;
  padding: 0 30px;
}


/* ------------------------------
 news
 ------------------------------ */
#news {
  padding-top: 60px;
  padding-bottom: 60px;
}

#news h3 {
  background-image: url(/images/top/news_img01.png);
  height: 80px;
  margin-bottom: 15px;
  text-align: center;
}

#news ul:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
#news ul { display: inline-block; }
/*\*/
* html #news ul { height: 1%;}
#news ul { display: block; }
/**/

#news li {
  float: left;
}

#news li a.image {
  display: block;
  margin-bottom: 10px;
  position: relative;
}

#news li a.image img {
  -webkit-border-radius: 3px;
  -moz-border-radius   : 3px;
  border-radius        : 3px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow        : 0 1px 3px rgba(0, 0, 0, 0.25);
  width: 100%;
  height: auto;
}

#news li a.image span {
  background: #666;
  color: #fff;
  display: block;
  font-family: 'Lato';
  font-size:  60%;
  font-weight: 400;
  line-height: 1.2;
  padding-top: 10px;
  padding-bottom: 10px;
  position: absolute;
  text-align: center;
  z-index: 2;
  width: 50px;
}

#news li a.image span strong {
  font-size:  200%;
}

#news li h4 {
  margin-bottom: 5px;
}

#news li p {
  font-size:  78%;
  font-size:  0.78rem;
  margin-right: 31px;
  margin-bottom: 10px;
}

#news li a.button {
  background:  #004db3;
  color: #fff;
  display: inline-block;
  font-size:  78%;
  font-size:  0.78rem;
  line-height: 30px;
  padding-right: 15px;
  padding-left: 15px;
}

#news li a.button:hover {
  background: #407ac6;
}

#news li a.button:after {
  content: "\f105";
  display: inline-block;
  font-family: "FontAwesome";
  font-size: 125%;
  padding-left: 5px;
}

#news li {
  width: 247px;
}

#news li.odd {
  width: 248px;
}

#news li.last {
  width: 218px;
}

#news li a.image,
#news li h4,
#news li p {
  margin-right: 30px;
}

#news li.odd a.image,
#news li.odd h4,
#news li.odd p {
  margin-right: 31px;
}

#news li.last a.image,
#news li.last h4,
#news li.last p {
  margin-right: 0;
}