@charset "EUC-JP";
* {
  font-family: Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3",
    "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック",
    sans-serif;
}
body {
  margin: 0;
  padding: 0;
  color: #333333;
  line-height: 1.5em;
  background: #fff;
}
input[type="text"],
textarea,
select {
  border: 1px solid #999;
  box-sizing: content-box;
  vertical-align: middle;
  line-height: 1.5em;
}
input[type="submit"],
input[type="button"] {
  cursor: pointer;
  border: 1px solid #999;
  border-radius: 4px;
  background-color: #e6e6e7;
  box-shadow: 0px 1px 1px #999;
  box-sizing: content-box;
  vertical-align: middle;
}
input[type="submit"]:hover,
input[type="button"]:hover {
  box-shadow: 0px 0px 0px;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}
.mouseOver:hover {
  opacity: 0.8;
}

/*--------------------------------------------------------------　文字　-----*/

h3 {
  border-left: 5px solid #371d12;
  padding: 2px 0 2px 10px;
  font-size: 15px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  margin: 8px 0;
}
.fnt-14b {
  font-weight: bold;
  font-size: 14px;
}
.fnt-14 {
  font-size: 14px;
}
.fnt-b {
  font-weight: bold;
}
.fnt-red {
  color: #990000;
}
.fnt-red-b {
  color: #990000;
  font-weight: bold;
}
.fnt-blu-b {
  color: #6b7da3;
  font-weight: bold;
}
.through {
  text-decoration: line-through;
  margin: 0 3px 0 0;
}
.ime-a {
  ime-mode: active;
}
.ime-d {
  ime-mode: inactive;
}

/*-------------------------------------------------------------文字頭出しそろえ*/

.soroe {
  padding-left: 1em;
  text-indent: -1em;
}

/*------------------------------------------------------------------------*/

img {
  border: 0;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
form {
  margin: 0;
  padding: 0;
}

/*========================================================================*/

#container {
  width: 900px;
  position: relative;
  margin: 0 auto;
  padding: 0;
  font-size: 10pt;
}
#page_header {
  position: relative;
  margin: 0;
  width: 900px;
  height: 130px;
  background: url("/image/2015/head.jpg") no-repeat left bottom;
  color: white;
  box-sizing: border-box;
  padding: 0 10px;
}
#page_header div.logo_top {
  position: absolute;
  bottom: 40px;
  left: 15px;
  margin: 0;
  padding: 0;
}
#page_header div.log_in {
  position: relative;
  margin: -35px 0 0 540px;
  padding: 0;
  height: 100px;
}
#page_header div.log_in table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  font-size: 10pt;
  border-spacing: 0;
  line-height: 100%;
}

/*-------ログインフォーム改訂2012/4---------------------------------------*/

#loginFrm {
  /* position : absolute; */
  /* left : 425px; */
  /* bottom : 45px; */
  margin: 35px 10px 0 0;
  padding: 0;
  font-size: 10pt;
  line-height: 100%;
  display: none;
  color: black;
  float: right;
}
#loginFrm > div {
  float: left;
}
#loginFrm .new_account {
  background-image: url(/image/2015/buttons.png);
  background-position: 0 -750px;
  display: block;
  width: 55px;
  height: 50px;
  text-indent: -9999em;
}
#memberMenu {
  position: absolute;
  right: 25px;
  bottom: 55px;
  margin: 0;
  padding: 0;
  display: none;
  height: 43px;
}
#memberMenu > div {
  float: left;
  margin: 0 5px;
}
#memberMenu .left {
  text-align: right;
  line-height: 2em;
  color: #2d4159;
}
#memberMenu .left #textMember {
  font-size: 15px;
}

#loginLeft {
  width: 250px;
  /* float :left;  */
  text-align: right;
  line-height: 1.5em;
}
#loginRight {
  margin: 0 0 0 5px;
  width: 125px;
  height: 44px;
  /* float : right; */
  overflow: hidden;
  font-size: 11px;
}
#loginFrm input[type="text"] {
  width: 120px;
  font-size: 10pt;
  ime-mode: inactive;
}
#subLogout,
#subMember {
  display: block;
  width: 102px;
  height: 27px;
  text-indent: -9999px;
  background-image: url(/image/2015/buttons.png);
}

#subLogout:hover,
#subMember:hover {
	opacity: 0.8;
}

#subLogin {
  display: block;
  width: 102px;
  height: 26px;
  text-indent: -9999px;
  background: url("/image/2015/buttons.png") no-repeat;
  background-position: 0px -700px;
  margin-left: 10px;
}
#subLogout {
  background-position: 0 -1026px;
  margin-top: 8px;
}
#subMember {
  background-position: 0 -1000px;
}

/* #linkReminder{ display: none; width : 300px; text-align: right; } */

#dummySub {
  display: none;
}

/*------------------------------------------------------------------------*/

#la_main {
  display: flex;
}
#main {
  min-height: 800px;
  width: 614px;
  float: left;
  flex: 1;
  margin-right: 10px;
}
#l_menu {
  width: 140px;
  float: left;
  overflow-x: hidden;
}
#r_menu {
  float: right;
  max-width: 130px;
}
#page_footer {
  clear: both;
  width: 900px;
  text-align: center;
  margin: 30px 0 0 0;
  padding: 0;
  position: relative;
}
#page_footer div.link {
  margin: 10px 0 5px 0;
  padding: 0;
  font-size: 10pt;
  color: #371d12;
  line-height: 1.4em;
  position: absolute;
  bottom: 35px;
}
#page_footer div.banner {
  /* margin				: 0; */
  /* padding				: 5px 0; */
  /* height				: 25px; */
  /* font-size			: 10pt; */
  /* line-height			: 1.4em; */
  /* color				: #ffffff; */
  /* background			: #336666; */
  background: url(/image/2015/footer.jpg) no-repeat;
  height: 107px;
  text-indent: -9999em;
}
#page_footer div.kenri {
  margin: 0;
  padding: 2px 0;
  font-size: 7pt;
  line-height: 1.2em;
  text-align: left;
}

/*========================================================================*/

#l_menu ul {
  /* margin-bottom		: 10px; */
  width: 130px;
}
#l_menu ul li {
  margin: 0 0 4px 0;
  padding: 0;
}
#l_menu > ul > li {
  margin: 0 0 10px 0;
}
#main h1 {
  font-size: 11pt;
  line-height: 1.2em;
  font-weight: bold;
  color: #371d12;
  border-left: #371d12 5px solid;
  margin: 15px 0 0 0;
  padding: 0 0 0 5px;
}
.tl {
  text-align: left;
}
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.vt {
  vertical-align: top;
}
.vb {
  vertical-align: bottom;
}
.vm {
  vertical-align: middle;
}
.fs-10 {
  font-size: 10pt;
}
table {
  table-layout: fixed;
  margin: 0;
  padding: 0;
  empty-cells: show;
}
table.c1 {
  border-collapse: collapse;
  margin: 0 0 10px 0;
}
table.c2 {
  float: right;
  border-collapse: collapse;
  margin: 18px 4px 0 0;
  font-size: 10pt;
}
table.c3 {
  border-collapse: separate;
  border-spacing: 5px;
  background: #849bb5;
}
table.samp {
  border-collapse: separate;
  border-spacing: 5px;
}
td.midasi {
  font-size: 11pt;
  line-height: 1.2em;
  font-weight: bold;
  color: #371d12;
  border-left: #371d12 5px solid;
  padding: 0 0 0 5px;
  vertical-align: middle;
}
.bg {
  border: #b4aaa7 1px solid;
  padding: 10px 0;
}
.bg ul {
  padding: 0;
  margin: 0;
  list-style: disc inside;
}
.bg ul li {
  font-size: 9pt;
  color: #666666;
  line-height: 1.4em;
  padding-left: 10px;
  margin: 0;
}
ul.info {
  width: 470px;
  list-style: disc inside;
  padding: 0;
  margin: 2px 0 0 0;
}
ul.info li {
  font-size: 9pt;
  color: #666666;
  line-height: 1.4em;
  padding-left: 10px;
  margin: 0;
}
#main td.sampimg {
  height: 74px;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  padding: 4px;
}
#main td.sampdesc {
  color: #666666;
  font-size: 10pt;
  text-align: left;
  vertical-align: top;
  line-height: 1.1em;
  padding: 0 4px;
}
#page_header td.phm {
  background: url("/image/new/head02.jpg") no-repeat;
}
#Map1,
Map2 {
  border: 0;
}

