@charset "UTF-8";

/*
京都アニメーション
Copyright (C) Kyoto Animaion Co.,Ltd. All Rights Reserved.
*/

/*
font-size list (base: 12px)
 67% =  8px
 75% =  9px
 83% = 10px
 92% = 11px        175% = 21px
100% = 12px        184% = 22px
108% = 13px        192% = 23px
117% = 14px        200% = 24px
125% = 15px        209% = 25px
133% = 16px        217% = 26px
142% = 17px
150% = 18px
159% = 19px
167% = 20px
*/

/* ---------------------------
clearfix setting
--------------------------- */
.clearfix {
	zoom: 1;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
	overflow: hidden;
}
.clearfix:after {
	clear: both;
}

/* ---------------------------
books footer setting
--------------------------- */
#booksFooterWrap {
	width: 100%;
	min-width: 900px;
	height: 180px;
	margin-top: -80px;
	background: url(/img/books/footer/footerBg.png) #000 repeat-x left top;
	z-index: 1;
}
	#booksFooter {
		position: relative;
		height: 170px;
		margin: 0 auto;
		width:900px;
	}
		#goToTop {
			position: absolute;
			right: 10px;
			top: 5px;
			z-index:1;
		}
		#goToTop p {
			padding-left: 15px;
			background: url(/img/books/goToTop.png) no-repeat 3px 6px;
		}
			#goToTop p a {
				color: #fff;
				text-decoration: none;
			}
				#goToTop p a:hover { text-decoration: underline; }
		#booksLinkWrap {
			position: absolute;
			left: 10px;
			zoom: 1;
		}
		#booksLinkWrap:before, #booksLinkWrap:after {
			content: "";
			display: table;
			overflow: hidden;
		}
		#booksLinkWrap:after { clear: both; }
			#booksLinkLogo {
				float: left;
				width: 200px;
			}
				#booksLinkLogo a { display: block; }
					#booksLinkLogo a img { margin-top:18px; }
			#booksLink {
				float: left;
				margin: 20px 0 0 20px;
			}
				#booksLink ul {
					zoom: 1;
					line-height: 30px;
				}
				#booksLink ul:before, #booksLink ul:after {
					content: "";
					display: table;
					overflow: hidden;
				}
				#booksLink ul:after { clear: both; }
					#booksLink ul li {
						float: left;
						margin-left: 10px;
					}
						#booksLink ul li a {
							padding-right: 10px;
							color: #fff;
							text-decoration: none;
							border-right: 1px #ccc dotted;
						}
						#booksLink ul li.last a { border: none; }
							#booksLink ul li a:hover { text-decoration: underline; }
		#booksCopyright {
			position: absolute;
			right: 10px;
			bottom: 0;
			color: #b2b2b2;
			font-family: 'Aldrich', sans-serif;
			font-size: 83%;
		}