@charset "utf-8";

@import "../../../files/css/layout.css";

/*-------------------------------------------------------------------------
	Contents
/*-----------------------------------------------------------------------*/
#contents #title {
	padding: 72px 0 0 16px;
}
	#contents #title #note {
		padding-top: 32px;
	}
	#contents #title #illust {
		position: absolute;
		top: 57px;
		right: 21px;
	}

#contents #sec01 {
	padding: 24px 96px 0 44px;
}
	#contents #sec01 .txt {
		float: left;
	}
	#contents #sec01 .thumbs {
		float: right;
		padding-top: 30px;
	}
	#contents #sec01 ul li {
		zoom:1;
	}

		#contents #sec01 ul li:after {
			content:"";
			display:block;
			clear:both;
			visibility:hidden;
		}

#contents #binder {
	height: 1264px;
	margin: 48px 0 32px 10px;
	background: url(../img/index/binder/bg.png) no-repeat;
}
	#contents #binder h2 {
		padding-top: 102px;
		text-align: center;
	}
	#contents #binder ul {
		margin: 24px 0 0 86px;
	}
		#contents #binder ul li {
			float: left;
			height: 280px;
			width: 340px;
			margin: 0 0 30px 30px;
			background: url(../img/index/binder/bg01.png) no-repeat;
			position: relative;
		}
		#contents #binder ul li#last {
			float: left;
			height: 258px;
			width: 640px;
			margin-left: 66px;
			background: url(../img/index/binder/bg02.png) no-repeat;
			position: relative;
		}

			#contents #binder ul li .ttl,
			#contents #binder ul li .icon,
			#contents #binder ul li .thumbs {
				padding-top: 8px;
				text-align: center;
			}
			#contents #binder ul li .icon {
				position: absolute;
				top: 39px;
				left: 0;
				right: 0;
			}
			#contents #binder ul li .thumbs {
				position: absolute;
				top: 66px;
				left: 0;
				right: 0;
			}
			#contents #binder ul li#last .icon {
				text-align: left;
				top: 68px;
				left: 46px;
			}
			#contents #binder ul li#last .thumbs {
				top: 46px;
				left: 284px;
			}