body {
  background-color: #e1ddd9;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
  color: #564b47;
  /*
  margin: 20px 20px  20px 20px;
  */
  margin: 0px;
  text-align: center;
}


#content {
  width: 100%;
  padding: 0px;
  text-align: left;
  background-color: #fff;
}

#header {
 color: #fff;
 font-weight: bold;
 padding: 10px;
 height: 20px;
 font-size: 14px;
 background: -webkit-linear-gradient(#666666, #333333);
 -pie-background: linear-gradient(#666666, #333333);
 background: #333333;
}
#menu {
 color: #fff;
 font-weight: bold;
 padding: 4px;
 background: #B0B735;
 border-top: 2px solid #6F8E35;
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;

 _height: 30px;
}
#menu-bar1 {
 width: 250px;
 _width: 250px;

 margin: 3px 0px 3px 20px;
}
#menu-bar2 {
 width: 200px;
 _width: 200px;

 margin: 3px 20px 3px 0px;
}
#menu-bar3 {
 width: 300px;
 _width: 300px;

 margin: 3px 20px 3px 0px;
}
#infobar {
 color: #f00;
 background: #B0B735;
 text-align: left;
}
#footer {
 color: #fff;
 padding: 10px;
 height: 20px;
 background: #333333;
 text-align: center;
}

.clear {
  clear: both;
}

.button-group {
  display: block;
  margin-top: 3px;
  margin-left: 15px;
}

.search-group {
  display: block;
  margin-top: 3px;
  margin-left: 15px;
}
.vtext {
    font-family: "HiraMinProN-W3", "@ＭＳ 明朝", serif, sans-serif;
    writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    -epub-writing-mode: vertical-rl;
    /*
    line-height: 1.75;
    */
    line-height: 160px;
    text-align: justify;
    height: 160px;
    width: 20px;
}