/*左メニュー*/

#N_menu,
#C_menu,
#K_menu,
#O_menu,
#H_menu,
#E_menu {
  visibility: hidden;
  display: none;
}
#N_menu ul,
#C_menu ul,
#K_menu ul,
#O_menu ul,
#H_menu ul,
#E_menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#N_menu ul li,
#C_menu ul li,
#K_menu ul li,
#O_menu ul li,
#H_menu ul li,
#E_menu ul li {
  display: block;
  width: 120px;
  border-left: #cccccc 1px solid;
  border-bottom: #cccccc 1px solid;
  padding-left: 3px;
  font-size: 9pt;
  line-height: 1.3em;
}
#top_info {
  margin: 0 0 10px 0;
  padding: 0;
  width: 498px;
  height: 70px;
  border: #b4aaa7 1px solid;
}
div.alert ul li {
  font-size: 11pt;
  color: #ff0000;
  margin: 10px 0 0 20px;
}

/*右メニュー*/

#B_menu {
  color: #666666;
  font-size: 10pt;
  text-align: center;
  line-height: 1.1em;
  margin: 8px 0 0 0;
}

/*------------------------------------------------------------　カート　-----*/

div.dBox {
  text-align: center;
  border: #b4aaa7 1px solid;
  margin-bottom: 10px;
}
.dBox table {
  border-collapse: separate;
  border-spacing: 2px;
  background-color: #fff;
  margin: 8px auto;
  empty-cells: show;
}
.dBox table th {
  font-size: 10pt;
  color: #371d12;
  background-color: #ece3e2;
  line-height: 1.4em;
}
.dBox table td.bd {
  background-color: #ccc;
  height: 1px;
}
.dBox span#dTotal {
  font-weight: bold;
}
#cart {
  padding: 5px auto;
  margin: 10px 0 0 0;
  font-size: 12px;
}
#cart table.c4 {
  border-collapse: separate;
  border-spacing: 2px;
  background: #ffffff;
}
#cart table.c4 th.c1 {
  font-size: 10pt;
  color: #371d12;
  background: #ece3e2;
  line-height: 1.4em;
}
#cart table.c4 td.c1 {
  font-size: 10pt;
  color: #000000;
  background: #ffffff;
  line-height: 1.3em;
}
#cart table.c4 td.bd {
  background: #cccccc;
  height: 1px;
}
#cart h2 {
  padding: 5px 0 5px 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  background-color: #e4d7d6;
  /* width: 610px; */
  margin: 3px 0 15px 0;
}
input.small {
  font-size: 9pt;
  height: 1.7em;
}
#cart-kouhi {
  border-top: double #784d15;
  background-color: #fff3e3;
  width: 100%;
}
#cart p a:link {
  color: #990000;
  text-decoration: underline;
}
#cart p a:visited {
  color: #990000;
  text-decoration: underline;
}
#cart p a:active {
  color: #990000;
  text-decoration: underline;
}
#cart p a:hover {
  color: #990000;
  text-decoration: underline;
}

/* クーポン */
.frm_coupon_block {
  display: flex;
  justify-content:
}
.frm_coupon_block__coupon {
  padding: 5px;
  min-width: 500px;
}
.frm_coupon_block__h4 {
  margin: 0;
}
.frm_coupon_block__main {
  display: flex;
}

/*------------------------------------------------------------　個別/本紹介　-----*/

.book_img {
  padding: 3px;
  background-color: white;
  border: 1px solid #cccccc;
}
#c_book {
  width: 610px;
  margin: 5px 0 10px 0;
  font-size: 12px;
}
#t_book {
  table-layout: fixed;
  border-collapse: separate;
  empty-cells: show;
  margin: 0;
}
#t_book th.item {
  line-height: 120%;
  letter-spacing: 0.1em;
  padding: 3px 0 3px 2px;
  font-weight: bold;
  text-align: left;
}
#t_book td.item1 {
  line-height: 120%;
  /* 	letter-spacing		: 0.1em; */
  padding: 3px 0 3px 2px;
  border-right: 2px solid #b8aa98;
  font-weight: bold;
}
#t_book td.item {
  line-height: 120%;
  /* 	letter-spacing		: 0.1em; */
  padding: 3px 0 3px 2px;
}
#c_book h2 {
  padding: 5px 0 5px 5px;
  font-size: 15px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  background-color: #e4d7d6;
  width: 100%;
}
#c_book h3 {
  border-left: 5px solid #371d12;
  padding: 2px 0 2px 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  margin: 8px 0;
}
#c_book p.rev_comment {
  margin: 0 20px;
  font-size: 10pt;
  color: #f75827;
  line-height: 1.2em;
  /*追加しました（安達）*/
}

/*--------------------------　個別/本紹介・カート　-----*/

#buy {
  border: 1px solid #6c171c;
  background-color: #faebb1;
  /*padding:10px;*/
  font-weight: bold;
  color: #ffffff;
  text-align: center;
  width: 100%;
  margin-top: 3px;
}
#buy td.item {
  line-height: 120%;
  letter-spacing: 0.1em;
  color: #333333;
  font-weight: normal;
}
#buy td.bgOrder {
  background-color: #6c171c;
}
#cOrderTr,
#cEmptyTr,
#cBookendTr1,
#cBookendTr2,
#cBookendCartTr,
#cBookendCkTr {
  display: none;
}

/*--この本の古書、追加2012/12--*/

a.relBook,
div.relBookB {
  display: block;
  text-align: center;
  border: 1px solid #6c171c;
  padding: 10px;
  margin: 4px 0;
  font-size: 10pt;
  font-weight: bold;
  background-color: #dff;
}
div.relBookB > a {
  /*
	display : block; margin: 0 8px; font-size:10pt; line-height:1.4em;text-align:center;
	*/
}

/*新刊の古書　カート用スタイル*/

.oldbook_list {
  width: 580px;
  height: 30px;
  background-color: #e2f0da;
  border: 1px solid #006934;
  color: #333;
  padding: 10px;
  position: relative;
  margin: 3px 0;
  letter-spacing: 0.1em;
}
.oldbook_list .old_price {
  display: block;
  font-size: 20px;
  left: 0px;
  position: absolute;
  top: 13px;
  width: 126px;
  text-align: right;
}

/*カートボタン関連*/

