#container {
position: absolute;
left: 0px;
top: 0px;
width: 280px;
height: 183px;
background-image: url("../img/bg1.png");
cursor: url("../img/cursor.png"), auto;

input {
	position: absolute;
	left: 5px;
	background-color: yellow;
	border: dotted green;
	color: green;
	border-radius: 10px;
}
input:hover {
	background-color: white;
	cursor: url("../img/cursor.png"), auto;
}
}
#doll {
position: absolute;
width: 142px;
height: 183px;
left: 69px;
right: 69px;
}
#base {
position: absolute;
width: 142px;
height: 183px;

background-image: url("../img/dollbase.png")

}
#pants {
position: absolute;
width: 142px;
height: 183px;
}
#top {
position: absolute;
width: 142px;
height: 183px;
}
#extra {
position: absolute;
width: 142px;
height: 183px;
}

.pants0 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/clear.png")
}
.pants1 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/pants1.png")
}
.pants2 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/pants2.png")
}
.pants3 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/pants3.png")
}

.top0 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/clear.png")
}
.top1 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top1.png")
}
.top2 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top2.png")
}
.top3 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top3.png")
}
.top4 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top4.png")
}
.top5 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top5.png")
}
.top6 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top6.png")
}
.top7 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/top7.png")
}

.extra0 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/clear.png")
}
.extra1 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/extra1.png")
}
.extra2 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/extra2.png")
}
.extra3 {
position: absolute;
width: 142px;
height: 183px;
background-image: url("../img/extra3.png")
}

.bg1 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg1.png")
}
.bg2 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg2.png")
}
.bg3 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg3.png")
}
.bg4 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg4.png")
}
.bg5 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg5.png")
}
.bg6 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg6.png")
}
.bg7 {
position: absolute;
width: 280px;
height: 183px;
background-image: url("../img/bg7.png")
}