@charset "Shift_JIS";
/* CSS Document */

#topicpath {
	text-align: right;
	width: 940px;
	padding-right: 15px;
	padding-bottom: 30px;
}
#main {
	width: 960px;
	clear: both;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#story_info {
	width: 630px;
	padding-left: 60px;
	float: left;
	height: 400px;
}
#book {
	float: right;
	width: 270px;
	height: 400px;
}
#book_content {
	width: 900px;
	height: 710px;
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 23px;
}
.book_box {
	height: 210px;
}
.book_text_a {
	height: 160px;
	width: 160px;
	padding-top: 40px;
	padding-right: 20px;
	padding-left: 40px;
	float: left;
	overflow: hidden;
	padding-bottom: 10px;
}
.book_text_d {
	height: 160px;
	width: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-left: 10px;
	float: left;
	overflow: hidden;
	padding-bottom: 110px;
}
#kabutomusi img {
	padding-top: 20px;
	padding-left: 50px;
}
.book_dc {
	float: left;
	width: 120px;
	height: 290px;
}
.book_photo_a  {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 40px;
	padding-right: 100px;
	padding-left: 20px;
	padding-bottom: 10px;
}
.book_photo_d {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 20px;
	padding-bottom: 110px;
	padding-right: 35px;
	padding-left: 15px;
}
.book_photo_e {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 20px;
	padding-bottom: 110px;
}
.book_text_e {
	height: 160px;
	width: 160px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 110px;
	padding-left: 40px;
	float: left;
	overflow: hidden;
}
.book_photo_b {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 20px;
}
.book_text_b {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 40px;
	padding-bottom: 20px;
}
.book_text_c {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 30px;
	padding-right: 100px;
	padding-bottom: 20px;
	padding-left: 20px;
	overflow: hidden;
}
.book_box  h2 {
	padding-top: 5px;
	padding-bottom: 30px;
	padding-left: 20px;
}
.book_photo_c {
	float: left;
	height: 160px;
	width: 160px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 40px;
}
.book_box_bottom {
	height: 290px;
}
.book_summary_spring {
	background-image: url(/NATURAL/special/hatake/images/story/spring/spring_back.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 160px;
	width: 320px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 30px;
	padding-top: 20px;
	overflow: hidden;
}
.book_summary_summer {
	float: left;
	height: 160px;
	width: 320px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 30px;
	overflow: hidden;
	background-image: url(/NATURAL/special/hatake/images/story/summer/summer_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.book_summary_autumn {
	float: left;
	height: 160px;
	width: 320px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 30px;
	overflow: hidden;
	color: #000;
	background-image: url(/NATURAL/special/hatake/images/story/autumn/back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.book_summary_winter {
	float: left;
	height: 160px;
	width: 320px;
	padding-top: 30px;
	padding-right: 50px;
	padding-bottom: 20px;
	padding-left: 30px;
	overflow: hidden;
	background-image: url(/NATURAL/special/hatake/images/story/winter/winter_back.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#header_inner {
	background-image: url(/NATURAL/special/hatake/images/story/header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
h1 {
	padding: 0px;
}
#sub {
	padding-left: 100px;
	padding-bottom: 10px;
	padding-top: 10px;
}
#story a {
	background-position: -180px -100px;
}
#f_navi_story a {
	background-position: -100px -60px;
}
.title_info {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-weight: bold;
}
#spring_busy {
	font-size: 1.3em;
}
#summer_fine {
	font-size: 1.3em;
}
#autumm_minori {
	font-size: 1.35em;
}