.oldbook_list .old_cart {
  display: block;
  position: absolute;
  /* background: url("../image/2012/cart_old.png") repeat-y; */
  background: url(/image/2015/buttons.png);
  background-position: 0 -1150px;
  left: 445px;
  top: 5px;
  width: 150px;
  height: 40px;
  text-indent: -9999px;
}
.old_cart:hover {
  background-position: -200px -1150px;
}
.oldbook_list .old_souko {
  display: block;
  font-size: 12px;
  left: 310px;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: 12px;
  width: 135px;
}
.oldbook_list .old_status {
  display: block;
  font-size: 12px;
  left: 220px;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: 30px;
  width: 100px;
}
.ord_zaiko_status {
  display: block;
  font-size: 12px;
  left: 220px;
  line-height: 1.2em;
  position: absolute;
  text-align: center;
  top: 8px;
  width: 100px;
}
.ord_zaiko_status.type6 {
  color: #990000;
  /* font-weight: bold; */
}

#showOtherOldCart {
  left: 510px;
  position: relative;
  margin-top: -3px;
  display: block;
  background: url("../image/2012/cart_old_more.png") repeat-y;
  width: 90px;
  height: 25px;
  text-indent: -9999px;
  cursor: pointer;
}
#showOtherOldCart:hover,
#showOtherOldCart:active {
  background-position: 0px -25px;
}
.cartTop {
  padding-left: 10px;
  /* background-color: #FAFFF9; */
  font-size: 15px;
  font-weight: bold;
  border-left: solid 10px #085401;
  border-bottom: dotted 1px #085401;
  /* 	border-top: dotted 1px #085401;
border-right: dotted 1px #085401; */
  width: 580px;
}
.cartTop_new {
  padding-left: 10px;
  /* background-color: #FAFFF9; */
  font-size: 15px;
  font-weight: bold;
  border-left: solid 10px #6c171c;
  border-bottom: dotted 1px #6c171c;
  /* 	border-top: dotted 1px #085401;
border-right: dotted 1px #085401; */
  width: 580px;
}

/*-----------------------------------------------------　戻るボタン　-----*/

.back {
  background-color: #d6d6d6;
  border-bottom: 1px solid #a7aaa7;
  border-right: 1px solid #a7aaa7;
  font-size: 12px;
  color: #333333;
  text-align: center;
  padding: 0px;
  width: 40px;
}

/*-----------------------------------------------------　ライン　-----*/

.line-top {
  border-top: 1px solid #cccccc;
  padding-top: 8px;
  padding-bottom: 5px;
}

/*-----------------------------------------------------登録フォーム用*/

div.alert2 ul {
  margin: 0;
  padding: 0;
}
div.alert2 ul li {
  font-size: 10pt;
  color: #ff0000;
  font-weight: bold;
  padding: 0 0 0 10px;
  line-height: 1.2em;
}

/*--------------------------------------------------------会員登録*/

#kaiin {
  width: 610px;
  margin: 10px 0 0 0;
  font-size: 12px;
  padding: 0;
}
#kaiin h2 {
  padding: 8px 0 8px 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  background-color: #e4d7d6;
  width: 100%;
  margin: 2px 0 10px 0;
}
#kaiin table {
  table-layout: fixed;
  border-collapse: separate;
  empty-cells: show;
  margin: 0 0 25px 0;
  width: 100%;
  border: 1px solid #e4d7d6;
}
#kaiin th {
  line-height: 120%;
  letter-spacing: 0.1em;
  padding: 3px 0 3px 2px;
  background-color: #f2eae9;
  width: 120px;
}
#kaiin td {
  line-height: 120%;
  letter-spacing: 0.1em;
  padding: 3px 0 3px 2px;
}

/*--------------------------------------------------------一覧画面*/

#book_list {
  width: 610px;
  margin: 5px 0 10px 0;
  font-size: 10pt;
  line-height: 1.1em;
}
#book_list h2 {
  padding: 8px 0 8px 5px;
  font-size: 16px;
  font-weight: bold;
  line-height: 130%;
  color: #371d12;
  background-color: #e4d7d6;
  width: 100%;
  margin: 2px 0 10px 0;
}
#book_list .box {
  border-top: 1px solid #cccccc;
  margin: 15px 0 5px 0;
  padding: 2px 0px 15px 0px;
}
#book_list .box img {
  float: left;
}
#book_list #cart {
  border-top: 1px solid #e4d7d6;
  background-color: #fbf2f1;
  padding: 10px;
  font-weight: bold;
  margin: 0 0 5px 0;
}

/*--------------------------------------------------------会社概要etc*/

#other {
  margin: 15px 0 0 0;
}
#other td {
  font-size: 12px;
  line-height: 160%;
}
#other .linkTable a:link {
  color: #645048;
  text-decoration: underline;
}
#other .linkTable a:active,
a:visited,
a:hover {
  color: #536958;
  text-decoration: underline;
}
#other .linkTable table {
  border: 1px solid #fff;
  background: #fff;
  color: 666;
}

/* 表題 */

#other caption font {
  padding: 0.2em;
  /* 余白 */
  color: #fff;
}
#other .box {
  border: 1px solid #999999;
}

/*-------------------------------リンクの表*/

/* 名称のセル */

.linkTable th {
  width: 220px;
  background: url(../image/etc/bg_th2.gif) repeat-x left bottom;
  text-align: left;
}

/* 概要のセル */

.linkTable td {
  padding: 1em 0.5em;
  line-height: 130%;
  border-left: 5px solid #ccc;
  font-size: 0.8em;
}

/* テーブル上部 */

.linkTable thead td {
  background: #ccc;
  color: #29547e;
}

/* テーブル中身 */

.linkTable tbody th,
.linkTable tbody td {
  border-bottom: 1px dashed #ccc;
}

/* テーブル中身...リンクに矢印画像をつける */

.linkTable tbody th a {
  padding-left: 20px;
  /* 余白 */
  background: url(../image/etc/ic_ya.gif) no-repeat 0.4em no-repeat;
  display: block;
}

/*-------------------------------シンポジウムの表*/

#other .linkTable2 a:link {
  color: #645048;
  text-decoration: underline;
  font-weight: normal;
}
#other .linkTable2 a:active,
a:visited,
a:hover {
  color: #536958;
  text-decoration: underline;
  font-weight: normal;
}
#other .linkTable2 table {
  border: 1px solid #fff;
  background: #fff;
  color: 666;
}

/* 概要のセル */

.linkTable2 td {
  width: 469px;
  padding: 0.5em;
  line-height: 1.3em;
  border-left: 5px solid #ccc;
  background: url(../image/etc/bg_th2.gif) repeat-x bottom;
}

/* テーブル上部 */

.linkTable2 thead td {
  background: #ccc;
  color: #29547e;
}

/* テーブル中身 */

.linkTable2 tbody th,
.linkTable2 tbody td {
  border: 1px dashed #ccc;
}

/*リンク色2007-12-12追加*/

a {
  text-decoration: none;
}
a:link {
  color: #003399;
}
a:visited {
  color: #536958;
}
a:hover {
  color: #996600;
}
a:active {
  color: #536958;
}

/*　右サイドバー　カート表示部　*/

