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

html{
	
	
	}
@charset "utf-8";
/* CSS Document */

	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* fields */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

.wrapper{
	
	position:absolute;
	top:0px;
	left:0px;
	
	//margin:auto;
	//margin-top:0px;
	
	padding:10px;
	width:auto;
	//width:1000px;
	height:auto;
	border: 10px solid #000;
	
	color:#999;
	background-color:none;
	
	text-align:center;
	
	 //overflow-x: scroll;
	}


	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* container */	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
	


.container{
	
	width:100%;
	//width:1000px;
	height:250px;
	//height:6000px;
	
	margin:0px;
	//margin-top:0px;
	padding:0px;
	
	border: 0px solid #fff;
	border-radius: 10px;
	
	color:#999;
	//background-color:rgba(5,5,5,0.7);
	
	text-align:center;

	}

.main{
		
	position:absolute;
	top:0px;
	left:0px;
	
	margin-left:30%;
	//margin:5px;
	//margin-top:0px;
	
	padding:10px;
	width:60%;
	//width:1200px;
	height:800px;
	border: 5px solid #fff;
	border-radius: 10px;
	
	color:#999;
	background-color:rgba(5,5,5,0.7);
	
	text-align:center;

	
	}
	

.itembox{
	width:100px;
	height:145px;
	//border: 1px solid #999;
	margin:0px;
	//padding:0px;
	//padding-top:5px;
	
	float:left;
	
	text-align:left;
	font-size:15px;
	
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	
	//border-radius: 10%;
	
	}
	



	
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* index */	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
	

	
.menu{
	width:100%;
	//height:100%;
	border: 1px solid #999;
	margin:auto;
	border-radius: 10px;
	
	text-align:center;
	}
	
	
	
.sidemenu{
	position:fixed;
	//position:absolute;
	top:0px;
	right:10px;
	
	width:500px;
	//width:1000px;
	//height:auto;
	height:850px;
	
	margin:0px;
	//margin-top:0px;
	padding:0px;
	
	border: 5px solid #fff;
	border-radius: 10px;
	
	color:#999;
	background-color:rgba(5,5,5,0.7);
	
	text-align:center;

	
	}


	
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* text style */
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

.j_contents{
	width:500px;
	height:150px;
	border: 0px solid #999;
	
	//margin-top:5%
	//margin-left:5%;
	//margin-right:5%;
	//margin-bottom:5%;
	margin:0px;
	
	padding:0%;
	
	text-align:left;
	-ms-writing-mode: tb-rl;
  	writing-mode: vertical-rl;
	text-orientation: upright;
	
	//font-family:"UD デジタル 教科書体 N-R","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	//font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	
	border-radius: 10px;
	}



	
	
	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
/* HTML tags */	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/
	
body{
	background-color:#000000;
	}
h1{
	text-align:left;
	margin:10px;
	}
p{
	text-align:left;
	margin:10px;
	}
img{
	border: 1px solid #fff;
	}
	
svg{
	
	/*margin:100px;*/
	margin-left:0%;
	border: 1px solid #fff;}
	
canvas{
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	}
	

	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/

	
/*////////////////////////////////////////////////////////////////////////////////////////////////////*/