@import url(http://fonts.googleapis.com/css?family=Droid+Sans+Mono);


#Wrapper {
	position: relative;
	width: 100%;
	min-width: 960px;
	overflow: hidden;
}

#Main {
	width: 100%;
}

#Footer {
	width: 960px;
	margin: 0 auto;

}

	
	/* section */
	.section {
		position: relative;
		width: 960px;
		margin: 0 auto;
		padding: 0;
	}
		.section .inner {
			position: relative;
			width: 100%;
			height: 100%;	
		}
	
	/* clickable */
	.clickable {
		z-index: 1000;
	}
	
	/* sectionSignTitle */
	.sectionSignTitle {
		position: absolute;
	}
	
	/* sectionSign */
	.sectionSign {
		position: absolute;
		z-index: 400;
		width: 244px;
		height: 74px;
		left: 0px;
	}
	
	/* containers */
	.container {
		position: relative;
		overflow: hidden;
		z-index: 100;
	}
	
	.container980 {
		width: 980px;
	}
	
	.container1200 {
		width: 1200px;
		margin-left: -120px;
	}
	
	.container1300 {
		width: 1300px;
		margin-left: -170px;
	}
	
	.container1400 {
		width: 1400px;
		margin-left: -220px;
	}
	
	.container1600 {
		width: 1600px;
		margin-left: -320px;
	}
	
	
	/* text */
	.text {
		position: absolute;
		left: 0px;
		top: 0px;
	}


/*
====================================================================
	Tree
====================================================================
*/
	.trees {
		position: absolute;
		left: 0px;
		top: 0px;
		font-size: 0px;
		z-index: 400;
	}
	
	#Trees1 {
		left: 937px;
		top: 912px;
	}
	#Trees2 {
		left: 727px;
		top: 7px;
	}
	#Trees3 {
		left: 819px;
		top: 295px;
	}
	#Trees4 {
		left: 780px;
		top: 844px;
	}
	#Trees5 {
		left: 711px;
		top: 990px;
	}
	#Trees0 {
		left: 952px;
		top: 1057px;;
	}
	
	/* section4 */
	#Trees6 {
		left: 792px;
		top: 329px;
	}
	#Trees7 {
		left: 938px;
		top: 1009px;
	}
	#Trees8 {
		left: 680px;
		top: 1067px;
	}
	
	/* section5 */
	#Trees9 {
		left: 957px;
		top: 329px;
	}
	#Trees10 {
		left: 815px;
		top: 462px;
	}
	#Trees11 {
		left: 956px;
		top: 462px;
	}
	#Trees12 {
		left: 635px;
		top: -31px;
	}
	#Trees13 {
		left: 444px;
		top: 645px;
	}
	#Trees14 {
		left: 284px;
		top: 1067px;
	}
	#Trees15 {
		left: 382px;
		top: 1178px;
	}
	#Trees16 {
		left: 253px;
		top: 1614px;
	}
	#Trees17 {
		left: 296px;
		top: 2160px;
	}
	#Trees18 {
		left: 228px;
		top: 2542px;
	}
	#Trees19 {
		left: 826px;
		top: 2528px;
	}
	#Trees20 {
		left: 741px;
		top: 2725px;
	}
	
	/* section7 */
	#Trees21 {
		left: 810px;
		top: 125px;
	}
	#Trees22 {
		left: 942px;
		top: 279px;
	}
	#Trees23 {
		left: 624px;
		top: 303px;
	}
	#Trees24 {
		left: 646px;
		top: 356px;
	}
	#Trees25 {
		left: 553px;
		top: 762px;
	}
	#Trees26 {
		left: 667px;
		top: 844px;
	}
	#Trees27 {
		z-index: 290;
		left: 640px;
		top: 1780px;
	}
	
/*
====================================================================
	Cloud
====================================================================
*/
.cloud {
	position: absolute;
	z-index: 600;
	font-size: 0px;
}

#Cloud1 {
	left: 662px;
	top: -10px;
}
#Cloud2 {
	left: 561px;
	top: 260px;
}
#Cloud3 {
	left: -305px;
	top: 288px;
}
#Cloud4 {
	left: -181px;
	top: 840px;
}
#Cloud5 {
	left: 812px;
	top: -135px;
}
#Cloud6 {
	left: 982px;
	top: 545px;
}
#Cloud7 {
	top: 790px;
	left: -410px;
}
#Cloud8 {
	/*	top: 960px;	*/
	top: 960px;
	left: -650px;
}



	
	
/*
====================================================================
	Buliding
====================================================================
*/
.building {
	position: absolute;
	z-index: 300;
	font-size: 0px;
}

#Bulding1 {
	left: 953px;
	top: 752px;
}

	#Bulding1 .moreBtn {
		position: absolute;
		left: 12px;
		top: 120px;
	}



/*
====================================================================
	Forklift
====================================================================
*/
.forklift {
	position: absolute;
	z-index: 400;
	font-size: 0px;
}

#Forklift1 {
	left: 792px;
	top: 622px;
}

#Forklift2 {
	left: 971px;
	top: 869px;
}

#Forklift3 {
	left: 294px;
	top: -25px;
}

#Forklift4 {
	left: 705px;
	top: 543px;
}

	

/*
====================================================================
	Cartons
====================================================================
*/
.cartons {
	position: absolute;
	z-index: 400;
	font-size: 0px;
}

#Cartons1 {
	left: 808px;
	top: 725px;
}

