* {
  -webkit-touch-callout: none;
  box-sizing: border-box;
  vertical-align: text-bottom;
}

html,body{
	padding:0px;
	margin:0px;
/*
	background:black;
*/
	height:100%;

}

body {
    background: white;
    color: #39617d;
    background-size: 1920px;
    background-image: url("/img/bg.png");
    background-position: 50% 0;
    background-repeat: no-repeat;
    margin: auto;
}

#entrance{
	margin: 0 auto;
    background: url("/img/entrance/back.png") no-repeat top center;
}

#entrance .twt{
	margin : 0 auto;
	padding: 10px;
	width: 800px;
	text-align: right;
}

#entrance .btn{
	width: 800px;
	margin: 0 auto;
	padding-top: 410px;
	text-align: center;
}

#entrance .entry{
	display: inline-block;
	background-image: url("/img/entrance/id.png");
	width :358px;
	height :130px;
	margin: 0 5px;
}
#entrance .entry:hover{
	background-image: url("/img/entrance/id_.png");
}

#entrance .start{
	display: inline-block;
	background-image: url("/img/entrance/start.png");
	width :358px;
	height :130px;
	margin: 0 5px;
}

#entrance .start:hover{
	background-image: url("/img/entrance/start_.png");
}

#entrance .content{
	width: 599px;
	height: 80px;
	margin: 50px auto 0;
}

#entrance .block{
	width : 800px;
	margin : 20px auto;
}

#entrance .field{
	background:#e4fbfe;
}

#entrance .center{
	text-align: center;
}

#entrance .ss{
	position : relative;
	z-idex : 1;
}

#entrance .ss td{
	padding:10px 5px;
}

#entrance .ss .img{
}

#entrance .ss .img img{
	border: 1px solid #555;
	width : 320px;
}

#entrance .ss .txt{
	vertical-align : top;
	font-size : 16px;
	line-height: 20px;
	font-weight: bold;
	margin:0px;
}

#entrance .ss .txt .label{
	margin-left:-15px;
	margin-right:-15px;
	margin-bottom:7px;
}

#entrance .ss .txt .annotate{
	font-size : 12px;
	color : #f00;
	line-height: 16px;
}

#entrance .units{
	margin-top: 30px;
	position : relative;
	height: 300px;
}
.units .chr1{
	position : absolute;
	left : -50px;
	top : 0px;
}
.units .chr2{
	position : absolute;
	left : 90px;
	top : 50px;
}
.units .chr3{
	position : absolute;
	left : 210px;
	top : 0px;
}
.units .chr4{
	position : absolute;
	left : 380px;
	top : 50px;
}
.units .chr5{
	position : absolute;
	left : 505px;
	top : 0px;
}
.units .chr6{
	position : absolute;
	left : 640px;
	top : 50px;
}

#web_header{
	width: 800px;
	margin: 0 auto;
}

#web_header .twt{
	padding: 15px 5px;
}

#web_footer{
	width: 800px;
	margin: 20px auto;
	text-align: center;
}

#web_footer hr{
	border: 0;
	border-top: 1px solid #775;
}

#web_footer .bn{
	width : 650px;
	margin:5px auto;
}

#web_footer .bn img{
	margin:5px;
	border: 1px solid #555;
}

#web_footer .right{
	width : 350px;
	margin: 10px auto;
	font-size : 18px;
}



#entrance .maintenance{
	width : 750px;
	margin: 0 auto;
	padding-top: 420px;
}
#entrance .clear{
	clear: both;
}
#entrance .maintenance .center{
	width : 450px;
	margin: -90px auto 0;
}

#entrance .maintenance .normal{
	float:left;
	width : 450px;
	height: 230px;
	background: url("/img/entrance/maintenance.png");
}

#entrance .maintenance .extra{
	float:left;
	width : 450px;
	height: 230px;
	padding: 20px;
	text-align: center;
	color:white;
	font-weight: bold;
	font-size: 130%;
	background: url("/img/entrance/maintenance_.png");
}

#entrance .maintenance .tweet{
	width : 300px;
	float: right;
	overflow:hidden;
	height:230px;
}



