@charset "utf-8";


/*----------------------------------------
	
	=COMMON
-----------------------------------------*/
html{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	background:#fff;
	line-height:1.8;
}








/*----------------------------------------
	
	=BOOK
-----------------------------------------*/


#container_book {
	background:#ccc;	
}

#container_book #contents{
width:860px;
margin:0 auto;
}

#container_book #header{
	width:860px;
	margin:0 auto;
	position:fixed;
	background:#000;
	width:860px;

}

#container_book #header #logo img{
	width:170px;
	height:66px;}


/* 通常版 */
#container_book #header #logo img:hover {
	opacity: 0.8 ;
	filter: alpha(opacity=80) ;	/* Ie用 */
}

/* ゆっくりにする場合は追加 */
#container_book #header #logo a img {
	-webkit-transition: 0.6s ;
	transition: 0.6s ;
}
	

#container_book #header h1{
	margin:20px;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-align:center;}

#container_book #header h1 span{
	font-weight:normal;}
	
#container_book #header p{
	text-align:center;
	color:#FFF;
	margin-bottom: 20px;}	

#container_book #btn_intro{
width:487px;
height:62px;
position:absolute;
bottom:13px;
right:12px;
}

#container_book .nav{
	width:860px;
	margin:0 auto;
	background:url(../images/bg_bar01.png) repeat-x;
	}

#container_book #txtArea{
    width:780px;
	background:#fff;
	margin:0 auto;
	padding:270px 40px 20px;
	}

#container_book #txtArea h2{
border-left:7px solid #ccc;
padding:0 0 0 10px;
margin:25px 0 25px;
font-size:20px;
font-weight:bold;
}
	
#container_book #txtArea p{
line-height:2.0;
font-size:16px;

}	


#container_book #link{
	margin:20px 20px 0;
	padding:10px 20px 0;
	text-align:left;
	background:#eaeaea;}

#container_book #link p{
	font-weight:bold;
	border-bottom:1px dotted #6C6C6C;}
	
#container_book #link ul{
	font-size:14px;
	line-height:1.4;
	float:left;
	padding:20px;}	
	
#container_book #link ul a:link {color: #F21323;text-decoration: underline;}
#container_book #link ul a:visited {color:#F21323;text-decoration: underline;}
#container_book #link ul a:hover, a:active {color: #000;text-decoration: none;}
#container_book #link ul a:focus {color:#000;}

#container_book #footer{
	width:860px;
	margin:0 auto;
	color:#fff;
	background:#000;
	padding:20px 0;
	text-align:center;
	font-size:11px;
}


.pager {
	padding: 6px;
	text-align: center;
}



.pager a {
background:#fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 0 1px 0px;
	padding: 4px 7px;
	vertical-align: middle;
}

.pager a.next,
.pager a.top{
	background:#fff;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	margin: 0 2px 0;
	padding: 4px 20px;
	vertical-align: middle;
}

.pager strong {
	background-color: #fecd01;
	display: inline-block;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	margin: 0 2px 0;
	padding: 4px 7px;
	vertical-align: middle;
}



/*link.html*/
#link_all{
	width:600px;
	margin:0 auto;
	text-align:center;}
	
#link_all #title{
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	padding:10px 0;
	background:#000;}
	

#link_all #link_contents{
	margin:15px;}
	
#link_all #link_contents p{
	margin-bottom:15px;
}

#link_all #link_contents ul a{
	display:block;
	width:310px;
	height:50px;
	margin:15px auto;
	line-height:50px;
	font-size:16px;

}

#link_all #link_contents ul a:hover{
	text-decoration:none;}	

#link_all #link_contents ul a#amazon{
		background:#ff8d12;
		border:#ff8d12 solid 5px;
		color:#fff; 
}

#link_all #link_contents ul a#amazon:hover{
		background:#fff;
		border:#ff8d12 solid 5px;
		color:#ff8d12;
		}
		
		
