@charset "UTF-8";

/*-------------------------------
	common 
-------------------------------*/

* {
	margin: 0;
	padding: 0;
	word-break: break-all;
}

a img{
	border: none;
}

a{
	outline: 0;
}

html{
	overflow-y:scroll;
}

body {
	background-color:#F3F2EB;
	color: #333333;
	font-family:"ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", Verdana, arial, sans-selif;
	line-height:1.3;
	font-size: 16px;
}
.none{
	clear:both;
	float:none;
	height:0px;
}
hr{
	display: none;
}
/*-------------------------------
	base
-------------------------------*/
#container{
	margin: auto;
	width: 1000px;
	position:relative;
}

#header{
	width: 1000px;
	position:absolute;
}

#center{
	width: 1000px;
	position: relative;
}


body#top #leftcol{
	width: 538px;
	float: right;
	font-size: 12px;
	color:#504e42;
	margin-top: 27px;
}

body#top #rightcol{
	width: 462px;
	height: 807px;
	float:right;
	margin-top: 27px;
	background-color: #fdfdfc;
}

#footer{
	width: 1000px;
	padding: 0 0 10px 0;
	clear:both;
	font-size: 12px;
	color: #64645a;
}

body#top #footer,
body#about #footer,
body#book-cover #footer{
	padding: 15px 0 10px 0;
}

#footer .system-information{
	padding: 5px 0 0 0;
	border-top: 1px solid #777671;
	margin-top: 5px;
}

#footer .system-information .respon{
	width: 400px;
/*	height: 40px;*/
	float: left;
	vertical-align: middle;
}

#footer .system-information .respon img{
	vertical-align: middle;
}

#footer .system-information .respon-inc{
/*	width: 190px;*/
	height: 40px;
	float: right;
/*	vertical-align: middle;*/
	text-align:right;
	vertical-align:text-bottom;
}
#footer .system-information .respon-inc a{
	color: #64645A;
	text-decoration:none;
}

#footer .system-information .respon-inc a:hover{
	color: #64645A;
	text-decoration:underline;
}

#footer .system-information .respon-inc img{
	vertical-align: middle;
}

body#book-contents h1,
body#book-index h1,
body#book-cover h1,
body#about h1,
body#book-cover h2{
	display: none;
}

/*-------------------------------
	top-page
-------------------------------*/
.top-title{
	float: right;
	margin-top: 21px;
	padding-right: 26px;
	padding-left: 40px;
	text-indent: -5000px;
	background-color: #FDFDFC;
}

.top-title h1{
	width: 111px;
	height: 768px;
	background:url(shokenro-title.gif) no-repeat right top;

}

.top-contents{
	width: 266px;
	height: 770px;
	float:right;
	margin-top: 37px;
}

.top-contents .top-contents-site{
/*	width: 169px;*/
	padding-top: 4px;
	padding-right: 6px;
	height: 314px;
	margin-bottom: 48px;
	float:right;
	border-left: 1px solid #434341;
	width: 188px;
}

.top-contents .top-contents-site div,
.top-contents .top-contents-other div{
	text-indent: -5000px;
	float: right;
}

.top-contents .top-contents-site .about {
	padding-left: 23px;
}

.top-contents .top-contents-site .about a{
	display: block;
	width: 25px;
	height: 297px;
	background:url(bt-toabout.gif) no-repeat right top;
}

.top-contents .top-contents-site .about a:hover{
	background-position:left top;
}

.top-contents .top-contents-site .contents{
	width: 21px;
	height: 300px;
	padding-left: 16px;
	background:url(bt-contents.gif)  no-repeat right top;
}

.top-contents .top-contents-site .book{
/*	padding-left: 11px;*/
	padding-top: 20px;
	padding-left: 8px;
}

.top-contents .top-contents-site .book a{
	display: block;
	width: 25px;
	height: 175px;
	background:url(bt-tobook.gif)  no-repeat right top;
}

.top-contents .top-contents-site .book a:hover{
	background-position:left top;
}

.top-contents .top-contents-site .comment{
	padding-top: 20px;
}

