@charset 'UTF-8';
@import "../common.css";

body {
	margin: 0;
	border: none;
	padding: 0;
}

ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
ul li {
	float:left;
}
input {
	float:left;
	text-align: center;
}

.text {
	text-align: center;
	border-width: 1px;
	border-style: solid;
}
li.noborder {
	border-style: none;
}
.label {
	border-style: none;
	text-align: center;
	color: lightgrey;
	cursor: default;
}
.cell {
	text-align: center;
	border-width: 1px;
	border-style: dotted;
}

.candidate {
	background-color: mintcream;
	cursor: pointer;
}

hr { clear: both; }

.ok { color: blue; }
.ng { color: red; }
.buttonin { cursor: pointer; }
.textin { cursor: text; }
.labelin { cursor: default; }
.erasing { cursor: crosshair; }
div.clearfloat { clear:both; }

.result {
	line-height: 100%;
	letter-spacing: 0px;
	font-size: 20px;
	font-family: "Hiragino Kaku Gothic ProN W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック",monospace;
	padding: 0.5em;
}

.result h2 {
	padding-left: 1em;
	font-size: 22px;
}
#delete, #save {
	width: 100px;
	font-size: 20px;
	margin: 1em 0.1em;
}
#start {
	width: 120px;
	font-size: 20px;
	margin: 1em 0.1em;
}

#number {
	width: 100px;
	font-size: 20px;
	margin: 1em 0.1em;
}

#erase {
	background-color: white;
	float: right;
	font-size: 14px;
}

#mark {
	background-color: yellow;
	float: right;
}

.bs1 { background-color: gold;}
.bs2 { background-color: lightsteelblue;}
.bs3 { background-color: palegreen;}
.bs4 { background-color: khaki;}
.bs5 { background-color: peachpuff;}
.bs6 { background-color: lightpink;}
.bs7 { background-color: plum;}
.bs8 { background-color: cyan;}
.bs9 { background-color: magenta;}
.bs10 { background-color: silver;}

.mark { background-color: gray;}
.fault { background-color: red; }

.senkanno, .tools {
	display: block;
	float: left;
	margin: 2px;
	padding: 2px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 25px;
	height: 25px;
	text-decoration: none;
	border:3px solid #999;
	border-right-color:#333;
	border-bottom-color:#333;
	color:gray;
	border-style: outset;
	cursor: pointer;
}
.senkanno.selected, .tools.pushed {
	border:3px solid #333;
	border-right-color:#999;
	border-bottom-color:#999;
	border-style: inset;
	color: black;
	padding: 3px 1px 1px 3px;
}
.senkanno.finished {
	border:3px solid #333;
	border-right-color:#999;
	border-bottom-color:#999;
	border-style: inset;
	color: white;
	background-color: gray;}

.top {
	border-top-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-style: solid;
	-webkit-border-radius: 1em 1em 0 0;
	-moz-border-radius: 1em 1em 0 0;
}

.bottom {
	border-top-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	-webkit-border-radius: 0 0 1em 1em;
	-moz-border-radius: 0 0 1em 1em;
}

.left {
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: none;
	-webkit-border-radius: 1em 0 0 1em;
	-moz-border-radius: 1em 0 0 1em;
}

.right {
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: solid;
	-webkit-border-radius: 0 1em 1em 0;
	-moz-border-radius: 0 1em 1em 0;
}

.middle_tb {
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-right-style: solid;
}

.middle_lr {
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-right-style: none;
}

.message {
	font-size: 30px;
}

input {
	width:33px;
	height:32px;
	font-size: 22px;
}

.text {
	width:38px;
	height:38px;
	font-size: 25px;
}

li.noborder {
	width:40px;
	height:40px;
}
.label {
	width:40px;
	height:40px;
	font-size: 25px;
}
.cell {
	width:38px;
	height:38px;
	font-size: 25px;
}
.top {
	width:38px;
	height:39px;
}.bottom {
	width:38px;
	height:39px;
}
.left {
	width:39px;
	height:38px;
}
.right {
	width:39px;
	height:38px;
}
.middle_tb {
	width:38px;
	height:40px;
}
.middle_lr {
	width:40px;
	height:38px;
}