@charset "utf-8";
@import url("common.css");

div.heading-title {
	background:#ebfffa url(../images/top-title-bg.png) no-repeat;
}

div.heading-title h1 {
	border-bottom: 2px solid #1c9;
	color: #16a673;
	font-size: 250%;
}

div.heading-title h1 span.hiragana {
	font-size: 80%;
}

/*===== list-2column =====*/
div.list-2column section {
	display: inline-block;
	vertical-align: top;
	margin: 0 1.3% 1em;
	width: 47%;
	min-height: 120px; /* 75px + 1em + α */
}
* html div.list-2column section {
	width: 46.6%;
} /* IE6 hack */

div.list-2column div.paragraph-group {
	margin: 1em;
}

div.list-2column p.link {
	margin-left: 1em;
}

/*===== list-3column =====*/
div.list-3column section {
	display: inline-block;
	border-right: 1px solid #ccc;
	vertical-align: top;
	margin: 0 1.4% 1em;
	width: 30%;
	min-height: 120px; /* 75px + 1em + α */
}
* html div.list-3column section {
	margin-left: 2.5%;
} /* IE6 hack */

div.list-3column div.paragraph-group {
	margin: 1em;
}

/*===== figure =====*/
section.figure span.heading-text,
section.figleft span.heading-text {
	font-weight: bold;
}

section.figure a span.heading-text,
section.figleft a span.heading-text {
	background: url(../images/link-arrow.gif) no-repeat left center;
	padding-left: 13px; /* image 8px + padding 5px */
}

section.figure div.paragraph-group,
section.figleft div.paragraph-group {
	margin: 0;
}

section.figure img {
	display: block;
}

section.figure div.paragraph-group {
	margin-top: 0.5em;
}

section.figleft h1,
section.figleft h2,
section.figleft h3,
section.figleft h4,
section.figleft h5,
section.figleft h6 {
	position: relative;
}
*:first-child+html section.figleft h1,
*:first-child+html section.figleft h2,
*:first-child+html section.figleft h3,
*:first-child+html section.figleft h4,
*:first-child+html section.figleft h5,
*:first-child+html section.figleft h6 {
	position: static;
} /* IE7 hack */
* html section.figleft h1,
* html section.figleft h2,
* html section.figleft h3,
* html section.figleft h4,
* html section.figleft h5,
* html section.figleft h6 {
	position: static;
} /* IE6 hack */

section.figleft h1 img,
section.figleft h2 img,
section.figleft h3 img,
section.figleft h4 img,
section.figleft h5 img,
section.figleft h6 img {
	position: absolute;
	top: 100%;
	margin-top: 0.5em;
}

section.figleft div.paragraph-group {
	margin-top: 0.5em;
	margin-left: 122px; /* 112px + α*/
}

/*===== showcase, book =====*/
section.showcase {
	float: left;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 69%;
}

section.book {
	clear: none;
	float: left;
	position: relative;
	left: -1px;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 30%;
}

section.showcase div.heading-A h1,
section.showcase div.heading-A h2,
section.showcase div.heading-A h3,
section.showcase div.heading-A h4,
section.showcase div.heading-A h5,
section.showcase div.heading-A h6,
section.book div.heading-A h1,
section.book div.heading-A h2,
section.book div.heading-A h3,
section.book div.heading-A h4,
section.book div.heading-A h5,
section.book div.heading-A h6 {
	margin: 1px;
}

section.showcase div.heading-B h1,
section.showcase div.heading-B h2,
section.showcase div.heading-B h3,
section.showcase div.heading-B h4,
section.showcase div.heading-B h5,
section.showcase div.heading-B h6,
section.showcase div.heading-C h1,
section.showcase div.heading-C h2,
section.showcase div.heading-C h3,
section.showcase div.heading-C h4,
section.showcase div.heading-C h5,
section.showcase div.heading-C h6,
section.book div.heading-B h1,
section.book div.heading-B h2,
section.book div.heading-B h3,
section.book div.heading-B h4,
section.book div.heading-B h5,
section.book div.heading-B h6、
section.book div.heading-C h2,
section.book div.heading-C h3,
section.book div.heading-C h4,
section.book div.heading-C h5,
section.book div.heading-C h6 {
	margin: 0 0.5em;
}

section.showcase div.paragraph-group,
section.showcase div.list-link,
section.book div.paragraph-group,
section.book div.figure-figleft {
	margin: 0.5em;
}

section.showcase div.showcase-list {
	float: right;
	width: 50%;
}

section.showcase div.showcase-images-list li {
	display: inline-block;
	vertical-align: top;
	margin: 10px 5px 0;
	width: 112px;
}
*:first-child+html section.showcase div.showcase-images-list li {
	display: inline;
} /* IE7 hack */
* html section.showcase div.showcase-images-list li {
	display: inline;
} /* IE6 hack */