.top-contents .top-contents-site .comment a{
	display: block;
	width: 25px;
	height: 278px;
	background:url(bt-tocomment.gif)  no-repeat right top;
}

.top-contents .top-contents-site .comment a:hover{
	background-position:left top;
}

.top-contents .top-contents-other{
	width: 63px;
	height: 285px;
	padding-top: 4px;
	float:right;
	margin-bottom: 45px;
}

.top-contents .top-contents-other .other-page{
/*	padding-right: 35px;*/
	padding-right: 20px;
}

.top-contents .top-contents-other .other-page a{
	display: block;
	width: 25px;
	height: 196px;
	background:url(new-bt-tojali.gif) no-repeat right top;
}

.top-contents .top-contents-other .other-page a:hover{
	background-position:left top;
}

.top-contents-news{
	width: 231px;
	height: 370px;
	position: relative;
	padding-top: 20px;
	border-top: 1px solid #434341;
	float:right;
	padding-right:9px;
}

.top-contents-news .top-contents-news-title{
	width: 22px;
	height: 180px;
	float:right;
	margin-left: 13px;
	text-indent: -5000px;
	background:url(bt-news.gif) no-repeat;
}

.top-contents-news-rss{
	width: 22px;
	height: 58px;
	text-indent:0px;
	padding-top: 108px;
}

.top-contents-news .top-contents-news-body{
	width: 196px;
	height: 350px;
	background-color: #edecea;
	padding-top: 15px;
	float:right;
	overflow-x:auto;
	overflow-y:hidden;
}

.top-contents-news dl.top-contents-news-list dt{
	width: 25px;
	font-weight: bold;
	padding: 0 5px;
	font-size: 20px;
	float: right;
	text-align: center;
	padding-top: 30px;
}

.top-contents-news dl.top-contents-news-list-new dt{
	padding-top: 0px;
}

.top-contents-news dl.top-contents-news-list dd{
	width: 25px;
	padding: 0 2px;
	font-size: 20px;
	text-align: center;
	float:right;
	padding-top: 30px;
}

/*-------------------------------
	about
-------------------------------*/

.about-contents{
	width: 1000px;
	height: 789px;
	background-color: #fdfdfc; 
	position:relative;
	float: right;
	margin-top: 27px;
	padding-bottom:18px;
}

.about-contents dt,
.about-contents dd{
	display: block;
	float: right;
}

.about-contents dt.about-site-dt{
	width: 23px;
	height: 294px;
	text-indent: -5000px;
	margin-right: 9px;
	margin-top: 41px;
	padding-left: 31px;
	background: url(/tmp-img/h_about.png) no-repeat top right;
}

.about-contents dd.about-site-dd{
	width: 47px;
	margin-top: 56px;
	padding-left: 84px;
}

.about-contents dt.about-pc-dt{
	width: 23px;
	height: 81px;
	text-indent: -5000px;
	margin-top: 41px;
	padding-left: 26px;
	background: url(/tmp-img/h_history.png) no-repeat top right;
}

.about-contents dd.about-pc-dd{
	width: 249px;
	margin-top: 56px;
}

.about-contents img{
	float: right;
}

.about-contents .text{
	display: none;
}

.about-contents-to-top{
	width: 25px;
	height: 200px;
	text-indent: -5000px;
	margin-top:41px;
	position: absolute;
	top: 0;
	left: 45px;
}

.about-contents-to-top a{
	display:block;
	background: url(bt-totop.gif) no-repeat right top;
	width: 25px;
	height: 192px;
}

.about-contents-to-top a:hover{
	background-position: left bottom;
}


/*-------------------------------
	book-cover
-------------------------------*/
.to-top{
	width:51px;
	height:51px;
	position: absolute;
	top:5px;
	left: 5px;
	z-index: 5;
}

.book-cover{
	width: 600px;
	margin: auto;
	position: relative;
}

/*shiori*/
.bookcover-shiori{
	width: 287px;
	height: 383px;
	position: absolute;
	top:542px;
	left:743px;
}

.bookcover-shiori a{
	width: 287px;
	height: 383px;
	display:block;
}

.book-cover span.photo{
	display: block;
	position:absolute;
	top:726px;
	left: 487px;
	font-size: 12px;
	color:#504E42;
}

