@charset "UTF-8";

#pagenavi{
  padding-top: 25px;
  height: 30px;
}

#pagenavi ul{
  width: 220px;
  margin: 0 auto;
}

#pagenavi li{
  width: 100px;
  height: 30px;
}

#pagenavi li.prev{ float: left; }
#pagenavi li.next{ float: right; }

#pagenavi li a{
  display: block;
  width: 94px;
  height: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 24px;
  text-decoration: none; 
  color: #4d4d4d;
}

#footer_nav {
  clear: both;
  width: 100%;
  padding-top: 15px;
}

#footer_nav h1{
  width: 100%;
  height: 29px;
  background: url(../../img/sp/footer_nav_h1.png) no-repeat left center #e6e6e6;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#footer_nav ul{
  width: 100%;
  height: 495px;
  background: url(../../img/sp/footer_nav_bg.png) repeat-x right top; 
}

#footer_nav li{
  width: 100%;
  height: 45px;
  background:url(../../img/sp/footer_nav.png) no-repeat left top;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

#footer_nav h1{
  background-image: url(../../img/sp/footer_nav_h1@2x.png);
  -webkit-background-size: 230px 29px;
  background-size: 230px 29px;
}

#footer_nav ul{
  background-image: url(../../img/sp/footer_nav_bg@2x.png);
  -webkit-background-size: 1px 495px;
  background-size: 1px 495px;
}

#footer_nav li{
  background-image: url(../../img/sp/footer_nav@2x.png);
  -webkit-background-size: 320px 495px;
  background-size: 320px 495px;
}
}

#footer_nav li a,
#footer_nav li span{
  display: block;
  width: 100%;
  height: 45px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

/*
#footer_nav li span{
  background: #fff;
  filter: alpha(opacity=75);
  opacity: 0.75;
  -ms-filter: "alpha(opacity=75)";
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
}
*/

#footer_nav li#banner01{ background-position: 0 0; }
#footer_nav li#banner02{ background-position: 0 -45px; }
#footer_nav li#banner03{ background-position: 0 -90px; }
#footer_nav li#banner04{ background-position: 0 -135px; }
#footer_nav li#banner05{ background-position: 0 -180px; }
#footer_nav li#banner06{ background-position: 0 -225px; }
#footer_nav li#banner07{ background-position: 0 -270px; }
#footer_nav li#banner08{ background-position: 0 -315px; }
/* #footer_nav li#banner09{ background-position: 0 -360px; } */
#footer_nav li#banner10{ background-position: 0 -360px; }
#footer_nav li#banner11{ background-position: 0 -405px; }
#footer_nav li#banner12{ background-position: 0 -450px; }

#gotop{
  width: 100%;
  padding-top: 25px;
  background: #fff;
}

#gotop p{
  width: 72px;
  height: 63px;
  margin: 0 auto;
  background: no-repeat center bottom;
}
#gotop p.bg0{ background-image: url(../../img/sp/gotop_bg0.png); }
#gotop p.bg1{ background-image: url(../../img/sp/gotop_bg1.png); }
#gotop p.bg2{ background-image: url(../../img/sp/gotop_bg2.png); }
#gotop p.bg3{ background-image: url(../../img/sp/gotop_bg3.png); }
#gotop p.bg4{ background-image: url(../../img/sp/gotop_bg4.png); }
#gotop p.bg5{ background-image: url(../../img/sp/gotop_bg5.png); }
#gotop p.bg6{ background-image: url(../../img/sp/gotop_bg6.png); }

#gotop p a{
  display: block;
  width: 72px;
  height: 63px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(../../img/sp/gotop_arrow.png) no-repeat center top;
}

footer {
  background: url(../../img/sp/bg_line.png) no-repeat center top;
  text-align: center;
  padding-top: 5px;
}

footer #logo{
  width: 120px;
  height: 90px;
  margin: 0 auto;
}

footer #logo a{
  display: block;
  width: 120px;
  height: 90px;
  font-size: 0%;
  line-height: 0%;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  margin: 0;
  background: url(../../img/sp/footer_logo.png) no-repeat center top;
}

footer small {
  display: block;
  width: 100%;
  height: 12px;
  padding-bottom: 15px;
  text-align: center;
  font-size: 8px;
  line-height: 12px;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2),
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {

footer{
  background-image: url(../../img/sp/bg_line@2x.png);
  -webkit-background-size: 568px 4px;
  background-size: 568px 4px;
}

#global_nav { -webkit-background-size: 568px 57px; background-size: 568px 57px; }
#global_nav.bg0 { background-image: url(../../img/sp/human0@2x.png); }
#global_nav.bg1 { background-image: url(../../img/sp/human1@2x.png); }
#global_nav.bg2 { background-image: url(../../img/sp/human2@2x.png); }

#gotop p { -webkit-background-size: 72px 35px; background-size: 72px 35px; }
#gotop p.bg0{ background-image: url(../../img/sp/gotop_bg0@2x.png); }
#gotop p.bg1{ background-image: url(../../img/sp/gotop_bg1@2x.png); }
#gotop p.bg2{ background-image: url(../../img/sp/gotop_bg2@2x.png); }
#gotop p.bg3{ background-image: url(../../img/sp/gotop_bg3@2x.png); }
#gotop p.bg4{ background-image: url(../../img/sp/gotop_bg4@2x.png); }
#gotop p.bg5{ background-image: url(../../img/sp/gotop_bg5@2x.png); }
#gotop p.bg6{ background-image: url(../../img/sp/gotop_bg6@2x.png); }
#gotop p a{
  background-image: url(../../img/sp/gotop_arrow@2x.png);
  -webkit-background-size: 30px 19px;
  background-size: 30px 19px;
}

footer #logo a{
  background-image: url(../../img/sp/footer_logo@2x.png);
  -webkit-background-size: 120px 90px;
  background-size: 120px 90px;
}

}