@charset "utf-8";
/* -----------------------------------------------------------------------------
 * かるた一病息災 スタイルシート
 * Copyright (C) 2003-2007 HaRD All rights reserved.
 * ---------------------------------------------------------------------------*/
/*==============================
	札の覚え方
==============================*/
table.navi {
	width: 600px;
}
table.navi td {
	width: 200px;
}
table.learn {
	width: 600px;
	margin: 25px auto;
}
table.learn td {
	vertical-align: top;
	margin-top: 0px;
	margin-bottom: auto;
}
table.learn td p {
	padding: 5px;
}
table.learn td.fuda {
	width: 225px;
}
table.learn strong {
	font-size: 140%;
}
table.learn th {
	width: 375px;
	font-size: 140%;
	text-align: center;
}
/*==============================
	札の一覧
==============================*/
table.seek {
	border: 5px solid #669966;
	background-color: #ffffff;
	color: #000000;
	font-family: serif;
	font-size: 120%;
	text-align: center;
	vertical-align: middle;
	padding: 3px;
	margin: 3px;
	cursor: hand;
}
table.seek td {
	border-width: 0px;
	text-align: center;
	padding: 0px 1px;
	margin: 0px;
	font-family: "ＭＳ 明朝","細明朝体","Sawarabi Mincho",monospace;
}
div.seek_kimariji {
	font-size: 12px;
	color: #ff0000;
	text-align: center;
	visibility: hidden;
}
div#seek_msg {
	background-color: #666666;
	width: 500px;
	margin: 10px auto;
	padding: 5px;
	color: #ffffff;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #333333;
	visibility: visible;
}
/*==============================
	流しの練習
==============================*/
div#wakusen {
	width: 235px;
	height: 325px;
	background-color: #669966;
	float: left;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	margin: 0px auto 5px;
	cursor: pointer;
}
div#nagashi {
	width: 185px;
	height: 275px;
	background-color: #ffffff;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	margin: 5px;
}
div#nagashi table {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
div#nagashi table td {
	padding: 0px;
	margin: 0px;
	border-style: none;
	text-align: center;
	line-height: 0.1em;
	font-size: 44px;
	font-family: "ＭＳ 明朝","細明朝体","Sawarabi Mincho",monospace;
	font-weight: bold;
}
div#nagashi_config {
	float: left;
	margin-right: 10px;
}
div#trace {
	display: none;
	padding: 0px;
	margin: 0px;
}
div#trace textarea {
	padding: 0px;
	margin: 0px;
	width: 225px;
	height: 315px;
}
input.button {
	margin-top: 5px;
	width: 100px;
	height: 50px;
	font-size: 20px;
}
input.message {
	text-align: center;
	border-style: none;
}
form {
	margin: 0px;
	padding: 0px;
}
/* IE フィルタによる反転 */
/*
table.flip {
	filter: flipv();
} 
table.flip td {
	filter: fliph();
} 
*/
/* CSS による反転 */
table.flip {
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
} 
/*==============================
	暗記の練習
==============================*/
table#memory {
	padding: 0px;
	margin: 0px auto;
	border-collapse: collapse;
	table-layout: fixed;
}
table#memory tr {
	padding: 0px;
	margin: 0px;
}
table#memory td.fudaspace {
	padding: 0px;
	margin: 0px;
	width: 50px;
	height: 70px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px solid #666666;
}
/* 大きいサイズ */
table#memory td.fudaspace2 {
	width: 65px;
	height: 94px;
}
table#memory td.space {
	width: 50px;
	font-size: 1px;
	border-style: none;
}
table#memory td.sep1 {
	height: 3px;
	font-size: 1px;
	border-style: none;
}
table#memory td.sep3 {
	height: 15px;
	font-size: 1px;
	border-style: none;
	text-align: center;
	vertical-align: center;
}
table#memory td.fudaspace div {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	cursor: pointer;
	text-align: center;
	vertical-align: center;
}
table#memory td.fudaspace div table {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 2px solid #669966;
	text-align: center;
	vertical-align: center;
}
table#memory td.fudaspace div table td {
	padding: 0px;
	margin: 0px;
	border-style: none;
	text-align: center;
	vertical-align: center;
	font-size: 12px;
	font-family: "ＭＳ 明朝","細明朝体","Sawarabi Mincho",monospace;
	font-weight: bold;
	line-height: 1em;
}
/* 大きいサイズ */
table#memory td.fudaspace2 div table td {
	font-size: 16px;
}
/*==============================
	三十一文字
==============================*/
table#misohitomoji {
	padding: 0px;
	margin: 5px auto;
	border-collapse: collapse;
	table-layout: fixed;
}
table#misohitomoji tr {
	padding: 0px;
	margin: 0px;
}
table#misohitomoji td.fudaspace {
	padding: 5px;
	margin: 0px;
	width: 75px;
	height: 104px;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
	border: 1px solid #666666;
	cursor: pointer;
}
table#misohitomoji td.fudaspace div table {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	border: 2px solid #669966;
	text-align: center;
	vertical-align: center;
}
table#misohitomoji td.fudaspace div table td {
	padding: 0px;
	margin: 0px;
	border-style: none;
	text-align: center;
	vertical-align: center;
	font-size: 16px;
	font-family: "ＭＳ 明朝","細明朝体","Sawarabi Mincho",monospace;
	font-weight: bold;
	line-height: 1em;
}