@charset "utf-8";

body{
	font-family: 'Orbitron', sans-serif;
	box-sizing:border-box;
	//background:rgba(53,54,57,1.00);
	text-align:center;
	background:url("img/tile_back.png") repeat;
}

.main1{
 display:block;
 position:relative;
　width:1000px;
	height:600px;	
	text-align:center;
}
#bgvid{
	  display: block; 
	  position:absolute;
  width: 1000px; 
  height: 600px; z-index: -100;
  //background-size: cover;	
  top: 0;
left: 0;
right: 0;
bottom: 0;
  margin:auto;
  
  
}
.videostripe{
	display:block;
	position:absolute;
	top:0px;
	//left:0px;
	width:1000px;
	height:600px;
	background:url("img/stripe.png") repeat;
	  top: 0;
left: 0;
right: 0;
bottom: 0;
	margin:auto;
}

#bg1{
	background-image:url('img/back.jpg');
	background-repeat:repeat;

	width:1000px;
	height:600px;
	position:fixed;
　left: 0px;
　top: 0px;

	z-index:-10;
}


/*ロゴ////////////////////////////////////////////////////////////////////////////////////////////////////*/
.logo{
	
display:block;
position:absolute;
	width:200px;
	height:200px;
	
	top:-350px;
	left:-790px;
	right: 0;
bottom: 0;
	
	//transform:rotateZ(-5deg);
	
	background:rgba(180,200,245,0.5);
	border-radius:10px;
	
	text-align:center;
	
	margin:auto;

	
}
.logo img{
	width:150px;
	height:auto;	
}
/*カウンタ－////////////////////////////////////////////////////////////////////////////////////////////////////*/
.counter{
	display:block;
	position:absolute;
		top:-115px;
	left:-790px;
	right: 0;
bottom: 0;
	background:rgba(180,200,245,0.5);
	border-radius:10px;
	width:200px;
	height:26px;
		color:#D7EEFF;
		
		text-align:center;
		text-height:20px;
		font-size:20px;
		padding-top:5px;
		
	
		margin:auto;
}
.counter_text{
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
}
/*お知らせ////////////////////////////////////////////////////////////////////////////////////////////////////*/
.info{
	display:block;
	position:absolute;
		top:130px;
	left:-790px;
	right: 0;
bottom: 0;
	width:200px;
	height:200px;
background:rgba(30,30,40,0.5);
border-radius:10px;

text-align:center;	
margin:auto;
}
.info p{
	color:#FFFFFF;
	text-align:center;
	font-size:12px;	
	margin-top:0px;
}
.info_title{
display:block;
width:100%;
	height:15px;
text-align:center;
}
.info_title_text{
		display:inline-block;
	width:auto;
	height:5px;
	margin:5px;
	color:#FFFFFF;
	text-align:center;
	font-size:18px;
}

.info_area{
	display:block;
	text-align:center;
	margin-top:5px;

}
.info_area textarea{

	width:170px;
	height:150px;
	font-size:12px;
	color:#FFFFFF;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 12px 0.8em;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	background-color:rgba(255,255,255,0.3);
	
	resize:none;
}

/*左下メニュー////////////////////////////////////////////////////////////////////////////////////////////////////*/
.bottommenu{
		display:block;
	position:absolute;
		top:510px;
	left:-800px;
	right: 0px;
bottom: 0px;
	width:300px;
	height:70px;
	
	z-index:6;
	
	
	margin:auto;
}

.bottommenu_item{
	display:inline-block;
	width:60px;
	height:50px;
	//background:rgba(48,50,51,0.62);
	background:rgba(255,255,255,0.21);
	border-radius:5px 5px 0px 0px;
	
	text-align:center;
	padding-top:10px;
	
	transition: background-color 0.2s;
	
}
.bottommenu_item:hover{
	background:rgba(100,200,255,0.62);	
	
}
.bottommenu_icon{
	display:block;
	width:25px;
	height:25px;
	margin:auto;
}
.bottommenu_icon2{
	display:block;
	position:absolute;
	width:40px;
	height:40px;
	margin:auto;
}
.bottommenu_text{
	display:block;
	color:#FFFFFF;
	font-size:10px;	
}
.bottommenu_item2{
	
}

