body{
}

#title {
	position:absolute;
	background-color:black;
	color:white;
	padding:5px;
	font-size:24px;
	opacity:0.5;
	top:100px;
	left:100px;
	z-index:250;
}

#tweet {
	position:absolute;
	background-color:black;
	color:white;
	padding:5px;
	font-size:24px;
	opacity:0.5;
	top:100px;
	left:100px;
	z-index:250;
}

#debugPrint {
	position:absolute;
	background-color:black;
	color:white;
	z-index:250;
	width:95%;
	top:0px;
	left:0px;
	padding:5px;
	opacity:0.5;
/*
	display:none;
*/
}
#wraparea {
	user-select:none;
	-webkit-user-select:none;
	-moz-user-select:none;
	-khtml-user-select:none;
	-webkit-user-drag:none;
	-khtml-user-drag:none;
}

div#capture {
	display:none;
/*
	position:absolute;
	top:430px;
*/
/*
	z-index:250;
	left:10px;
	width:70px;
	height:70px;
	background-color:purple;
*/
}
div#captureBase {
	width:0px;
	height:0px;
	position:absolute;
	position:relative;
}
div#capture00 {
	position:absolute;
	left:10px;
	top:0px;
	z-index:250;
	width:70px;
	height:70px;
}
div#capture01 {
	position:absolute;
	left:100px;
	top:0px;
	z-index:250;
	width:70px;
	height:70px;
}
div#capture02 {
	position:absolute;
	left:200px;
	top:0px;
	z-index:250;
}

#settingcanvas {
	position:absolute;
	left:0px;
	top:0px;
}
#ctrlcanvas {
	position:absolute;
	left:0px;
	top:0px;
}
#maincanvas {
	position:absolute;
	left:0px;
	top:0px;
	z-index:10;
}

#controlpanel {
	position:absolute;
	position:relative;
	width:190px;
	height:420px;
	left:10px;
	top:90px;
	border:1px solid black;
	background-color:#dddddd;
	z-index:100;
}

#itemstone {
	position:absolute;
	left:10px;
	top:150px;
}
#itemjuice {
	position:absolute;
	left:10px;
	top:240px;
}
#itempopcorn {
	position:absolute;
	left:100px;
	top:240px;
}
#itemballoon {
	position:absolute;
	left:10px;
	top:330px;
}
#itemaichan {
	position:absolute;
	left:100px;
	top:330px;
}
#itemtakoyaki {
	position:absolute;
	left:100px;
	top:150px;
}

#cptitlebar {
	position:absolute;
	top:2px;
	left:2px;
	width:186px;
	height:20px;
	background-color:blue;
}
#cpstagelengthtext {
	position:absolute;
	top:28px;
	left:5px;
}
#cpstagelength {
	position:absolute;
	top:48px;
	left:80px;
	width:80px;
	text-align:center;
	border:1px solid black;
}
#stageMinus10 {
	position:absolute;
	top:70px;
	left:10px;
}
#stageMinus {
	position:absolute;
	top:70px;
	left:50px;
}
#stagePlus {
	position:absolute;
	top:70px;
	left:90px;
}
#stagePlus10 {
	position:absolute;
	top:70px;
	left:130px;
}

#streamup {
	position:absolute;
	left:10px;
	top:610px;
	width:2000px;
	display:none;
}
#streamdown {
	position:absolute;
	left:10px;
	top:640px;
	width:2000px;
	display:none;
}
#streamitem {
	position:absolute;
	left:10px;
	top:670px;
	width:2000px;
	display:none;
}

#streamall {
	position:absolute;
	left:10px;
	top:790px;
	width:2000px;
	height:22px;
	display:block;
}

#upButton {
	position:absolute;
	top:15px;
	left:0px;
}
#downButton {
	position:absolute;
	top:725px;
	left:0px;
}

.buttonUpUp {
	position:absolute;
	top:0px;
}
.buttonDownUp {
	position:absolute;
	top:30px;
}
.buttonUpDown {
	position:absolute;
	top:0px;
}
.buttonDownDown {
	position:absolute;
	top:30px;
}

#dragarea {
	position:absolute;
	left:0px;
	top:0px;
	z-index:250;
	width:100%;
	height:100%;
	display:none;
}

.item {
	position:absolute;
	left:0px;
	top:0px;
}