/* ----------------------------------------------------------------------------------------
 本棚の本の操作枠、標準CSSに追加分
------------------------------------------------------------------------------------------*/

/* 本の操作枠、現在の状況を示すなどでリンクしない部分の共通用 */
.move_btn div {
	width:57px;
	height:47px;
	display: block;
	text-indent: -9999px;
}

/* 購入済みの場合用 */
.move_btn li div#purchased{
	background-image: url(../books_images_members/shelf_move_btn03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -47px;
}

/* 読みたい本の場合用 */
.move_btn li div#favorite{
	background-image: url(../books_images_members/shelf_move_btn04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -47px;
}


/* ----------------------------------------------------------------------------------------
 東京堂ホールトップページ改訂用追加分　2018.09.05
------------------------------------------------------------------------------------------*/
/* clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
*html .clearfix {
	height:1%
}
.clearfix {
	display: block;
}

.block{
    width: 950px;
    margin: 0 auto;
}

/*ヘッダーロゴ調整*/
#header h1 a {
width: 268px;
margin-top: 12px;
}

/*クローム隙間調整*/
#header .left_box {
    background: url(../books_images_common/header_bg01.jpg),url(../books_images_common/header_bg01rep.jpg);
    background-repeat: no-repeat,repeat-x;
}



/*最新情報*/
.newsList{
    width: 672px;
}
.newsList a{
    color: #1c4237;
    text-decoration: none;
}

.newsList a:hover{
    text-decoration:underline;
}

.newsList h2{
    position: relative;
    background-color: #1c4237;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
    font-size:20px;
    width: 612px;
    height: 20px;
    line-height: 20px;
    padding: 5px 0 5px 15px;
}

.newsList h2:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #1c4237 #1c4237;
  border-width: 15px;
}

.newsList dl{
    margin: 0;
    padding: 5px 0 0 0;
    font-size: 14px;
    display: block;
}

.newsList dl dt{
    width: 140px;
}

.newsList dl dd{
    width: 504px;
    margin: -1.25em 0 0.01em 130px;
}

.newsList .to_list{
    text-align: right;
    font-size: 14px;
}

.newsList .to_list a{
    background: url(images/news_list_arrow.png) 5px no-repeat;
    padding-left: 20px;
}


/*講演会＆サイン会*/
.eventList{
    clear: both;
    width: 672px;
    margin: 20px 0 30px;
}

.eventList h2{
    position: relative;
    background-color: #cc6600;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
    font-size:20px;
    width: 625px;
    height: 20px;
    line-height: 20px;
    padding: 5px 0 5px 15px;
}

.eventList h2:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #cc6600 #cc6600;
  border-width: 15px;
}

.eventList ul {
  margin: 20px auto;
  padding: 0;
}

.eventList ul li{
  float: left;
  width: 185px;
  list-style: none;
  padding: 12px;
  margin: 5px;
  background-color: #faf5ea;
  border-radius: 5px;
  font-size: 13px;
}

.eventList ul li a{
    display: block;
    text-decoration: none;
}

.eventList ul li .photo{
    height: 123px;
    max-width: 185px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.eventList ul li .photo img{
    max-height: 123px;
    width: auto;
    max-width: 185px;
}

.eventList ul li .date{
    font-size: 16px;
    color: #cc6600;
    margin: 7px auto 0;
}

.eventList ul li p{
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.eventList ul li .eventName{
    font-weight: bold;
    margin: 7px 3px 5px;
    height: 2.5em;
    overflow: hidden;
}

.eventList ul li .eventText{
    margin-top: 0;
}


/*お知らせ*/
.topicList{
    clear: both;
    width: 672px;
    margin: 20px 0 30px;
}

.topicList h2{
    position: relative;
    background-color: #cc0000;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
    font-size:20px;
    width: 625px;
    height: 20px;
    line-height: 20px;
    padding: 5px 0 5px 15px;
}

.topicList h2:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #cc0000 #cc0000;
  border-width: 15px;
}

.topicList ul {
  margin: 20px auto;
  padding: 0;
}

.topicList ul li{
  float: left;
  width: 185px;
  list-style: none;
  padding: 12px;
  margin: 5px;
  background-color: #f4e7e8;
  border-radius: 5px;
  font-size: 13px;
}

.topicList ul li a{
    display: block;
    text-decoration: none;
}

.topicList ul li .photo{
    height: 123px;
    max-width: 185px;
    overflow: hidden;
    text-align: center;
    margin-bottom: 10px;
}

.topicList ul li .photo img{
    max-height: 123px;
    width: auto;
    max-width: 185px;
}

.topicList ul li p{
    font-size: 14px;
    line-height: 18px;
    color: #000;
}

.topicList ul li .topicName{
    font-weight: bold;
    margin: 7px 3px 5px;
    height: 2.5em;
    overflow: hidden;
}

.topicList ul li .topicText{
    margin-top: 0;
    height: 2.5em;
}


.bestSeller{
    clear: both;
    width: 672px;
    margin: 20px 0 30px;

}

.bestSeller h2{
    position: relative;
    background-color: #0b53ac;
    color: #fff;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
    font-size:20px;
    width: 625px;
    height: 20px;
    line-height: 20px;
    padding: 5px 0 5px 15px;
    margin-bottom: 15px;
}

.bestSeller h2:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #0b53ac #0b53ac;
  border-width: 15px;
}


