@charset "utf-8";
/*
 * ==========================================================================
 * 
 * TOP用css
 * 
 * ==========================================================================
 */
#fullBgStretch  img {
	visibility: hidden;
}
/**
 * base	
 */
#header {
	/*position: fixed;
	left: 0;
	top: 0;
	z-index: 9999;*/
	background: scroll url(../../images/home/headerBg.png) repeat left top;
}
#container {
	/*height: 600px;*/
	height: 100%;
	visibility: hidden;
}
#content {
	/*height: 500px;*/
	position: relative;
	top: 100px;
	width: 100%;
}
#footer {
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 9999;
}
/**
 * animation
 */
.animeObj {
	display: none;
}
#openning {
	position: absolute;
	/*top: 330px;*/
	top: 75%;
	left: 50%;
	margin: 0 0 0 -140px;
	width: 280px;
	height: 53px;
}
#sliderWrapper {
	width: 100%;
	height: 100%;
	visibility: hidden;
}
	#sliderWrapper .slider {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
		#sliderWrapper .slider li {
			position: relative;
			height: 510px;
			/*width: 950px;*/
			width: 100%;
		}
		#sliderWrapper .slider li#scene01 #item01a {
			position: absolute;
			top: 60px;
			left: 75px;
		}
		#sliderWrapper .slider li#scene02 #item02a {
			position: absolute;
			top: 50px;
			left: 70px;
		}
			#sliderWrapper .slider li#scene02 #item02a .page01 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 372px;
				background: scroll url(../../images/home/image02_story1base.png) no-repeat left top;
			}
				#sliderWrapper .slider li#scene02 #item02a .page01 .text {
					position: absolute;
					top: 55px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene02 #item02a .page01 .link {
					position: absolute;
					top: 310px;
					left: 50px;
				}
			#sliderWrapper .slider li#scene02 #item02a .page02 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 396px;
				background: scroll url(../../images/home/image02_story2base.png) no-repeat left top;
				display: none;
			}
				#sliderWrapper .slider li#scene02 #item02a .page02 .text {
					position: absolute;
					top: 55px;
					left: 45px;
				}
				#sliderWrapper .slider li#scene02 #item02a .page02 .link1 {
					position: absolute;
					top: 335px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene02 #item02a .page02 .link2 {
					position: absolute;
					top: 267px;
					left: 157px;
				}
				#sliderWrapper .slider li#scene02 #item02a .page02 .link3 {
					position: absolute;
					top: 293px;
					left: 49px;
				}
		#sliderWrapper .slider li#scene03 #item03a {
			position: absolute;
			top: 50px;
			left: 70px;
		}
			#sliderWrapper .slider li#scene03 #item03a .page01 {
				position: absolute;
				left: 0;
				top: 0;
				width: 410px;
				height: 461px;
				background: scroll url(../../images/home/image03_story1base.png) no-repeat left top;
			}
				#sliderWrapper .slider li#scene03 #item03a .page01 .text {
					position: absolute;
					top: 53px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene03 #item03a .page01 .link {
					position: absolute;
					top: 400px;
					left: 50px;
				}
			#sliderWrapper .slider li#scene03 #item03a .page02 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 423px;
				background: scroll url(../../images/home/image03_story2base.png) no-repeat left top;
				display: none;
			}
				#sliderWrapper .slider li#scene03 #item03a .page02 .text {
					position: absolute;
					top: 55px;
					left: 45px;
				}
				#sliderWrapper .slider li#scene03 #item03a .page02 .link1 {
					position: absolute;
					top: 360px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene03 #item03a .page02 .link2 {
					position: absolute;
					top: 240px;
					left: 50px;
				}
		#sliderWrapper .slider li#scene04 #item04a {
			position: absolute;
			top: 50px;
			left: 70px;
		}
			#sliderWrapper .slider li#scene04 #item04a .page01 {
				position: absolute;
				left: 0;
				top: 0;
				width: 405px;
				height: 424px;
				background: scroll url(../../images/home/image04_story1base.png) no-repeat left top;
			}
				#sliderWrapper .slider li#scene04 #item04a .page01 .text {
					position: absolute;
					top: 53px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene04 #item04a .page01 .link {
					position: absolute;
					top: 362px;
					left: 50px;
				}
			#sliderWrapper .slider li#scene04 #item04a .page02 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 423px;
				background: scroll url(../../images/home/image04_story2base.png) no-repeat left top;
				display: none;
			}
				#sliderWrapper .slider li#scene04 #item04a .page02 .text {
					position: absolute;
					top: 53px;
					left: 45px;
				}
				#sliderWrapper .slider li#scene04 #item04a .page02 .link1 {
					position: absolute;
					top: 360px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene04 #item04a .page02 .link2 {
					position: absolute;
					top: 266px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene04 #item04a .page02 .link3 {
					position: absolute;
					top: 320px;
					left: 163px;
				}
		#sliderWrapper .slider li#scene05 #item05a {
			position: absolute;
			top: 50px;
			left: 70px;
		}
			#sliderWrapper .slider li#scene05 #item05a .page01 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 430px;
				background: scroll url(../../images/home/image05_story1base.png) no-repeat left top;
			}
				#sliderWrapper .slider li#scene05 #item05a .page01 .text {
					position: absolute;
					top: 53px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene05 #item05a .page01 .link {
					position: absolute;
					top: 368px;
					left: 50px;
				}
			#sliderWrapper .slider li#scene05 #item05a .page02 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 423px;
				background: scroll url(../../images/home/image05_story2base.png) no-repeat left top;
				display: none;
			}
				#sliderWrapper .slider li#scene05 #item05a .page02 .text {
					position: absolute;
					top: 53px;
					left: 45px;
				}
				#sliderWrapper .slider li#scene05 #item05a .page02 .link1 {
					position: absolute;
					top: 360px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene05 #item05a .page02 .link2 {
					position: absolute;
					top: 292px;
					left: 50px;
				}
		#sliderWrapper .slider li#scene06 #item06a {
			position: absolute;
			top: 50px;
			left: 70px;
		}
			#sliderWrapper .slider li#scene06 #item06a .page01 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 430px;
				background: scroll url(../../images/home/image06_story1base.png) no-repeat left top;
			}
				#sliderWrapper .slider li#scene06 #item06a .page01 .text {
					position: absolute;
					top: 53px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene06 #item06a .page01 .link {
					position: absolute;
					top: 368px;
					left: 50px;
				}
			#sliderWrapper .slider li#scene06 #item06a .page02 {
				position: absolute;
				left: 0;
				top: 0;
				width: 390px;
				height: 396px;
				background: scroll url(../../images/home/image06_story2base.png) no-repeat left top;
				display: none;
			}
				#sliderWrapper .slider li#scene06 #item06a .page02 .text {
					position: absolute;
					top: 53px;
					left: 45px;
				}
				#sliderWrapper .slider li#scene06 #item06a .page02 .link1 {
					position: absolute;
					top: 335px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene06 #item06a .page02 .link2 {
					position: absolute;
					top: 293px;
					left: 50px;
				}
				#sliderWrapper .slider li#scene06 #item06a .page02 .link3 {
					position: absolute;
					top: 293px;
					left: 181px;
				}
		#sliderWrapper .slider li#scene07 #item07a {
			width: 760px;
			height: 100%;
			margin: 0 auto;
			position: relative;
		}
		#sliderWrapper .slider li#scene07 #item07b {
			position: absolute;
			top: 120px;
			left: 70px;
		}
		#sliderWrapper .slider li#scene07 #item07c {
			position: absolute;
			top: 285px;
			left: -25px;
		}
		#sliderWrapper .slider li#scene07 #item07d {
			width: 470px;
			height: 397px;
			position: absolute;
			top: 50px;
			right: 0;
		}
			#sliderWrapper .slider li#scene07 span {
				position: absolute;
			}
			#sliderWrapper .slider li#scene07 .item01 {
				top: 0;
				left: 0;
			}
			#sliderWrapper .slider li#scene07 .item02 {
				top: 0;
				right: 0;
			}
			#sliderWrapper .slider li#scene07 .item03 {
				top: 205px;
				left: 0;
			}
			#sliderWrapper .slider li#scene07 .item04 {
				top: 205px;
				right: 0;
			}