#Cartons2 {
	left: 831px;
	top: 828px;
}

#Cartons3 {
	left: 745px;
	top: 493px;
}



	
	
	
/*
====================================================================
	Straight
====================================================================
*/
.straight {
	position: absolute;
	z-index: 200;
	font-size: 0px;
}
#Straight1 {
	left: 867px;
	top: 0px;
}
	

#Straight2 {
	left: 867px;
	top: 1100px;
}
#Straight3 {
	left: 865px;
	top: 323px;
}

#Straight4 {
	left: 667px;
	top: 323px;
}

#Straight6 {
	left: -323px;
	top: 0px;
}

#GoalStraight {
}


/*
====================================================================
	Crossing
====================================================================
*/
.crossing {
	position: relative;
	z-index: 200;
	font-size: 0px;
}
#Crossing1 {
	left: -13px;
	top: 152px;
}

#Crossing2 {
	top: 0px;
	left: -12px;
}


/*
====================================================================
	Branch
====================================================================
*/
.branch {
	position: relative;
	z-index: 200;
	font-size: 0px;
}

#Branch1 {
	width: 980px;
	height: 1199px;
	left: -13px;
}


/*
====================================================================
	Curve
====================================================================
*/
.curve {
	position: relative;
	z-index: 200;
	font-size: 0px;
}

#Curve1 {
	left: 287px;
	top: -100px;
}

#Curve2 {
	left: 287px;
	top: -100px;
}

#Curve3 {
	left: 287px;
	top: -100px;
}

#Curve4 {
	left: 667px;
	top: -208px;
}


/*
====================================================================
	tunnel
====================================================================
*/
.tunnel {
	width: 1600px;
	margin-left: -320px;
	z-index: 300;	
}
	.tunnel .spacerLeft {
		float: left;
	}
	
	.tunnel .tunnelImg {
		float: left;
	}
	
	.tunnel .spacerRight {
		float: left;
	}

#Tunnel1 {
	position: absolute;
	height: 70px;
	top: 1161px;
}
	#Tunnel1 .spacerLeft {
		width: 1176px;
		height: 100%;
		background: #FFFFFF;
	}
	#Tunnel1 .tunnelImg {
		height: 100%;
	}
	#Tunnel1 .spacerRight {
		width: 304px;
		height: 100%;
		background: #FFFFFF;
	}

#Tunnel2 {
	position: absolute;
	height: 60px;
}
	#Tunnel2 .spacerLeft {
		width: 1176px;
		height: 100%;
		background: #543C80;
	}
	#Tunnel2 .tunnelImg {
		height: 100%;
	}
	#Tunnel2 .spacerRight {
		width: 304px;
		height: 100%;
		background: #543C80;
	}
	

#Tunnel3 {
	position: absolute;
	height: 70px;
	top: 1168px;
}
	#Tunnel3 .spacerLeft {
		width: 1176px;
		height: 100%;
		background: #FFFFFF;
	}
	#Tunnel3 .tunnelImg {
		height: 100%;
	}
	#Tunnel3 .spacerRight {
		width: 304px;
		height: 100%;
		background: #FFFFFF;
	}

#Tunnel4 {
	position: absolute;
	height: 60px;
}
	#Tunnel4 .spacerLeft {
		width: 1176px;
		height: 100%;
		background: #7FC0E8;
	}
	#Tunnel4 .tunnelImg {
		height: 100%;
	}
	#Tunnel4 .spacerRight {
		width: 304px;
		height: 100%;
		background: #7FC0E8;
	}



/*
====================================================================
	RoadSignBoard
====================================================================
*/
#RoadSignBoard {
	position: fixed;
	z-index: 700;
	right: 0px;
	top: 38px;
}

.sp #RoadSignBoard {
	position: absolute;
}

#RoadSignBoard img,
#RoadSignBoard li {
	vertical-align: top;
}
	
	
	#RoadSignBoard li {
		position: relative;
		overflow: hidden;
	}
		
		#RoadSignBoard li .kpx {
			position: absolute;
			width: 40px;
			height: 18px;
			left: 101px;
			top: 13px;
			text-align: right;	
			color: #FFFFFF;
			font-size: 13px;	
			font-family: 'Droid Sans Mono', sans-serif;
			letter-spacing: -2px;
		}
		
		#RoadSignBoard li a {
			display: block;
		}
	
	#RoadSignVision {
		width: 170px;
		height: 50px;
		background: url(/content/images/top/icon/roadsign/board-bg-sp.png) no-repeat;
		background-position: 0px 0px;
	}
	
	#RoadSignLarge {
		width: 170px;
		height: 85px;
		background: url(/content/images/top/icon/roadsign/board-bg-sp.png) no-repeat;
		background-position: 0px -50px;
	}
	
		#RoadSignLogitics {
			float: left;
		}
		#RoadSignLifeSupport {
			float: right;
		}
	
	#RoadSignHistory {
		width: 170px;
		height: 49px;
		background: url(/content/images/top/icon/roadsign/board-bg-sp.png) no-repeat;
		background-position: 0px -135px;
	}
	
	#RoadSignProfile {
		width: 170px;
		height: 49px;
		background: url(/content/images/top/icon/roadsign/board-bg-sp.png) no-repeat;
		background-position: 0px -184px;
	}
	
	#RoadSignNetwork {
		width: 170px;
		height: 49px;
		background: url(/content/images/top/icon/roadsign/board-bg-sp.png) no-repeat;
		background-position: 0px -233px;
	}
	
	
	

