
/*デバッグ用：各要素が必ず線で囲まれて、背景を白で塗りつぶされる*/
/*
*	{
	border: solid 1px;
	background-color: #ffffff; 
}
*/
body	{
    min-height: 100vh;
}
main{
	margin:auto;
	text-align:center;
    vertical-align: text-top;
    min-height: 94vh;
}
footer	{
	display:block;
	width:100%;
    margin-top: auto;
    bottom:0;
	text-align: right;
    min-height: 5vh;
}
h1{
	width:100%;
	text-align:center;
	margin: 0;
}
#capture{
	width:506px;
	height:250px;
}
td.centerize{
	text-align: center;
}
div#DetailContainer{
	width:506px;
	padding:auto;
	margin:auto;
}
div.main	{
	width:506px;
	padding:auto;
	margin:auto;
}
div.iconHolder{
	position: relative;
	display:inline-block;
	width:250px;
	height:250px;
	float:left;
}
div.infoHolder{
	position: relative;
	display:inline-block;
	width:250px;
	height:250px;
	float:right;
}
canvas{
	position: absolute;
	float:right;
	top: 0;
	left: 0;
}

img.icon{
	position: absolute;
	top: 0;
	left: 0;
}
dl.left{
	clear:none;
	float: left;
	width : 48%;
}
dl.right{
	clear:none;
	float: right;
	width : 48%;
}
dt{
	font-size: 80%;
	width:50%;
}
dl{
	font-size: 120%;
	margin:0 0 0;
	clear:both;
}
#mainTable{
	margin:auto;
	display:inline-block;
  vertical-align: top;
}
#subTable{
	margin:auto;
	display:inline-block;
  vertical-align: top;
}
td{
	 vertical-align: top;
}
span.hidden{
	color:transparent;
}
.age_input{
	width : 3em;
}
.colorchooser{
	height:12px;
}
.partchooserContainer{
	display:table;
}
fieldset{
	padding : 5px;
	margin : 0;
}
.optionContainer{
	display:table;
}
.options{
	display:table-cell;
}
.partchooser_center,.partchooser_prev,.partchooser_next,.partchooser_lock{
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.partchooser_center{
	width:130px;
	text-align: center;
}