@charset "utf-8";

/* container ---------- */
body {
	/**/
	overflow: hidden;
	/**/
}




/* --------------------------------------------------
 * ARTICLE
 * --------------------------------------------------
 */

#article {
	clear: both;
	position: relative;
	width: 100%;
	overflow: hidden;
}
	#article_container {
		padding-top: 100px;
	}
	
		/* section */
		.section {
			display: block;
			padding-bottom: 1px;
			float: left;
		}
			.section_container {
				position: relative;
				display: none;
				width: 1000px;
				margin: 0 auto;
			}
			
				/* section title */
				.section_ttl {
					
				}
					.section_ttl_container {
						position: relative;
					}
						.section_ttl .en {
							display: block;
							width: 100%;
							padding-top: 90px;
							text-align: center;
						}
						.section_ttl .jp {
							display: block;
							width: 100%;
							padding-top: 16px;
							padding-bottom: 50px;
							font-size: 258%;
							font-weight: normal;
							color: #fff;
							line-height: 1.2;
							text-align: center;
						}
						.section_ttl .line {
							display: block;
							width: 50px;
							height: 1px;
							margin: 0 auto;
							background: #fff;
						}
						.section_ttl .btn {
							display: block;
							width: 65px;
							height: 68px;
							margin: 0 auto;
							padding: 50px 0;
						}
					
				/* book */
				.book {
					
				}
					.book_container {
						position: relative;
						padding-left: 250px;
					}
						
						/* chapter */
						.chapter {
							
						}
							.chapter_container {
								position: relative;
								width: 750px;
								padding-top: 34px;
							}
								/* chapter : title */
								.chapter h3 {
									padding-left: 40px;
									font-size: 129%;
									font-weight: bold;
									color: #fff;
								}
								.chapter h3.num01 {
									background: url(../img/num01.png) no-repeat left;
								}
								.chapter h3.num02 {
									background: url(../img/num02.png) no-repeat left;
								}
								.chapter h3.num03 {
									background: url(../img/num03.png) no-repeat left;
								}
								.chapter h3.num04 {
									background: url(../img/num04.png) no-repeat left;
								}
								.chapter h3.num05 {
									background: url(../img/num05.png) no-repeat left;
								}
								.chapter h3.num06 {
									background: url(../img/num06.png) no-repeat left;
								}
								.chapter h3.num07 {
									background: url(../img/num07.png) no-repeat left;
								}
								.chapter h3.num08 {
									background: url(../img/num08.png) no-repeat left;
								}
								.chapter h3.num09 {
									background: url(../img/num09.png) no-repeat left;
								}
								.chapter h3.num10 {
									background: url(../img/num10.png) no-repeat left;
								}
								.chapter h3.num11 {
									background: url(../img/num11.png) no-repeat left;
								}
								.chapter h3.num12 {
									background: url(../img/num12.png) no-repeat left;
								}
								.chapter h3.num13 {
									background: url(../img/num13.png) no-repeat left;
								}
								.chapter h3.num14 {
									background: url(../img/num14.png) no-repeat left;
								}
								/* chapter : text */
								.chapter .txt {
									display: block;
									/*height: 84px;*/
									padding-top: 8px;
									padding-bottom: 16px;
									font-size: 100%;
									color: #fff;
									line-height: 1.9;
								}
								/* chapter : image */
								.chapter .img {
									display: block;
									width: 749px;
									height: 420px;
									overflow: hidden;
								}
								/* chapter : line */
								.chapter .line {
									display: block;
									margin-left: 350px;
									margin-top: 80px;
									width: 50px;
									height: 1px;
									/*background: #fff;*/
								}
								
								/* hide */
								.chapter#assembly10 h3 {
									display: none;
								}
								.chapter#assembly10 .txt {
									display: none;
								}
								
					
				/* blank */
				.blank {
					position: relative;
					margin-left: 250px;
				}
			
				/* status */
				.status {
					position: absolute;
					left: 30px;
					top: 0;
					display: block;
					width: 220px;
				}
					.status_line {
						display: block;
						width: 50px;
						height: 1px;
						margin-left: 85px;
						background: #fff;
					}
					.status_ttl {
						display: block;
						width: 220px;
						padding-top: 10px;
						padding-bottom: 40px;
						text-align: center;
					}
					.status_content {
						position: relative;
					}
							.status_img {
								
							}
								.status_img li {
									position: absolute;
									left: 0;
									top: 0;
								}
		
				/* lnav */
				.lnav {
					position: absolute;
					left: 0;
					top: 0;
				}
					.lnav_container {
						position: relative;
					}
						.lnav_prev {
							
						}
						.lnav_next {
							margin-top: 12px;
						}
						.lnav_pager {
							padding: 9px 8px 0 8px;
						}
							.lnav_pager li {
								display: block;
								width: 15px;
								height: 15px;
								margin-top: 1px;
							}
								.lnav_pager li a {
									display: block;
									width: 15px;
									height: 15px;
									background: url(../img/lnav_pager.png) no-repeat;
								}
								.lnav_pager li.focus a {
									background: url(../img/lnav_pager_on.png) no-repeat;
								}
						.lnav_pagetop {
							margin-top: 16px;
							/*
							position: absolute;
							left: 0;
							bottom: 0;
							*/
						}
						.lnav_section {
							position: absolute;
							left: 130px;
							top: 458px;
						}
							.lnav_section a {
								display: none;
								width: 80px;
								padding-right: 10px;
								padding-top: 6px;
								padding-bottom: 6px;
								background: url(../img/btn_next.png) no-repeat right;
								border-bottom: 1px solid #f90;
								font-size: 100%;
								font-weight: bold;
								color: #fff;
								line-height: 1.1;
								text-decoration: none;
							}
						.lnav_section.back {
							left: 90px;
						}
							.lnav_section.back a {
								width: 120px;
							}