/*
====================================================================
	lightboxDetail
====================================================================
*/

.lightboxDetail {
	display: none;
	width: 810px;
}
	.lightboxDetail .head {
		width: 100%;
		padding-top: 20px;
		background: url(../images/top/bg/detail-frame-head.png) top center no-repeat;
	}
	.lightboxDetail .foot {
		width: 100%;
		padding-bottom: 20px;
		background: url(../images/top/bg/detail-frame-foot.png) bottom center no-repeat;
	}
	
	.lightboxDetail .body {
		position: relative;
		width: 100%;
		background: url(../images/top/bg/detail-frame-body.png) center repeat-y;
	}
		.lightboxDetail .body .inner {
			width: 740px;
			margin: 0 auto;
			font-size: 90%;
			padding-top: 20px;
			padding-bottom: 22px;
		}
			.lightboxDetail .body .inner .detailTitle {
				font-size: 140%;
				font-weight: bold;
				color: #333333;
				padding-bottom: 20px;
			}
			
			.lightboxDetail .body .inner .spec {
				float: left;
				width: 370px;
				color: #333333;
			}
			.lightboxDetail .body .inner.system .spec {
				color: #333333;
				width: 740px;
				margin-bottom: 40px;
			}				
			.lightboxDetail .body .inner .spec .linkApollo {
					width: 100%;
					padding-top: 20px;
				}
				
				.lightboxDetail .body .inner .defineList {
					padding-top: 30px;
				}
				
					.lightboxDetail .body .inner .defineList dd {
						color: #333333;
					}
					
						.lightboxDetail .body .inner .defineList dd ol {
							margin-left: 24px;
							list-style-type:decimal;
						}
							.lightboxDetail .body .inner .defineList dd li {
								padding-bottom: 5px;
								line-height: 18px;
							}
			
				.lightboxDetail .body .inner .bcpList {
					padding-top: 30px;
				}
				
				
					.lightboxDetail .body .inner .bcpList .drawupTable {
						position: relative;
						padding-top: 20px;
					}
						
					
				
				/* common */
				.lightboxDetail .body .inner .defineList dt,
				.lightboxDetail .body .inner .bcpList dt {
					font-weight: bold;
					color: #543C80;
					border-bottom: 1px solid #666666;
					padding-bottom: 5px;
					margin-bottom: 10px;
				}
				
			.lightboxDetail .body .inner .img {
				float: right;
				width: 340px;
			}
			.lightboxDetail .body .inner.system .img {
			float: none;
				width: 666px;
				margin: 0 auto;
			}
				
				.lightboxDetail .body .inner .img .marks {
					padding-top: 10px;
				}
			
			
			/* diagram */
			.lightboxDetail .body .inner .diagram {
				padding-top: 20px;
			}
		
		/* close */
		.lightboxDetail .close {
			position: absolute;
			right: 5px;
			top: -15px;
		}
		
		/* pager */
		.lightboxDetail .body .pager {
			position: absolute;
			width: 900px;
			top: 50%;
			left: -45px;
			margin-top: -50px;
		}
			.lightboxDetail .body .pager a {
				display: block;
			}
			
			.lightboxDetail .body .pager .prev {
				float: left;
			}
			
			.lightboxDetail .body .pager .next {
				float: right;
			}



/*
====================================================================
	section
====================================================================
*/
.section {}


/*
====================================================================
	Section0
====================================================================
*/
#Section0 {
	position: relative;
	z-index: 300;
	/*height: 800px;*/
	
}

#Cover {
	height: 800px;
}

#JSOffMessage {
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -130px;
	margin-top: -101px;
}

#Logo {
	position: absolute;
	z-index: 200;
	left: 50%;
	top: 23px;
	margin-left: -120px;
}

#Section0 .coverLink {
	position: absolute;
	z-index: 200;
	left: 14px;
	bottom: 19px;
	width: 220px;
	height: 18px;
	background: url(../images/top/bg/cover/btn-bg.png) no-repeat;
}
	#Section0 .coverLink li {
		float: left;
		padding-left: 3px;
	}
		

#Section0 .scrollIcon {
	position: absolute;
	z-index: 200;
	right: 13px;
	bottom: 20px;
}

/*
====================================================================
	Section1
====================================================================
*/
#Section1 {
}

/*
====================================================================
	Logistics
====================================================================
*/
#Logistics {
	height: 700px;
	/*background: url(/content/images/top/pct/logistics/main-visual.jpg) top center no-repeat;
	*/
	background-position: 0px -110px;
}
	#Logistics .subTitle {
		position: absolute;
		left: 349px;
		top: 601px;
	}
	
	#Logistics .text1 {
		left: 1044px;
		top: 117px;
	}
	
	#Logistics .text2 {
		left: 1014px;
		top: 117px;
	}
	
	#Logistics .text3 {
		left: 984px;
		top: 117px;
	}
	
	


/*
====================================================================
	LifeSupport
====================================================================
*/
#LifeSupport {
	height: 700px;
	/*background: url(/content/images/top/pct/life-support/main-visual.jpg) center top no-repeat;
	*/background-position: 0px -240px;
}

	#LifeSupport .subTitle {
		position: absolute;
		left: 750px;
		top: 600px;
	}

	#LifeSupport .text1 {
		left: 461px;
		top: 57px;
	}
	
	#LifeSupport .text2 {
		left: 426px;
		top: 57px;
	}
	
	#LifeSupport .text3 {
		left: 391px;
		top: 57px;
	}
	

