#footer {
  width: 100%;
  height: 60px;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index:2;
}
#footer a {
  display: inline-block;
  width: 25%;
  height: 38px;
  margin-top: 11px;
  background-position: center;
  -webkit-background-size: auto 100%;
  background-size: auto 100%;
  background-repeat: no-repeat;
}
#footer .mainpage {
  background-image: url('../images/p_icon_works_m.png');
}
#footer .mainpage.active {
  background-image: url('../images/p_icon_works_n.png');
}
#footer .myopus {
  background-image: url('../images/p_icon_works_d.png');
}
#footer .myopus.active {
  background-image: url('../images/p_icon_works_h.png');
}
#footer .myupload {
  background-image: url('../images/p_icon_upload_d.png');
}
#footer .myupload.active {
  background-image: url('../images/p_icon_upload_h.png');
}
#footer .myaccount {
  background-image: url('../images/p_icon_account_d.png');
}
#footer .myaccount.active {
  background-image: url('../images/p_icon_account_h.png');
}