@charset "utf-8";

/* 共通 */
body {
  background: #fff;
  color: #222;
  font: 16px/1 sans-serif;
}

.wrapper {
  margin: 0 auto;
  width: 960px;
}

/* ヘッダー */
.header {
	background: url("../img/header-bg.png");
	position: relative;
}

.header:before {
	background: url("../img/header-frill.png");
	content: '';
	display: block;
	height: 12px;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.header-container {
	background: url("../img/header-title-bg.png") no-repeat;
	height: 898px;
	width: 956px;
}

.col2 {
	padding-top: 92px;
	overflow: hidden;
	position: relative;
	left: -10px;
}

.cover {
	float: left;
}

.header-titles {
	position: relative;
	left: -26px;
}

.header-title {
	margin-top: 20px;
}

.header-text {
	margin-top: 12px;
	position: relative;
	left: 80px;
}

.header-contents {
	padding-left: 112px;
}


/* オンライン書店 */
.store {
	background: #31cdbb;
	position: relative;
}

.store:before {
	background: url("../img/store-frill.png");
	content: '';
	display: block;
	height: 21px;
	position: absolute;
	left: 0;
	width: 100%;
	top: -21px;
}

.store .wrapper {
	position: relative;
}

.store .wrapper:before,
.store .wrapper:after {
	bottom: 0;
	content: '';
	display: block;
	margin: auto;
	position: absolute;
	top: 0;
}

.store .wrapper:before {
	background: url("../img/shop-bg-l.png") no-repeat;
	left: 0;
	height: 116px;
	width: 211px;
}

.store .wrapper:after {
	background: url("../img/shop-bg-r.png") no-repeat;
	right: 0;
	height: 109px;
	width: 201px;
}

.store-btn {
	margin: 0 auto;
	overflow: hidden;
	width: 636px;
}

.store-btn li {
	float: left;
}


/* メイン */
.main {
	background: url("../img/main-bg.png");
	position: relative;
	padding: 144px 0 113px;
}

.main:before {
	background: url("../img/store-frill.png");
	content: '';
	display: block;
	height: 21px;
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
	transform: rotate(180deg);
}

.present-box1 {
	background: url("../img/present-box1.gif") no-repeat;
	height: 331px;
	width: 960px;
	margin-bottom: 123px;
}

.present-box2 {
	background: url("../img/present-box2.gif") no-repeat;
	height: 497px;
	width: 960px;
	margin-bottom: 123px;
}

.present-box3 {
	background: url("../img/present-box3.gif") no-repeat;
	height: 804px;
	width: 960px;
}

.ribbon-title {
	margin: 0 auto;
	position: relative;
	top: -44px;
	width: 680px;
}

.present-text1 {
	position: relative;
	top: -34px;
	padding-left: 20px;
}

.present-text2 {
	position: relative;
	top: -12px;
	padding-left: 116px;
}

.present-text3 {
	position: relative;
	top: -12px;
	padding-left: 215px;
}

.pdf-btn {
	width: 300px;
	margin: 0 auto;
	position: relative;
	top: -32px;
}

.apply-container {
	background: url("../img/apply-bg.png") no-repeat;
	height: 435px;
	width: 710px;
	margin: 32px auto 0;
	padding-top: 32px;
}

.apply-title {
	width: 652px;
	height: 22px;
	margin: 0 auto 32px;
}

.apply-text {
	height: 301px;
	width: 646px;
	margin: 0 auto;
}


/* 著者紹介 */
.author {
	background: url("../img/footer-bg.png");
	position: relative;
	padding: 60px 0 80px;
}

.author:before {
	background: url("../img/footer-frill.png");
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	left: 0;
	width: 100%;
	top: -20px;
}

.author-container {
	background: url("../img/author-bg.png") no-repeat;
	height: 712px;
}

.author-title {
	padding: 143px 0 24px;
	margin: 0 auto;
	width: 125px;
}

.author-text {
	margin: 0 auto;
	width: 660px;
}


/* フッター */
.footer {
	background: #31cdbb;
	padding: 23px 0;
}

.footer-copy {
	margin: 0 auto;
	width: 516px;
}