/**
 * slider item
 */
.sliderCtrlItem {
	position: absolute;
	top: 100px;
	width: 40px;
	/*height: 100%;*/
	z-index: 5000;
	visibility: hidden;
}
	.sliderCtrlItem a {
		text-indent: -9999px;
		display: block;
	}
#sliderPrevBt {
	left: 0;
}
	#sliderPrevBt a {
		background: scroll url(../../images/home/slidePrevBt.png) no-repeat center center;
	}
	#sliderPrevBt a:hover {
		background: scroll url(../../images/home/slidePrevBt_on.png) no-repeat center center;
	}
#sliderNextBt {
	right: 0;
}
	#sliderNextBt a {
		background: scroll url(../../images/home/slideNextBt.png) no-repeat center center;
	}
	#sliderNextBt a:hover,
	#sliderNextBt a.hover {
		background: scroll url(../../images/home/slideNextBt_on.png) no-repeat center center;
	}
#modelPlanBt,
#nextTextBt  {
	position: absolute;
	top: 50%;
	right: -70px;
	margin: 25px 0 0 0;
	width: 110px;
	height: 50px;
	z-index: 4000;
	visibility: hidden;
}
	#modelPlanBt a,
	#nextTextBt a {
		background: scroll url(../../images/home/yajirusi_modelBaseMini.png) no-repeat left top;
		display: block;
		width: 110px;
		height: 50px;
	}
	#modelPlanBt a:hover, 
	#modelPlanBt a.hover,
	#nextTextBt a:hover, 
	#nextTextBt a.hover {
		background: scroll url(../../images/home/yajirusi_modelBaseMini_on.png) no-repeat left top;
	}
		#modelPlanBt a .text,
		#nextTextBt a .text {
			position: absolute;
			right: 0;
			top: 0;
			display: none;
		}
#sliderPager {
	list-style-type: none;
	margin: 0;
	padding: 0;
	z-index: 5000;
	width: 88px;
	height: 4px;
	position: absolute;
	right: 40px;
	bottom: 20px;
	visibility: hidden;
}
	#sliderPager li {
		float: left;
		display: inline;
		margin: 0 10px 0 0;
	}
	#sliderPager li.last {
		margin: 0;
	}
		#sliderPager li a {
			background: scroll url(../../images/home/pagerOff.gif) no-repeat left top;
			width: 4px;
			height: 4px;
			text-indent: -9999px;
			display: block;
		}
		#sliderPager li a:hover, 
		#sliderPager li a.active {
			background: scroll url(../../images/home/pagerOn.gif) no-repeat left top;
		}
#bnrWebnile {
  position: absolute;
  bottom: 45px;
  right: 45px;
  z-index: 5000;
}