@charset "utf-8";


/* breadcrumb
-----------------------------------*/
.breadcrumb{
	margin-bottom: 105px;
}



/* page_title
-----------------------------------*/
h2.page_title{
	width: 100%;
	height: 120px;
	background: #e7e7e7 url("../img/bg_page_title_01.png") no-repeat center 0;
	position: relative;
}

h2.page_title img{
	position: absolute;
	top: -85px;
	left: 50%;
	margin-left: -500px;
}



/* history_unit
-----------------------------------*/
#history_unit{
	width: 100%;
	margin-bottom: 128px;
}

#history_unit section.box01{
	font-size: 116%;
	width: 1000px;
	margin: 0 auto 135px;
	position: relative;
}

#history_unit section.box01 h3{
	position: absolute;
	top: -64px;
	right: 230px;
}

#history_unit section.box01 p{
	width: 580px;
	margin: 0 0 17px 10px;
}

#history_unit section.box01 h3 + p + p + p + p{
	margin: 0 0 39px 10px;
}

#history_unit section.box01 .image01{
	position: absolute;
	top: -64px;
	right: 303px;
}

#history_unit section.box01 .image02{
	position: absolute;
	top: 170px;
	right: 10px;
}

#history_unit section.box01 .image02:after{
	display: block;
	content: "";
	background: url("../img/bg_history_01.png") no-repeat 0 0;
	width: 98px;
	height: 107px;
	position: absolute;
	bottom: -77px;
	left: -20px;
}

#history_unit section.box01 .image03{
	position: absolute;
	top: 0;
	right: 10px;
}

#history_unit section.box01 .image_wrap{
	width: 615px;
	margin-bottom: 25px;
}

#history_unit section.box01 .image_wrap img{
	margin-right: 5px;
	float:left;
}

#history_unit section.box01 .image_wrap img:last-child{
	margin-right: 0;
}

#history_unit section.box02{
	font-size: 116%;
	width: 100%;
	min-height: 260px;
	background: #ffffff;
	position: relative;
	margin-bottom: 40px;
}

#history_unit section.box02:after{
	display: block;
	content: "";
	width: 100%;
	height: 150px;
	background: #f0f0f0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#history_unit section.box02 h3{
	width: 510px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	z-index: 2;
}

#history_unit section.box02 h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 2;
}

#history_unit section.box02 p{
	position: relative;
	top: 0;
	left: 50%;
	z-index: 2;
	width: 410px;
	margin: 0 0 15px -390px;
}

#history_unit section.box02 h3 + p{
	padding-top: 35px;
}

#history_unit section.box02 .image{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 59px;
	z-index: 2;
}

#history_unit section.box03{
	font-size: 116%;
	width: 100%;
	min-height: 260px;
	background: #ffffff;
	position: relative;
	margin-bottom: 35px;
}

#history_unit section.box03:after{
	display: block;
	content: "";
	width: 100%;
	height: 150px;
	background: #f5f5e6;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#history_unit section.box03 .inner{
	width: 1000px;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}

#history_unit section.box03 .inner_left{
	width: 540px;
	float: left;
}

#history_unit section.box03 .inner_left h3{
	width: 410px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 190px;
	left: 10px;
}

#history_unit section.box03 .inner_left h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 1;
}

#history_unit section.box03 .inner_left p{
	width: 310px;
	margin: 0 0 16px 110px;
}

#history_unit section.box03 .inner_left h3 + p{
	padding-top: 230px;
}

#history_unit section.box03 .inner_left .image{
	position: absolute;
	top: 35px;
	left: 110px;
}

#history_unit section.box03 .inner_right{
	width: 460px;
	padding-bottom: 320px;
	position: relative;
	float: right;
}

#history_unit section.box03 .inner_right h3{
	width: 450px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 0;
	right: 10px;
	text-align: right;
}

#history_unit section.box03 .inner_right h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 1;
}

#history_unit section.box03 .inner_right p{
	width: 350px;
	margin-bottom: 16px;
}

#history_unit section.box03 .inner_right h3 + p{
	padding-top: 38px;
}

#history_unit section.box03 .inner_right .image{
	position: absolute;
	bottom: 30px;
	left: 0;
}

