@charset "utf-8";




/* --------------------------------------------------
 * MAINVIEW
 * --------------------------------------------------
 */

#mainview {
	width: 100%;
}
	#mainview_container {
		position: relative;
		display: none;
		width: 1000px;
		height: 1420px;
		margin: 0 auto;
		padding-bottom: 60px;
	}
		/* title */
		#mainview h2 {
			
		}
			#mainview_ttl {
				position: absolute;
				left: 143px;
				top: 63px;
				display: block;
			}
			#mainview_cap {
				position: absolute;
				left: 360px;
				top: 175px;
				display: block;
			}
			
		/* lead */
		#mainview_lead {
			
		}
			#mainview_lead01 {
				position: absolute;
				left: 140px;
				top: 224px;
				display: block;
			}
			
		/* line */
		#mainview_line {
			position: absolute;
			left: 450px;
			top: 379px;
			display: block;
			width: 100px;
			height: 1px;
			background: #fff;
		}
			
		/* text */
		#mainview_txt {
			position: absolute;
			left: 0;
			top: 412px;
			display: block;
			width: 100%;
			font-size: 232%;
			color: #fff;
			line-height: 1.2;
			text-align: center;
		}
			
		/* button */
		#mainview_btn {
			position: absolute;
			left: 468px;
			top: 493px;
			display: block;
		}
		
		/* pager */
		#mainview_pager {
			position: absolute;
			left: 448px;
			top: 580px;
		}
			#mainview_pager ul {
				margin-left: -7px;
			}
				#mainview_pager li {
					display: block;
					width: 30px;
					height: 30px;
					margin-left: 7px;
					background: url(../img/mv_icon.png) no-repeat;
					float: left;
				}
					#mainview_pager li span {
						display: none;
						width: 30px;
						height: 30px;
						background: url(../img/mv_icon_on.png) no-repeat;
					}
		
		/* menu */
		#mainview_menu {
			position: absolute;
			left: -28px;
			top: 583px;
		}
			#mainview_menu ul {
				
			}
				#mainview_menu li {
					display: block;
					width: 230px;
					margin-left: 27px;
					float: left;
				}
					#mainview_menu li a {
						position: relative;
						display: block;
						width: 100%;
						height: 90px;
						font-size: 100%;
						line-height: 1.1;
						color: #fff;
						text-decoration: none;
					}
						#mainview_menu li .en {
							position: relative;
							z-index: 102;
							display: block;
							height: 23px;
							padding-top: 26px;
							text-align: center;
						}
						#mainview_menu li .en img {
							vertical-align: top;
						}
						#mainview_menu li .jp {
							position: relative;
							z-index: 103;
							display: block;
							padding-top: 12px;
							text-align: center;
						}
						#mainview_menu li .line {
							position: absolute;
							top: 55px;
							left: 0;
							display: block;
							width: 100%;
							height: 2px;
							background: #f90;
						}
						
		#outline {
			position: absolute;
			left: 0;
			top: 670px;
			width: 100%;
		}
			
			/* outline title */
			#outline_ttl {
				position: relative;
				display: block;
				width: 100%;
			}
				#outline_ttl .en {
					display: block;
					width: 100%;
					padding-top: 90px;
					text-align: center;
				}
				#outline_ttl .jp {
					display: block;
					width: 100%;
					padding-top: 16px;
					padding-bottom: 10px;
					font-size: 258%;
					font-weight: normal;
					color: #fff;
					line-height: 1.2;
					text-align: center;
				}
				#outline_ttl .line {
					position: absolute;
					left: 475px;
					top: 50px;
					display: block;
					width: 50px;
					height: 1px;
					background: #fff;
				}
							
			/* outline content */
			#outline_content {
				width: 100%;
				padding-bottom: 45px;
				background: url(../img/process_layer.png);
			}
				#outline_content .img {
					display: block;
					padding: 32px 60px 0 60px;
				}
				#outline_content .txt {
					display: block;
					padding: 30px 60px 0 60px;
					font-size: 100%;
					line-height: 1.9;
				}
		#outline_btn {
			padding-top: 30px;
			text-align: center;
		}