@charset "utf-8";
/* -----------------------------------------------

=index Style

----------------------------------------------- */

/* =index Style
____________________________________________________________________________ */



div#container {
	padding: 0 0 40px 0;}

h2 {
	padding: 55px 0 0 0;
	text-align: left;}

p#year {
	text-align: left;
	padding: 0 0 20px 0;}

div#containtWrapper {
	width: 860px;
	margin: 0 auto;
	padding: 24px 0 0 0;
	background: url(/visualbook/img/bg.gif) left top no-repeat;}

div#bookContaint {
	position: relative;
	width: 860px;
	text-align: left;
	background: url(/visualbook/img/bg_bottom.gif) left bottom no-repeat;}

div.infoArea {
	width: 485px;
	float: right;
	padding: 20px 0 50px 0;}

div.infoArea dl {
	width: 460px;
	position: relative;}

div.infoArea dl.seasonBlock dd {
	font-size: 0;
	line-height: 0;}

div.infoArea dt {
	padding: 0 0 15px 0;
	font-size: 0;
	line-height: 0;}

div.infoArea dd {
	padding: 0 0 38px 0;}

dl.themeBlock dt {
	padding-bottom: 15px;}

dl.themeBlock dd {
	font-size: 0.8em;
	line-height: 2.5em;
	padding-bottom: 10px;}

dl.themeBlock dd.themeTxt {
	position: absolute;
	top: -5px;
	left: 28px;
	line-height: 1.2em;}

p.btnOpen {
	position: absolute;
	left: 374px;
	bottom: 24px;}

div.imgArea {
	width: 375px;
	float: left;}

div.imgArea p {
	padding: 0 0 24px 24px;}

div#bookArchive {
	width: 860px;
	margin: 0 auto;
	padding: 18px 0 0 0;}

div#bookArchive dl {}

div#bookArchive dt {
	width: 70px;
	float: left;
	text-align: right;
	font-size: 0;
	line-height: 0;}

div#bookArchive dd {
	width: 700px;
	float: left;
	padding: 0 0 0 20px;}

div#bookArchive dd ul {}

div#bookArchive dd li {
	float: left;
	padding: 0 18px 0 0;
	line-height: 1.4em;}