.book-cover p{
	width: 430px;
	margin: auto;
	padding: 20px 0 20px 0;
}

.book-cover .book-cover-link{
	position: relative;
	margin: auto;
	width: 426px;
}

.book-cover  .book-cover-link p{
	padding: 10px 0 10px 0;
	margin: 0;
	letter-spacing:1.5px;
	font-size: 12px;
	color:#504E42;
}

.book-cover .book-cover-link a{
	display: block;
	height: 43px;
	text-indent: -5000px;
}

.book-cover .book-cover-link a.book-cover-link-new{
	width: 256px;
	background:url(bt-link-new.gif) no-repeat left top;
}

.book-cover .book-cover-link a.book-cover-link-new:hover{
	background-position:left bottom;
}

.book-cover .book-cover-link a.book-cover-link-index{
	width: 174px;
	background:url(bt-link-index.gif) no-repeat left top;
}

.book-cover .book-cover-link a.book-cover-link-index:hover{
	background-position:left bottom;
}

.book-cover .book-cover-link a.book-cover-link-top{
	position: relative;
	top: 0;
	left:297px;
	width: 256px;
	background:url(bt-link-top.gif) no-repeat left top;
}

.book-cover .book-cover-link a.book-cover-link-top:hover{
	background-position:left bottom;
}


/*-------------------------------
	contents-page
-------------------------------*/
/* book background */
body#book-contents{
	background:#F3F2EB url(bk-contents-first-body.jpg) no-repeat center top;
}

.book-contents{
	height:892px;
	position:relative;
	width:1000px;
}

.book-first{
	background:url(bk-contents-first.jpg?v=20190426) no-repeat;
}

.book-second{
	background:url(bk-contents-second.jpg?v=20190426) no-repeat;
}

.book-third{
	background:url(bk-contents-third.jpg?v=20190426) no-repeat;
}

.book-fourth{
	background:url(bk-contents-fourth.jpg?v=20190426) no-repeat;
}

.book-fifth{
	background:url(bk-contents-fifth.jpg) no-repeat;
}


/* book_contents */
.book-contents .book-contnets-img {
	width:740px;
	height:540px;
	position:absolute;
	top:165px;
	left:155px;
}

.book-first .book-contnets-img {
	top:159px;
	left:151px;
}

.book-second .book-contnets-img {
	top:159px;
	left:145px;
}

.book-third .book-contnets-img {
	left:132px;
	top:159px;
}

.book-contents .book-contents-title{
	width: 300px;
	height: 20px;
	position: absolute;
	top: 137px;
	left: 177px;
}

.book-second .book-contents-title{
	top: 137px;
	left: 171px;
}

.book-third .book-contents-title{
	top: 137px;
	left:134px;
}

.book-contents .book-contents-title h2 {
	width: 300px;
	height: 20px;
	font-size: 10px;
	letter-spacing:1.5px;
}
.book-contents .book-contents-title h2 a{
	display: block;
	height: 20px;
	font-weight:normal;
	font-size: 10px;
	letter-spacing:1.5px;
	color: #494945;
	text-decoration: none;
}

.book-contents .book-contents-title h2 a:hover{
	color: #9f9f98;
}

.book-contents .book-contents-text,
.book-contents .none{
	display: none;
}


/* book */
.book-contents-indexlink {
	height:122px;
	width:157px;
	position: absolute;
	top: 0;
	left:653px;
	text-indent: -5000px;
}

.book-second .book-contents-indexlink{

}

.book-contents-indexlink a{
	background:url(bt-shiori-first.jpg) no-repeat left bottom;
	display:block;
	height:122px;
	width:157px;
}

.book-contents-indexlink a:hover {
	background-position: left top;
}

.book-second .book-contents-indexlink a{
	background:url(bt-shiori-second.jpg) no-repeat left bottom;
}

.book-second .book-contents-indexlink a:hover {
	background-position: left top;
}

.book-third .book-contents-indexlink a{
	background:url(bt-shiori-third.jpg) no-repeat left bottom;
}

.book-third .book-contents-indexlink a:hover {
	background-position: left top;
}


