/*
.main1
{background-image:url('bgL.jpg');}
.main2
{background-image:url('bgM.jpg');}
.main3
{background-image:url('bgS.jpg');}
*/
.skillHeader{
	font-size:15px;
	background-color:#FFFF0F;
	color:black;
}

.banner{
	font-size:32px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	color:#FFDF0F;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border:0px solid rgba(0,0,0,0);
}

table.banner{
	width:600px;
	font-family:'meiryo','・ｽ・ｽ・ｽC・ｽ・ｽ・ｽI','ms pgothic','ms p・ｽS・ｽV・ｽb・ｽN',osaka,'\5FAE\8EDF\6B63\9ED1\9AD4','Microsoft JhengHei','MingLiU','sans-ser';
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
}

table.banner td{
	text-align:center;
	text-shadow:3px 3px 3px #000;
}

img.banner{
	width:100px;
	height:100px;
}

/* Move it (define the animation) */
@-moz-keyframes scroll-slow {
 0%   { -moz-transform: translateX(100%); }
 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes scroll-slow {
 0%   { -webkit-transform: translateX(100%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes scroll-slow {
 0%   { 
 -moz-transform: translateX(100%); /* Browser bug fix */
 -webkit-transform: translateX(100%); /* Browser bug fix */
 transform: translateX(100%); 		
 }
 100% { 
 -moz-transform: translateX(-100%); /* Browser bug fix */
 -webkit-transform: translateX(-100%); /* Browser bug fix */
 transform: translateX(-100%); 
 }
}


.orbs{
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	opacity:1.0;
}

.orbs2{
	-webkit-border-radius: 15x;
	-moz-border-radius: 15px;
	border-radius: 15px;
	opacity:1.0;
	cursor:pointer;
}

.orbs3{
	-webkit-border-radius: 10x;
	-moz-border-radius: 10px;
	border-radius: 10px;
	opacity:1.0;
	cursor:pointer;
}

#timer
{
	font-size:150px;
	font-family:'Digiface','AR DARLING','Goudy Stout','Bauhaus 93';
	color:white;
	height:150px;
	padding-top:0px;
	margin-top:0px;
}

html, body{
	touch-action:manipulation;
}
body{
	color:#FFDF0F;
	padding:1px;
	font-size:13px;
	background: url('bgimage.jpg') no-repeat center top fixed;
	background-color:black;
	background-size: cover;
	background-position: center;
	width:1200px;
	margin-right:auto;
	margin-left:auto;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-user-select:none;
}

#loading2{
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto; 
	background-color:black; 
	opacity:0.5; 
	z-index:200; 
	top:140px; 
	width:606px;
	height:630px;
	font-size:100px;
	text-align:center;
	vertical-align:center;
}