/* CSS Document */

html,body{
	height: 100%;
}

#pagepiling {
	height: 100%;
}

.boxlink {
	cursor:pointer;
}

/*
-------------------------------------------------------------------*/

#pageAbox {
	background:url(../images/01/img1-3.jpg) center top no-repeat;
	background-size: cover;
	height:100%;
}

.img1 {
	position:relative;
	height:90%;
	margin:0 35% 3% 10%;
}

.img1 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}



/*
-------------------------------------------------------------------*/

#pageBbox {
	background:url(../images/02/img2-3.jpg) center bottom no-repeat;
	background-size: cover;
	height:100%;
}

.img2 {
	position:relative;
	height:95%;
	margin:0 120px 0 35%;
}

.img2-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}



/*
-------------------------------------------------------------------*/

#pageCbox {
	background:url(../images/03/img3-2.jpg) left 50% no-repeat;
	background-size: cover;
	height:100%;
}

.img3 {
	position:relative;
	height:95%;
	margin:0 130px 0 10%;
}

.img3-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageDbox {
	background:url(../images/04/img4-2.jpg) right bottom no-repeat;
	background-size: cover;
	height:100%;
}

.img4 {
	position:relative;
	height:90%;
	margin:0 130px 0 2%;
}

.img4-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}


/*
-------------------------------------------------------------------*/

#pageE2box {
	background:url("../images/05a/img5a-bg.jpg") right top no-repeat;
	background-size: cover;
	height:100%;
}

.img5 {
	position:relative;
	height:90%;
	margin:0 30% 0 4%;
}

.img5-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageEbox {
	background:url(../images/05/img5-2.jpg) right top no-repeat;
	background-size: cover;
	height:100%;
}

.img5 {
	position:relative;
	height:100%;
	margin:0 90px 0 20px;
}

.img5-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageFbox {
	background:url(../images/06/img6-2.jpg) right top no-repeat;
	background-size: cover;
	height:100%;
}

.img6 {
	position:relative;
	height:90%;
	margin:0 30% 0 2%;
}

.img6-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageGbox {
	background:url(../images/07/img7-2.jpg) right 50% no-repeat;
	background-size: cover;
	height:100%;
}

.img7 {
	position:relative;
	height:80%;
	margin:0 100px 0 30%;
}

.img7-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageHbox {
	background:url(../images/08/img8-2.jpg) 50% 50% no-repeat;
	background-size: cover;
	height:100%;
}

.img8 {
	position:relative;
	height:90%;
	margin:0 90px 0 90px;
}

.img8-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}

/*
-------------------------------------------------------------------*/

#pageIbox {
	background:url(../images/09/img9-2.jpg) 50% 50% no-repeat;
	background-size: cover;
	height:100%;
}

.img9 {
	position:relative;
	height:100%;
	margin:0 130px 0 130px;
}

.img9-1 {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
}