.point{
	color:#06f;
}


.float_right{
	float:right;
}

.float_clear{
	clear:both;
}



#webgl_screen{
	position: relative;
	height: 500px;
}


#web_info{
/*
	position: absolute;
	top: 550px;
	left: 50%;
	margin-left:-400px;
*/
	width : 800px;
	margin: 20px auto;
	background: rgba(219,252,255,0.8);
	border: solid 2px #4fdcff;
	line-height: 1.2;
	overflow:hidden;
}

#web_info.close{
	box-shadow: none;
	background: none;
}

#web_info h3.infotitle{
	height: 28px;
	font-size: 16px;
	padding:5px 0px 0px 10px;
	margin:5px;
	color :white;
	background: rgba(119,221,238,0.9);
}

#web_info h3.infotitle:hover{
	cursor : pointer;
}



#web_info .infotitle .infobtn{
	background: url("/img/webcontent/delta_2.png");
	display: inline-block;
	margin: -4px 3px 4px -4px;
	width:21px;
	height:21px;
}

#web_info.close .infotitle .infobtn{
	background: url("/img/webcontent/delta_1.png");
}

#web_info .info{
	width : 495px;
	float:left;
	overflow-y:scroll;
	height:200px;
	padding:3px;
	font-size : 14px;
}


#web_info .info h4{
	margin-top:4px;
}
#web_info .info h4:before{
}

#web_info .info div{
	margin-bottom:8px;
	margin-top:4px;
}

#web_info .info a:link{
	color:#a0f;
}
#web_info .info a:visited{
	color:#a0f;
}
#web_info .info a:hover{
	text-decoration: underline;
}

#web_info .info .jump,
#web_content .help .help_content .jump
{
	color:#a0f;
}
#web_info .info .jump:hover,
#web_content .help .help_content .jump:hover,
{
	text-decoration: underline;
	cursor : pointer;
}


#web_info .info .sic_drop{
	margin:-8px 0 -2px;
	width : 26px;
	height : 26px;
}
#web_info .info .sic_orb {
	margin:-8px 0 -5px;
	width : 24px;
	height : 24px;
}


#web_info .tweet{
	width : 300px;
	float:right;
	overflow:hidden;
	height:200px;
}



#web_menu{
	width : 800px;
	margin: 10px auto 20px;
	text-align:center;
	white-space: nowrap;
}
#web_menu .btn{
	width : 328px;
	height : 73px;
	margin-left : -5px;
	display:inline-block;
}

#web_menu .btn:hover{
	cursor : pointer;
}


#web_menu .btn.help{
	background: url("/img/webcontent/playguide.png") no-repeat center;
}
#web_menu .btn.help:hover{
	background: url("/img/webcontent/playguide_.png") no-repeat center;
}

#web_menu .btn.billing{
	background: url("/img/webcontent/starpay.png") no-repeat center;
}
#web_menu .btn.billing:hover{
	background: url("/img/webcontent/starpay_.png") no-repeat center;
}


#web_menu .logoff{
	width : 158px;
	height : 73px;
	margin-left : -9px;
	display:inline-block;
	background: url("/img/webcontent/logoff.png") no-repeat center;
}
#web_menu .logoff:hover{
	cursor : pointer;
	background: url("/img/webcontent/logoff_.png") no-repeat center;
}



#web_content{
	width : 800px;
	margin: 10px auto;

	background: rgba(219,252,255,0.8);
	border: solid 2px #4fdcff;
	line-height: 1.2;

}

#web_content.main{
	display:none;
}

#web_content a:link{
}
#web_content a:visited{
}
#web_content a:hover{
	text-decoration: underline;
}


#web_content .right{
	float: right;
}




#web_content .help{
	overflow:hidden;
}

#web_content .help .help_menu{
	width : 250px;
	float:left;
}