/* book pageno*/
.book-contents .book-contents-pageno {
	font-size:13px;
	height:20px;
	width:740px;
	position:absolute;
	text-align:center;
	top:717px;
	left:190px;
	color: #494945;
}

.book-first .book-contents-pageno {
	top:717px;
	left:169px;
}

.book-second .book-contents-pageno {
	width: 800px;
	top:719px;
	left:104px;
}

.book-third .book-contents-pageno {
	width: 800px;
	left:92px;
	top:719px;
}

.book-contents .book-contents-pageno .left {
	display:block;
	float:right;
	height:20px;
	width:370px;
}

.book-contents .book-contents-pageno .right {
	display:block;
	float:right;
	height:20px;
	width:370px;
}

.book-second .book-contents-pageno .left {
	width:410px;
}

.book-third .book-contents-pageno .left {
	width:412px;
}



/* page_link */
.book-contents .book-contents-pagelink-right{
	width: 118px;
	height: 640px;
	text-indent: -5000px; 
	z-index: 5;
}

.book-contents .book-contents-pagelink-left{
	width: 118px;
	height: 600px;
	text-indent: -5000px; 
	z-index: 5;
}

.book-contents .book-contents-pagelink-right a{
	display:block;
	width: 118px;
	height: 640px;
	color: #494945;
}

.book-contents .book-contents-pagelink-left a{
	display:block;
	width: 118px;
	height: 600px;
	color: #494945;
}

.book-contents .book-contents-pagelink a:hover{
	background-position: bottom left;
}

.book-first .book-contents-pagelink-right,
.book-index .book-contents-pagelink-right{
	position: absolute;
	left:823px;
	top: 113px;
}

.book-first .book-contents-pagelink-left{
	position: absolute;
	top: 164px;
	left:133px;
}

.book-first .book-contents-pagelink-left a,
.book-index .book-contents-pagelink-left a{
	background: url(pagelink-next-first.gif) no-repeat bottom right;
}

.book-first .book-contents-pagelink-right a,
.book-index .book-contents-pagelink-right a{
	background: url(pagelink-pre-first.gif) no-repeat bottom right;
}

.book-second .book-contents-pagelink-right{
	position: absolute;
	left:809px;
	top: 118px;
}

.book-second .book-contents-pagelink-left{
	position: absolute;
	top: 162px;
	left:113px;
}

.book-second .book-contents-pagelink-left a{
	background: url(pagelink-next-second.gif) no-repeat bottom right;
}

.book-second .book-contents-pagelink-right a{
	background: url(pagelink-pre-second.gif) no-repeat bottom right;
}

.book-third .book-contents-pagelink-right{
	left:800px;
	position:absolute;
	top:115px;
}

.book-third .book-contents-pagelink-left{
	left:89px;
	position:absolute;
	top:155px;
}

.book-third .book-contents-pagelink-left a{
	background: url(pagelink-next-third.gif) no-repeat bottom right;
}

.book-third .book-contents-pagelink-right a{
	background: url(pagelink-pre-third.gif) no-repeat bottom right;
}

.book-fourth .book-contents-pagelink-right{
	position: absolute;
	left:876px;
	top: 129px;
}

.book-fourth .book-contents-pagelink-left{
	position: absolute;
	top: 129px;
	left:169px;
}

.book-fourth .book-contents-pagelink-left a{
	background: url(pagelink-next-fourth.gif) no-repeat bottom right;
}

.book-fourth .book-contents-pagelink-right a{
	background: url(pagelink-pre-fourth.gif) no-repeat bottom right;
}

.book-fifth .book-contents-pagelink-right{
	position: absolute;
	left:876px;
	top: 129px;
}

.book-fifth .book-contents-pagelink-left{
	position: absolute;
	top: 129px;
	left:169px;
}

.book-fifth .book-contents-pagelink-left a{
	background: url(pagelink-next-fifth.gif) no-repeat bottom right;
}

.book-fifth .book-contents-pagelink-right a{
	background: url(pagelink-pre-fifth.gif) no-repeat bottom right;
}

