@charset "UTF-8";
/* CSS Document */


/*=========busho==========*/
#busho #main_nav li#libraryNav a{ width:163px; background-position: -652px -63px}	

/*#busho #contents #main .bushoNav{ margin:10px 0px 30px 0px; background:url(../images/busho/bg_bushoNav.gif) top center no-repeat; text-align:center; margin-bottom:30px;}*/
#busho #contents #main .bushoNav{ margin:10px 0px 30px 0px; text-align:center; margin-bottom:30px;}
#busho #contents #main .bottom{padding-top:20px; background-position:bottom!important}
#busho #contents #main #bushoNav {padding-left:22px;}
#busho #contents #main #bushoNav li {float:left; width:51px; height:24px; margin-right:5px;}
#busho #contents #main #bushoNav li a{ display:block; width:51px; height:24px; background:url(../images/busho/btn_bushoNav.png) no-repeat;}

  #busho #contents #main #bushoNav li.lNav a{ background-position: 0 0;}
  #busho #contents #main #bushoNav li.lNav a:hover{ background-position: 0 -49px;}
  #busho #contents #main #bushoNav li.urNav a{ background-position: -51px 0;}
  #busho #contents #main #bushoNav li.urNav a:hover{ background-position: -51px -49px;}
  #busho #contents #main #bushoNav li.srNav a{ background-position: -105px 0;}
  #busho #contents #main #bushoNav li.srNav a:hover{ background-position: -105px -49px;}
  #busho #contents #main #bushoNav li.rNav a{ background-position: -156px 0;}
  #busho #contents #main #bushoNav li.rNav a:hover{ background-position: -156px -49px;}
  #busho #contents #main #bushoNav li.ucNav a{ background-position: -207px 0;}
  #busho #contents #main #bushoNav li.ucNav a:hover{ background-position: -207px -49px;}
  #busho #contents #main #bushoNav li.cNav a{ background-position: -259px 0;}
  #busho #contents #main #bushoNav li.cNav a:hover{ background-position: -259px -49px;}
  #busho #contents #main #bushoNav li.shokuNav a{ background-position: -313px 0;}
  #busho #contents #main #bushoNav li.shokuNav a:hover{ background-position: -313px -49px;}
  #busho #contents #main #bushoNav li.giNav a{ background-position: -364px 0;}
  #busho #contents #main #bushoNav li.giNav a:hover{ background-position: -364px -49px;}
  #busho #contents #main #bushoNav li.goNav a{ background-position: -416px 0;}
  #busho #contents #main #bushoNav li.goNav a:hover{ background-position: -416px -49px;}
  #busho #contents #main #bushoNav li.otherNav a{ background-position: -468px 0px;}
  #busho #contents #main #bushoNav li.otherNav a:hover{ background-position: -468px -49px;}
  #busho #contents #main #bushoNav li.haNav a{ background-position: -520px 0px;}
  #busho #contents #main #bushoNav li.haNav a:hover{ background-position: -520px -49px;}
  #busho #contents #main #bushoNav li.slNav a{ background-position: -573px 0px;}
  #busho #contents #main #bushoNav li.slNav a:hover{ background-position: -573px -49px;}
  /*cur*/
    #busho #contents #main #bushoNav li.lCur a{ background-position: 0 -24px;}
    #busho #contents #main #bushoNav li.urCur a{ background-position: -51px -24px;}
    #busho #contents #main #bushoNav li.srCur a{ background-position: -105px -24px;}
    #busho #contents #main #bushoNav li.rCur a{ background-position: -156px -24px;}
    #busho #contents #main #bushoNav li.ucCur a{ background-position: -207px -24px;}
    #busho #contents #main #bushoNav li.cCur a{ background-position:-259px -24px;}
    #busho #contents #main #bushoNav li.shokuCur a{ background-position: -313px -24px;}
    #busho #contents #main #bushoNav li.giCur a{ background-position: -365px -24px;}
    #busho #contents #main #bushoNav li.goCur a{ background-position: -416px -24px;}
    #busho #contents #main #bushoNav li.otherCur a{ background-position: -468px -24px;}
    #busho #contents #main #bushoNav li.haCur a{ background-position: -520px -24px;}
    #busho #contents #main #bushoNav li.slCur a{ background-position: -573px -24px;}

#busho #contents #main .detail{padding:20px 0px 30px 6px; margin:0 auto; text-align:center;}
#busho #contents #bushoList{width:720px; margin:0px auto; padding-right:-5px;}
#busho #contents #bushoList li{ float:left; margin:0px 4px 10px 0px; padding-bottom:5px; border:#d6ba55 1px solid;}
#busho #contents #bushoList li .card_small{padding:5px;}
#busho #contents #bushoList li span.name{ display:block; width:100%; margin-bottom:5px; line-height:20px; font-size:12px; text-align:center; /* background:url(../images/busho/bg_bushoname.gif) center center no-repeat; */ }

#busho #contents #main .profile{padding-bottom:20px;}
#busho #contents #main .profile p{padding:20px;}
#busho #contents #main .profile p img{margin:0px 5px;}

/*
#busho #contents #main .profile p{display: flex;justify-content: space-between;align-items: center;}
 */
#busho #contents #main dl{ width:456px; margin:0 auto 20px auto; border:1px #286518 solid; }
#busho #contents #main dt{ position: relative; line-height:40px; font-size:22px; font-weight:bold; color:#FFF; text-align:center; background:url(../images/busho/detail/bg_name.gif) top center no-repeat;}
#busho #contents #main dd{padding:20px; text-align:left}

#pagetop img.busho{margin-right:20px;}

#busho #contents #main dt span { display: block; width: 456px; top: 7px;}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.7em;
    left: 0;
    right: 0;
    margin: auto;
    font-size: 0.5em;
    font-weight: normal;
}

.pager {
  display: block;
}

.pager ul li {
  display: inline-block;
  font-size: 12px;
  text-align:  center;
}

.pager ul li a, .pager ul li span {
  display: block;
  width: 26px;
  height: 20px;
  margin: 10px 3px 0;
  padding: 0;
  text-decoration: none;
  border-radius: 2px;
}

.pager ul li a {
  background: linear-gradient(to bottom, #555, #333);
  color: #fff;
}

.pager ul li a:hover {
  background: linear-gradient(to bottom, #666, #888);
}

.pager ul li a.arrow-prev {
  border-radius: 50% 0 0 50%;
}

.pager ul li a.arrow-next {
  border-radius: 0 50% 50% 0;
}

.pager ul li span {
  background: linear-gradient(to bottom, #000, #222);
  color: #fff;
  font-weight: bold;
}