@charset "utf-8";

/*history
----------------------------------------------------------------------------------------------*/
#headerHistory{
	width: 100%;
	background-color: #FFF;
	height: 60px;
	}
	#headerHistory ul{
		width: 100%;
		text-align: center;
		padding: 22px 0 0 0;
		height: 60px;
		font-size: 0;
		}
		#headerHistory ul li{
			display: inline-block;
			vertical-align: top;
		}
		#headerHistory li.on img{
			opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";
		}
		#headerHistory li a{
			display: block;
		}
		#headerHistory li.h01 a{
			background: url(../images/history/navi01_on.png) no-repeat left top;
		}
		#headerHistory li.h02 a{
			background: url(../images/history/navi02_on.png) no-repeat left top;
		}
		#headerHistory li.h03 a{
			background: url(../images/history/navi03_on.png) no-repeat left top;
		}
		#headerHistory li.h04 a{
			background: url(../images/history/navi04_on.png) no-repeat left top;
		}
		#headerHistory li.h05 a{
			background: url(../images/history/navi05_on.png) no-repeat left top;
		}
		#headerHistory li.h06 a{
			background: url(../images/history/navi06_on.png) no-repeat left top;
		}
		#headerHistory li.h07 a{
			background: url(../images/history/navi07_on.png) no-repeat left top;
		}
		#headerHistory li.h08 a{
			background: url(../images/history/navi08_on.png) no-repeat left top;
		}
		#headerHistory li.h09 a{
			background: url(../images/history/navi09_on.png) no-repeat left top;
		}
		#headerHistory li.h10 a{
			background: url(../images/history/navi10_on.png) no-repeat left top;
		}
		#headerHistory li.h11 a{
			background: url(../images/history/navi11_on.png) no-repeat left top;
		}
		#headerHistory li.h12 a{
			background: url(../images/history/navi12_on.png) no-repeat left top;
		}

#history{
	padding: 241px 0 70px 0;
	}
	#history .historyIn{
		width: 980px;
		height: 700px;
		margin: 0 auto;
		position: relative;
		}
		#history .historyIn p{
			position: absolute;
			opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";
		}
		#history .historyIn a.left{
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 333px;
			height: 700px;
			z-index: 999;
		}
		#history .historyIn a.right{
			position: absolute;
			top: 0;
			left: 333px;
			display: block;
			width: 647px;
			height: 700px;
			z-index: 999;
		}
		#history .scene01 p.img01{
			top: 211px;
			left: 111px;
		}
		#history .scene02 p.img01{
			top: 189px;
			left: 50px;
		}
		#history .scene02 p.img02{
			top: 315px;
			left: 41px;
		}
		#history .scene02 p.img03{
			top: 184px;
			left: 460px;
		}
		#history .scene03 p.img01{
			top: 409px;
			left: 37px;
		}
		#history .scene03 p.img02{
			top: 145px;
			left: 53px;
		}
		#history .scene03 p.img03{
			top: 117px;
			left: 430px;
		}
		#history .scene04 p.img01{
			top: 125px;
			left: 92px;
		}
		#history .scene04 p.img02{
			top: 311px;
			left: 59px;
		}
		#history .scene04 p.img03{
			top: 100px;
			left: 413px;
		}
		#history .scene05 p.img01{
			top: 140px;
			left: 47px;
		}
		#history .scene05 p.img02{
			top: 311px;
			left: 32px;
		}
		#history .scene05 p.img03{
			top: 168px;
			left: 416px;
		}
		#history .scene06 p.img01{
			top: 157px;
			left: 102px;
		}
		#history .scene06 p.img02{
			top: 311px;
			left: 59px;
		}
		#history .scene06 p.img03{
			top: 185px;
			left: 437px;
		}
		#history .scene07 p.img01{
			top: 146px;
			left: 50px;
		}
		#history .scene07 p.img02{
			top: 311px;
			left: 59px;
		}
		#history .scene07 p.img03{
			top: 100px;
			left: 423px;
		}
		#history .scene08 p.img01{
			top: 195px;
			left: 26px;
		}
		#history .scene08 p.img02{
			top: 310px;
			left: 58px;
		}
		#history .scene08 p.img03{
			top: 151px;
			left: 429px;
		}
		#history .scene09 p.img01{
			top: 175px;
			left: 42px;
		}
		#history .scene09 p.img02{
			top: 315px;
			left: 69px;
		}
		
		#history .scene09 p.img03{
			top: 168px;
			left: 456px;
		}
		#history .scene10 p.img01{
			top: 193px;
			left: 0;
		}
		#history .scene10 p.img02{
			top: 312px;
			left: 60px;
		}
		#history .scene10 p.img03{
			top: 200px;
			left: 494px;
		}
		#history .scene11 p.img01{
			top: 168px;
			left: 45px;
		}
		#history .scene11 p.img02{
			top: 310px;
			left: 54px;
		}
		#history .scene11 p.img03{
			top: 202px;
			left: 441px;
		}
		#history .scene12 p.img01{
			top: 146px;
			left: 60px;
		}
		#history .scene12 p.img02{
			top: 403px;
			left: 30px;
		}
		#history .scene12 p.img03{
			top: 135px;
			left: 438px;
		}
		#history .scene12 p.entry{
			top: 515px;
			left: 542px;
		}
	#history p.leftArrow{
		width: 25px;
		height: 25px;
		top: 15px;
		left: 15px;
	}
	#history p.rightArrow{
		width: 25px;
		height: 25px;
		top: 15px;
		right: 15px;
	}


