@charset "utf-8";

#page ul.services{
  margin: 0px;
}

#page input.services{
  margin-top: 20px;
}

#page ul.services li{
  padding: 0px;
  margin: 0px 10px 0px 0px;
  float: left;
  list-style: none none inside;
}

#page ul.services li a,
#page ul.services li a:link{
  display: block;
  padding: 0px;
  width: 90px;
  height: 90px;
  background: url("linernote_hover.png") top left no-repeat;
}

#page ul.services li#p1 a{
  background-image:  url("linernote_hover.png");
}

#page ul.services li#p2 a{
  background-image: url("linerwiki_hover.png");
}

#page ul.services li#p3 a{
  background-image: url("hatenabookmark_hover.png");
}

#page ul.services li#p4 a{
  background-image: url("hatenadiary_hover.png");
}

#page ul.services li#p5 a{
  background-image: url("tumblr_hover.png");
}

#page ul.services li#p6 a{
  background-image: url("mixi_hover.png");
}


#page ul.services li#p1 a:hover,
#page ul.services li#p2 a:hover,
#page ul.services li#p3 a:hover,
#page ul.services li#p4 a:hover,
#page ul.services li#p5 a:hover,
#page ul.services li#p6 a:hover {
  background-color: white;
}

#page ul.services li a:hover img{
  visibility: hidden;
}

#page input.services{
  width:  90%;
  font-size: 90%;
  padding: 3px;
  margin: 20px auto;
  text-align: center;
}