@charset "UTF-8";

/* body,Anchor
------------------------------------------------*/
body {
	margin:0;
	padding:0;
	background: #fff url(../images/bg4.gif);
	color: #100f0f;
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}

a:link { color: #100f0f; }
a:visited { color: #100f0f; }
a:hover {
	color: #100f0f;
	text-decoration: none;
}

#tit p a:link, #tit-s p a:link { color: #fff; }
#tit p a:visited, #tit-s p a:visited { color: #fff; }
#tit p a:hover, #tit-s p a:hover {
	color: #fff;
	text-decoration: none;
}

#sub-nav-s a:link  { color: #100f0f; text-decoration: none; }
#sub-nav-s a:visited { color: #772432; text-decoration: none; }
#sub-nav-s a:hover { color: #100f0f; text-decoration: underline; }


a img.trp{
background:none!important;
}

a:hover img.trp{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background:none!important;
}



.img-l {
	float:left;
	margin:5px 20px 5px 0 ;
}

.img-l3 {
	float:left;
	margin:5px 20px 5px 20px ;
}

.img-r {
	float:right;
	margin:5px 5px 5px 20px;	
}

.img-r2 {
	float:right;
	margin:-5px 20px 15px 0;	
}

.img-r3 {
	float:right;
	margin:5px 15px 5px 5px;	
}

.img-s {
	margin:15px 15px 15px 35px;
	border: solid 1px #CCC;
}

.jisage {
	text-indent:3em;
}

.jisage1 {
	text-indent:1em;
}

.jisage2 {
	text-indent:-1em;
	padding:0 0 0 1em;
}

.jisage3 {
	text-indent:-2em;
	padding:0 0 0 1em;
}

.jisage4 {
	float:right;
	padding:0 60px 0 0;
}

.clear {
	clear:both;
}

.red { color: #ff0000; }

.italic { font-style: italic; }

ruby {
  position: relative;
}

ruby rt {
  position: relative;
  top: 0.7ex;
}


/* clearfix
------------------------------------------------*/
.clearfix { *zoom:1; }
.clearfix:before,
.clearfix:after {
	display: table;
	content:"";
	line-height: 0;
}
.clearfix:after { clear: both; }

/* Layout
------------------------------------------------*/
#container {
	margin: 0 auto;
	width: 950px;
	background: #fbf5f0;	
}

/* header
------------------------------------------------*/
#header {
	background:url(../images/header11.jpg);
	height:151px;
	position:relative;
}

#header h1 {
	padding: 10px 0 0 58px;
}

#hdr-01 {
	margin: 10px 0 0 64px;
}

#hdr-02 {
	position:absolute;
	top: 118px;
	left: 735px;
}

/* nav
------------------------------------------------*/
#nav {
	margin: 0 0 5px;
}

#nav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#nav ul li {
	float: left;
	margin: 0;
}


/* main
------------------------------------------------*/
#main {
	float: right;
	margin-right:3px;
	width: 740px;
	margin-bottom:15px;
}

#visual {
	position:relative;
}

#vsl-01 {
	position:absolute;
	top: 168px;
	left: 391px;
}

#vsl-02 {
	position:absolute;
	top: 210px;
	left: 391px;
}

#vsl-03 {
	position:absolute;
	top: 252px;
	left: 390px;
}

#tit, #tit-s {
	width:740px;
	height:95px;
	background-color:#706060;
}

#tit img {
	float:right;
	margin:50px 20px 0 0px;
}

#tit-s img {
	float:right;
	margin:30px 20px 0 0;
}

#tit p, #tit-s p {
	float:left;
	margin:5px 0 0 5px;
	font-size:65%;
	color:#fff;
}

.entry {
	margin:0 auto 25px;
}

.entry h2 {
	margin:15px 0;
}

.entry h3 {
	margin:15px 0 5px 20px;
}

.entry h4 {
	font-size:90%;	
	margin:10px 0 5px 30px;
}

.entry p {
	margin:0 8px 0 15px;
	font-size:90%;
	line-height: 1.8;
	text-indent: 1em;
}

.entry dt, .entry dd {
	margin:5px 8px 0 15px;
	font-size:90%;
	line-height: 1.8;
}

.entry li {
	margin:0 5px 0 5px;
	font-size:90%;
	line-height: 1.8;
	padding:0 0 0 4em;
}

.entry-02 {
	width:740px;
	margin:0 auto 0;	
	float:left;	
}

.box {
	margin:10px 0;
}

.box p {
	margin:0 5px 0 5px;
	font-size:90%;
	line-height: 1.8;
	padding:0 0 0 3em;
}

.box-02 {
	margin:30px 0;
}

.box-03 {
	margin:35px 0;
}

.box-04 {
	margin:20px 0 0 0;
}

.box-oshirase {
	margin:30px 0 0 -30px;
}

.box-oshirase img {
	margin: 0 0 0.5em 0;
}

.box-02 p, .box-02 ul ,h4 {
	margin:15px 10px 0 10px;
}

