/* normalize.css v2.1.0 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
display:none
}

#animation-1 {
	background: url(images/kira.png) no-repeat left top;
}

.bxslider {
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	z-index: 9999;
	}

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%
}
body {
	margin: 0
}
a:focus {
	outline: thin dotted
}
a:active, a:hover {
	outline: 0
}
h1 {
	font-size: 2em;
	margin: 0.67em 0
}
abbr[title] {
	border-bottom: 1px dotted
}
b, strong {
	font-weight: bold
}
dfn {
	font-style: italic
}
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0
}
mark {
	background: #ff0;
	color: #000
}
code, kbd, pre, samp {
	font-family: monospace, serif;
	font-size: 1em
}
pre {
	white-space: pre-wrap
}
q {
	quotes: "\201C" "\201D" "\2018" "\2019"
}
small {
	font-size: 80%
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sup {
	top: -0.5em
}
sub {
	bottom: -0.25em
}
img {
	border: 0
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}
legend {
	border: 0;
	padding: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, input {
	line-height: normal
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top
}
table {
	border-collapse: collapse;
	border-spacing: 0
}

body {
	margin: 0;
	padding: 0;
	width: 100%;
	overflow-x: hidden;
	background-color: #191E4E;
}

#load{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9996;
	display: none\9;
	*display: none;
	_display: none; 
}

#top{
	width: 100%;
	height: 50%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #191E4E;
    z-index: 9998;
}
#bottom{
 width: 100%;
 height: 50%;
 position: absolute;
 top: 50%;
 left: 0;
 background-color: #191E4E;
 z-index: 9998;
}
#load_count{
 width: 200px;
 color: #fff;
 font-size: 18px;
 position: absolute;
 top: 30%;
 left: 50%;
 z-index: 9999;
}
#load_bar{
 width: 0;
 height: 1px;
 margin-top: -0.5px;
 position: absolute;
 top: 50%;
 left: 0;
 background: #eee;
 z-index: 9999;
}

#container {
	margin-left: -495px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.nl {
	list-style-type: decimal
}
h1, h2, h3, #first p {
	font-family: 'SubtleSansUltraLight'
}
h1, h2, h3 {
	font-size: 3em
}
.page {
	position: relative;
	width: 100%;
	height: 1000px;
	overflow: hidden
}
.page h1, .page h2 {
	text-align: center
}
.page p, .page ul {

}
#first {
	z-index: 100;
	/*background-color: #1C1F46;*/
	height: 600px;
}
#first .wrap {
	width: 100%;
	text-align: center
}
#second {
	height: 853px;
	z-index: 200;
	color: #776c5a;
	background-image: url(images/concept.png);
/*	background-image: url(images/event_ie.jpg)\9;
	*background-image: url(images/event_ie.jpg);
	_background-image: url(images/event_ie.jpg);*/
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: -90px;
}


#second .wrap {
	position: relative;
	top: 0;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#second h2 {
	left: 400px\9;
    opacity: 1\9;
    position: absolute\9;
    top: 555px\9;
	*left: 400px;
    *opacity: 19;
    *position: absolute;
    *top: 555px;
	_left: 400px;
    _opacity: 19;
    _position: absolute;
    _top: 555px;
}
#second p {
	left: 400px\9;
    opacity: 1\9;
    position: absolute\9;
    top: 615px\9;
    *left: 400px;
    *opacity: 1;
    *position: absolute;
    *top: 615px;
	_left: 400px;
    _opacity: 1;
    _position: absolute;
    _top: 615px;
}
#second .htb {
	margin-top: 250px;
	margin-left: 40px;
	position: absolute;
}
#second .gunkan {
	margin-top: 150px;
	margin-left: 400px;
	position: absolute;
}
#second .kyoukai {
	margin-top: 290px;
	margin-left: 700px;
	position: absolute;
}
#second .hikari01 {
	width: 100%;
    left: -160px\9;
    opacity: 1\9;
    position: absolute\9;
    top: -570px\9;
	*left: -160px;
    *opacity: 1;
    *position: absolute;
    _top: -570px;
	_left: -160px;
    _opacity: 1;
    _position: absolute;
    _top: -570px;
	
}
#third {
	height: 2155px;
	color: #776c5a;
	background-image: url(images/photo.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 160px;
	background-color: #017EFC;
}

.kirakiratop {
	z-index: 400;
	position: absolute;
	text-align: center;
	width: 100%;
}

#headerimgs {
	height: 630px;
	text-align: center;
	background-image: url(images/topview_01.jpg)\9;
	*background-image: url(images/topview_01.jpg);
	_background-image: url(images/topview_01.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#third .wrap {
	position: relative;
	top: 0;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
		}
		
#third h2 {
	margin: 0
}
#third .photo_f {
	width: 100%;
	z-index: 340;
	left: -461px\9;
    opacity: 1\9;
    position: absolute\9;
    top: -245px\9;
	*left: -461px;
    *opacity: 1;
    *position: absolute;
    *top: -245px;
	_left: -461px;
    _opacity: 1;
    _position: absolute;
    _top: -245px;
}

