@charset "utf-8";
html {
	margin: 0;
	padding: 0;
	border: none;
	font-size: 10px;
	line-height: 14px;
}
body {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #FFFFFF;
}
dd {
  text-indent: 0px;
  text-align: center;
  margin-left: 0;
}
div#root {
  width: 570px;
  height: 100%;
  margin: 0;
  padding-left: 0px;
  background-color: #FFFFFF;
}
div.hereoff,
.hiddenlist {
  display: none;
}
div.selectable {
}
div#table01 dl {
	width: 255px;
	margin-right: 0px;
	padding: 15px;
	float: left;
}
div#table02 dl,
div#table03 dl {
  width: 110px;
  height: 150px;
  margin-right: 0px;
  padding: 2px;
  float: left;
}
div#table01,
div#table02,
div#table03,
p#doneit,
p#gocart {
  clear: both;
}
p#doneit {
  background-color: #FFFFFF;
}
p#gocart,
p#rechoose {
  margin: 30px 0px 50px 0;
  background-color: #66CC00;
  color: #FFFFFF;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  line-height: 55px;
}
div.selectables div#table01 dl.selected {
  background-color: #FF0000;
}
div.selectables div#table02 dl.selected {
  background-color: #FF0000;
}
div.selectables div#table03 dl.selected {
  background-color: #FF0000;
}
div.selectables dl.selected * {
  color: #fff;
}
div.selectables div#table01 dl.selectable {
  background-color: #DDDDDD;
}
div.selectables div#table02 dl.selectable {
  background-color: #DDDDDD;
}
div.selectables div#table03 dl.selectable {
  background-color: #DDDDDD;
}
div.selectables dl.selectable * {
  color: #000;
}
div#table01 img {
  width: 255px;
  height: 160px;
}
div#table02 img,
div#table03 img {
  width: 110px;
  height: 110px;
}
div#listtable01,
div#listtable02,
div#listtable03 {
	float: left;
	width: 190px;
	height: 190px;
	margin-top: 5px;
	text-align: center;
}
dl.visiblelist {
  padding: 5px;
  background-color: #66CC00;
  color: #FFFFFF;
}
dl.visiblelist img {
  width: 180px;
  height: 180px;
}
p#announce {
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}