#cartBlock {
  border: 1px solid #77231e;
  border-radius: 5px;
  margin: 0 0 10px 0;
}
#r_menu div.c_cart {
  /* background		: url('../image/cart/cart_li.gif') repeat-y 0 bottom; */
  width: 130px;
  padding: 0;
  margin: 0;
  text-align: center;
}
.button_cart {
  background-image: url(/image/2015/buttons.png);
  background-position: 0px -900px;
  background-repeat: no-repeat;
  display: block;
  text-indent: -9999px;
  height: 35px;
  width: 128px;
}
.button_cart:hover {
  background-position: -200px -900px;
}
#r_menu li.c_body {
  padding: 5px 0 5px 10px;
  width: 115px;
  line-height: 1.3;
  text-align: left;
  list-style-type: none;
}
#r_menu div.c_start {
  background-image: url(/image/2015/buttons.png);
  background-position: 0px -800px;
  /* background		: url('../image/cart/cart_1_2.gif') no-repeat 0 bottom; */
  width: 128px;
  height: 56px;
  padding: 0;
  margin: 0;
}
#r_menu div.c_startE {
  background: url("../image/cart/cart_1E.gif") no-repeat 0 bottom;
  width: 130px;
  height: 29px;
  padding: 0;
  margin: 0;
}

/* #r_menu div.c_end{ */

/* 	background		: url('../image/cart/cart_li2.gif') no-repeat 0 bottom; */

/* 	width			: 130px; */

/* 	height			: 10px; */

/* 	padding			: 0; */

/* 	margin-bottom	: 5px; */

/* } */

span.price {
  color: #7a0000;
  /* font-size		: 12px; */
  font-weight: bold;
}
span.f10 {
  font-size: 10px;
}
span.f9 {
  font-size: 9px;
}
.fll {
  float: left;
}
.flr {
  float: right;
}
.rev_star {
  align: center;
  font-size: 9px;
  padding: 5px 0 0 0;
}
.rev_star img {
}
span.zaiko1 {
  color: #4d7a01;
  font-size: 13px;
  font-weight: bold;
}
span.zaiko2 {
  color: #996600;
  font-size: 13px;
  font-weight: bold;
}
span.zaiko3 {
  color: #ff9900;
  font-size: 13px;
  font-weight: bold;
}
span.waribikiari {
  color: #a16968;
  font-size: 16px;
  font-weight: bold;
  padding: 0 15px;
}
span.price2 {
  color: #7a0000;
  font-weight: bold;
  /*font-size		: 12px;*/
}

/* ---- top Information 2012/2 --- */

a {
  cursor: pointer;
}
.clr {
  clear: both;
}
dl#topInfo {
  display: block;
  margin: 0px;
  padding: 0;
  height: 80px;
  overflow-y: scroll;
  overflow-x: hidden;
  border: #2d4259 1px solid;
  border-top: 0;
}
dl#topInfo li,
dl#infoList li {
  list-style: none;
  font-size: 9pt;
  color: #666;
  line-height: 1.4em;
  padding: 0;
  margin: 0;
  clear: both;
  display: block;
}
dl#topInfo > li:after,
dl#infoList > li:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}
dl#topInfo > li > dt,
dl#topInfo > li > dd,
dl#infoList > li > dt,
dl#infoList > li > dd {
  display: block;
  margin: 2px 0 0 0;
}
dl#topInfo > li > dt,
dl#infoList > li > dt {
  float: left;
  width: 40px;
  padding: 0 0 0 10px;
}
dl#topInfo > li > dd,
dl#infoList > li > dd {
  float: left;
  width: 538px;
  padding: 0;
}
dl#topInfo > li.iM {
  clear: both;
  text-align: right;
  margin: 4px 0 10px 0;
  color: #666;
}
dl#topInfo > li > dd.last {
  text-align: right;
  padding: 10px 0 0 0;
}
div.headBlock {
  position: relative;
  display: block;
  padding: 0 0 0 8px;
  vertical-align: middle;
  height: 24px;
  /* border-left:#371d12 5px solid; */
  color: white;
  background: #849bb5;
  border-top: 3px solid #2d4259;
  border-left: 1px solid #2d4259;
  border-right: 1px solid #2d4259;
  margin-top: 20px;
}
div.headBlock h2 {
  margin: 0 8px 0 0;
  padding: 0;
  display: inline;
  color: #111;
  font-size: 11pt;
  line-height: 24px;
}
div.headBlock > ul {
  margin: 0;
  padding: 0;
  display: block;
  position: absolute;
  top: 0;
  left: 125px;
}
div.headBlock > ul > li {
  list-style-type: none;
  display: block;
  width: 64px;
  float: left;
  margin: 0 2px;
}
div.headBlock > ul > li > a {
  display: block;
  width: 60px;
  /* height:16px; */
  /* margin-top:4px; */
  text-align: center;
  box-sizing: border-box;
  padding: 0px 0;
  background: #2d4259;
  color: white;
  border-radius: 4px;
  box-shadow: 0px 0px 3px white inset;
  box-sizing: border-box;
  height: 22px;
  margin: 1px;
  /* text-indent:-9999px; */
  /* background-image:url('../image/2012/bt_cate60x16.gif'); */
  /* background-repeat : no-repeat; */
}
div.headBlock > ul > li > a.cNew {
  background-color: #bb5830;
}
div.headBlock > ul > li > a.cChi {
  background-color: #838270;
}
div.headBlock > ul > li > a.cKor {
  background-color: #775905;
}
div.headBlock > ul > li > a.cOld {
  background-color: #3b5e67;
}
div.headBlock > ul > li > a.cEbe {
  background-color: #6b4c52;
}
div.headBlock > ul > li > a.cHta {
  background-color: #d4af42;
}
a.more {
  /* position : absolute; */
  /* right : 4px; */
  /* bottom : 0; */
  float: right;
  /* text-indent:-9999px; */
  display: block;
  width: 80px;
  height: 18px;
  background-color: #2d4259;
  color: white;
  font-size: 12px;
  /* text-align:center; */
  line-height: 1.5em;
  position: relative;
}
a.more:before {
  display: block;
  content: "　";
  width: 0;
  height: 0;
  background: transparent;
  border-bottom: 18px solid transparent;
  border-right: 20px solid #2d4259;
  border-top: 0px solid #2d4259;
  position: absolute;
  left: -20px;
}
div.blBox {
  border: #2d4259 1px solid;
  border-top: 0px;
  box-sizing: border-box;
  margin: 0px;
  padding: 1px;
  overflow: hidden;
  display: block;
}
ul.bookList {
  margin: 8px 2px;
  padding: 0;
  list-style: none;
}
ul.bookList > li {
  list-style-type: none;
  display: block;
  width: 290px;
  margin: 0;
  padding: 0;
  list-style: none;
}
ul.bookList > li.fl {
  float: left;
}
ul.bookList > li.fr {
  float: right;
}
ul.bookList > li.fclr {
  display: block;
  clear: both;
  height: 4px;
  width: 100%;
  line-height: 0;
}
ul.bookList > li img.book_img {
  float: left;
  width: 70px;
}
ul.bookList > li > p {
  width: 200px;
  float: right;
  line-height: 1.2em;
  margin: 0 4px 0 0;
  padding: 0 0 0 2px;
  color: #666;
}
ul.bookList > li > p > a {
  font-weight: bold;
}
a.menuButton {
  background-image: url("/image/2015/buttons.png");
  background-repeat: repeat;
  display: block;
  width: 130px;
  text-indent: -9999px;
  margin-bottom: 3px;
}
.button_shadow {
  box-shadow: rgba(25, 25, 25, 0.8) 0px 8px 8px -8px;
}
a.mBt_01 {
  background-position: -130px -280px;
  height: 95px;
}

/* 会員登録*/

a.mBt_hm {
  background-position: -130px -377px;
  height: 25px;
}

/* HOME */

/*新刊*/