#web_content .help .help_menu h2{
	width : 240px;
	height: 40px;
	font-size: 16px;
	padding-top:10px;
	margin:15px 5px 15px 5px;

	color:white;
	text-shadow:
	 2px  2px 3px #1f6cb5,
	-2px  2px 3px #1f6cb5,
	 2px -2px 3px #1f6cb5,
	-2px -2px 3px #1f6cb5;

	background: #7de;


	background: -moz-linear-gradient(top, #7de,#7de, #7bc, #7bc);
	background: -webkit-gradient(linear, left top, left bottom, from(#7de),color-stop(0.3, #7de),color-stop(0.7, #7bc), to(#7bc));
	border:1px solid white;

	text-align:center;

}

#web_content .help .help_menu h2.open{
}

#web_content .help .help_menu h2:hover{
	background: #aaa;

	background: -moz-linear-gradient(top, #9ef,#9ef, #9cd, #9cd);
	background: -webkit-gradient(linear, left top, left bottom, from(#9ef),color-stop(0.3, #9ef),color-stop(0.7, #9cd), to(#9cd));

}


#web_content .help .help_menu h3{
	margin:0px;
	width : 240px;
	height: 30px;
	font-size: 16px;
	padding-top:8px;
	margin:5px 5px;
}

#web_content .help .help_menu h3:hover{
	background: rgba(119,221,238,0.5);
}

#web_content .help .help_menu h3:before{
	content: "・";
}

#web_content .help .help_menu .help_category{
	overflow:hidden;
	display:none;
}




#web_content .help .help_content{
	width : 520px;
	float:right;
	padding:10px;
}

#web_content .help .help_content h3{
	height: 50px;
	font-size: 16px;
	margin: 0 0 5px;
	padding:17px 0px 0px 22px;

	color:white;
	text-shadow:
	 2px  2px 3px #1f6cb5,
	-2px  2px 3px #1f6cb5,
	 2px -2px 3px #1f6cb5,
	-2px -2px 3px #1f6cb5;

	background: url("/img/webcontent/caption.png") no-repeat left center;
}

#web_content .help .help_content h4{
	height: 28px;
	font-size: 16px;
	padding:5px 0px 0px 10px;
	margin:5px;
	color :#39617d;
	background-color: #7de;
}


#web_content .help .help_content h4 div{
	margin: -8px 0;
}

#web_content .help .help_content table{
	margin: 5px auto;
}

#web_content .help .help_content th{
	width:100px;
	border:solid 1px white;
	background-color: #7de;

}

#web_content .help .help_content td{
	border:solid 1px white;
	line-height: 1.2;
}

#web_content .help .help_content img{
	background: white;
	box-shadow: 0 0 0px 3px #665;
	margin:5px auto;
	display:block;
}

#web_content .help .sic_talis{
	margin: -5px 2px;
}

