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


body {
	margin: 0 auto;
	text-align: left;
	-webkit-text-size-adjust: none;
}


#wrap {
	max-width:640px;
	margin: 0 auto;
}

header h1{
	float:left;
	margin:7px 0 10px 0;
	}

header p{
	float:right;
	margin:21px 0 0 0;
	}

header{
	background:url(../images/bg.gif) no-repeat center bottom;
	overflow:hidden;
	border-top:6px solid #9c8920;
	}

nav {
	margin: 0 0 0 0; 
	}

nav p{
	margin:0 0 30px 0;
	}

nav ul li{
	float:left;
	}

nav ul {
	overflow:hidden;
	}	

section{
	background:url(../images/line.jpg)  repeat-x left top;
	text-align:center;
	margin:0 0 15px 0;
	padding:34px 0 0 0;
	}

section p{
	background:url(../images/line.jpg)  repeat-x left bottom;
	padding:0 0 35px 0;
	}
	
.japanese{
	text-align:right;
	margin:0 15px 15px 0;
	}
	
footer{
	background:#9c8920;
	padding:15px;
	text-align:center;
	}
#photoG {
	margin-bottom: 40px;
	display: none;
	font-size: 20px;
}
#photoG ul {
	letter-spacing: -.4em;
	border-bottom: solid 1px #ccc;
}
#photoG li {
	display: inline-block;
}
#photoG h2 {
	margin: 1.5em 0 1em;
	text-align: center;
	color: #ab4835;
	font-weight: bold;
	font-size: 120%;
}
#photoG p {
	margin: 0 1.5em 2em;
}

#navGallery {
	position: relative;
}
#navGallery span {
	position: absolute;
	top: 54px; right: 15px;
	-moz-transition: -moz-transform .3s linear;
	-webkit-transition: -webkit-transform .3s linear;
	-o-transition: -o-transform .3s linear;
	-ms-transition: -ms-transform .3s linear;
}
#navGallery span.deg {
	-webkit-transform: rotate(90deg);  
 -moz-transform: rotate(90deg); 
	transform: rotate(90deg);  
}

#lb {
	width: 640px;
	overflow: hidden;
	position: fixed;
	top: 0; left: 0;
	z-index: 1000;
}
.viewport {
	margin: 0 auto;
	padding-left: 50px;
	width: 640px;
	overflow: hidden;
}
.viewport dl {
	margin-right: 10px;
	float: left;
	color: #fff;
}
.viewport dd {
	margin-top: .5em;
}

#lb {
	width: 100% !important;
	overflow: hidden;
	position: fixed;
	top: 10%; left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.01);
	display: none;
}
.flipsnap {
	z-index: 1;
}
.viewport {
	padding: 0 10px;
	text-align: center;
	width: 630px;
	font-size: 20px;
	background: rgba(0,0,0,0.01);
	position: relative;
}
.viewport dl {
	margin-right: 10px;
	width: 630px;
	background: rgba(0,0,0,0.01);
}
.viewport dt {
	display: block; 
}
.viewport dt,
.viewport dd:last-child {
	padding-left: .5em;
	text-align: left;
}

.viewport dt,
.viewport dd {
	width: 630px;
	background: rgba(0,0,0,0.01);
}

.controls {
	text-align: center;
}
.controls li {
	margin-top: 20px;
	display: inline-block;
	width: 30%;
	text-align: center;
	position: inherit;
}

.controls.degy li {
	position: absolute;
	top: 25%;
	width: 73px;
	z-index: 99999 !important;
}
.controls.degy li:first-child {
	left: 0;
	text-align: left;
}
.controls.degy li:last-child {
	right: 0;
	text-align: right;
}

.controls li:first-child img {
	display: none;
}
.controls li#true img {
	display: none;
}
.controls li#false img {
	display: inline;
}
.closeBtn {
	position: absolute;
	top: 0; right: 40px;
	z-index: 99999 !important;
}