.bestSeller .tab{
    border-bottom: 7px solid #76a3da;
    margin: 0;
    padding: 0;
}

.bestSeller .tab li{
    position: relative;
    height: 20px;
    width:130px;
    float: left;
    list-style: none;
    color: #fff;
    background-color: #aaa;
    text-align: center;
    margin: 0 30px 0 0;
    padding: 7px 0 3px;
    font-size: 16px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    font-weight: normal;
}

.bestSeller .tab li:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #aaa #aaa;
  border-width: 15px;
}

.bestSeller .tab li.is-active{
    background-color: #76a3da;
}

.bestSeller .tab li.is-active:after{
  border-color: transparent transparent #76a3da #76a3da;
}

.bestSeller .tab li:hover{
    cursor: pointer;
}

.bestSeller .tab li.is-active:hover{
    cursor: inherit;
}

.bestSeller .rankingList{
    display: none;
    clear: both;
    margin: 20px;
    padding: 0;
    width: calc(100% - 40px);
}

.bestSeller .rankingList li{
    list-style: none;
    padding: 5px 5px 5px 35px;
    margin: 2px 0;
    width: calc(100% - 40px);
    text-align: left;
    font-size: 14px;
}

.bestSeller .rankingList li.r1{background: url(images/best_1.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r2{background:#f1efef url(images/best_2.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r3{background: url(images/best_3.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r4{background:#f1efef url(images/best_4.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r5{background: url(images/best_5.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r6{background:#f1efef url(images/best_6.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r7{background: url(images/best_7.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r8{background:#f1efef url(images/best_8.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r9{background: url(images/best_9.png) 3px 3px no-repeat;}
.bestSeller .rankingList li.r10{background:#f1efef url(images/best_10.png) 3px 3px no-repeat;}

.bestSeller .rankingList li span{
    font-size: 80%;
    color:#666;padding-left: 1em;
}

.bestSeller .rankingDate{
    margin: 0;
    text-align: right;
}

/* 在庫検索 */
.top-search {
	width: 672px;
	font-size: 14px;
	margin-right: auto;
	margin-left: auto;
}


.top-search h2 {
	position: relative;
    background-image: none;
    background-color: #af8b1b;
    color: #fff;
    font-size:20px;
    width: 625px;
    height: 20px;
    line-height: 25px;
    padding: 5px 0 5px 15px;
    text-indent: 0;
    font-weight: bold;
}


.top-search h2:after{
  content: "";
  position: absolute;
  top:0;
  right: -30px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: transparent transparent #af8b1b #af8b1b;
  border-width: 15px;
}

.top-search input {
    width: 440px;
}


/*関連リンクバナー*/
.sidebanner{
    width: 240px;
}

.sidebanner ul{
    margin: 0;
    padding: 0;
}

.sidebanner ul li{
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
}

h3.md{
    border-bottom: 1px solid #00463a;
    padding: 0 0 5px 20px;
    margin: 0 0 10px 0;
    background: url(images/h3md.png) 0 3px no-repeat;
}


/* ----------------------------------------------------------------------------------------
 東京堂ホールページ用追加分
------------------------------------------------------------------------------------------*/

/*上部のサブメニュー*/

.subnav{
    margin: 30px auto 10px;
    padding: 0;
    width: 970px;
    border-bottom: 14px solid #00463b;
}

.subnav li{
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}

.subnav li a{
    display: block;
    width: 242px;
    background: url(images/snav_tab_off.png) no-repeat;
    color: #fff;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
}

.subnav li.current a{
    background: url(images/snav_tab_on.png) no-repeat;
}

.subnav li a:hover{
    background: url(images/snav_tab_hover.png) no-repeat;
}


/*右側　ページ内リンクメニュー*/

.pnav{
    width:248px;
    margin: 0 auto 30px;
    padding: 0;
    border-top: 1px dotted #333;
}

.pnav li{
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px dotted #333;
}

.pnav li a{
    display: block;
    font-size: 16px;
    text-decoration: none;
    color: #000;
    padding: 10px 10px 10px 30px;
    background: #f1f1f1 url(images/pnav_ac.png) 12px 10px no-repeat;
}

.pnav li a:hover{
    background: #f3e8d2 url(images/pnav_ac.png) 12px 10px no-repeat;
}

.holl_info{
    width: 248px;
    margin: 20px auto;
    padding: 0;
}

.holl_info dt{
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px 0;
    padding: 0 0 5px 10px;
    border-bottom: 1px solid #bbb;
    border-left: 5px solid #00463b;
}

.holl_info dd{
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 20px 10px;
}

.holl_info dd strong{
    font-size: 18px;
}

/*東京堂ホールご利用の流れ*/

.entryflow{
    width: 950px;
    margin: 20px auto;
}

.entryflow th{
    width: 142px;
    padding: 30px 0 60px;
    text-align: center;
    font-size: 16px;
    vertical-align: middle;
    background: url(images/flow_bottom.gif), url(images/flow_top.gif), url(images/flow_mid.gif);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center bottom, center top, center top;
}

.entryflow th.end{
    background: url(images/flow_bottom_end.gif), url(images/flow_top.gif), url(images/flow_mid.gif);
    background-repeat: no-repeat, no-repeat, repeat-y;
    background-position: center bottom, center top, center top;
}


.entryflow td.sp{
    width: 33px;
}

.entryflow td.contents{
    width:775px;
    vertical-align: top;
    padding: 0 0 20px;
}

.entryflow td.contents ul,
.entryflow td.contents ul li{
    margin: 0 0 8px 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5;
}

.entryflow td.contents ul li img{
    vertical-align: middle;
}

/*東京堂ホール テーブル*/
table.holl_table{
    border-spacing: 0;
    border-collapse: collapse;
    width: 950px;
    margin: 0 auto 20px;
}

table.holl_table th,
table.holl_table td {
    text-align: left;
    padding: 5px;
    /* border: 1px solid #333;*/
    border: 1px solid #333 !important;
    font-size: 16px;
}

table.holl_table th{
    background-color: #ddebf7;
    font-weight: normal;
}

table.holl_table td.koumoku{
    background-color: #eee;
}

p.tani{
    text-align: right;
    margin-top: -20px;
    margin-bottom: 5px;
    font-size: 14px;
}

/*東京堂ホール リスト*/
ul.holl_list{
    font-size: 16px;
    margin-bottom: 20px;
}

ul.holl_list li{
    margin-bottom: 10px;
}

/*東京堂ホール カレンダー*/
.visitorreservation_hall .visitorreservation_year{
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    background-color:#7b9762;
    padding: 3px 8px;
    margin-bottom: 10px;
}

.visitorreservation_hall .visitorreservation_schedule thead tr th.th_schedule_youbi{
    background-color: #daebd0;
}

.visitorreservation_hall .visitorreservation_schedule thead tr th.th_time{
    background-color: #daebd0;
}

.visitorreservation_hall .visitorreservation_schedule thead tr th.th_time20,
.visitorreservation_hall .visitorreservation_schedule thead tr th.th_time17 {
    background-color: #daebd0;
}

.visitorreservation_hall .visitorreservation_schedule thead tr th.th_time21 {
    background-color: #daebd0;
}

.visitorreservation_hall .visitorreservation_schedule tbody td.sat {
    background-color: #dff6ff;
}

.visitorreservation_hall .visitorreservation_schedule tbody td.sun {
    background-color: #fcdfff;
}


/*東京堂ホール お問合せフォーム*/
.hall-contact table{
margin: 30px 0 30px 30px;

}

.hall-contact table .name-cls{
    font-size: 14px;
    padding: 10px;
    background-color: #eee;
}

.hall-contact table .name-cls{
    padding: 10px;
    background-color: #eee;
    font-weight: normal;
}


.hall-contact table .registration_item_data{
    padding: 10px;
}

.hall-contact table .registration_item_data input[type="text"]{
    width: 400px;
}


.hall-contact table .registration_item_data textarea{
    width: 400px;
}

.hall-contact .btn-width{
    padding: 0;
}