@charset "Shift_JIS";

fieldset ul {margin:0.5em;}
fieldset li {list-style-type:none;margin-left:0;}

.clear {clear:both;}
#status {text-align:right;font-style:italic;}


#hue td {
	font-size:60%;
	height:3em;
}

.colorPicker td {text-align:center;width:1.2em;height:1.2em;}
.hide {display:none;}
.petalMixTable input {height:1.2em;width:1.2em;}
#satBri table {border-collapse:collapse;cursor:crosshair;border:2px solid #808080;}
#satBri th {border:2px solid #808080;}

#selectColor {margin-left:0.5em;}

#DEFAULT_BLACK {color:rgb(12%,12%,12%);}
#DEFAULT_RED {color:rgb(67%,9%,3%);}
#DEFAULT_BROWN {color:rgb(51%,22%,0%);}
#DEFAULT_BLUE {color:rgb(19%,54%,90%);}
#DEFAULT_YELLOW {color:rgb(90%,70%,0%);}
#DEFAULT_GREEN {color:rgb(35%,58%,16%);}
#DEFAULT_PINK {color:rgb(100%,48%,48%);}
#DEFAULT_WHITE {color:rgb(87%,87%,87%);}

#materialSelect div {
	float:left;
	width:8.5em;
	height:21em;
	font-size:80%;
	margin:0.1em;
	padding:0;
	cursor:default;
	white-space: nowrap;
}

#materialSelect div dl {
	margin:0;
	padding:0;
}

#materialSelect dt {margin:0;padding:0;font-size:90%;}
#materialSelect dd {margin:0;padding:0;background:transparent;}

#palette div {font-size:90%;}

#noSelected {float:left;width:50%;}
#allClearButton {float:left;width:7em;display:none;}

#specifyList dl {
	font-size:90%;
	margin:0.1em;
	padding:0;
	cursor:default;
}

#specifyList dd {margin:0.1em 0.3em;padding:0;background:transparent;}

.specifyPiece {font-size:120%;}

.paletteSpanHide {display:none;}

#arbitraryForm {font-size:80%;}

.rowDiv {
	border-bottom:1px solid #b0b0b0;
	margin:4px 0;
	padding:0;
	width:100%;
}

.rDiv {
	float:left;
	width:9em;
	text-align:center;
	margin:1px;
	border:8px solid white;
	font-size:90%;
	visibility:hidden;
}

.arrowDiv {
	float:left;
	width:1.2em;
	text-align:center;
	margin:1px;
	font-size:300%;
}

.mixedDiv {
	float:left;
	width:7em;
	text-align:center;
	margin:1px;
	font-size:90%;
	border:8px solid white;
}

.detailDiv {
	margin:1em;
	padding:1em;
	display:none;
}

.detailDiv table {
	margin:0.5em 0 0.5em 1.5em;
	padding:0;
	border-collapse:collapse;
	table-layout: fixed;
	width:95%;
}

.detailDiv table .originalColor {
	width:7em;height:4.8em;
	font-size:120%;
	font-weight:bold;
	padding-left:1em;
}

.detailDiv table .originalColorCloth {
	width:7em;height:4.8em;
	font-size:120%;
	font-weight:bold;
	padding-left:1em;
}

.detailDiv table .bleachGuide {
	width:7em;height:2.4em;
	padding-left:1em;
}

.detailDiv table .clothBleachGuide {
	width:7em;height:1.6em;
	padding-left:1em;
}

.detailDiv table .clothBleachGuide2 {
	width:16em;height:1.6em;
	padding-left:1em;
}

.detailDiv table .bleach {
	width:6em;height:2.4em;text-align:center;
}

.detailDiv table .bleachFail {
	width:0.6em;height:2.4em;text-align:center;
}

.detailDiv table .clothHeavyBleach {
	width:5em;height:1.6em;text-align:center;
}

.detailDiv table .clothBleach {
	width:2em;height:1.6em;text-align:center;
}

/* 親にも書いてあるのでしばらくしたら消してよい */
.msFont {
	font-family: 'ＭＳ Ｐゴシック';
}

img.help {
	height: 1em;
}