/*
====================================================================
	ImagePanel
====================================================================
*/
#ImagePanel {
	height: 700px;
}
	
	/* パネル画像配置 */
	#ImagePanel .panel {
		position: absolute;
		left: 0px;
		top: 0px;
		overflow: hidden;
		top: 470px;
		left: 820px;
	}
	#ImagePanel .panel1 {
		width: 270px;
		height: 235px;
		top: 5px;
		left: 205px;
	}
	#ImagePanel .panel2 {
		width: 270px;
		height: 225px;
		top: 245px;
		left: 205px;
	}
	#ImagePanel .panel3 {
		width: 270px;
		height: 225px;
		top: 475px;
		left: 205px;
	}
	#ImagePanel .panel4 {
		width: 201px;
		height: 225px;
		top: 475px;
		left: 480px;
	}
	#ImagePanel .panel5 {
		width: 381px;
		height: 225px;
		top: 475px;
		left: 686px;
	}
	#ImagePanel .panel6 {
		width: 323px;
		height: 225px;
		top: 475px;
		left: 1072px;
	}
	#ImagePanel .panel7 {
		width: 915px;
		height: 465px;
		top: 5px;
		left: 480px;
	}
	#ImagePanel .panel8 {
		width: 200px;
		height: 235px;
		top: 5px;
		left: 0px;
	}
	#ImagePanel .panel9 {
		width: 200px;
		height: 455px;
		top: 245px;
		left: 0px;
	}
	#ImagePanel .panel10 {
		width: 200px;
		height: 465px;
		top: 5px;
		left: 1400px;
	}
	#ImagePanel .panel11 {
		width: 200px;
		height: 235px;
		top: 475px;
		left: 1400px;
	}
	
	/* 文字配置 */
	#ImagePanel .text1 {
		left: 664px;
		top: 28px;
	}
	#ImagePanel .text2 {
		left: 635px;
		top: 28px;
	}
	#ImagePanel .text3 {
		left: 606px;
		top: 28px;
	}
	#ImagePanel .text4 {
		left: 575px;
		top: 28px;
	}
	#ImagePanel .text5 {
		left: 544px;
		top: 28px;
	}
	#ImagePanel .text6 {
		left: 514px;
		top: 28px;
	}







/*
====================================================================
	Section2
====================================================================
*/
#Section2Sign {
	margin-top: 114px;
}

#Section2 {
	height: 1022px;
}
	
	#Section2 .sectionTitle {
		position: absolute;
		width: 630px;
		height: 140px;
		overflow: hidden;
		left: 2px;
		top: 221px;
		z-index: 400;
	}
	
	#Section2 .text1 {
		left: 98px;
		top: 358px;
		z-index: 300;
	}
	
	#Section2 .people {
		position: absolute;
		width: 860px;
		height: 280px;
		left: -25px;
		top: 703px;
		z-index: 300;
	}
		#Section2 .people .person {
			position: absolute;
		}
		
		/* 各人物画像　*/
		#Person1 {
			left: 0px;
			top: 0px;
		}
		#Person2 {
			left: 100px;
			top: 73px;
		}
		#Person3 {
			left: 16px;
			top: 112px;
		}
		#Person4 {
			left: 112px;
			top: 133px;
		}
		#Person5 {
			left: 741px;
			top: 15px;
		}
		#Person6 {
			left: 647px;
			top: 115px;	
		}
		#Person7 {
			left: 746px;
			top: 150px;
		}
		#Person8 {
			left: 586px;
			top: 184px;
		}
		#Person9 {
			left: 660px;
			top: 214px;
		}
		
	
	

/*
====================================================================
	Section3
====================================================================
*/

#Section3Sign {
	margin-top: 44px;
}