a.mBt_1N {
  background-position: 0 0;
  height: 40px;
}
a.mBt_1C {
  background-position: 0 -40px;
  height: 40px;
}
a.mBt_1K {
  background-position: 0 -80px;
  height: 40px;
}
a.mBt_1O {
  background-position: 0 -120px;
  height: 40px;
}
a.mBt_1E {
  background-position: 0 -160px;
  height: 40px;
}
a.mBt_1H {
  background-position: 0 -200px;
  height: 40px;
}
a.mBt_1N:hover {
  background-position: -200px 0;
}
a.mBt_1C:hover {
  background-position: -200px -40px;
}
a.mBt_1K:hover {
  background-position: -200px -80px;
}
a.mBt_1O:hover {
  background-position: -200px -120px;
}
a.mBt_1E:hover {
  background-position: -200px -160px;
}
a.mBt_1H:hover {
  background-position: -200px -200px;
}

/* セール　フェア*/

a.mBt_21 {
  background-position: 0 -240px;
  height: 45px;
}
a.mBt_22 {
  background-position: 0 -285px;
  height: 50px;
}
a.mBt_21:hover {
  background-position: -200px -240px;
}
a.mBt_22:hover {
  background-position: -200px -285px;
}
.common_sidebar {
  margin: 20px 0;
}
.common_sidebar > li {
  line-height: 1em;
}
.common_sidebar > li > a {
  font-weight: bold;
}
.common_sidebar > li:before {
  content: "";
  width: 10px;
  height: 10px;
  display: inline-block;
  background-image: url("/image/2015/buttons.png");
  line-height: 0.8em;
}

.common_sidebar .red:before {
  background-position: 0 -400px;
}
.common_sidebar .yellow:before {
  background-position: -10px -400px;
}
.common_sidebar .green:before {
  background-position: -20px -400px;
}
.common_sidebar .blue:before {
  background-position: -30px -400px;
}
.common_sidebar .red a:link,
.common_sidebar .red a:hover,
.common_sidebar .red a:visited,
.common_sidebar .red a:active {
  color: #b93c2c;
}
.common_sidebar .yellow a:link,
.common_sidebar .yellow a:hover,
.common_sidebar .yellow a:visited,
.common_sidebar .yellow a:active {
  color: #ae5b00;
}
.common_sidebar .green a:link,
.common_sidebar .green a:hover,
.common_sidebar .green a:visited,
.common_sidebar .green a:active {
  color: #13521c;
}
.common_sidebar .blue a:link,
.common_sidebar .blue a:hover,
.common_sidebar .blue a:visited,
.common_sidebar .blue a:active {
  color: #1a2067;
}
.common_sidebar .offering {
  position: relative;
}
.common_sidebar .offering:after {
  content: "　";
  width: 50px;
  height: 67px;
  display: inline-block;
  position: absolute;
  background-image: url(/image/2015/offering.png);
  top: -50px;
  left: 80px;
}

/* right_side_bar */

.right_side_bar .button61,
.right_side_bar .button4bshop {
  margin: 0 0 10px 0;
}
.right_side_bar .button61 a,
.right_side_bar .button4bshop a {
  background-image: url("/image/2015/buttons.png");
  display: block;
  width: 130px;
  text-indent: -9999em;
}
.right_side_bar .button61 a {
  background-position: 0 -500px;
  height: 50px;
}
.right_side_bar .button61 a:hover {
  background-position: -200px -500px;
}
.right_side_bar .button4bshop a {
  background-position: 0 -550px;
  height: 20px;
}
.right_side_bar .button4bshop a:hover {
  background-position: -200px -550px;
}
.right_side_bar .light_blue,
.right_side_bar .dark_blue {
  display: block;
  width: 130px;
  /* height: 20px; */
  text-align: center;
  margin: 10px 0;
  border-radius: 5px;
  font-weight: bold;
  /* line-height: 1.3; */
  box-sizing: border-box;
  padding: 0px 0px;
}
.right_side_bar .light_blue {
  background-color: #9bb3ad;
  color: #2d4259;
}
.right_side_bar .dark_blue {
  background-color: #2d4259;
  color: white;
}

/* -------------右メニュー新（ランキング等）---------------*/

div.rankBg {
  position: relative;
  display: block;
  width: 130px;
  height: 130px;
  background: url("/image/2015/buttons.png") no-repeat 0 0;
  background-position: 0px -570px;
  margin: 0 0 15px 0;
}
div.rankBg > a {
  position: absolute;
  display: block;
  width: 60px;
  height: 40px;
  text-indent: -9999px;
  left: 4px;
}
div.rankBg > a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
div.rankBg > a.r1 {
  top: 40px;
}
div.rankBg > a.r2 {
  top: 40px;
  left: 65px;
}
div.rankBg > a.r3 {
  top: 80px;
}
div.rankBg > a.r4 {
  top: 80px;
  left: 65px;
}

/* a.mBt_23{ background-position : 0 -210px; height : 30px; } */

/* a.mBt_31{ background-position : 0 -240px; height : 30px; } */

/* a.mBt_32{ background-position : 0 -270px; height : 30px; } */

/* a.mBt_33{ background-position : 0 -300px; height : 30px; } */

/* a.mBt_34{ background-position : 0 -330px; height : 30px; } */

/* a.mBt_35{ background-position : 0 -360px; height : 30px; } */

/*  */

/* a.mBt_36{ background-position : 0 -505px; height : 30px; }/*求人募集*/

*/
/*  */


/* a.mBt_EA{ background-position : 0 -390px; height : 30px; } */


/* a.mBt_r1{ background-position : -130px 0; height : 40px; } */


/* a.mBt_r2{ background-position : -130px -40px; height : 40px; } */


/* a.mBt_r21{ background-position : -130px -80px; height : 40px; } */


/* a.mBt_r22{ background-position : -130px -120px; height : 40px; } */


/* a.mBt_r23{ background-position : -130px -160px; height : 40px; } */


/* a.mBt_r24{ background-position : -130px -200px; height : 40px; } */


/* a.mBt_r25{ background-position : -130px -240px; height : 40px; } */


/* /*書評コーナー*/

*/
/* a.mBt_r26{ background-position : -130px -431px; height : 40px; } */


/* a#cateMenu_E{ background : url('../image/2012/ebook.jpg') no-repeat 0 0; */


/* 	display : block; width : 130px; height : 40px; text-indent:-9999px; */


/* } */

#r_menu > ul > li {
  margin: 0 0 4px 0;
}
#fbBox {
  margin: 20px 10px;
  padding: 0;
  height: 30px;
  position: relative;
  margin: 5px 35px;
  padding: 0;
  height: 28px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#fbBox a.inMailSmall {
  position: static;
}

fbBox .rev_star {
  padding: 0;
}

div.rankBox {
  margin: 2px 10px;
  padding: 0;
  text-align: center;
  line-height: 1.4em;
}

.sns_buttons {
  display: flex;
}
.sns_buttons__item {
  margin: 0 1em 0 0;
}

div.pagel a:link {
  text-decoration: none;
}
div.pagel a:visited {
  text-decoration: none;
}
div.pagel a:hover {
  text-decoration: none;
}
div.pagel a:active {
  text-decoration: none;
}
a.selectedpage {
  font-size: 11pt;
  background: #ffcccc;
}

table.ikalist {
  margin: 0;
  padding: 0;
  border: 0;
}
div.fbox {
  display: block;
}
a.next1, input.next1 {
  display: block;
  width: 195px;
  height: 52px;
  background: url("/image/2012/bt_next1.png") no-repeat 0 0;
  margin: 0 auto;
  text-indent: -9999px;
	border: 0;
	box-shadow: unset;
}
a.next1:hover, input.next1:hover {
	opacity: 0.8;
}

