/*
Plugin: jQuery Parallax
Version 1.1.3
Author: Ian Lunn
Twitter: @IanLunn
Author URL: http://www.ianlunn.co.uk/
Plugin URL: http://www.ianlunn.co.uk/plugins/jquery-parallax/

License: http://creativecommons.org/licenses/by-sa/3.0/ (Attribution Share Alike). Please attribute work to Ian Lunn simply by leaving these comments in the source code or if you'd prefer, place a link on your website to http://www.ianlunn.co.uk/.
*/

@charset "utf-8";
/* CSS Document */

body{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background:#FFF;
}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #000;
	z-index:150000;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
	z-index:160000;
}


#wrap-outer{
	z-index:200;
}
#wrap{
	margin: 0;
	padding: 0;	
	width:100%;
	/*width:1280px;*/
	min-width:1280px;
	position:relative;
}
#side{
	margin: 0;
	padding: 0;	
	width:20%;
	min-width:280px;
	height:900px;
	position:fixed;
	z-index:100000;
	background:url(../images/side.gif) no-repeat top center #fff;
}
*:first-child+html #side ul{
	margin-left:0;
}
#side li{
	position:relative;	
	padding: 0;		
	list-style:none;
	display:block;	
	text-decoration: none;
}
#side li ul{
	margin:0;
	padding:0;
	margin-bottom:6px;
	margin-top:-3px;
}
#side li ul li{
	/*margin-top:-3px;*/
	margin-top:-4px;
}
/*#side li.nav1{
	top:250px !important;	
	right:30px !important;	
}
#side li.nav2{
	top:280px !important;	
	right:30px !important;	
}
#side li.nav3{
	top:300px !important;	
	right:30px !important;	
}
#side li.nav4{
	top:400px !important;	
	right:30px !important;	
}
#side li.nav5{
	top:450px !important;	
	right:30px !important;	
}*/
#main{
	float:right;
	margin: 0;
	padding: 0;	
	width:80%;
	text-align:left;
	position:relative;
	/*left:280px;*/
	overflow:hidden;
	z-index:10;
	display:block;
}
img{
	border: 0;
}

#nav{
	width:280px;
	text-align:left;
	list-style:none;
	padding-left:0;
	margin-top:10px !important;
	margin-top:175px !important;
}

#nav li{
	margin:0;
	padding:0;
}
#nav li a{
	margin:0;
	padding:0;
}

#nav li img{
}

#nav li.soon img{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}

#nav li a.check{
    opacity: 0.6;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


#header, #intro, #second{
	width: 1000px;
}

#intro{
	background:url(../images/bg/04txt.png) no-repeat top center #fff;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;
}
#Message_president{
	background:url(../images/bg/message_president_bg.jpg) no-repeat  100% 0 #FFFFFF;
	background-size:auto 100%;
	height: 1000px;
	margin: 0;
	padding: 0;
}
#Message{
	background:url(../images/bg/message_bg.jpg) no-repeat  100% 0 #E1DBCD;
	background-size:auto 100%;
	height: 1000px;
	margin: 0;
	padding: 0;
}
#History{
	background:url(../images/bg/history_bg.jpg) 100% 0 no-repeat #E6E6E6;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#History-p{
	background:url(../images/bg/history-p_bg.jpg) 100% 0 no-repeat #FBEFD9;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Catch-copy{
	background:url(../images/bg/catch-copy_bg.jpg) 100% 0 no-repeat #F2F0E3;
	background-size:auto 100%;
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Logo{
	background-color:#fff;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Logo-process{
	background-color:#F0F0E1;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-exhibition{
	background:url(../images/bg/event-exhibition_bg.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-exhibition-about{
	background:url(../images/bg/event-exhibition-about_bg.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-exhibition-report{
	background:url(03.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-mosaic{
	/*background:url(03.jpg) 100% 0 no-repeat;*/
	background-color:#F0F0E1;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-mosaic-about{
	background-color:#F0F0E1;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-mosaic-report{
	background:url(03.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-ceremony{
	background:url(../images/bg/event-ceremony_bg.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Event-ceremony-report{
	background:url(03.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Gallery{
	background:url(03.jpg) 100% 0 no-repeat;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Souvenir{
	background:url(03.jpg) 100% 0 no-repeat #FFF8F4;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Calendar-message{
	/*background:url(../images/bg/calendar-message_bg.jpg) 100% 0 no-repeat #EBECEE;*/
	background:url(../images/bg/calendar-message_bg.jpg) 100% 0 no-repeat #fff;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}
#Calendar{
	background-color:#FBEDEC;
	background-size:auto 100%;
	/*width:1000px;
	height: 768px;*/
	width:100%;
	max-width:100%;
	height: 1000px;
	min-height: 780px;
	margin: 0;
	padding: 0;	
}

.story{
	margin: 0 auto;
	
	padding-top:10px;
	width:100%;
	max-width:100%;
	height: 100%;
	min-height: 780px;
}

/* sixth, seventh, eighth, ninth,tenth, eleventh */