#Section3 {
	height: 1231px;
}
	
	#Section3 .sectionTitle {
		position: absolute;
		left: -1px;
		top: 140px;
		z-index: 300;
	}
	
	#Section3 .branchOverItem {
		position: absolute;
		left: -13px;
		top: 0px;
		width: 878px;
		height: 986px;
		z-index: 260;
	}
		#Section3 .branchOverItem .overitem {
			position: absolute;
		}
		#Section3 .branchOverItem .overitem1 {
			left: 286px;
			top: 519px;
		}
		#Section3 .branchOverItem .overitem2 {
			left: 367px;
			top: 391px;
		}
		#Section3 .branchOverItem .overitem3 {
			left: 461px;
			top: 269px;
		}
		#Section3 .branchOverItem .overitem4 {
			left: 282px;
			top: 290px;
		}
		#Section3 .branchOverItem .overitem5 {
			left: 262px;
			top: 642px;
		}
	
	#Section3 .branchBg {
		position: absolute;
		left: 4px;
		top: 276px;
		width: 788px;
		height: 609px;
		z-index: 100;
	}
	
		#Section3 .branchBg .right {
			position: absolute;
			left: 478px;
			top: 70px;
		}
		#Section3 .branchBg .left {
			position: absolute;
			left: 69px;
			top: 70px;
		}
		#Section3 .branchBg .bottom {
			position: absolute;
			left: 332px;
			top: 420px;
		}
	
	#Section3 .branchText {
		position: absolute;
		left: -4px;
		top: 540px;
		width: 780px;
		height: 330px;
		z-index: 400;
	}
		#Section3 .branchText .text1 {
			top: 8px;
		}
		#Section3 .branchText .text2 {
			left: 553px;
			top: 150px;
		}
	
	#Section3 .branchCircle {
		position: absolute;
		left: -20px;
		top: 250px;
		width: 840px;
		height: 440px;
		z-index: 300;
	}
		#Section3 .branchCircle .circle {
			position: absolute;
			left: 0px;
			top: 0px;
		}
		
		#Section3 .branchCircle .circle1 {
			left: 163px;
			top: 335px;
		}
		#Section3 .branchCircle .circle2 {
			left: 65px;
			top: 304px;
		}
		#Section3 .branchCircle .circle3 {
			left: 5px;
			top: 220px;
		}
		#Section3 .branchCircle .circle4 {
			left: 6px;
			top: 117px;
		}
		#Section3 .branchCircle .circle5 {
			left: 66px;
			top: 34px;
		}
		#Section3 .branchCircle .circle6 {
			left: 165px;
			top: 3px;
		}
		#Section3 .branchCircle .circle7 {
			left: 262px;
			top: 35px;
		}
		#Section3 .branchCircle .circle8 {
			left: 472px;
			top: 304px;
		}
		#Section3 .branchCircle .circle9 {
			left: 570px;
			top: 336px;
		}
		#Section3 .branchCircle .circle10 {
			left: 669px;
			top: 304px;
		}
		#Section3 .branchCircle .circle11 {
			left: 730px;
			top: 220px;
		}
		#Section3 .branchCircle .circle12 {
			left: 730px;
			top: 117px;
		}
		#Section3 .branchCircle .circle13 {
			left: 669px;
			top: 33px;
		}
		#Section3 .branchCircle .centerCircle {
			width: 180px;
			height: 180px;
			left: 328px;
			top: 129px;
			background: url(../images/top/parts/business-domain/branch-circle-center.png) no-repeat;
		}
			#Section3 .branchCircle .centerCircle .point {
				position: absolute;
				left: 0px;
				top: 0px;
			}
			#Section3 .branchCircle .centerCircle .point1 {
				left: 20px;
				top: 126px;
			}
			#Section3 .branchCircle .centerCircle .point2 {
				left: 5px;
				top: 62px;
			}
			#Section3 .branchCircle .centerCircle .point3 {
				left: 45px;
				top: 11px;
			}
			#Section3 .branchCircle .centerCircle .point4 {
				left: 111px;
				top: 11px;
			}
			#Section3 .branchCircle .centerCircle .point5 {
				left: 151px;
				top: 62px;
			}
			#Section3 .branchCircle .centerCircle .point6 {
				left: 136px;
				top: 126px;
			}
			#Section3 .branchCircle .centerCircle .point7 {
				left: 78px;
				top: 154px;
			}
		
		
		
		
		
		
		
		
	
	/*
	
	#Section3 .branchBackText {
		position: absolute;
		left: 73px;
		top: 343px;
		z-index: 100;
	}
	
	#Section3 .branchOverText {
		position: absolute;
		left: -3px;
		top: 268px;
		z-index: 300;
	}

	#Section3 .text1 {
		left: 548px;
		top: 689px;
	}
	
	*/
/*
====================================================================
	Section4
	
	logistics-business
	
====================================================================
*/

#Section4Sign {
	margin-top: -134px;
}

#Section4 {
	height: 1237px;
}
	#Section4 .sectionHeader {
		position: relative;
		z-index: 400;
		height: 360px;
		padding-bottom: 60px;
	}
	
		#Section4 .sectionHeader .mainVisual {
			height: 300px;
		}
		
		
		#Section4 .sectionHeader .sectionTitle {
			position: absolute;
			z-index: 400;
			top: 28px;
			left: 2px;
		}
		
		#Section4 .sectionHeader .sectionDesc {
			position: absolute;
			z-index: 400;
			top: 238px;
			left: -1px;
		}

	
	#Section4 .moreLinkList {
		
	}
		
		#Section4 .moreLinkList li {
			float: left;
			padding-right: 15px;
			padding-bottom: 70px;
		}
		#Section4 .moreLinkList li.turn {
			padding-right: 0px;
		}
		





/*
====================================================================
	Section5
	
	life-support-business
	
====================================================================
*/

#Section5Sign {
	margin-top: -134px;
}

#Section5 {
	height: 1120px;
}
	#Section5 .sectionHeader {
		position: relative;
		z-index: 400;
		height: 360px;
		padding-bottom: 60px;
	}
	
		#Section5 .sectionHeader .mainVisual {
			height: 300px;
		}
		
		#Section5 .sectionHeader .sectionTitle {
			position: absolute;
			z-index: 400;
			top: 23px;
			left: -4px;
		}
		
		#Section5 .sectionHeader .sectionDesc {
			position: absolute;
			z-index: 400;
			top: 240px;
			left: -1px;
		}

	#Section5 .moreLinkList {
		position: relative;
		z-index: 300;
	}
		
		#Section5 .moreLinkList li {
			float: left;
			padding-right: 15px;
			padding-bottom: 70px;
		}
		#Section5 .moreLinkList li.turn {
			padding-right: 0px;
		}

/*
====================================================================
	Section6
	
	lixus-history
	
====================================================================
*/

#Section6Sign {
	margin-top: -20px;
}

