@charset "UTF-8";
/* CSS Document */
/* Utils */
html, body {
    width: 100%;
    height: 100%;
}
#PageOuter {
    position: absolute;
    left: 50%;
    top: 50%;

}
.dkirBox {
    position: relative;
    z-index: 3;
    zoom: 1;
}
.dkir {
    display: block;
    text-decoration: none;
}
.dkir span {
    position: relative;
    z-index: -1;
    color: #fff;
    font-size: 0px;
}

.clearfix { zoom: 1; }
.clearfix:after {
    display: block;
    content: "";
    clear: both;
}

#Container {
    width: 1000px;
    height: 640px;

}
#Page {
    height: 640px;

    left: -500px;
    top: -320px;
    position: absolute;
    position: absolute;
}
.loading {
	position: absolute;
	left:467px;
	top: 280px;
}
#Gallery {
    position: relative;
    width: 1000px;
    height: 600px;
    overflow: hidden;
}
#Gallery .pages {
    position: absolute;
}
#Gallery .pages .dkir {
    width: 1000px;
    height: 600px;
}

#Gallery #Page01 .dkir{ background: url("../imgs/img-01.jpg") no-repeat left top; }
#Gallery #Page02 .dkir{ background: url("../imgs/img-02.jpg") no-repeat left top; }
#Gallery #Page03 .dkir{ background: url("../imgs/img-03.jpg") no-repeat left top; }
#Gallery #Page04 .dkir{ background: url("../imgs/img-04.jpg") no-repeat left top; }
#Gallery #Page05 .dkir{ background: url("../imgs/img-05.jpg") no-repeat left top; }
#Gallery #Page06 .dkir{ background: url("../imgs/img-06.jpg") no-repeat left top; }
#Gallery #Page07 .dkir{ background: url("../imgs/img-07.jpg") no-repeat left top; }
#Gallery #Page08 .dkir{ background: url("../imgs/img-08.jpg") no-repeat left top; }
#Gallery #Page09 .dkir{ background: url("../imgs/img-09.jpg") no-repeat left top; }
#Gallery #Page10 .dkir{ background: url("../imgs/img-10.jpg") no-repeat left top; }
#Gallery iframe { position: absolute; bottom: 30px; }
#Gallery #Page02 iframe { right: 80px; }
#Gallery #Page03 iframe { left: 80px; }
#Gallery #Page04 iframe { right: 80px; }
#Gallery #Page05 iframe { right: 80px; }
#Gallery #Page09 iframe { right: 70px; top: 30px; }
.back,
.next {
	position: absolute;
	left:15px;
    top: 50%;
    margin-top: -17px;
    z-index: 999;
}
.next {
	left:auto;
	right:15px;
}
.back a,
.next a {
	display:block;
	width:35px;
	height:36px;
	background: url(../imgs/btn-back.png) no-repeat;
}
.next a { background: url(../imgs/btn-go.png) no-repeat; }
.back a:hover { background: url(../imgs/btn-back_ov.png) no-repeat; }
.next a:hover { background: url(../imgs/btn-go_ov.png) no-repeat; }
#Footer { padding-top: 25px; zoom: 1; width: 1000px; }
#Footer #SocialBtnArea { float: left; }
#Footer #Copyright { float: right; }
#Footer #SocialBtnArea div {
    float: left;
}