@charset "utf-8";
/* common */
html, body {  }

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }

body {
height:14400px;
color:#000;
text-align:left;
font-family:"Verdana","ＭＳ Ｐゴシック","Osaka","平成角ゴシック","Arial","Helvetica",sans-serif;
/*background:#fff url(../img/bg.gif);*/
}

a, a:link { color:#e83827; text-decoration:underline; }
a:visited { color:#e83827; }
a:hover { color:#9e190c; text-decoration:none; outline:none; }
a:active { color:#e83827; outline:none; }

img {
vertical-align:top;
font-size:1px;
line-height:0;
border:0;
}

sub, sup { font-size:75%; line-height:0; position:relative; }
sup { top:-0.5em; }
sub { bottom:-0.25em }

#container_right {
	position:fixed;
	width:50%;
	right:0;
	height:13440px;
}

#container_left {
	position:fixed;
	left:0;
	width:50%;
	height:13440px;
}

#container_over {
	position:fixed;
	overflow:visible;
	right:0;
	height:20000px;
	font-size: 36px;
}

#container_over_right {
	position:fixed;
	overflow:visible;
	right:0;
	height:24000px;
	font-size: 36px;
}

#container_over_left {
	position:fixed;
	overflow:visible;
	left:0;
	height:24000px;
	font-size: 36px;
}
/*.in{
	width: 100%;
	height:200px;
	background: #804;
	opacity:0.4;
	margin: 0 0 800px 0;
}*/
.in{
	position:absolute;
	right:0;
	width: 500px;
	height:200px;
}

.in-right{
	position:absolute;
	right:0;
	width: 500px;
	height:200px;
}

.in-left{
	position:absolute;
	left:0;
	width: 500px;
	height:200px;
}

.in_content{
	position:absolute;
	z-index: 100;
}
.in_content_left{
	position:absolute;
	right:0;
	z-index: 100;
}

.inbk{
	position:absolute;
	z-index: 0;
	top:0;
	left:0;
	width: 100%;
	height:100%;
	background: #805;
	opacity: 0.6;
}
.ui_item {
margin: 2px auto;
}

.gallary {
	float: left;
	margin-left: 5px;
}

.item_left {
	position:relative;
	text-align:right;
	height:960px;
}

.item_left img{
	position: absolute;
right: 0;
}

.item_right {
	height:960px;
	left: 0;
	
}

#ui{
	position:fixed;
	left:0;
	top:50px;
	height:500px;
}

#overlay {
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height :100px;
	background: #000;
	opacity: 0.6;
}

#overlay_docment{
	color:#fff;
	background:#000;
	position: fixed;
	top:100px;
	left:100px;
	width: 400px;
	height :100px;
}

#load_text{
	position: absolute;
	top:158px;
	text-align:center;
	top: 325px;
	width: 60px;
	left: 287px;
}

#load_anime{
	position: absolute;
	top:108px;
	text-align:center;
	top: 278px;
	left: 292px;
}

#load_back {
	position: relative;
	margin: 200px auto;
	width: 560px;
	height: 640px;
	background: url(../img/load_back.jpg); 
}

#loading {
	z-index:2000;
	position: fixed;
	top:0;
	left:0;
	width: 100%;
	height :500px;
	background: #fff;
}