#Section6 {
	height: 2852px;
}


	#Section6 .histories {
		position: absolute;
		top: 91px;
		left: 0px;
		z-index: 500;	
	}
		/* 各年代座標 */
		#Section6 .histories .year {
			position: absolute;
			z-index: 500;
		}
		
		/* 1950~ */
		#Year1950 {
			left: 0px;
			top: 0px;
		}
		/* 1960~ */
		#Year1961 {
			left: 420px;
			top: 92px;
		}
		#Year1963 {
			left: 0px;
			top: 186px;
		}
		#Year1964 {
			left: 457px;
			top: 255px;
		}
		#Year1967 {
			left: 0px;
			top: 309px;
		}
		#Year1969 {
			left: 503px;
			top: 372px;
		}

		/* 1970~ */
		#Year1970 {
			left: 503px;
			top: 472px;
		}
		#Year1971 {
			left: 0px;
			top: 590px;
		}
		#Year1972 {
			left: 414px;
			top: 633px;
		}
		#Year1973 {
			left: -4px;
			top: 672px;
		}
		#Year1975 {
			left: 411px;
			top: 732px;
		}
		#Year1976 {
			left: 0px;
			top: 772px;
		}
		#Year1977 {
			left: 0px;
			top: 833px;
		}
		#Year1978 {
			left: 0px;
			top: 915px;
		}
		
		/* 1980~ */
		#Year1980 {
			left: 509px;
			top: 957px;
		}
		#Year1983 {
			left: 0px;
			top: 1191px;
		}
		#Year1984 {
			left: 415px;
			top: 1273px;
		}
		#Year1986 {
			left: 0px;
			top: 1335px;
		}
		#Year1988 {
			left: 475px;
			top: 1365px;
		}
		#Year1989 {
			left: 0px;
			top: 1395px;
		}
		
		/* 1990~ */
		#Year1990 {
			left: 501px;
			top: 1425px;
		}
		#Year1991 {
			left: 0px;
			top: 1455px;
		}
		#Year1992 {
			left: 506px;
			top: 1485px;
		}
		#Year1994 {
			left: 483px;
			top: 1570px;
		}
		#Year1996 {
			left: 430px;
			top: 1652px;
		}
		#Year1998 {
			left: 0px;
			top: 1831px;
		}


		
		/* 2000~ */
		#Year2002 {
			left: 472px;
			top: 1843px;
		}
		#Year2004 {
			left: 0px;
			top: 1898px;
		}
		#Year2005 {
			left: 503px;
			top: 1904px;
		}
		#Year2006 {
			left: 0px;
			top: 1974px;
		}
		#Year2007 {
			left: 484px;
			top: 2026px;
		}
		#Year2008 {
			left: 428px;
			top: 2096px;
		}
		
		/* 2010~ */
		#Year2010 {
			left: 0px;
			top: 2165px;
		}
		#Year2011 {
			left: 407px;
			top: 2156px;
		}
		#Year2012 {
			left: 0px;
			top: 2273px;
		}
		#Year2013 {
			left: 405px;
			top: 2273px;
		}
		#Year2015 {
			left: 415px;
			top: 2333px;
		}
		#Year2017 {
			left: 445px;
			top: 2385px;
		}
		#Year2018 {
			left: 0px;
			top: 2475px;
		}
		
		/* 2000~ 
		#Year2002 {
			left: 472px;
			top: 1883px;
		}
		#Year2004 {
			left: 0px;
			top: 1928px;
		}
		#Year2005 {
			left: 503px;
			top: 1964px;
		}
		#Year2006 {
			left: 0px;
			top: 2024px;
		}
		#Year2007 {
			left: 484px;
			top: 2106px;
		}
		#Year2008 {
			left: 428px;
			top: 2196px;
		}
		
		/* 2010~ 
		#Year2010 {
			left: 0px;
			top: 2245px;
		}
		#Year2011 {
			left: 407px;
			top: 2286px;
		}
		#Year2012 {
			left: 0px;
			top: 2363px;
		}
		#Year2013 {
			left: 465px;
			top: 2403px;
		}*/
		
	

/*
====================================================================
	Section7
	
	corporate-profile
	
====================================================================
*/

#Section7Sign {
	margin-top: -135px;
}

#Section7 {
	height: 935px;
}

	#Section7 .corporateProfile {
		position: absolute;
		z-index: 300;
		width: 770px;
		top: -27px;
		border-top: 1px solid #999999;
	}
	
		#Section7 .corporateProfile a {
			color: #5B3982;
			font-weight: bold;
		}
		
		#Section7 .corporateProfile a:hover {
			color: #6E48B3;
		}
						
		#Section7 .corporateProfile .short {
			width: 590px;
		}
		
		#Section7 .corporateProfile tr {
			height: 34px;
		}
		
			#Section7 .corporateProfile th {
				line-height: 34px;
			}
		
		#Section7 .corporateProfile .line3 {
			height: 74px;
		}
			#Section7 .corporateProfile .line3 th {
			}
			
		#Section7 .corporateProfile .line4 {
			height: 88px;
		}
			#Section7 .corporateProfile .line4 th {
			}
			
		#Section7 .corporateProfile .line2 {
			height: 53px;
		}
			#Section7 .corporateProfile .line2 th {
				
			}
		#Section7 .corporateProfile .line6 {
			height: 53px;
		}
			#Section7 .corporateProfile .line6 th {
				
			}
			
			
			#Section7 .corporateProfile th {
				font-weight: bold;
				font-size: 14px;
				color: #543C80;
				width: 160px;
				border-bottom: 1px solid #999999;
			}
			
			#Section7 .corporateProfile td {
				font-size: 12px;
				color: #333333;
				border-bottom: 1px solid #999999;
				line-height: 19px;
			}
			
			
			#Section7 .corporateProfile .groupCompanies {
			}
				#Section7 .corporateProfile .groupCompanies th,
				#Section7 .corporateProfile .groupCompanies td {
					position: relative;
					border-bottom: 0px;
				}
			
				#Section7 .corporateProfile .groupCompanies .companyList {
					padding-top:10px;
				}
				
				#Section7 .corporateProfile .groupCompanies .markList {
					position: absolute;
					left: 197px;
					top: 15px;
					width: 230px;
				}
				
					#Section7 .corporateProfile .groupCompanies .mark {
						float: left;
						padding-right: 8px;
					}
			