a.btOrder {
  display: block;
  width: 195px;
  height: 52px;
  background: url("/image/2012/bt_order.png") no-repeat 0 0;
  margin: 0 auto;
  text-indent: -9999px;
}

a.btOrder:hover{
	opacity: 0.8;
}

#dummy {
  display: none;
}

/*図書一覧*/

.bList {
  margin: 16px 0;
  padding: 0;
  width: 100%;
}
.bList > li {
  margin: 8px 0;
  border-top: #ccc 1px solid;
  padding: 16px 0;
  list-style-type: none;
  clear: both;
}
.bList dt {
  display: block;
  float: left;
  width: 24px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  clear: both;
}
.bList dd {
  display: block;
  float: right;
  width: 580px;
  margin: 0;
  padding: 0;
  position: relative;
}
.bList dd img {
  width: 80px;
  float: left;
}

.bList .rank_badge {
  float: none;
  width: 40px;
  position: absolute;
  right: 0;
  top: -15px;
}

.bList dd div.bCont {
  width: 480px;
  float: right;
}
a.iine {
  display: block;
  width: 99px;
  height: 20px;
  background: url("/image/2012/iine.gif") no-repeat 0 0;
  position: relative;
  margin: 2px 0 0 0;
}
a.iine > span {
  position: absolute;
  right: 1px;
  font-size: 8pt;
  color: #333;
  line-height: 20px;
  display: block;
  width: 20px;
  text-align: center;
}
.iine {
  clear: both;
  margin-top: 4px;
  display: block;
}
div.bListBox {
  height: 190px;
  width: 612px;
  overflow: hidden;
  border: #ccc 1px solid;
  position: relative;
}
.bListNew {
  margin: 10px 0 0 0;
  padding: 0;
  height: 180px;
  position: relative;
}
.bListNew > li {
  list-style-type: none;
  display: block;
  width: 120px;
  text-align: center;
  float: left;
  height: 180px;
  overflow: hidden;
  margin: 0 1px;
  position: relative;
}
.bListNew > li > a > img {
  width: 80px;
  margin-bottom: 2px;
}
.bListNew > li > a.bName {
  display: block;
  width: 116px;
  line-height: 1.1em;
  text-align: center;
  height: 28px;
  position: absolute;
  top: 130px;
  left: 2px;
}
.bListNew > li > span.bPrice {
  display: block;
  width: 110px;
  text-align: center;
  position: absolute;
  top: 158px;
  left: 5px;
  color: #7a0000;
}
div#be_res {
  font-size: 11pt;
  text-align: center;
  margin: 8px 0;
  line-height: 1.6em;
}
a.arrowR,
a.arrowL {
  position: absolute;
  display: none;
  width: 16px;
  height: 32px;
  background-image: url("../image/2012/arrow.png");
  background-repeat: repeat-x;
  z-index: 100;
}
a.arrowR {
  background-position: -16px 0;
  right: 0;
  top: 0;
}
a.arrowL {
  background-position: 0 0;
  left: 0;
  top: 0;
}
div.arBox {
  display: none;
  position: relative;
  height: 30px;
  width: 612px;
  background-color: #eee;
  text-align: center;
  line-height: 30px;
  font-size: 10pt;
  color: #666;
}
a.arL,
a.arR,
a.arL2,
a.arR2 {
  position: absolute;
  display: none;
  width: 60px;
  height: 30px;
}
a.arL2 {
  background: url("../image/2012/ar_l2.png") no-repeat 0 0;
  left: 0;
  top: 0;
}
a.arL {
  background: url("../image/2012/ar_l1.png") no-repeat 0 0;
  left: 60px;
  top: 0;
}
a.arR {
  background: url("../image/2012/ar_r1.png") no-repeat 0 0;
  right: 60px;
  top: 0;
}
a.arR2 {
  background: url("../image/2012/ar_r2.png") no-repeat 0 0;
  right: 0;
  top: 0;
}
div.item_detail {
  line-height: 1.5em;
}

/* ---bookend button ---- */

a.beDl,
a.beIn,
a.beCart,
a.beCartR {
  display: block;
  width: 200px;
  height: 40px;
  text-indent: -9999px;
}
a.beDl,
a.beIn {
  margin: 8px 20px;
}
a.beDl {
  background: url("../image/2012/download.png") repeat-y 0 0;
}
a.beIn {
  background: url("../image/2012/install.png") repeat-y 0 0;
}
a.beCart {
  background: url("../image/2012/cart.png") repeat-y 0 0;
}
a.beCartR {
  background-image: url(/image/2015/buttons.png);
  background-position: 0 -1100px;
  /* background: url('../image/2012/cart_r.png') repeat-y 0 0; */
}
a.beCartR:hover {
  background-position: -200px -1100px;
}
a.beDl:hover,
a.beIn:hover,
a.beCart:hover {
  background-position: 0 -40px;
}
a.kuwasiku {
  font-size: 11pt;
  color: #f30;
  text-decoration: underline;
}
div.beCartBox {
  position: relative;
  height: 56px;
}
a.beCart {
  left: 387px;
  position: absolute;
  top: 8px;
}
a.beCartR {
  left: 387px;
  position: absolute;
  top: 8px;
}

/*div.beCartBox p{ position : absolute; display : block; top : 8px; left : 280px;
	width : 280px; height : 40px; line-height : 40px;
	margin:0;padding:0;
	font-size:11pt; }
*/

span#beAddAmount {
  display: block;
  cursor: pointer;
  float: left;
  height: 16px;
  margin: 7px 5px 0 0;
  width: 16px;
}
p.beAmountR {
  display: block;
  font-size: 12px;
  height: 36px;
  left: 250px;
  line-height: 40px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 25px;
  width: 130px;
}
span.beTypeR {
  left: -3px;
  position: absolute;
  text-align: center;
  top: 20px;
  width: 100px;
}
span.bePriceR {
  display: block;
  font-size: 20px !important;
  height: 18px;
  left: 0;
  position: relative;
  text-align: right;
  top: 21px;
  width: 121px;
}
span.bePriceR .through {
  font-size: 12px;
  left: 45px;
  position: absolute;
  text-decoration: line-through;
  top: -15px;
}
span.beZaikoNum {
  left: 235px;
  position: absolute;
  top: 10px;
  width: 135px;
  text-align: center;
}

/*---新カートの進捗部分---*/

div.eo {
  display: block;
  width: 600px;
  height: 60px;
  background-image: url("../image/2012/eo_all.png");
}
div.eo_1_1 {
  background-position: left top;
}
div.eo_1_2 {
  background-position: left -60px;
}
div.eo_1_3 {
  background-position: left -120px;
}
div.eo_1_4 {
  background-position: left -180px;
}
div.eo_1_5 {
  background-position: left -240px;
}
div.eo_2_1 {
  background-position: left -300px;
}

/* クレジット以外の場合 */