#third .phototopkira {
	left: 650px\9;
    opacity: 1\9;
    position: absolute\9;
    top: -100px\9;
    *left: 650px;
    *opacity: 1;
    *position: absolute;
    *top: -100px;
	_left: 650px;
    _opacity: 1;
    _position: absolute;
    _top: -100px;
}

#fourth {
	height: 740px;
	background-image: url(images/event.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#fourth .wrap {
		width: 100%;
		text-align: center
	
}
#fourth .eventbase {
		width: 100%;
		left: 0\9;
        opacity: 1\9;
        position: absolute\9;
        top: 180px\9;
		*left: 0;
        *opacity: 1;
        *position: absolute;
        *top: 180px;
		_left: 0;
        _opacity: 1;
        _position: absolute;
        _top: 180px;
	
}

#fifth .end {
	position: relative;
	top: 0;
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
	
}



#fifth .wrap .endkira01 {
	z-index: 420;
	left: -190px\9;
    opacity: 1\9;
    position: absolute\9;
    top: 0\9;
	*left: -190px;
    *opacity: 1;
    *position: absolute;
    *top: 0;
	_left: -190px;
    _opacity: 1;
    _position: absolute;
    _top: 0;
}
#fifth .wrap .endkira02 {
	z-index: 430;
	left: -100px\9;
    opacity: 1\9;
    position: absolute\9;
    top: 0\9;
	*left: -100px;
    *opacity: 1;
    *position: absolute;
    *top: 0;
	_left: -100px;
    _opacity: 1;
    _position: absolute;
    _top: 0;
}
#fifth {
	height: 735px;
	background-image: url(images/event2.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
}
#fifth .wrap {
	width: 100%
}
#sixth {
	z-index: 600;
	color: #fff;
	background: #dad061
}
#sixth .wrap {
	width: 1000px;
	margin: 0 auto
}
#seventh {
	z-index: 700;
	background: #f5ebb0;
	color: #776c5a
}
#seventh .wrap {
	width: 100%
}
#seventh .wrap h2, #seventh .wrap p {
	margin: 0
}
#seventh .wrap h2 {
	width: 100%
}
#eighth {
	height: 2000px;
	z-index: 800;
	background: #776c5a;
	color: white
}
#eighth .wrap {
	position: relative;
	width: 600px;
	height: 500px;
	margin: 0 auto
}
#eighth .caution {
	width: 100%;
	text-align: center
}
#nineth {
	z-index: 900;
	height: 2000px
}
#nineth .wrap {
	width: 100%;
	height: 1000px;
	background: #dad061;
	color: #fff
}
#nineth .easing-test {
	background: #f5ebb0;
	color: #776c5a
}
#nineth .easing-test.cubic {
	background: #acc59d;
	color: #fff
}
#nineth .easing-test.quart {
	background: #776c5a;
	color: #fff
}
#ten {
	z-index: 1000;
	height: 1500px
}
#ten .wrap {
	width: 100%;
	background: #fff;
	color: #555
}
#ten .wrap .clearfix {
	width: 600px;
	margin: 0 auto
}
#ten .wrap .clearfix div {
	float: left;
	display: inline-block;
	width: 50%
}
#ten .wrap .clearfix .mgt100 {
	margin-top: 100px
}
#ten .wrap a {
	padding: 15px 40px;
	background: #acc59d;
	color: #fff;
	text-decoration: none;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}
#ten .wrap a:hover {
	background: #dad061;
	color: #333;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s
}
#ten .wrap #credit {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100px;
	line-height: 100px;
	font-size: 4em;
	font-family: 'SubtleSansUltraLight';
	font-weight: bold;
	background: #dad061;
	color: #fff;
	text-align: center
}
#ten .wrap #credit small {
	width: 600px;
	margin: 0 auto
}
#container #third .wrap .menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#third .wrap .menu {
	width: 893px;
	margin-right: auto;
	margin-left: auto;
	z-index: 830;
	position: absolute;
	left: 65px;
	top: 0px;
}
#container #third .wrap .menu li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}



#irumi {
	clear: both;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-top: 60px;
	z-index: 810;
	position: absolute;
	left: 65px;
	top: 0px;
	}
#yakei {
	clear: both;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-top: 60px;
	z-index: 810;
	position: absolute;
	left: 65px;
	top: 0px;
	display: none;
	}
#hikari {
	clear: both;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-top: 60px;
	z-index: 810;
	position: absolute;
	left: 65px;
	top: 0px;
	display: none;
	}
#kyoukai {
	clear: both;
	width: 905px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 7px;
	padding-top: 60px;
	z-index: 810;
	position: absolute;
	left: 65px;
	top: 0px;
	display: none;
	}
	
#sidebar {
	position: fixed;
	z-index: 700;
	width: 100%;
	}

#footer {
	background-image: url(images/footer_bg.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	}
#footer .links {
	background-image: url(images/footer_r1_c1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 830px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 203px;
	z-index: 840;
	line-height: 0px;
	}