@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
*/

/* ---------------------------
base setting
--------------------------- */
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	text-align: center;
}

/* ---------------------------
header setting
--------------------------- */
#header_wrapper { width: 100%; }
	#header {
		height: 30px;
		margin: 0 auto;
	}

/* ---------------------------
content setting
--------------------------- */
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
	background: url(/books/yuuyake/img/wrapper_bg.jpg) no-repeat center top #000000;
}
	#content_wrapper {
		width: 100%;
		margin: 0 auto;
		padding-bottom: 100px;
	}
		#content_box {
			width: 920px;
			margin: 0 auto;
			padding-bottom: 10px;
			background: url(/books/yuuyake/img/bottom_content_box.png) no-repeat bottom;
		}
			#inner_content_box {
				padding-top: 10px;
				background: url(/books/yuuyake/img/top_content_box.png) no-repeat;
			}
				#middle_content_box {
					padding: 0 10px;
					background: url(/books/yuuyake/img/middle_content_box.png) repeat-y;
				}
		#content_box:after {
			content: ".";
			display: block;
			visibility: hidden;
			height: 0.1px;
			font-size: 0.1em;
			line-height: 0;
			clear: both;
		}

/* ---------------------------
top main content setting
--------------------------- */
	#top_main_content {
		width: 900px;
		height: 600px;
		background: url(/books/yuuyake/img/top_main_content_bg.jpg) no-repeat center top;
		position: relative;
	}
		#top_main_content_topics {
			position: absolute;
			right: 10px;
			bottom: 60px;
			width: 450px;
			height: 70px;
			padding: 30px 10px 10px 10px;
			background: url(/books/yuuyake/img/topics/bg.png) no-repeat;
		}
			#top_main_content_topics dl {
				zoom: 1;
				overflow: auto;
				padding: 0 10px;
				height: 70px;
				line-height: 2em;
				color: #9c9c9c;
			}
				#top_main_content_topics dl dt {
					clear: both;
					float: left;
					width: 100px;
					padding-left: 20px;
				}
					#top_main_content_topics dl dd { padding-left: 120px; }
						#top_main_content_topics dl dd a {
							color: #cc3366;
							text-decoration: underline;
						}
							#top_main_content_topics dl dd a:hover { color: #ff6633; }

/* ---------------------------
sub content setting
--------------------------- */
#sub_content_box {
	width: 300px;
	float: left;
	min-height: 500px;
}

/* ---------------------------
main content setting
--------------------------- */
#main_content {
	width: 900px;
	height: 600px;
	position: relative;
}
#main_content:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
	#main_content.topics    { background: url(/books/yuuyake/img/topics_main_content_bg.jpg) no-repeat; }
	#main_content.story     { background: url(/books/yuuyake/img/story_main_content_bg.jpg) no-repeat; }
	#main_content.character { background: url(/books/yuuyake/img/character_main_content_bg.jpg) no-repeat; }
	#main_content.gallery   { background: url(/books/yuuyake/img/gallery_main_content_bg.jpg) no-repeat; }
	#main_content.tachiyomi { background: url(/books/yuuyake/img/tachiyomi_main_content_bg.jpg) no-repeat; }
	#main_content.download  { background: url(/books/yuuyake/img/download_main_content_bg.jpg) no-repeat; }
	#main_content.comment   { background: url(/books/yuuyake/img/comment_main_content_bg.jpg) no-repeat; }
#main_content_box {
	width: 560px;
	margin: 10px 20px;
	float: left;
	height: 525px;
	background: url(/books/yuuyake/img/main_content_box_bg.png) repeat-y;
	overflow: auto;
}
	#main_content_box h1 { padding: 5px 0 0 5px; }
	#pankuzu_list { padding: 5px 0 0 25px; }
		#pankuzu_list li { display: inline; }
			#pankuzu_list li a {
				color: #cc3366;
				text-decoration: underline;
			}
				#pankuzu_list li a:hover { color: #ff6633; }
	#main_content_box p.story {
		text-align: center;
		padding: 10px 0 30px 0;
	}
	#main_content_box div.topics_list { padding: 10px 20px; }
		#main_content_box div.topics_list a { color: #cc3366; }
			#main_content_box div.topics_list a:hover { color: #ff6633; }
		#main_content_box div.topics_list div.topics_title {
			font-size: 140%;
			font-weight: bold;
			padding: 5px 0;
			border-top: 1px #cc3366 solid;
		}
		#main_content_box div.topics_list span.update_time { font-size: 90%; }
		#main_content_box div.topics_list p { padding: 10px; }
		#main_content_box div.topics_list dl { padding: 10px; }
			#main_content_box div.topics_list dl dt {
				padding-left: 20px;
				font-size: 110%;
			}
				#main_content_box div.topics_list dl dt a {
					color: #666666;
					font-weight: bold;
				}
					#main_content_box div.topics_list dl dd { padding-left: 35px; }
		div.social_link:after {
			content: ".";
			display: block;
			visibility: hidden;
			height: 0.1px;
			font-size: 0.1em;
			line-height: 0;
			clear: both;
		}
			div.twitter { float: right; }
			div.hatena { float: right; }
	#main_content_box div.character_list { padding: 20px; }
	#main_content_box div.character_list:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
	}
		#main_content_box div.character_list img { float: left; }
		#main_content_box div.character_list dl {
			float: left;
			width: 350px;
		}
			#main_content_box div.character_list dl dt {
				font-size: 150%;
				font-weight: bold;
				padding: 10px 0 0 20px;
			}
				#main_content_box div.character_list dl dt span.yomi{
					font-size: 70%;
					padding: 0 10px;
					font-weight: normal;
				}
					#main_content_box div.character_list dl dd {
						padding: 10px 0 10px 30px;
						line-height: 1.8em;
						font-size: 110%;
					}
	#main_content_box div.left  { padding: 0 30px 0 60px; }
	#main_content_box div.right { padding: 0 60px 0 30px; }
	#main_content_box div.gallery_list_row { padding: 15px 0; }
	#main_content_box div.gallery_list_row:after {
		content: ".";
		display: block;
		visibility: hidden;
		height: 0.1px;
		font-size: 0.1em;
		line-height: 0;
		clear: both;
	}
		#main_content_box div.gallery_list { float: left; }
			#main_content_box div.gallery_list a {
				text-align: center;
				color: #cc3366;
			}
				#main_content_box div.gallery_list a:hover {
					text-align: center;
					color: #ff6633;
					text-decoration: underline;
				}