div.eo_2_2 {
  background-position: left -360px;
}
div.eo_2_3 {
  background-position: left -420px;
}
div.eo_2_4 {
  background-position: left -480px;
}
span.dl {
  display: block;
  font-size: 9pt;
  color: #333;
  text-align: center;
  line-height: 1;
}
table.p12Body {
  display: none;
}
ul.errList {
  margin: 8px;
  padding: 0;
  display: block;
}
ul.errList li {
  list-style-type: disc;
  margin: 0 0 0 10px;
  padding: 0 0 0 10px;
  font-size: 10pt;
  color: #f00;
}
#saveLoginAlert {
  position: absolute;
  display: none;
  width: 420px;
  height: 360px;
  top: 60px;
  right: 40px;
  background-color: #fff;
  border: #ccc 3px solid;
  z-index: 100;
  padding: 8px;
  text-align: center;
}
#saveLoginAlert h2 {
  font-size: 12pt;
  margin: 10px;
  padding: 10px;
  border-bottom: #999 2px solid;
  color: #f60;
}
#closeSLA {
  position: absolute;
  right: 10px;
  top: 6px;
  display: block;
  width: 100px;
  text-align: right;
  font-size: 10pt;
}
#saveLoginAlert p {
  font-size: 10pt;
  line-height: 1.4em;
  margin: 10px 16px;
  text-align: left;
}
#saveLoginAlert ul {
  margin: 0 16px;
  padding: 0 8px;
  text-align: left;
  list-style: disc;
}
#slYes,
#slNo {
  margin: 8px;
}
#sendInMailBox {
  position: absolute;
  width: 420px;
  height: 200px;
  display: none;
  background-color: #fff;
  border: #ccc 3px solid;
  z-index: 100;
  padding: 8px;
  text-align: center;
}
#sendInMailBox h2 {
  font-size: 12pt;
  margin: 10px;
  padding: 10px;
  border-bottom: #999 2px solid;
  color: #f60;
}
#closeIMB {
  position: absolute;
  right: 10px;
  top: 6px;
  display: block;
  width: 100px;
  text-align: right;
  font-size: 10pt;
}
#sendInMailBox p {
  font-size: 10pt;
  line-height: 1.4em;
  margin: 10px 16px;
  text-align: left;
}
#inMail_email {
  ime-mode: inactive;
  width: 300px;
  font-size: 10pt;
}
#IM_bookname {
  color: #33f;
}

/*------検索詳細部分2012追加------*/

#sDetailBox {
  display: block;
  margin: 8px 0;
}
div.hide {
  display: none !important;
}
ul#sT_list {
  margin-bottom: 10px;
}
ul#sT_list > li {
  list-style-type: none;
  display: inline;
  margin-right: 10px;
  font-size: 9pt;
  color: #333;
}
ul#sT_list > li > a {
  color: #660;
  font-size: 11pt;
  text-decoration: none;
  font-weight: bold;
}
ul#sT_list > li > a.selected {
  color: #c60;
  background-color: #ffc;
  text-decoration: underline;
}
#r_menu > h3 {
  margin: 0;
  padding: 0;
  background-image: url("../image/bt_menuall.gif");
  background-repeat: repeat;
  background-position: 0 -420px;
  display: block;
  width: 130px;
  height: 30px;
  text-indent: -9999px;
  border: none;
}
#r_menu > h4 {
  margin: 2px 0;
  padding: 0;
  color: #33f;
  background-image: url("../image/bt_menuall.gif");
  background-repeat: repeat;
  background-position: 0 -474px;
  display: block;
  width: 130px;
  height: 30px;
  padding: 0 0 0 8px;
  font-size: 10pt;
  line-height: 30px;
}
ul.sAdd {
  margin: 2px 0;
  padding: 0;
}
ul.sAdd li {
  list-style-type: none;
  display: block;
  font-size: 9pt;
  margin: 2px 0 2px 6px;
  padding: 0;
  line-height: 1.2em;
}
ul.sAdd li a {
  display: block;
  padding: 0 0 0 2px;
  background-color: #f0f0f0;
  border-bottom: #ccc 1px dotted;
}
ul.sAdd li a.selected {
  color: #000;
  background: #fe8;
}
#r_menu div.spacer {
  height: 40px;
}
tr.medatsu th,
tr.medatsu td {
  background-color: #fcc;
}
a#clrSAdd {
  background-image: url("../image/bt_menuall.gif");
  background-repeat: repeat;
  background-position: 0 -450px;
  display: block;
  width: 130px;
  height: 24px;
  margin: 1px 0;
  padding: 0;
  text-indent: -9999px;
}
div.zcBox {
  display: block;
  border: #ccc 1px solid;
  padding: 10px 0;
  border-radius: 4px;
  background-color: #fee;
  background: -moz-linear-gradient(top, #fee, #fcc);
  background: -webkit-gardient(linear, left top, from(#fee), to(#fcc));
}
.zcBox_new {
  background-image: url(/image/2015/buttons.png);
  background-position: 0 -950px;
}
.zcBox_new.reverse {
  background-position: -200px -950px;
}
.zcBox_new li {
  height: 25px;
  color: #fff;
}
.zcBox_new li label {
  font-size: 11px;
  cursor: pointer;
}
.zcBox_new li input {
  border: none;
  position: relative;
  top: 3px;
  margin-right: 2px;
}
a.inMail {
  background-image: url("../image/bt_menuall.gif");
  background-repeat: repeat;
  background-position: -130px -400px;
  display: block;
  width: 130px;
  height: 30px;
  text-indent: -9999px;
  position: absolute;
  right: 0;
  bottom: 0;
}
a.inMailSmall {
  background-image: url("../image/btInMail.png");
  background-repeat: repeat;
  background-position: 0 0;
  display: block;
  width: 80px;
  height: 20px;
  font-size: 10pt;
  color: green;
  line-height: 20px;
  text-indent: 18px;
  position: absolute;
  left: 120px;
  top: 0;
}

/* ---- 図書の説明部分でリンクのカスタマイズしてもらう用 ----*/

.c61-b {
  font-weight: bold !important;
}
.c61-u {
  text-decoration: underline !important;
}
.c61-i {
  font-style: italic !important;
}
.c61-red {
  color: #900 !important;
}
.c61-blue {
  color: #6b7da3 !important;
}

/* --- 税抜き表示 ---*/

.without_tax {
  display: block;
  font-size: 12px;
  left: 125px;
  position: absolute;
  text-align: left;
  top: 24px;
  width: 120px;
}
.without_tax_old {
  font-size: 12px;
  left: 131px;
  position: absolute;
  top: 15px;
  width: 120px;
  display: block;
  text-align: left;
}
.cart_without_tax {
  font-size: 10px;
  line-height: 1.5em;
}

/**パンくず*/

.book_breadcrumb li {
  display: inline;
}

/*label*/

.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  margin: 0 3px;
  font-weight: 300;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
  background: #ccbeac;
}

/* search block */
#kw {
  width: 350px;
}
#label_kw {
  font-size: 14px;
  line-height: 1em;
  font-weight: bold;
}
#frm_search {
  border: 1px solid #2d4259;
}

/* modalClass */
body.modal_open {
  overflow: hidden;
}

.modal_overlay {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
  height: auto;
  z-index: 9000;
  opacity: 1;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}
.modal {
  left: 50%;
  top: 30%;
  margin-left: -310px;
  margin-top: -120px;
  z-index: 9001;
  border-radius: 0;
  width: 590px;
  position: fixed;
  background-color: #fff;
  box-shadow: 0 0 10px #222;
  padding: 10px;
}

.modal .close {
  border-radius: 290486px;
  color: #6e6e6e;
  height: 32px;
  line-height: 32px;
  position: absolute;
  right: 5px;
  top: 5px;
  width: 32px;
  display: inline-block;
  text-align: center;
  background: #f0f0f0;
  text-decoration: none;
}

.modal .close:hover {
  background: #2d4259;
  color: white;
}

.modal_body {
  max-height: calc(100vh);
  /* overflow-y: auto; */
}

/* modal login */
.modal_login_form {
  width: 400px;
  margin: 0 auto;
}
.modal_login_form form {
  text-align: center;
}