/*
====================================================================
	Section8
	
	network
	
====================================================================
*/

#Section8Sign {
	margin-top: -106px;
}

#Section8 {
	/*	height: 1140px;*/
	padding-bottom: 221px;
	height: 1140px;
}

	#Section8 .straight6Cover {
		position: absolute;
		left: -510px;
		top: 1105px;
		z-index: 400;
	}
	
	#Section8 .networkList {
		position: relative;
		z-index: 300;
		width: 684px;
		height: 1215px;
		margin-left: 89px;
		padding-top: 12px;
	}
	
		#Section8 .networkList .left {
			position: relative;
			float: left;
			width: 296px;
			height: 100%;	
		}
		
		#Section8 .networkList .right {
			position: relative;
			float: right;
			width: 300px;
			height: 100%;

		}
			
			#Section8 .networkList ul {
				padding-top: 15px;
				border-top: 1px dotted #999999;
			}
			
				#Section8 .networkList li {
					padding-left: 16px;
					color: #333333;	
					/*height: 70px;*/
					height: 68px;
				}
				
				#Section8 .networkList li.showFax {
					height: 85px;
				}
					
					#Section8 .networkList li .name {
						font-size: 14px;
						font-weight: bold;
						padding-bottom: 3px;
					}
					
					
						#Section8 .networkList li .name a {
							color: #5B3982;
						}
						#Section8 .networkList li .name a:hover {
							color: #6E48B3;
						}
					
					#Section8 .networkList li .pdf {
						height: 25px;
						text-indent: 28px;
						line-height: 24px;
						padding-bottom: 0px;
						background : url(../images/top/icon/link-pdf.png) left top no-repeat;
					}
					
					#Section8 .networkList li .address {
						font-size: 11px;
					}
					#Section8 .networkList li .tel {
						font-size: 11px;
					}
					#Section8 .networkList li .fax {
						font-size: 11px;
					}
	
			
			#Section8 .networkList .right ul {
				padding-top: 13px;
			}
			
			#Section8 .networkList .right .hyogo {
				/*height: 146px;*/
				height: 272px;
			}
			
			#Section8 .networkList .right .okayama {
				/*height: 135px*/;
				height: 124px;
			}
			
			#Section8 .networkList .right .aichi {
				/*height: 216px;*/
				height: 195px;
			}
				
			#Section8 .networkList .right .shizuoka {
				/*height: 146px;*/
				height: 210px;
			}

			#Section8 .networkList .right .ibaraki {
				height: 73px;
			}
			
			#Section8 .networkList .right .osaka {
				padding-top: 16px;
			}
				#Section8 .networkList .right .osaka li {
					height: 85px;
				}
			
				



