@charset "UTF-8";


/*
-----------------------------------
-----------------------------------
*/

body {
	background: black;
}
#wrapper {
	width: 640px;
	margin: 0 auto;
	height: 640px;
	overflow: hidden;
	position: relative;
	background:#fff7e4 url(../img/bg.png) no-repeat left bottom;
	box-sizing:border-box;
	border:solid 10px #cc0000;
}

h1{
	width:70%;
	margin:0 auto;
	text-align:center;
}

#container{
	padding:30px;
}

#startzone {
	height: 130px;
	position: relative;
}
#startflag {
	width:640px;
	height: 480px;
	padding-top:320px;
	text-align:center;
	background:#cc0000;
	position: absolute;
	top: 0;
	left: 800px;
	z-index:30;
}

#startflag2{	
	position: absolute;
	top: 0;
	left: 640px;
	z-index:20;
}

#startflag2 img{
}

.startbtn{
	text-align:center;
	/* margin-top:60px; */
	margin-top:-90px;
	cursor:pointer;
}

.startbtn:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:#fff;
}

.kekka{
	margin-left:-35px;
	margin-top:-35px;
}

.al-c{
	text-align:center;
}

img{
    -moz-user-select: none; /* These user-select properties are inheritable, used to prevent text selection */
    -webkit-user-select: none;
    -ms-user-select: none; /* From IE10 only */
    user-select: none; /* Not valid CSS yet, as of July 2012 */

    -webkit-user-drag: none; /* Prevents dragging of images/divs etc */
    user-drag: none;
}