/*サイト説明////////////////////////////////////////////////////////////////////////////////////////////////////*/
.site{
			display:block;
	position:absolute;
		top:505px;
	left:595px;
	right: 0px;
bottom: 0px;
	width:400px;
	height:50px;
	
	background:rgba(48,50,51,0.62);
	border-radius:5px 0px 0px 5px;
	
	text-align:left;
	vertical-align:middle;
	padding:2px;
	
	margin:auto;
}
.site img{
	display:inline-block;
	width:50px;
	height:50px;
	margin:1px;
	
}
.site_text{
	display:inline-block;
	position:absolute;
	width:280px;
	height:40px;
	//background:rgba(255,255,255,0.62);
	color:#FFFFFF;
	font-size:10px;
	line-height:10px;
	padding-top:20px;	
	margin:auto;
	margin-left:5px;
	

}
/*LF2P////////////////////////////////////////////////////////////////////////////////////////////////////*/
.lf2p{
	display:block;
	width:auto;
	height:auto;
	position:absolute;	
			top:80px;
	left:150px;
	right: 0px;
bottom: 0px;
	margin:auto;
	
	z-index:5;
	
	
	
}
.lf2p img{

	transition:transform 0.2s;
	
}
.lf2p img:hover{
	transform:scale(1.02,1.02);
}

.lf2p_pv{
		display:block;
	width:117px;
	height:92px;
	position:absolute;	
			top:180px;
	left:-120px;
	right: 0px;
bottom: 0px;
	margin:auto;
	
	z-index:7;
	animation:pv_rotate 0.5s infinite;
}
.lf2p_pv_img{
			display:block;
	width:117px;
	height:92px;
	position:absolute;	
	z-index:7;
}
.lf2p_pv_video{
			display:block;
	width:100px;
	height:56px;
	position:absolute;	
			top:25px;
	left:0px;
	right: 0px;
bottom: 0px;
	margin:auto;
	
	
	
	z-index:6;
}
@keyframes pv_rotate{
		0%{
			transform:rotateZ(0deg)
			
		}
		50%{
			transform:rotateZ(5deg);
		}

				100%{
			transform:rotateZ(0deg);
			
		}
}
/*new////////////////////////////////////////////////////////////////////////////////////////////////////*/
.icon_new{
	display:block;
	width:76px;
	height:32px;
	position:absolute;	
			top:-450px;
	left:-300px;
	right: 0px;
bottom: 0px;
	margin:auto;
	
	z-index:10;
}
.icon_new img{
	//transform:rotateZ(-5deg);
	//transform-origin:top;
	animation:new_scale 0.2s linear infinite;
}

@keyframes new_scale{
		0%{
			transform:scale(1,1,1);
			
		}

				100%{
			transform:scale(1.05,1.05);
			
		}
}
/*old///////////////////////////////////////////////////////////////////////////////////////////////////*/
.small_icons{

}

.small_icon1{
	display: inline-block;
	margin-top: 450px;
	margin-left: -200px;
	position: relative;
	z-index: 10;
}

/*その他////////////////////////////////////////////////////////////////////////////////////////////////////*/
.mogeandao{
	display:block;
	width:auto;
	height:auto;
	position:absolute;	
			top:410px;
	left:910px;
	right: 0px;
bottom: 0px;
	margin:auto;
}

/*リンク////////////////////////////////////////////////////////////////////////////////////////////////////*/
.link{
	display:block;
	width:1000px;
	height:200px;

	text-align: left;
	margin:auto;

}

/*Tool////////////////////////////////////////////////////////////////////////////////////////////////////*/
.tool{
width:1000px;

text-align:center;
margin:auto;
margin-top: -160px;
}
.tool_root{
	width:1000px;
	margin:auto;
text-align: left;
}
.tool_set{
	display: inline-block;
width:195px;
height:100px;
	background-color: rgba(10,100,200,0.3);
	border-radius: 5px;
	box-shadow: 0px  0px 2px 2px rgba(255,255,255,0.5);
	padding: 5px;
	margin:auto;
}
.tool_space{

	display: inline-block;

}
.tool_space_text{
	width:100px;
	display: inline-block;
	background-color: rgba(255,255,255,0.2);
	border-radius: 5px;
}
.tool_title{
	width:90px;
	color: white;
	text-align: left;
	font-size: 14px;
}
.tool_text{
	display: inline-block;
	width:100px;
	color: rgb(220,220,220);
	text-align: left;
	font-size: 12px;
	line-height: 12px;


}
.tool_new{
	display: block;
	position: absolute;
	width: 50px;
	margin-left: -100px;
	margin-top: -100px;
	animation:new_scale 0.2s linear infinite;
}