#link_all #link_contents ul a#rakuten{
		background:#c50000;
		border:#c50000 solid 5px;
		color:#fff; 
}

#link_all #link_contents ul a#rakuten:hover{
		background:#fff;
		border:#c50000 solid 5px;
		color:#c50000;
		}	
		
#link_all #link_contents ul a#seven{
		background:#00ae66;
		border:#00ae66 solid 5px;
		color:#fff; 
}

#link_all #link_contents ul a#seven:hover{
		background:#fff;
		border:#00ae66 solid 5px;
		color:#00ae66;
		}	

#link_all #link_contents ul a#neo{
		background:#0056ae;
		border:#0056ae solid 5px;
		color:#fff; 
}

#link_all #link_contents ul a#neo span{
		border:#fff solid 1px;
		font-size:12px;
		padding:5px;
		margin-right:5px; 
}


#link_all #link_contents ul a#neo:hover{
		background:#fff;
		border:#0056ae solid 5px;
		color:#0056ae;
		}	

#link_all #link_contents ul a#neo:hover span{
		border:#0056ae solid 1px;
		font-size:12px;
		padding:5px;
		margin-right:5px; 
}

/*----------------------------------------
	
	=LINK
-----------------------------------------*/

a:link {color: #000;text-decoration:none}
a:visited {color:#000;text-decoration:none;}
a:hover, a:active {color: #000;text-decoration: underline;}
a:focus {color:#000;}
a img, a:link img, a:visited img, a:hover img, a:active img {border: none;text-decoration: none;}


/*----------------------------------------
	
	=MARGIN - PADDING
-----------------------------------------*/

.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl18 {padding-left:18px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}
.pt0 {padding-top:0px !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt22 {padding-top:22px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pb0 {padding-bottom:0px !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}

.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt100 {margin-top:100px !important;}
.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb100 {margin-bottom:100px !important;}

.mg5 {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd5 {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.ma0 {margin:0 !important;}
.pd0 {padding:0 !important;}


/*----------------------------------------
	
	=ALIGN
-----------------------------------------*/


.alignL {
	text-align:left !important;
}
.alignR {
	text-align:right !important;
}

.alignC {
    text-align:center !important;
}


/*----------------------------------------
	
	=FLOAT
-----------------------------------------*/

.floatR{
	float:right;
}

.floatL{
	float:left;
}

.floatN{
	float:none;
}


/*-----------------------------------------
 
  =FLOATING BOX CLEAR
-----------------------------------------*/

.clr:after {
content: ".";
display: block;
height: 0; 
clear: both;
visibility: hidden;
}

.clr {
display: inline-block;
}

* html .clr { 
height: 1%;
}

.clr {
display: block;
}

.clearR{
	clear:right;
}

.clearL{
	clear:left;
}

.clear{
	clear:both;
}


/*----------------------------------------
	
	=TXT
-----------------------------------------*/

.fontSS{
	font-size:77%;
}

.fontS{
	font-size:85%;
}

.fontM{
	font-size:100%;
}

.fontL{
	font-size:108%;
}

.fontLL{
	font-size:150%;
	font-weight:bold;
}

.fontB{
font-weight:bold;
}


span.center{
	text-align:center;
	display:block;
	font-size:30px;}
	
span.santen{
	display:block;
	width:780px;
 overflow-wrap: break-word;
  word-wrap: break-word ;
  text-indent:16px;}
  
  
 /*キャラ紹介*/
#container_book #txtArea ul{
	background: #E0E0E0;}

#container_book #txtArea li p{
line-height:1.2;
font-size:14px;

}	

#container_book #txtArea li p.single{
	/*width:570px;*/}

#container_book #txtArea li img{
	width:180px;
	height:auto;
	border:1px #cccccc solid;}

#container_book #txtArea li.double{
	width:370px;} 
	
/*一言ページ用*/
.spce{
	margin:200px 0;}