.modal_login_form input[type="checkbox"] {
  margin: 0 10px;
}

.modal_login_form input[type="text"],
.modal_login_form input[type="password"] {
  /* font-family: "Roboto", sans-serif; */
  outline: 0;
  background: #f2f2f2;
  width: 100%;
  border: 0;
  margin: 0 0 15px;
  padding: 15px;
  box-sizing: border-box;
  font-size: 14px;
}
.modal_login_form button {
  /* font-family: "Roboto", sans-serif; */
  text-transform: uppercase;
  outline: 0;
  background: #2d4259;
  width: 100%;
  border: 0;
  padding: 15px;
  color: #ffffff;
  font-size: 14px;
  -webkit-transition: all 0.3 ease;
  transition: all 0.3 ease;
  cursor: pointer;
  margin: 5px 0;
}
.modal_login_form button:hover,
.modal_login_form button:active,
.modal_login_form button:focus {
  background: #15283c;
}
.modal_login_form .message {
  margin: 15px 0 0;
  color: #b3b3b3;
  font-size: 12px;
}
.modal_login_form .message a {
  color: #2d4259;
  text-decoration: none;
}

@import "balloon.min.css";


.orderstep {
  display: flex;
  justify-content: space-between;
  font-size: 15px;
  padding: 0;
  list-style: none;
}
.orderstep li {
  position: relative;
  background-color: #89a0ac;
  padding: 10px;
  flex: 1;
  margin: 3px;
  display: flex;
  justify-content: center;
  box-shadow: 0 0 3px #ddd;
}
.orderstep li.is-flexdot2 {
  flex: 1.2;
}

.orderstep li.is-active {
  background-color: #d5b965;
}

.orderstep li:first-child {
  margin-left: 0;
}
.orderstep li:first-child:before {
  border: none;
}
.orderstep li:last-child {
  margin-right: 0;
}
.orderstep li:last-child:after {
  border: none;
}
.orderstep li:after,
.orderstep li:before {
  content: " ";
  position: absolute;
  top: 0;
  right: -17px;
  width: 0;
  height: 0;
  border-top: 22.5px solid transparent;
  border-bottom: 22.5px solid transparent;
  border-left: 17px solid #89a0ac;
  z-index: 2;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.orderstep li:before {
  right: auto;
  left: 0;
  border-left: 17px solid #fff;
  z-index: 0;
}
.orderstep li.is-active:after {
  border-left-color: #d5b965;
}
.is-fullwidth {
  width: 100%;
}
.u-left {
  text-align: left;
}
.u-right {
  text-align: right;
}
.u-center {
  text-align: center;
}

.u-padding {
  padding: 24px !important;
}

.u-padding-tiny {
  padding: 6px !important;
}

.u-padding-small {
  padding: 12px !important;
}

.u-padding-large {
  padding: 48px !important;
}

.u-padding-huge {
  padding: 96px !important;
}

.u-padding-none {
  padding: 0 !important;
}

.u-padding-top {
  padding-top: 24px !important;
}

.u-padding-top-tiny {
  padding-top: 6px !important;
}

.u-padding-top-small {
  padding-top: 12px !important;
}

.u-padding-top-large {
  padding-top: 48px !important;
}

.u-padding-top-huge {
  padding-top: 96px !important;
}

.u-padding-top-none {
  padding-top: 0 !important;
}

.u-padding-right {
  padding-right: 24px !important;
}

.u-padding-right-tiny {
  padding-right: 6px !important;
}

.u-padding-right-small {
  padding-right: 12px !important;
}

.u-padding-right-large {
  padding-right: 48px !important;
}

.u-padding-right-huge {
  padding-right: 96px !important;
}

.u-padding-right-none {
  padding-right: 0 !important;
}

.u-padding-bottom {
  padding-bottom: 24px !important;
}

.u-padding-bottom-tiny {
  padding-bottom: 6px !important;
}

.u-padding-bottom-small {
  padding-bottom: 12px !important;
}

.u-padding-bottom-large {
  padding-bottom: 48px !important;
}

.u-padding-bottom-huge {
  padding-bottom: 96px !important;
}

.u-padding-bottom-none {
  padding-bottom: 0 !important;
}

.u-padding-left {
  padding-left: 24px !important;
}

.u-padding-left-tiny {
  padding-left: 6px !important;
}

.u-padding-left-small {
  padding-left: 12px !important;
}

.u-padding-left-large {
  padding-left: 48px !important;
}

.u-padding-left-huge {
  padding-left: 96px !important;
}

.u-padding-left-none {
  padding-left: 0 !important;
}

.u-padding-horizontal {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.u-padding-horizontal-tiny {
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.u-padding-horizontal-small {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.u-padding-horizontal-large {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.u-padding-horizontal-huge {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.u-padding-horizontal-none {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.u-padding-vertical {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.u-padding-vertical-tiny {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}

.u-padding-vertical-small {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.u-padding-vertical-large {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.u-padding-vertical-huge {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.u-padding-vertical-none {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.u-margin {
  margin: 24px !important;
}

.u-margin-tiny {
  margin: 6px !important;
}

.u-margin-small {
  margin: 12px !important;
}

.u-margin-large {
  margin: 48px !important;
}

.u-margin-huge {
  margin: 96px !important;
}

.u-margin-none {
  margin: 0 !important;
}

.u-margin-top {
  margin-top: 24px !important;
}

.u-margin-top-tiny {
  margin-top: 6px !important;
}

.u-margin-top-small {
  margin-top: 12px !important;
}

.u-margin-top-large {
  margin-top: 48px !important;
}

.u-margin-top-huge {
  margin-top: 96px !important;
}

.u-margin-top-none {
  margin-top: 0 !important;
}

.u-margin-right {
  margin-right: 24px !important;
}

.u-margin-right-tiny {
  margin-right: 6px !important;
}

.u-margin-right-small {
  margin-right: 12px !important;
}

.u-margin-right-large {
  margin-right: 48px !important;
}

.u-margin-right-huge {
  margin-right: 96px !important;
}

.u-margin-right-none {
  margin-right: 0 !important;
}

.u-margin-bottom {
  margin-bottom: 24px !important;
}

.u-margin-bottom-tiny {
  margin-bottom: 6px !important;
}

.u-margin-bottom-small {
  margin-bottom: 12px !important;
}

.u-margin-bottom-large {
  margin-bottom: 48px !important;
}

.u-margin-bottom-huge {
  margin-bottom: 96px !important;
}

.u-margin-bottom-none {
  margin-bottom: 0 !important;
}

.u-margin-left {
  margin-left: 24px !important;
}

.u-margin-left-tiny {
  margin-left: 6px !important;
}

.u-margin-left-small {
  margin-left: 12px !important;
}

.u-margin-left-large {
  margin-left: 48px !important;
}

.u-margin-left-huge {
  margin-left: 96px !important;
}

.u-margin-left-none {
  margin-left: 0 !important;
}

.u-margin-horizontal {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.u-margin-horizontal-tiny {
  margin-left: 6px !important;
  margin-right: 6px !important;
}

.u-margin-horizontal-small {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.u-margin-horizontal-large {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.u-margin-horizontal-huge {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.u-margin-horizontal-none {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.u-margin-vertical {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.u-margin-vertical-tiny {
  margin-top: 6px !important;
  margin-bottom: 6px !important;
}

.u-margin-vertical-small {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.u-margin-vertical-large {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.u-margin-vertical-huge {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.u-margin-vertical-none {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.u-cursor-pointer {
  cursor: pointer;
}