.box-03 h4 {
	margin:5px 10px 0 20px;
	line-height: 1;
}

.story {
	margin:20px 12px 0 2px;
}

.story p {
	margin:0 5px 0 15px;
	font-size:90%;
	line-height: 1.8;
	text-indent: 1em;
}

.event-tit {
	margin:0 0 25px 15px
}

.books h3 {
	margin:15px 0 5px 0;
	font-size:120%;	
}

.books dl {
	clear:both;
	margin:30px 0 0 0;
}

.books dt, .entry dd, {
	margin:5px 10px 0 20px;
	font-size:90%;
	line-height: 1.8;
}

.books img {
	margin:5px 15px 15px 15px;
}

h5 {
	font-size:90%;
}


/* side
------------------------------------------------*/
#side {
	float: left;
	margin-left:3px;	
	width: 200px;
}
/*
#count {
	width: 193px;
	height:160px;
	background:url(../images/count_bg.jpg) #0b0b0b;
	margin-bottom:15px;
	font-size:45px;
	font-weight:bold;
	line-height: 4.3;
	text-indent: 1.7em;
}
*/
#count {
	width: 193px;
	height:160px;
	background:url(../images/count_bg3.jpg) #0b0b0b;
	margin-bottom:15px;
}

li img {
    vertical-align: bottom;
}

#side #oshirase img {
  margin: 0 0 0.4em 0;
}

#side #oshirase {
  margin: 0 auto;
  font-size: 80%;
}

#side #oshirase li {
  margin: 10px 5px;
}

#side #oshirase span {
  display: block;
  font-weight:bold;
}

#side #oshirase li a {
  display: block;
  text-decoration: underline;
}

#side #oshirase a:hover {
  text-decoration:
}

#side #oshirase div.oshirase-bnr {
  margin: 0 0 5px; none;
}

.fb-share-button {
	margin: 15px 0 0 3px;
}

#fb {
	margin: 15px 0 0 3px;
}

#tw {
	margin: 5px 0 15px 3px;
}

#side #banner li {
  margin: 0 auto 7px;
}

#sub-nav, #sub-nav-s {
  margin-bottom:15px;
  background-image:url(../images/side-bg.gif)
}

#sub-nav li {
  margin: 0;
}

#sub-nav-s li {
  margin: 10px 10px 0 8px;
  font-size: 75%;
  line-height: 120%;
}



/* sitemap
------------------------------------------------*/

ul.sitemap li {
	line-height:28px;
	padding-left:10px;
	margin:20px 10px;
	border-bottom:1px solid #706060;
}

ul.sitemap li.sitemap-item {
	line-height:19px;
	margin-left:30px;	
	border-bottom:1px dotted #706060;
}

ul.sitemap a:link { 
	color: #100f0f;
	text-decoration: none;
 }
 
ul.sitemap a:visited { color: #100f0f; }
ul.sitemap a:hover {
	color: #100f0f;
	text-decoration: underline;
 }




/* footer
------------------------------------------------*/
#footer {
	clear:both;
	border-top:1px solid #999;
	font-size: 90%;	
}

#footer ul {
	margin:20px auto 5px;
	width:30em;	
}

#footer li {
	margin:0 auto;
}

#bottom-nav {
	clear:both;
	width:30em;
	margin: 0 auto;
	padding-bottom:25px;		
}

#bottom-nav li {
	float: left;
	margin: 0 10px 0 0;
	padding: 0 0 0 10px;
	border-left: 1px solid #999;
	font-size: 80%;
}

#bottom-nav li:first-child {
	padding: 0;
	border: none;
}
	
#cr {
	clear:both;
	width:350px;
	margin:10px auto 25px;
}

.toTop {
	clear:both;
	float: right;
	margin:10px 20px 10px 0;
}

.toNext {
	font-size:90%;
	float: right;
	margin:10px 30px 10px 0;
}


/* page-turn
------------------------------------------------*/

.koboBlock{position:absolute;top:0px;left:0px;background-color:#fff;overflow:hidden;text-align:center;}
.koboBlock img{margin:0;border:0;}

#BSL_CP_5_3d_p_j{position:relative;top:0px;left:0px;width:740px;height:315px;overflow:hidden;}
.koboImg{position:relative;top:0px;left:0px;width:740px;height:305px;margin:auto;box-shadow:0px 14px 14px -10px #666;}







/* accordion
------------------------------------------------*/



.menu {
  height: 30px;
  width: 180px;
  margin: 10px auto;
  padding: 5px;
  background: #fff;
}

label {
  background: #333;
  color: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border: 1px solid #fff;
}

label:hover {
  background: #555;
}

input[type="checkbox"].on-off{
  display: none;
}

.menu ul {
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  margin: 0;
  padding: 0;
  list-style: none;
}

.menu li {
  padding: 5px;
}

input[type="checkbox"].on-off + .menu ul{
  height: 0;
  overflow: hidden;
}

input[type="checkbox"].on-off:checked + .menu ul{
  height: 200px;
}