.book-contents-coverlink{
	position: absolute;
	top:822px;
	left:775px;
	width: 187px;
	height: 86px;
	text-indent: -5000px;
}

.book-contents-coverlink a{
	display: block;
	width: 187px;
	height: 43px;
	background: url(bt-link-bookcover.gif) no-repeat top right;
}

.book-contents-coverlink a:hover{
	background-position: bottom right;
}

.book-contents p.book-note{
	width: 428px;
	height: 43px;
	text-indent: -5000px;
	position:absolute;
	top:822px;
	left:46px;
	background: url(bk-book-note.gif) no-repeat bottom right;
	width:295px; /* add 110721*/
}

.book-contents p.book-note-end{
	width: 208px;
	height: 43px;
	text-indent: -5000px;
	position:absolute;
	top:822px;
	left:46px;
	background: url(bk-book-note-end.gif) no-repeat bottom right;
}


/*-------------------------------
	index page
-------------------------------*/

body#book-index{
	background: #F3F2EB url(bk-contents-index-body.jpg?v=20190426) no-repeat scroll center top;
}

body#book-index2{
	background: #F3F2EB url(bk-contents-first-body.jpg) no-repeat scroll center top;
}

.book-index .book-contnets-img{
left:128px !important;
position:absolute;
top:165px;
width:704px;
	padding-right: 36px;
}

.book-index{
	background: url(bk-contents-index-body.jpg?v=20190426) no-repeat  center top;
}

.book-index2{
	background:url(bk-contents-first.jpg?v=20190426) no-repeat;
}
.book-index-img{
	width: 36px;
	height: 327;
	padding-left: 2px;
	padding-top: 40px;
	float: right;
}

.book-index-img-leftfirst{
	padding-right:101px;
}
.book-index-img-year{
	padding-right:36px;
}


.book-index-img a img{
	border: none;
}

.book-contents .book-index-text{
	display: none;
}

.book-index .book-contents-pagelink-left{
	position: absolute;
	top: 614px;
	left:133px;
	height:150px;
}

.book-index .book-contents-pagelink-left a{
	display:block;
	width: 118px;
	height:150px;
	color: #494945;
}

.book-index .book-contents-title h2,
.book-index2 .book-contents-title h2{
	display: block;
	height: 20px;
	font-weight:normal;
	color: #494945;
	text-decoration: none;
	letter-spacing:1.5px;
	font-size:10px;
}
/*shiori*/
.bookcover-shiori{
	width: 287px;
	height: 383px;
	position: absolute;
/*	top:542px;*/
/*	left:743px;*/


    left: 823px;
    top: 348px;


}
/*shiori*/
.book-contents-shiori{
	width: 340px;
	height: 304px;
	position:absolute;
	top: 479px;
	right: 0px;
}
/*


.book-contents-shiori img{
	position: absolute;
top:0;
	left:0;
}*/

/*-------------------------------
	index page2
-------------------------------*/
.book-index2 .book-contnets-img{
left:128px !important;
position:absolute;
top:165px;
width:740px;
}

.book-index2 .book-contents-pagelink-right{
	position: absolute;
	top: 603px;
	left:823px;
	height:150px;
}

.book-index2 .book-contents-pagelink-right a{
	display:block;
	width: 118px;
	height: 150px;
	color: #494945;
}

.book-index2 .book-contents-pagelink-left{
	position: absolute;
	top: 614px;
	left:133px;
	height:150px;
}

.book-index2 .book-contents-pagelink-left a{
	display:block;
	width: 118px;
	height:150px;
	color: #494945;
}

.book-index2 .book-contents-pagelink-left a{
	background: url(pagelink-next-first.gif) no-repeat bottom right;
}

.book-index2 .book-contents-pagelink-right a{
	background: url(pagelink-pre-first.gif) no-repeat bottom right;
}


/*-------------------------------
	comment
-------------------------------*/
.comment-contents{
	padding-top: 60px;
}

.comment-contents h1{
	height: 30px;
	width: 1000px;
	background: url(bk-comment-h1.gif) no-repeat 70px 0;
	border-bottom: 1px solid #4a4443;
	font-weight: normal;
	text-indent: -5000px;
	font-size: 20px;
	padding-bottom: 12px;
}