h3.download_title, h3.tachiyomi_title {
	margin: 5px 30px;
	font-size: 150%;
	font-weight: bold;
	color: #cc3366;
	border-bottom: 1px #cc3366 solid;
}
p.download, p.tachiyomi {
	padding: 10px 40px;
	font-size: 110%;
	line-height: 1.8em;
}
div.wall_paper_list:after, div.tachiyomi_list:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
div.wall_paper_list_thumbnail {
	float: left;
	padding: 0 30px;
}
div.wall_paper_list_thumbnail h4 {
	text-align: center;
	font-size: 110%;
	font-weight: bold;
}
div.tachiyomi_list_thumbnail {
	float: left;
	margin: 0 50px;
	border: 1px #000000 solid;
}
div.tachiyomi_list h4 {
	padding: 5px 0;
	font-size: 140%;
	font-weight: bold;
}
div.tachiyomi_list_view {
	float: left;
	width: 270px;
}
div.tachiyomi_list_view dl { }
	div.tachiyomi_list_view dl dt{
		padding-left: 5px;
		color: blue;
	}
		div.tachiyomi_list_view dl dd{ padding-left: 15px; }
div.tachiyomi_list_view p {
	text-align: center;
	padding: 10px 0;
	font-size: 200%;
	font-weight: bold;
}
	div.tachiyomi_list_view p a { color: red; }
div.wall_paper_list ul {
	float: left;
	width: 220px;
	padding: 20px 0;
	text-align: center;
	font-size: 120%;
}
	div.wall_paper_list ul li { line-height: 2.5em; }
		div.wall_paper_list ul li a { color: #cc3366; }
			div.wall_paper_list ul li a:hover {
				color: #ff6633;
				text-decoration: underline;
			}
h2.comment_name {
	font-size: 150%;
	font-weight: bold;
	padding: 20px 0 0 20px;
}
p.comment {
	padding: 10px 30px;
	font-size: 120%;
	line-height: 1.8em;
}
p.comment_small {
	padding: 0 30px 20px 30px;
	font-size: 90%;
}

/* ---------------------------
footer setting
--------------------------- */
#footer_nav {
	width: 900px;
	height: 50px;
	position: absolute;
	bottom: 0;
}
	#footer_nav_list {
		background: url("/books/yuuyake/img/footer_nav_list.png") no-repeat;
		width: 600px;
		height: 50px;
		padding-left: 300px;
	}
		#footer_nav_list span { display: none; }
		#footer_nav_list li, #footer_nav_list a {
			height: 50px;
			display: block;
		}
		#footer_nav_list li {
			float: left;
			list-style: none;
			display: inline;
		}
		#footer_nav_list-01 { width: 100px; }
		#footer_nav_list-02 { width: 100px; }
		#footer_nav_list-03 { width: 100px; }
		#footer_nav_list-04 { width: 100px; }
		#footer_nav_list-05 { width: 100px; }
		#footer_nav_list-06 { width: 100px; }
			#footer_nav_list-01 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -300px -50px no-repeat; }
			#footer_nav_list-02 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -400px -50px no-repeat; }
			#footer_nav_list-03 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -500px -50px no-repeat; }
			#footer_nav_list-04 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -600px -50px no-repeat; }
			#footer_nav_list-05 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -700px -50px no-repeat; }
			#footer_nav_list-06 a:hover { background:url("/books/yuuyake/img/footer_nav_list.png") -800px -50px no-repeat; }
				#current_top       { background:url("/books/yuuyake/img/footer_nav_list.png") -300px -50px no-repeat; }
				#current_story     { background:url("/books/yuuyake/img/footer_nav_list.png") -400px -50px no-repeat; }
				#current_character { background:url("/books/yuuyake/img/footer_nav_list.png") -500px -50px no-repeat; }
				#current_gallery   { background:url("/books/yuuyake/img/footer_nav_list.png") -600px -50px no-repeat; }
				#current_tachiyomi { background:url("/books/yuuyake/img/footer_nav_list.png") -700px -50px no-repeat; }
				#current_download  { background:url("/books/yuuyake/img/footer_nav_list.png") -800px -50px no-repeat; }
	#footer_logo {
		position: absolute;
		left: 0;
		bottom: 5px;
	}
	#footer_copyright {
		position: absolute;
		right: 10px;
		bottom: 50px;
		color: #cccccc;
		font-size: 80%;
	}