body{
	width: 640px;						/* By Conf */
}

/* キャンバス */
div#canvas{
	position: relative;
	width: 416px;						/* By Conf */
	height: 316px;						/* By Conf */
	float: left;
	margin: 0px 12px 12px 0px;
}

	div#canvas canvas{
		position: absolute;
		top: 0;
		left: 0;
		border: 8px solid #cccccc;
	}

/* セッティング */
div#setting{
	width: 212px;
	height: 312px;						/* By Conf */
	background-color: #ccccff;
	border-top: 4px solid #9999ff;
	margin: 0px 0px 12px 0px;
	overflow: hidden;
}

	div#setting h3{
		background-color: #ddddff;
		padding: 2px 8px;
	}

	div#setting form{
	}

		div#setting form fieldset{
			padding: 2px 4px;
		}

			div#setting form fieldset legend{
			}

			div#setting form fieldset label{
				display: block;
				width: 204px;
				font-size: 90%;
			}

			div#setting form fieldset label#user-name-label{
			}

			div#setting form fieldset label#login-password-label,
			div#setting form fieldset label#public-flag-label,
			div#setting form fieldset label#admin-password-label{
				margin: 4px 0px 0px 0px;
			}

			div#setting form fieldset label.disabled{
				color: #999999;
				text-decoration: line-through;
			}

			div#setting form fieldset input{
			}

			div#setting form fieldset input[type="text"]#user-name,
			div#setting form fieldset input[type="password"]#login-password,
			div#setting form fieldset input[type="password"]#admin-password{
				display: block;
				width: 202px;
				font-family: 'メイリオ', 'Microsoft Sans Serif', 'Tahoma';
				font-size: 80%;
				border: 1px solid #000000;
			}

			div#setting form fieldset input[type="text"]#user-name:focus,
			div#setting form fieldset input[type="password"]#login-password:focus,
			div#setting form fieldset input[type="password"]#admin-password:focus{
				border: 1px solid #0099cc;
			}

			div#setting form fieldset input[type="checkbox"]#public-flag{
				margin: 0px 4px 0px 0px;
			}

			div#setting form fieldset input[type="submit"]{
				display: block;
				font-family: 'メイリオ', 'Microsoft Sans Serif', 'Tahoma';
				font-size: 80%;
				border: 1px solid #000000;
				margin: 4px 0px 0px 0px;
				padding: 0px 2em;
			}

			div#setting form fieldset input[type="submit"]:hover,
			div#setting form fieldset input[type="submit"]:active{
				background-color: #cceeff;
				border: 1px solid #0099cc;
			}

			div#setting form fieldset input[disabled]{
				background-color: #999999;
			}

			div#setting form fieldset input.notice{
				background-color: #ffcccc;
				border: 1px solid #ff0000;
			}

/* 操作 */
div#operation{
	margin: 0px 0px 11px 0px;
}

/* --- Start clearfix --- */
div#operation:after{
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
/* --- End clearfix --- */

	div#operation ul{
		list-style-type: none;
		float: left;
		padding: 0px 6px 0px 8px;
	}

		div#operation ul#color li{
			width: 32px;
			height: 32px;
			border: 2px solid #000000;
			margin: 0px 2px 1px 0px;
			float: left;
			cursor: pointer;
		}

		div#operation ul#color li:hover,
		div#operation ul#color li:active{
			border: 2px solid #ff0000;
		}

		div#operation ul#color li:active{
			margin: 1px 1px 0px 1px;
		}

		div#operation ul#color li.selected{
			border: 2px solid #ff0000;
		}

		div#operation ul#color li#color-white{		background-color: #ffffff;	}
		div#operation ul#color li#color-yellow{		background-color: #ffff00;	}
		div#operation ul#color li#color-aqua{		background-color: #00ffff;	}
		div#operation ul#color li#color-magenta{	background-color: #ff00ff;	}
		div#operation ul#color li#color-red{		background-color: #ff0000;	}
		div#operation ul#color li#color-lime{		background-color: #00ff00;	}
		div#operation ul#color li#color-blue{		background-color: #0000ff;	}
		div#operation ul#color li#color-black{		background-color: #000000;	}

		div#operation ul#weight li{
			width: 32px;
			height: 32px;
			line-height: 32px;
			background-color: #cccccc;
			border: 2px solid #000000;
			margin: 0px 2px 0px 0px;
			float: left;
			cursor: pointer;
			text-align: center;
		}

		div#operation ul#weight li:hover,
		div#operation ul#weight li:active{
			border: 2px solid #ff0000;
		}

		div#operation ul#weight li:active{
			margin: 1px 1px 0px 1px;
		}

		div#operation ul#weight li.selected{
			border: 2px solid #ff0000;
		}

		div#operation ul#button li{
			height: 36px;
			margin: 0px 2px 0px 0px;
			float: left;
			cursor: pointer;
		}

			div#operation ul#button li button{
				font-family: 'メイリオ', 'Microsoft Sans Serif', 'Tahoma';
				width: 58px;
				height: 36px;
				line-height: 34px;
			}