/* CSS Document */

#main {
	width:1024px;
	margin:0 auto 20px auto;
}
#main .explain {
	margin-bottom:20px;
}
#main .explain ul {
	margin-left:30px;
}
#main .explain ul li {
	line-height:1.5;
}
#main .image {
	margin:0 auto 20px auto;
	width:595px;
}




#main .attention {
	border:1px solid #ccc;
	padding:10px;
	line-height:1.5;
	margin-top:10px;
}
#main .attention ul {
	list-style-type: none;
	margin-left:20px;
}
#main .attention ul li:before {
	content: '※';
	margin-left:-14px;
}
#main .output {
	text-align: center;
}
#main .output p {
	margin-bottom:5px;
}
#main .output p input {
	padding:20px 50px;
	margin-bottom:10px;
}
/*
table.image {
	width:1024px;
}
table.image td {
	text-align: center;
}
table.image td.canvas {
	width:48%;
	vertical-align: top;
}
table.image td.preview {
	width:48%;
	vertical-align: top;
}
table.form {
	width:1024px;
	margin-bottom:20px;
	border-collapse: collapse;
}
table.form input {
	width:80px;
}
table.form tr td {
	vertical-align: top;
}
table.form tr td input {
	width:200px;
}
table.form tr td input.size {
	width:50px;
}
table.form tr td.left {
	width:50%;
}
table.form tr td.right {
	width:50%;
}
table.form tr td.select {
	padding-bottom:10px;
}
/**/


#workspace_top h3,
#workspace h3 {
	font-size:18px;
	border-left:5px solid #000;
	padding-left:8px;
	margin-bottom:10px;
	text-align: left;
}
#output_btn_yoko,
#output_btn_tate {
	background-color: #ff8e68;
	font-size: 24px;
	padding: 10px 15px;
	margin-top: 20px;
}

#workspace_top {
	display: flex;
}

#workspace {
	display: flex;
}

input#direction_yoko:checked ~ #workspace_top .bitmap_chager.tate {
	display: none;
}
input#direction_tate:checked ~ #workspace_top .bitmap_chager.yoko {
	display: none;
}


input#direction_yoko:checked ~ #workspace #tool-tate dl {
	display: none;
}
input#direction_tate:checked ~ #workspace #tool-yoko dl {
	display: none;
}


input#direction_yoko:checked ~ #workspace #view_tate {
	display: none;
}
input#direction_tate:checked ~ #workspace #view_yoko {
	display: none;
}

#workspace input[type="number"] {
	width: 50px;
}
#workspace input[type="text"] {
	width: 100%;
}

#workspace .view {
	text-align: center;
}