/*project
----------------------------------------------------------------------------------------------*/
#headerProject{
	width: 100%;
	background-color: #FFF;
	height: 60px;
	}
	#headerProject ul{
		width: 100%;
		font-size: 0;
		text-align: center;
		padding: 22px 0 0 0;
		height: 60px;
		}
		#headerProject li{
			display: inline-block;
			vertical-align: top;
		}
		#headerProject li.on img{
			opacity: 0;filter: alpha(opacity=0);-ms-filter: "alpha(opacity=0)";
		}
		#headerProject li a{
			display: block;
		}
		#headerProject li.p01 a{
			background: url(../images/project/navi01_on.png) no-repeat left top;
		}
		#headerProject li.p02 a{
			background: url(../images/project/navi02_on.png) no-repeat left top;
		}

#project{
	padding: 160px 0 70px 0;
	}
	#project .main{
		position: relative;
		width: 980px;
		height: 500px;
		margin: 0 auto 0 auto;
		}
		#project .main p{
			position: absolute;
			right: 0;
		}
		#project .main p.txt01{
			top: 3px;
		}
		#project .main p.txt02{
			bottom: 50px;
			font-size: 13px;
			color: #3c2800;
			line-height: 26px;
			text-align: right;
		}
	#project .box01{
		width: 100%;
		background-color: #FFF;
		padding: 50px 0;
		}
		#project .box01 .box01In{
			width: 980px;
			margin: 0 auto;
			}
			#project .box01 .box01In .tl{
				margin: 0 50px 0 0;
				float: left;
			}
			#project .box01 .box01In .img{
				margin: 0 49px 0 0;
				float: left;
			}
			#project .box01 .box01In .txt{
				width: 540px;
				border: 2px solid #adcbeb;
				padding: 23px 30px 22px 30px;
				color: #003c82;
				font-size: 11px;
				line-height: 22px;
				float: left;
			}
	#project .box02{
		width: 100%;
		padding: 70px 0 60px 0;
		}
		#project .box02 .box02In{
			width: 980px;
			margin: 0 auto;
			padding: 49px 0 0 0;
			background: url(../images/project/pj01_bg01.gif) no-repeat left top;
			}
			#project .box02 .box02In h4{
				padding: 0 0 0 51px;
			}
			#project .box02 .box02In .txt{
				font-size: 13px;
				color: #3c2800;
				line-height: 30px;
			}
		
	#project .box03{
		width: 100%;
		padding: 70px 0 60px 0;
		background-color: #FFF;
		}
		#project .box03 .box03In{
			width: 980px;
			margin: 0 auto;
			padding: 49px 0 0 0;
			background: url(../images/project/pj01_bg02.gif) no-repeat right top;
			}
			#project .box03 .box03In h4{
				padding: 0 0 0 51px;
			}
			#project .box03 .box03In .txt{
				font-size: 13px;
				color: #3c2800;
				line-height: 30px;
			}
		#project .box03 .box03In_02{
			background: url(../images/project/pj01_bg03.png) no-repeat right top;
			}
			#project .box03 .box03In_02 h4{
				padding-left: 15px;
			}
		#project .box03 .bg01{
			background: url(../images/project/pj01_bg01.gif) no-repeat right top !important;
		}