@charset "utf-8";

/* ----------↓ #MAIN ↓---------- */
#main div.sm {
  margin-bottom: 3em;
}

#main div.sm:after {
  content: "";
  clear: both;
  display: block;
}

#main div.sm ul, #main div.sm li {
  list-style-type: none;
}

#main div.sm ul {
  float: left;
  width: 31%;
  margin-right: 1%;
  margin-left: 1%;
}

#main div.sm ul.bdr {
  border-top: 1px solid #DDDDDD;
  padding-top: 1em;
}

#main div.sm li {
  padding: 5px 10px 5px 16px;
  line-height: 1.1em;
  background: url("../image/arw_pickup_mid.gif") no-repeat 5px 8px;
}

#main div.sm li.ctg {
  padding-left: 0;
  margin-left: 0;
  background: none;
  font-weight: bold;
  font-size: 105%;
  text-decoration: underline;
}

#main div.sm li.ctg-nolink {
  padding-left: 0;
  margin-left: 0;
  background: none;
  font-weight: bold;
  font-size: 105%;
}

#main div.sm li.nolnk {
  text-decoration: none;
}

#main div.sm li.sb01 {
  margin-left: 0.8em;
}

#main div.sm li.sb02 {
  margin-left: 1.6em;
}

#main div.sm li:hover  {
  background-color: #F5F5F5;
  text-decoration: none;
}

#main div.sm li.ctg-nolink:hover  {
  background-color: #FFFFFF;
  text-decoration: none;
}

#main div.sm li.ctg:hover, #sm li.nolnk:hover {
  background: none;
}



/* -----↓ A ↓----- */
#main div.sm a {
  color: #505050;
}

#main div.sm a:hover {
  color: #899BD5;
  text-decoration: none;
}

#main div.sm li.ctg a:hover {
  text-decoration: underline;
}