@charset "utf-8";

/*=========================================================

	[ top_info02.css]

	News system use style

	date - creation:2017-07-05 // update:201◯-◯◯-◯◯

=========================================================*/


/* infoPickup02
---------------------------------------------------------*/

#infoPickup02 {
  clear: both;
  margin: 10px 0 20px;
  padding: 0;
  height: 90px;
  list-style: none;
  overflow: hidden;
}

#infoPickup02 li {
  display: block;
  float: left;
  height: 90px;
  padding: 0;
  overflow: hidden;
}

li#pickup02-l, li#pickup02-r {
  width: 16px;
}

#pickup02-l a, #pickup02-r a {
  display: block;
  height: 0;
  padding-top: 90px;
  overflow: hidden;
  background-image: url(/common/images/info_base.gif);
  background-repeat: no-repeat;
}

#pickup02-l a {
  background-position: -600px 0;
}

#pickup02-r a {
  background-position: -630px 0;
}

#pickup02-l a:hover {
  background-position: -660px 0;
}

#pickup02-r a:hover {
  background-position: -690px 0;
}

#infoPickup02 #pickup02-main {
  width: 660px;
  padding-left: 8px;
}

#infoPickup02 ul li {
  width: 208px;
  margin-right: 10px;
  font-size: 89%;
  line-height: 1.3;
}

#infoPickup02 a {
  display: block;
  height: 86px;
}

#infoPickup02 img {
  display: block;
  float: left;
  width: 80px;
  height: 80px;
  margin-right: 6px;
  border: 3px solid #DCDFE2;
}

#infoPickup02 a:hover img {
  border: 3px solid #FF994D;
}

#infoPickup02 a span {
  display: block;
  color: #333333;
  font-weight: bold;
  margin-bottom: 5px;
}