.comment-contents p.text{
	width: 600px;	
	margin: auto;
	margin-bottom: 0;
	margin-top: 0;
	padding-top: 25px;
	font-size: 14px;

}

.comment-contents .to-commentRight{
	width: 230px;
	height: 43px;
	float: left;
	padding:30px 90px 30px 62px;
	text-indent: -5000px;
}

.comment-contents .to-commentRight a{
	display: block;
	width: 230px;
	height: 43px;
	background: url(bt-link-commentR.gif) no-repeat right top;
}

.comment-contents .to-commentRight a:hover{
	background-position: right bottom;
}

div.comment-to-top{
	width: 230px;
	height: 43px;
	float: left;
	padding-top: 30px;
	padding-bottom: 30px;
	text-indent: -5000px;
}
.comment-contents .comment-to-top a{
	display: block;
	width: 230px;
	height: 43px;
	background:url(bt-link-top.gif) no-repeat left top;
}

.comment-contents .comment-to-top a:hover{
	background-position: left bottom;
}

.comment-contents .comment-contents-title{
	width:640px;
	padding: 4px 0 3px 0;
	background-color: #444444;
	margin-bottom:20px;
	color: #ffffff;
	text-align:center;
	font-weight: bold;
	letter-spacing:3.5px;
	font-size:14px;
}

.comment-contents .comment-contents-link{
	width: 640px;
	margin: auto;
	clear:both;
}

.comment-contents .comment-contents-body{
	clear:both;
	width: 640px;
	margin: auto;
	font-size: 14px;
}

.comment-contents .comment-box{
	width: 640px;
	float: left;
	margin-bottom:20px;
	color: #4a4443;
}

.comment-box .comment-box-name{
	width: 350px;
	background-color: #d1cfc9;
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 20px;
	font-weight:bold;
	float: left;
}

.comment-box .comment-box-date{
	width: 250px;
	background-color: #d1cfc9;
	float: left;
	padding-right: 20px;
	padding-top: 4px;
	padding-bottom: 3px;
	font-weight:bold;
	text-align:right;
}

.comment-box .comment-box-text{
	width: 600px;
	padding: 0 20px 5px 20px;
	clear: both;
	background-color: #ffffff;
	position: relative;
}

.comment-contents .comment-contents-body br{
	display:none;
}

.comment-box .comment-box-text br{
	display:inline;
}

a.pageup{
	width: 15px;
	height: 11px;
	padding: 5px 0 0 8px;
	display: block;
	position:absolute;
	right: 5px;
	bottom: 4px;
}

a.pageup img{
	position: relative;
	display: block;
}



.comment-contents .comment-tsutsui{
	width: 543px;
}

.comment-tsutsui{
	width: 543px;
	padding-left: 97px;
	background: url(bt-tsutsui-comment.gif) no-repeat left center;
}

.comment-tsutsui .comment-box-name{
	width: 253px;
	background-color: #4a4443;
	color: #ffffff;
}

.comment-tsutsui .comment-box-date{
	background-color: #4a4443;
	color: #ffffff;
}

.comment-tsutsui .comment-box-text{
	width: 503px;
	background-color: #ffffff;
}

/* page-navi */
.navi-page{
	width: 640px;
	margin: auto;
	color: #4a4443;
	font-size: 14px;
	clear: both;
}

.navi-page table{
	float: right;
}

.navi-page table td {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}

.navi-page table td.navi-page-next,
.navi-page table td.navi-page-first,
.navi-page table td.navi-page-prev,
.navi-page table td.navi-page-last {
	padding-left:5px;
	padding-right:5px;
	width:35px;
}

.navi-page .navi-page-prev{
	border-right:1px solid #4a4443;
}

.navi-page .navi-page-next{
	border-left:1px solid #4a4443;
}

.navi-page .navi-page-current{
	font-weight: bold;
}

.navi-page a{
	color: #4a4443;
	text-decoration:none;
}

.navi-page a:hover{
	text-decoration: underline;
}

/*写真提供者*/
.book-cover span.photo {
    left: 0;
    right: 20px;
    text-align: right;
}