@charset"UTF-8";

html,body {
	positon:relative;
	width:100%;
	height:99%;
	background-color: #000;
	color:#999;
	font-family:"Lucida Grande","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	padding:auto;
	letter-spacing:2px;
}

/*
div{
background-color:rgba(0,0,255,0.2);
border:solid 1px #ccc;
}
*/




a{text-decoration: none}
a:link{ color: steelblue;}
a:visited{ color: mediumpurple; }
	
	
div#wrapper{
	position:relative;
	margin:auto;
	display:table;
}

div#top{
	position:relative;
	z-index:8;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}
img#topimage{
	width:200px;
	height:200px;
	-webkit-box-reflect:below 0px -webkit-linear-gradient(top,rgba(0,0,0,0),rgba(0,0,0,0) 20%,rgba(0,0,0,0.5));}


.table-cell{
	display:table-cell;
	vertical-align:center;
	width:100%;
	text-align:center;
}

#about{
	display:none;
}
.middle{
	height:100%;
	width:300px;
	display:table-cell;
	vertical-align:middle;
}
#main_left{
	text-align:left;
	padding-right:100px;
}
#main_right{
	text-align:center;
	left:500px;
	padding-left:100px;
}

.table{
	display:table;
	height:100%;
	width:100%;
}
.table-cell{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,1);
}

#c_list{
	backgound-color:yellow;
	width:100%;
	height:100%;
	z-index:60;
	position:absolute;
	visibility:hidden;
	display:table;
	vertical-align:middle;
}

div#content{
	position:absolute;
	z-index:8;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

.main{
	display:none;
	width:100%;
	height:100%;
	positon:absolute;
	vertical-align:middle;
}
img.mainimage{
}
iframe.youtube{
	display:inline;
	z-index:20;
	background-image:url(topimage_load.gif);
	background-repeat:no-repeat;
	background-size:200px 200px;
	background-position:180px,52px;
}
table.cap_show{
	text-align:left;
	vertical-align:bottom;
	border:0;
	display:block;
	position:absolute;
	color:#666;
	z-index:19;
	z-index:30;
	padding-right:5px;
	margin-botom:25px;
	left:15px;
	}
table.cap_youtube{
	text-align:left;
	border:0;
	display:block;
	position:absolute;
	color:#666;
	z-index:19;
	padding-right:5px;
}
td.title{
	vertical-align:bottom;
}
#cap_youtube .info{
}
#cap_show .info{
}
td.explain{
	border:solid 1px #666;
	border-top-style:none;
	border-right-style:none;
	border-bottom-style:none;
}
h2{
	color:#666;
	font-weight:normal;
	display:inline;
}
#others img{

}


@keyframes 'fade-in'{
0%{opacity:0;}
100%{opacity:1;}
}




div#left{
	position:absolute;
	animation-name:'fade-in';
	animation-duration:2s;
	animation-timing-function:ease;
	animation-delay:0;
	animation-iteration-count:infinite;
	animation-direction:normal;
	z-index:10;
}
h1{
	color:#ccc;
	font-weight:normal;
}
div#left a:visited{
	color: mediumspringgreen;
}
ul#menu li{
	list-style-type:none;
}

div#right{
	position:absolute;
	z-index:9;
}
div.right_list{
}
div.right_list img{
}
div.scroll{
	position:absolute;
	text-align:center;
	vertical-align:middle;
}
div#scrollUp{
	z-index:50;
	display:none;
}
div#scrollDown{
	z-index:51;
	visibility:hidden;
}