/*
====================================================================
	Footer
====================================================================
*/
#Footer {
	position: relative;
}
	
	#Footer .mainVisual {
		width: 1600px;
		height: 933px;
	}
	
	
	#Goal {
		position: relative;
		left: 50%;
		z-index: 200;
		margin-left: -480px;
	}
	
	 	#Goal .leftCover {
	 		position: absolute;
	 		left: -502px;
	 		top: 0px;
	 		z-index: 400;
	 	}
	 	
	 	#Goal .rightCover {
	 		position: absolute;
	 		left: 1168px;
	 		top: 0px;
	 		z-index: 400;
	 	}
	 
	 	#Goal .people {
			position: absolute;
			left: -41px;
			top: 46px;
	 	}
	 	#Goal .goalFlag {
		 	position: absolute;
			left: 19px;
			top: 4px;
			z-index: 400;
	 	}
	 	#Goal .goalTruck {
			position: absolute;
			left: 770px;
			top: 47px;
			z-index: 300;
	 	}
	 	
	 	/* goal effects */
	 	#GoalEffects {
	 		display: none;
	 		position: absolute;
			left: -2px;
			top: -70px;
	 		width: 78px;
	 		height: 70px;
	 		background: url(../images/top/parts/footer/goal-line.png) no-repeat;
	 		background-position: left 17px;
	 	}
	 	
	 		/* firework */
	 		#GoalEffects .firework {
	 			position: absolute;
	 		}
	 			#Firework1 {
	 				left: -160px;
	 				top: -60px;
	 			}
	 			
	 			#Firework2 {
	 				left : -230px;
	 				top: 50px;
	 			}
	 		
	 		/* goal label */
	 		#GoalLabel {
	 			width: 48px;
	 			height: 19px;
	 			margin-left: 0px;
	 			overflow: hidden;
	 		}
			
			/* goal arrow */
			#GoalArrow {
				width: 12px;
				height: 6px;
				margin: 0 auto;
			}
			
			/* goal time */
			#GoalTime {
				width: 80px;
				height: 20px;
				padding-top: 5px;
				padding-bottom: 5px;
				overflow: hidden;
			}
				#GoalTime .timeWrapper {
					position: relative;
					width: 100%;
					height: 100%;
					background: url(../images/top/bg/goal-time.gif) no-repeat left top;
				}
				
				#GoalTime .price1 {
					position: absolute;
					left: 0px;
					top: 0px;
					
				}
				#GoalTime .price2 {
					position: absolute;
					left: 12px;
					top: 0px;
					
				}
				
				#GoalTime .hours {
					position: absolute;
					left: -1px;
					top: 0px;
					width: 24px;
					height: 18px;
				}
				#GoalTime .minutes {
					position: absolute;
					left: 27px;
					top: 0px;
					width: 24px;
					height: 18px;
				}
				#GoalTime .seconds {
					position: absolute;
					left: 55px;
					top: 0px;
					width: 24px;
					height: 18px;
				}
		
		
		
	#FooterLogo {
		position: absolute;
		z-index: 300;
		left: 389px;
		top: 128px;
	}
	
	#FooterShare {
		position:absolute;
		/*overflow:hidden;*/
		z-index: 300;
		width: 300px;
		left: 328px;
		top: 309px;
	}
		#FooterShare ul {
			position:relative;
			left:50%;
			float:left;
		}
		#FooterShare li {
			position:relative;
			left:-50%;
			float:left;
		}
		
		#FooterShare #HatenaBtn {
			padding-right: 10px;
		}
		#FooterShare #TweetBtn {
			padding-right: 10px;
		}
		
		
/*
====================================================================
	LixisTruck
====================================================================
*/	
#LixusTruck {
	position: relative;
	z-index: 250;
	width: 960px;
	left: 50%;
	top: 0px;
	margin-left: -480px;
}

	#LixusTruck .truck {
		position: absolute;
		left: 869px;
		top: 6px;
		width: 130px;
		height: 130px;
	}


/*
====================================================================
	Static Truck
====================================================================
*/	
.staticTruck {
	display: none;
	position: absolute;
	left: 0px;
	top : 0px;
	z-index: 250;
	text-indent: -9999px;
}

.lixusTruck {
	position: absolute;
	width: 130px;
	height: 130px;
	overflow: hidden;
}

.gtayTruck {
	display: block;
	position: absolute;
	width: 80px;
	height: 90px;
	background: url(../images/top/parts/objects/vehicles/truck-gray.png) no-repeat;
}

#StaticTruck1 {
	left: 870px;
	top: 1880px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2080px 0px;
}
#StaticTruck2 {
	left: 606px;
	top: 653px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2600px 0px;
}
#StaticTruck3 {
	left: 826px;
	top: 150px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2600px 0px;
}
#StaticTruck4 {
	left: 266px;
	top: 855px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -1300px 0px;
}
#StaticTruck5 {
	left: 868px;
	top: 358px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2080px 0px;
}
#StaticTruck6 {
	left: 869px;
	top: 678px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2080px 0px;

}
#StaticTruck7 {
	left: 351px;
	top: 345px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -1560px 0px;
}
#StaticTruck8 {
	left: 316px;
	top: 1702px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2340px 0px;
}
#StaticTruck9 {
	left: 303px;
	top: 1184px;
}
#StaticTruck10 {
	left: 754px;
	top: 313px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -2600px 0px;
}
#StaticTruck11 {
	left: 140px;
	top: 695px;
	background: url(../images/top/parts/objects/vehicles/truck-frames2.png) no-repeat;
	background-position: -3120px 0px;
}

	
/*
====================================================================
	loading
====================================================================
*/	

.loading #Wrapper {
	display: none;
}

#Loading {
	display: none;
	position: absolute;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 50%;
	margin-left: -150px;
	margin-top: -132px;
	width: 300px;
}

	#Loading .img {
		padding-bottom: 25px;
	}
	
	#Loading .progress {
		position: relative;
		width: 220px;
		height: 8px;
		margin: 0 auto;
		overflow: hidden;
		background: #C6BDD3;
	}
	
		#Loading .progress .bar {
			position: absolute;
			z-index: 100;
			left: -100%;
			width: 220px;
			height: 8px;
			background: url(/content/images/top/parts/loading/progress-bar.gif) no-repeat left top;
		}
		
		#Loading .progress .mask {
			position: absolute;
			z-index: 200;
		}


	

/*
====================================================================
	fixed
====================================================================
*/	


.fixed #FixedScrollWrapper {
	width: 1600px;
	left: 50%;
	margin-left: -800px;
}



/*
====================================================================
	jsoff
====================================================================
*/
.jsoff #JSOffMessage {
	display: block;
}
.jsoff .staticTruck {
	display: block;
}



/*
====================================================================
	level別
====================================================================
*/

.level2 .staticTruck,
.level3 .staticTruck {
	display: block;
}
	
	
.level2 #Logistics .img,
.level3 #Logistics .img {
	margin-top : -210px;
}
		
.level2 #LifeSupport .img,
.level3 #LifeSupport .img {
	margin-top : -265px;
}