#web_content .stic1{
	display: inline-block !important;
	padding: 0;
	margin: -5px 2px 0;
	width: 23px;
	height: 24px;
	line-height: 24px;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAYCAYAAAARfGZ1AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3VpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wUmlnaHRzPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvcmlnaHRzLyIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcFJpZ2h0czpNYXJrZWQ9IkZhbHNlIiB4bXA6Q3JlYXRvclRvb2w9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE0IChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozRUVGQ0NFMzZGQTcxMUU0ODM0MURBQ0E1OTM1NzZCQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozRUVGQ0NFNDZGQTcxMUU0ODM0MURBQ0E1OTM1NzZCQyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjNFRUZDQ0UxNkZBNzExRTQ4MzQxREFDQTU5MzU3NkJDIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjNFRUZDQ0UyNkZBNzExRTQ4MzQxREFDQTU5MzU3NkJDIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c8bvEQAABQdJREFUeNq0VVtsVFUUXefeebYzUxDajjxaSBSDLUqISg2QEPuB4oeND5QEUeKHQRNJ4AMTGsUEw0Mh/vgHTfgTQwyvgB+WBEWE+iNPW0qQFi1QC8x0pjP3eY7r3DulBQL640l2zsy9+66z9t5r7yNqa2fh/1pCKfVvPsa436piwaqre+KhH0Ye9IIfTuS2jPZSVVVyruf5tb7vu1LKv/isl6S+576Hdvs/Mydogtt62rpsti7d1PQjpARNwfe5093zJLpONWn3Am07bWuxuM/ypUtEiZr0m/eDE3gKt+9M05zf1nYeE8k9Hhe4dk2hVAIaGoCTXQqeK1EoeMjlbBSGn9OfnqK9OjjYMxCNdWLihA/uTguBp3M73tra3VBfLzB7NtDYiADUNAWyWYUmku3sBCyblIcVikUfJesIPGdofibz9i/EWCDlpj/vKlYlFQdaW3saso8KzJkDzJyJgLnjADduAIsXCx4m0MR3eQKXygqWI5kqH0q4uJX7gnHh4KRH2hP3KmE9UzFXCCBVDUyaBNy8CZw4ARw6BFy5AkxnXKkUsHABUCawbSvojJoRAwbNNIP0zq3UK0wLWdfo4rW0XEA+Txn0MmwLzDNw+TLQ1wds3qxzjwBsRqOORoI1JnAUUSPK5zG4jonhkXZkqjet46uvaHnN/BVaulgEpk0LWR8/Dty6FQI2N6sgTXrFYjoCgZeXmkgkTcQTBv8n8fhjaVRVJRCLRrVbuoIJwQ7dO29ez2s6t62twPLlwOTJoDMwOMi88fhsdkyqWo6X/1BB2mIxBUHpXb1aRlfXIPZ8ewEDA0OoTm7ZS9c3tFqe8TxQVsDOnWHoK1aE+Z0y5f7GME2QqaAF3OC6Bm5cN9HdbWFkRJJMUMZnR6VYqxtEShGw2raNWj4JrF4NLFlCh8iD2/vSJaCjw6Y8cyiWLB5lQItCC3AU3A2GhgpNH3zsGHD6tMLu3VTHQhHkevzSfmfPAhs2SFy77gcPpE/jrsLR4wRS5BrQpxmG0lFCGGGrDw2BYYaH3bv0OOjvB3ouIohYQiGMnppXvnYZCMCFEL+bkRBEiAp9rkWLgJYWcSctWp7jmWsFmYYGkAGghMcjNLgWKc6PNtGBM6efDMHHMdPgtbVjgLs6FA4fCQ/WB06dCqxapSPVw0qDevDJvDrxpXY5GPilUtX7C4Winm5pzVwDr1zJYr4ogtb/e0jh/dWSRRZIVQmsWUPQd+lMNc+Y4QfgvlvmpHSgfKnpsmOwP2De2/trjjN6R3//bKpFBvXNZHzUs97dPRIr33Nx5pxEOkOCbPFdHQ42fmbj4kWf80dh1iwbrjcCPW4jxkZURnB+tP31voWjt00I62lhODDMGD5aW8TPpzykUybSNQkkoj4Z+mxzBz90lnH2goNlryc5IW9zOuY5yMpgC/ymse5cFvoObW4+g3PnnuLUwE+uf3i6VDbMqEI0YaJmQhyZVJzgUUbmocA5UR4Zhu3k2UBhOrTFzU+u8vuFuXx7/4SaTWPz3PNs1GWP9g1ef2FR1Fy6T083y/sahozyXRKOm6QqIrwkHNhWASOl2yiXCgS3kEpu1V2rGbflCp/2G+O0G4A7/Mj3ylTB7j7Pe+d5Pvo4YX64FjbSVmk7r6sEbM2cKSmSeYn1T8Q+RzwSXHM7dCpyw+2WYUQQCYfXWFoesPQF/Za+oGl6LtZXOk83CBsfR2jfPOyC/keAAQDE4T/EkqYCsQAAAABJRU5ErkJggg==") no-repeat;
	background-size: contain;
}







#web_content .billing{
	display:none;
	padding:10px;

}

#web_content .billing h2{
	height: 35px;
	font-size: 16px;
	padding:7px 0px 0px 15px;
	margin:6px 0px 8px 0px;

	color:white;
	text-shadow:
	 2px  2px 3px #1f6cb5,
	-2px  2px 3px #1f6cb5,
	 2px -2px 3px #1f6cb5,
	-2px -2px 3px #1f6cb5;

	background: rgba(119,221,238,0.9);
	border:1px solid white;

}