/* オレンジ */
.bk1 {
  border-left: 2px solid #EBCA59;
  border-right: 2px solid #EBCA59;
  border-bottom: 2px solid #EBCA59;
  background: linear-gradient(#FFF8C2, #EBCA59);
  background: -webkit-linear-gradient(#FFF8C2, #EBCA59);
  -pie-background: linear-gradient(#FFF8C2, #FFD478);
  background-color: #FFD478;
}
/* もう少し目立つ色 */
.bk2 {
  border-left: 2px solid #CC9900;
  border-right: 2px solid #CC9900;
  border-bottom: 2px solid #CC9900;
  color: #fff;
  background: linear-gradient(#FFD862, #FFC000);
  background: -webkit-linear-gradient(#FFD862, #FFC000);
  -pie-background: linear-gradient(#FFD862, #FFC000);
  background-color: #FFC000;
}
/* 白 */
.bk3 {
  border-left: 2px solid #D3D3D3;
  border-right: 2px solid #D3D3D3;
  border-bottom: 2px solid #D3D3D3;
  background: linear-gradient(#F5F5F5, #FFFFFF);
  background: -webkit-linear-gradient(#F5F5F5, #FFFFFF);
  -pie-background: linear-gradient(#F5F5F5, #FFFFFF);
  background-color: #FFFFFF;
}
/* 薄い青 */
.bk4 {
  border-left: 2px solid #7BC2D5;
  border-right: 2px solid #7BC2D5;
  border-bottom: 2px solid #7BC2D5;
  background: linear-gradient(#EAF5F9, #DAEEF3);
  background: -webkit-linear-gradient(#EAF5F9, #DAEEF3);
  -pie-background: linear-gradient(#EAF5F9, #DAEEF3);
  background-color: #DAEEF3;
}
/* 薄い茶色 */
.bk5 {
  border-left: 2px solid #BCB58B;
  border-right: 2px solid #BCB58B;
  border-bottom: 2px solid #BCB58B;
  background: linear-gradient(#EBE9DC, #DDD9C4);
  background: -webkit-linear-gradient(#EBE9DC, #DDD9C4);
  -pie-background: linear-gradient(#EBE9DC, #DDD9C4);
  background-color: #DDD9C4;
}
/* 緑色 */
.bk6 {
  border-left: 2px solid #ACC671;
  border-right: 2px solid #ACC671;
  border-bottom: 2px solid #ACC671;
  background: linear-gradient(#EDF2DF, #D8E4BC);
  background: -webkit-linear-gradient(#EDF2DF, #D8E4BC);
  -pie-background: linear-gradient(#EDF2DF, #D8E4BC);
  background-color: #D8E4BC;
}

.book-wrapper {
  position: relative;
  height: 200px;
  border: 1px solid #ccc;
}

.book-list {
  position: relative;
  float: left;
  font-size: 12px;
  height: 300px;
  /* IE静的表示 */
  _height: 300px;

  margin:  0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  /* IE6 hack */
  display: inline;
  overflow: hidden;
}

.book {
  font-size: 12px;
  width: 40px;
  height: 210px;
  /* IE静的表示 */
  _height: 210px;

  margin: 90px 2px 0px 2px;
  padding: 0px 0px 0px 0px;
  border-radius: 0px 0px 6px 6px;

  text-align: center;
}
.book2 {
  font-size: 12px;
  width: 40px;
  height: 220px;
  /* IE静的表示 */
  _height: 220px;

  top: 0px;
  margin:  80px 2px 0px 2px;
  border-radius: 0px 0px 6px 6px;

  text-align: center;
}
.book3 {
  font-size: 12px;
  width: 40px;
  height: 230px;
  /* IE静的表示 */
  _height: 230px;

  top: 0px;
  margin:  70px 2px 0px 2px;
  border-radius: 0px 0px 6px 6px;

  text-align: center;
}
.book4 {
  font-size: 12px;
  width: 40px;
  height: 240px;
  /* IE静的表示 */
  _height: 240px;

  top: 0px;
  margin:  60px 2px 0px 2px;
  border-radius: 0px 0px 6px 6px;

  text-align: center;
}
.book5 {
  font-size: 12px;
  width: 40px;
  height: 250px;
  /* IE静的表示 */
  _height: 250px;

  top: 0px;
  margin:  50px 2px 0px 2px;
  border-radius: 0px 0px 6px 6px;

  text-align: center;
}
.cln_box {
  font-size: 7px;
  width: 36px;
  height: 3px;

  background-color: white;
  border: 1px solid black;

  top: 0px;
  padding: 0px 0px 18px 0px;
  border-radius: 0px 0px 6px 6px;
}
.vtitle {
  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  /*
  line-height: 1.1;
  */
  text-align: justify;
  padding: 0px 5px;
}

.book-image {
  /*
  margin-top: 38px;
  */
  width: 150px;
  height: 240px;
  /* IE静的表示 */
  _width: 150px;
  _height: 240px;

  margin:  60px 2px 0px 2px;
  padding: 0px 0px 0px 0px;
}

.book-image2 {
  /*
  margin-top: 38px;
  */
  width: 150px;
  height: 250px;
  /* IE静的表示 */
  _width: 150px;
  _height: 250px;
  margin:  50px 2px 0px 2px;
  padding:  0px 0px 0px 0px;
}


.book-image3 {
  /*
  margin-top: 38px;
  */
  width: 150px;
  height: 260px;
  /* IE静的表示 */
  _width: 150px;
  _height: 260px;
  margin:  40px 2px 0px 2px;
  padding:  0px 0px 0px 0px;
}

.book-image4 {
  /*
  margin-top: 38px;
  */
  width: 150px;
  height: 270px;
  /* IE静的表示 */
  _width: 150px;
  _height: 270px;
  margin:  30px 2px 0px 2px;
  padding:  0px 0px 0px 0px;
}

.book-image5 {
  /*
  margin-top: 38px;
  */
  width: 150px;
  height: 280px;
  /* IE静的表示 */
  _width: 150px;
  _height: 280px;
  margin:  20px 2px 0px 2px;
  padding:  0px 0px 0px 0px;
}
.cover-button {
  padding: 10px 20px 10px 20px;
}
.search-button {
  padding: 10px 20px 10px 20px;
}
.pager-button {
  width: 70px;
  height: 27px;
  _width: 70px;
  _height: 27px;

  margin:  2px 10px 2px 10px;
  padding: 0px 10px 0px 10px;

  float: left;
}

.book-button {
  margin: 2px 0px 0px 0px;
  padding: 5px 10px 5px 10px;
}

img.book-size {
  width: 150px;
  height: 210px;
  object-fit: contain;
  background-color: whitesmoke;
}
img.book-size2 {
  width: 150px;
  height: 222px;
  object-fit: contain;
  background-color: whitesmoke;
}
img.book-size3 {
  width: 150px;
  height: 232px;
  object-fit: contain;
  background-color: whitesmoke;
}
img.book-size4 {
  width: 150px;
  height: 242px;
  object-fit: contain;
  background-color: whitesmoke;
}
img.book-size5 {
  width: 150px;
  height: 252px;
  object-fit: contain;
  background-color: whitesmoke;
}
img.book-jacket {
  width: 140px;
  height: 200px;
}
img.icon-image {
  width: 26px;
  height: 26px;
}
img.icon-button {
  width: 100px;
  height: 30px;
}
img.icon-button2 {
  width: 60px;
  height: 20px;
}
img.icon-pager {
  width: 22px;
  height: 22px;

  padding: 0px 2px 0px 2px;
  vertical-align: middle;
}
.bookH {
  background-color: #fff;
  margin: 0px 0px 5px 0px;
  width: 40px;
  _width: 38px;
  height: 10px;
  _height: 10px;
}

.bookH-bk1 {
  position: relative;
  border-bottom: 1px solid #EBCA59;
  border-top: 1px dotted #fff;
  border-radius: 0px 0px 6px 6px;
  background-image: url("../img/bk-top.gif");
}
.bookH-bk2 {
  position: relative;
  border-bottom: 1px solid #4EA6CC;
  border-top: 1px dotted #fff;
  border-radius: 0px 0px 6px 6px;
  background-image: url("../img/bk-top.gif");
}

.blank {
  font-size: small;
}
.shelf-line-border {
  background-image: url("../img/bg_waku.jpg");
  background-repeat: repeat;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 10px;
  max-height: 10px;
}
.shelf-line-wrapper {
  background-image: url("../img/back.jpg");
  background-repeat: repeat;
  /*
  padding: 0px 10px 0px 10px;
  */
  width: 100%;
}
.shelf-line-splitter {
  background-image: url("../img/bg_line_tate.jpg");
  background-repeat: repeat;
  /*
  padding: 0px 10px 0px 10px;
  */

  margin: 0px 10px 0px 10px;

  width: 10px;
  height: 100%
}
.image-ajax-loader {
  background-image: url("../img/ajax-loader.gif");
  background-repeat: no-repeat;

  width: 30px;
  height: 30px;
  _width: 30px;
  _height: 30px;
  margin: 0px 0px 0px 65px;
}
.pager-ajax-loader {
  background-image: url("../img/ajax-loader.gif");
  background-repeat: no-repeat;

  width: 30px;
  height: 30px;
  _width: 30px;
  _height: 30px;
  margin: 150px 0px 0px 65px;
}

.image-info {
  display: inline-block;
  background-image: url("../img/image-info.png");
  background-repeat: repeat;

  width: 150px;
  height: 210px;

  padding: 28px 0px 0px 0px;
}

.image-info2 {
  display: inline-block;
  background-image: url("../img/image-info.png");
  background-repeat: repeat;

  width: 150px;
  height: 220px;

  padding: 28px 0px 0px 0px;
}

.image-info3 {
  display: inline-block;
  background-image: url("../img/image-info.png");
  background-repeat: repeat;

  width: 150px;
  height: 230px;

  padding: 28px 0px 0px 0px;
}

.image-info4 {
  display: inline-block;
  background-image: url("../img/image-info.png");
  background-repeat: repeat;

  width: 150px;
  height: 240px;

  padding: 28px 0px 0px 0px;
}

.image-info5 {
  display: inline-block;
  background-image: url("../img/image-info.png");
  background-repeat: repeat;

  width: 150px;
  height: 250px;

  padding: 28px 0px 0px 0px;
}
.image-title {
  font-weight: bold;
  text-align: center;
  padding: 0px 5px 0px 5px;
}

.image-detail {
  text-align: center;
}

.image-status {
  font-weight: bold;
  text-align: center;
}

.dspblock {
  display : block;
}
.dspinline {
  display : inline;
}
.dspnone {
  display : none;
}
.tategaki2 {
  width: 32px;
  _width: 34px;
  height: 140px;
  _height: 140px;

  padding: 0px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  text-align: justify;

  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  white-spce: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;

  cursor: default;

  /*
  line-height: 1.1;
  */
}
.tategaki22 {
  width: 32px;
  _width: 34px;
  height: 150px;
  _height: 150px;

  padding: 0px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  text-align: justify;

  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  white-spce: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;

  cursor: default;

  /*
  line-height: 1.1;
  */
}
.tategaki23 {
  width: 32px;
  _width: 34px;
  height: 160px;
  _height: 160px;

  padding: 0px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  text-align: justify;

  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  white-spce: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;

  cursor: default;

  /*
  line-height: 1.1;
  */
}
.tategaki24 {
  width: 32px;
  _width: 34px;
  height: 170px;
  _height: 170px;

  padding: 0px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  text-align: justify;

  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  white-spce: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;

  cursor: default;

  /*
  line-height: 1.1;
  */
}
.tategaki25 {
  width: 32px;
  _width: 34px;
  height: 180px;
  _height: 180px;

  padding: 0px 2px 5px 2px;
  margin: 0px 0px 0px 0px;
  text-align: justify;

  font-family: "HiraMinProN-W3", "@ＭＳ ゴシック", serif, sans-serif;
  writing-mode: tb-rl;
  direction:ltr;
  -webkit-writing-mode: vertical-rl;
  white-spce: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-text-overflow: ellipsis;
  -o-text-overflow: ellipsis;

  cursor: default;
  /*
  line-height: 1.1;
  */
}

.bookCln {
  background-color: #ffffff;

  width: 34px;
  _width: 34px;
  height:  12px;
  _height: 14px;

  font-family: "ＭＳ ゴシック", sans-serif;
  font-size: 10px;
  white-spce: nowrap;
  overflow: hidden;
  /*
  line-height: 1.1;
  */
  padding: 1px 2px 1px 2px;
  margin:  0px 0px -1px 0px;
  overflow-y: hidden;
  text-align: center;
  vertical-align: middle;

  color: #000000;
  border: #000000 1px solid;

  margin-left:auto;
  margin-right:auto;
}

.detial {
  width: 100%;
}

.detail-info-conf {
  padding: 20px 0px 0px 30px;
  FONT-SIZE: 16px;
  font-weight: bold;
}
.detail-info-item {
  width: 810px;
  _width: 900px;
  padding: 10px 50px 0px 50px;
}
.detail-info-item-mokuji {
  padding: 10px 50px 0px 50px;
  FONT-SIZE: 12px;
}

.detail-table {
  width: 780px;
  _width: 780px;
}

.detail-table2 {
  width: 100%;
}

.detail-table-label {
  text-align: center;
  vertical-align: middle;
  background-color: #e0e000;
  FONT-SIZE: 12px;
}

.detail-table-label2 {
  FONT-SIZE: 12px;
}

.detail-table-value {
  text-align: left;
  FONT-SIZE: 12px;
}

.detail-toplink {
  padding: 10px 0px 0px 830px;
  FONT-SIZE: 12px;
}

.detail-table-border {
  width: 810px;
  _width: 810px;
  height: 110px;
  _height: 110px;

  padding: 10px 10px 10px 10px;

  BORDER-BOTTOM: #cccc33 1px solid;
  BORDER-LEFT: #cccc33 1px solid;
  BORDER-COLLAPSE: collapse;
  BORDER-TOP: #cccc33 1px solid;
  BORDER-RIGHT: #cccc33 1px solid;
}

.detail-title {
  width: 130px;
  _width: 130px;
  height: 220px;
  _height: 220px;
}

.detail-title-image {
  position: absolute;
  width: 130px;
  _width: 130px;
  height: 200px;
  _height: 200px;
  padding: 10px 0px 30px 50px;
}

.detail-title-image-no-jacket {
  background-image: url("../img/image-info.png");

  width: 140px;
  _width: 140px;
  height: 120px;
  _height: 200px;

  padding: 80px 0px 0px 0px;

  text-align: center;
  vertical-align: middle;
}

.detail-title-info {
  width: 660px;
  _width: 900px;
  margin: 0px 0px 0px 0px;
  padding: 20px 40px 30px 200px;
}

.detail-title-info-tgroup {
  padding: 10px 0px 10px 10px;
  background-color: #e0e000;
}

.detail-title-info-tmain {
  FONT-SIZE: 16px;
  font-weight: bold;
}

.detail-title-info-tsub {
  padding: 10px 0px 0px 20px;
}

.detail-title-info-button {
  padding: 10px 20px 10px 0px;
  text-align: left;
  float: left;
}

.detail-image-infolabel {
  padding: 10px 0px 0px 20px;
  text-align: right;
}

.detail-info-item2 {
  width: 900px;
  padding: 30px 0px 0px 0px;
}

.detail-mokuji-midashi {
  color:blue;
  font-weight: bold;
}

.detail-no-data {
  color:#C0C0C0;
}

.detail-line {
  width: 850px;
  _width: 850px;
  margin: 10px 0px 10px 30px;
  text-align: center;
  BORDER-BOTTOM: #000000 1px dashed;
}

.big {
  Z-INDEX: 2;
  BORDER-BOTTOM: #dddddd 3px outset;
  POSITION: absolute;
  BORDER-LEFT: #dddddd 3px outset;
  BORDER-TOP: #dddddd 3px outset;
  TOP: -100px;
  BORDER-RIGHT: #dddddd 3px outset;
  LEFT: 120px
}

.cln_block {

}

.cln_block TABLE {
  BORDER-BOTTOM: #2e8b57 2px solid;
  BORDER-LEFT: #2e8b57 2px solid;
  PADDING-BOTTOM: 0px;
  BACKGROUND-COLOR: #ffffff;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  WIDTH: 60px;
  PADDING-RIGHT: 0px;
  FONT-FAMILY: 'Arial Unicode MS', sans-serif;
  HEIGHT: 60px;
  FONT-SIZE: 12px;
  BORDER-TOP: #2e8b57 2px solid;
  BORDER-RIGHT: #2e8b57 2px solid;
  PADDING-TOP: 0px
}
.cln_block TR {
  TEXT-ALIGN: center;
  WIDTH: 60px;
  HEIGHT: 10px
}
.td_cln {
  BORDER-BOTTOM: #2e8b57 1px solid
}
.tbl_cln {
  BORDER-BOTTOM: 0px;
  BORDER-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  BORDER-TOP: 0px;
  BORDER-RIGHT: 0px;
  PADDING-TOP: 0px
}

.nolinkline {
  BORDER-BOTTOM: 0px;
  BORDER-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  VERTICAL-ALIGN: top;
  BORDER-TOP: 0px;
  BORDER-RIGHT: 0px;
  TEXT-DECORATION: none;
  PADDING-TOP: 0px
}

.starSprite {
  PADDING-BOTTOM: 0px;
  MARGIN: 0px;
  PADDING-LEFT: 0px;
  PADDING-RIGHT: 0px;
  DISPLAY: inline-block;
  BACKGROUND: url(../img/stars.gif) no-repeat;
  VERTICAL-ALIGN: middle;
  OVERFLOW: hidden;
  PADDING-TOP: 0px
}
.star_0_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -65px 0px;
  HEIGHT: 12px
}
.star_0_5 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -52px -12px;
  HEIGHT: 12px
}
.star_1_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -52px 0px;
  HEIGHT: 12px
}
.star_1_5 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -39px -12px;
  HEIGHT: 12px
}
.star_2_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -39px 0px;
  HEIGHT: 12px
}
.star_2_5 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -26px -12px;
  HEIGHT: 12px
}
.star_3_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -26px 0px;
  HEIGHT: 12px
}
.star_3_5 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -13px -12px;
  HEIGHT: 12px
}
.star_4_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: -13px 0px;
  HEIGHT: 12px
}
.star_4_5 {
  WIDTH: 65px;
  BACKGROUND-POSITION: 0px -12px;
  HEIGHT: 12px
}
.star_5_0 {
  WIDTH: 65px;
  BACKGROUND-POSITION: 0px 0px;
  HEIGHT: 12px
}

.blockquote{
  border-top-style: solid;
  border-left-style: solid;
  border-right-style: solid;
  border-width:2px 1px 2px 1px;
  border-color: #CC9900;
  height: 100%;
  width: 150px;
  margin: 0px 0px 0px 0px;
}

/*------------------------------ 角丸CSS */
.kado  { background-color:#fff; }
.kado1 { margin: 0 5px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado2 { margin: 0 3px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado3 { margin: 0 2px;height:1px;overflow: hidden; background-color:#e8e8e8; }
.kado4 { margin: 0 1px;height:2px;overflow: hidden; background-color:#e8e8e8; }
.kado5 { padding:10px; background-color:#e8e8e8; }