#history_unit section.box04{
	font-size: 116%;
	width: 1000px;
	min-height: 330px;
	margin: 0 auto 20px;
	position: relative;
}

#history_unit section.box04 .inner_left{
	width: 540px;
	float: left;
}

#history_unit section.box04 .inner_left h3{
	width: 450px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 0;
	left: 10px;
}

#history_unit section.box04 .inner_left h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 1;
}

#history_unit section.box04 .inner_left p{
	width: 350px;
	margin: 0 0 16px 110px;
}

#history_unit section.box04 .inner_left h3 + p{
	padding-top: 38px;
}

#history_unit section.box04 .inner_right{
	width: 460px;
	position: relative;
	float: right;
}

#history_unit section.box04 .inner_right h3{
	width: 450px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 105px;
	right: 10px;
	text-align: right;
}

#history_unit section.box04 .inner_right h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 1;
}

#history_unit section.box04 .inner_right p{
	width: 350px;
	margin-bottom: 16px;
}

#history_unit section.box04 .inner_right h3 + p{
	padding-top: 145px;
}

#history_unit section.box05{
	font-size: 116%;
	width: 100%;
	min-height: 350px;
	margin-bottom: 50px;
	background: #ffffff;
	position: relative;
}

#history_unit section.box05:after{
	display: block;
	content: "";
	width: 100%;
	height: 150px;
	background: #f0f0f0;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
}

#history_unit section.box05 h3{
	width: 390px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -490px;
	z-index: 2;
}

#history_unit section.box05 h3:before{
	display: block;
	content: "";
	width: 70px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	left: 0;
	z-index: 2;
}

#history_unit section.box05 p{
	position: relative;
	width: 290px;
	top: 0;
	left: 50%;
	margin: 0 0 18px -390px;
	z-index: 2;
}

#history_unit section.box05 h3 + p{
	padding-top: 40px;
}

#history_unit section.box05 .image{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: -30px;
	z-index: 2;
}

#history_unit section.box05 .image02{
	position: absolute;
	top: 30px;
	left: 50%;
	margin-left: 260px;
	z-index: 2;
}

#history_unit section.box06{
	font-size: 116%;
	width: 1000px;
	margin: 0 auto 82px;
	min-height: 320px;
	position: relative;
}

#history_unit section.box06 h3{
	width: 640px;
	border-top: 5px solid #dcdcdc;
	position: absolute;
	top: 0;
	right: 10px;
	text-align: right;
}

#history_unit section.box06 h3:before{
	display: block;
	content: "";
	width: 140px;
	height: 5px;
	background:  url("../../common/img/bg_02.gif") repeat-x 0 0;
	position: absolute;
	top: -5px;
	right: 0;
	z-index: 1;
}

#history_unit section.box06 p{
	width: 490px;
	margin: 0 0 16px 350px;
}

#history_unit section.box06 h3 + p{
	padding-top: 40px;
}

#history_unit section.box06 .image{
	position: absolute;
	top: 0;
	left: 110px;
}

#history_unit section.box06 .image02{
	position: absolute;
	top: 171px;
	left: 110px;
}

#history_unit section.box07{
	font-size: 116%;
	width: 100%;
	min-height: 235px;
	background: #f5f5e6;
	position: relative;
}

history_unit section.box07 .inner{
	width: 1000px;
	margin: 0 auto;
	padding: 32px 0 10px;
	position: relative;
}

#history_unit section.box07 h3{
	padding-bottom: 94px;
	position: absolute;
	top: 40px;
	left: 50%;
	margin-left: -485px;
}

#history_unit section.box07 h3:before{
	display: block;
	content: "";
	width: 5px;
	height: 140px;
	background:  url("../../common/img/bg_03.gif") repeat-y 0 0;
	position: absolute;
	top: 3px;
	left: 5px;
	z-index: 1;
}

#history_unit section.box07 ul{
	position: absolute;
	top: 105px;
	left: 50%;
	margin-left: -450px;
}

#history_unit section.box07 ul li{
	list-style: none;
}

#history_unit section.box07 .btn{
	position: absolute;
	top: 70px;
	left: 50%;
	margin-left: -108px;
}

#history_unit section.box07 p{
	position: relative;
	width: 430px;
	top: 35px;
	left: 50%;
	margin: 0 0 15px 59px;
}