#web_content .billing h3{
	height: 28px;
	font-size: 16px;
	padding:5px 0px 0px 10px;
	margin:10px 5px;
	color : #06f;
	background: rgba(119,221,238,0.9);
}


#web_content .billing h4{
	height: 20px;
	font-size: 16px;
	padding:2px 0px 0px 10px;
	margin:10px 5px;
	color :#06f;
}

#web_content .billing h4:before{
	content: "\25cf";
}

#web_content .billing table{
	border-collapse: collapse;
	empty-cells: show;
	margin: 5px 40px;
}


#web_content .billing td{
	border:solid 2px #369;
	line-height: 1.2;
	height:45px;

	font-weight:bold;

	background: #cce;

	vertical-align:middle;
	padding:0px 10px;
}



#web_content .billing .ccinfo{
	overflow:hidden;
	position:relative;
}

#web_content .billing .ccinfo .icon{
	width:90px;
	bottom:5px;
	right:5px;
	position:absolute;
}

#web_content .billing .ccinfo .txt{
	width:670px;
}

#web_content .billing .warning{
	border:#880 double 4px;
	margin:8px;
	padding:8px;
}


#web_content .billing table.bank th{
	border:solid 2px #369;
	background: #eee;
	vertical-align:middle;
}

#web_content .billing table.bank td{
	background: #eee;
	vertical-align:middle;
	padding:2px 2px;
	font-weight:normal;
}

#web_content .billing .bold{
	font-weight:bold;
}

#web_content .billing .login{
	display:none;
}

#web_content .billing .nologin{

}





#web_content .regist h2{
	height: 35px;
	font-size: 16px;
	padding:7px 0px 0px 15px;
	margin:6px 0px 8px 0px;

	color:white;
	text-shadow:
	 2px  2px 3px #1f6cb5,
	-2px  2px 3px #1f6cb5,
	 2px -2px 3px #1f6cb5,
	-2px -2px 3px #1f6cb5;

	background: rgba(119,221,238,0.9);
	border:1px solid white;

}


#web_content .regist h3{
	height: 28px;
	font-size: 16px;
	padding:5px 0px 0px 10px;
	margin:10px 5px;
	color :white;
	background: rgba(119,221,238,0.9);
}


#web_content .regist{
	position: relative;
	padding:5px;
}

#web_content .regist .chr{
	position: absolute;
	top:90px;
	right: -120px;
}

#web_content .regist .idcheck{
	color:#e00;
}

#web_content .regist .form{
	margin-left: 15px;
}



#web_content .inquiry h2{
	height: 35px;
	font-size: 16px;
	padding:7px 0px 0px 15px;
	margin:6px 0px 8px 0px;

	color:white;
	text-shadow:
	 2px  2px 3px #1f6cb5,
	-2px  2px 3px #1f6cb5,
	 2px -2px 3px #1f6cb5,
	-2px -2px 3px #1f6cb5;

	background: rgba(119,221,238,0.9);
	border:1px solid white;

}


#web_content .inquiry h3{
	height: 28px;
	font-size: 16px;
	padding:5px 0px 0px 10px;
	margin:10px 5px;
	color :white;
	background: rgba(119,221,238,0.9);
}


#web_content .inquiry{
	position: relative;
	padding:5px;
}




#web_content .inquiry .warning{
	margin-top:20px;
	color:#ee0;
}
#web_content .inquiry .warning a{
	color:#ee0;
}

#web_content .inquiry .error{
	color:#e00;
}

#web_content .inquiry .label{
	margin:15px 5px 3px;
	font-weight:bold;
}

#web_content .inquiry .required{
	color:#ee0;
}



#web_content .inquiry ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

#web_content .inquiry li{
	margin:2px;
}

#web_content .inquiry pre{
	margin:0px;
	white-space: pre-wrap;
}


#web_content .inquiry .conf{
	display:inline-block;
	min-width:500px;
	max-width:780px;

	border:#999 solid 1px;
	margin:4px;
	padding:8px;
	background: rgba(10,10,10,0.6);
}

#web_content .inquiry .submitbutton{
	margin:30px 5px 3px;
}