@charset 'utf-8';
body
{
	font-family: sans-serif;
}

/* 語言 */
:lang(ja)
{
	font-family: "メイリオ", Meiryo, sans-serif;
}

:lang(en)
{
	font-family: Georgia, serif;
}

/* にほんご */
blockquote.box
{
	border: 2px solid navy;
	border-radius: 10px;

	padding: 0.5em;
	text-align: left;

	/* for IE <= 8 */
	display: block;	
	width: 40em;
}

:root blockquote.box
{
	width: auto;
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	display: table;
}

@media (max-width:800px) { :root blockquote.box { width: 70%; } }
strong { font-weight: bold; color: navy; }


/* 英文和中文 */

table
{
	border-collapse: collapse;
	width: 450px;
	border: 2px gray solid;
	border-radius: 6px;
}
@media (max-width:640px) { table { width: 70%; } }

th
{
	font-weight: bold;
	text-align: center;
	background-color: #eeeeff;
	color: black;
	padding: 3px;
	border: 1px gray solid;
}

td
{
	font-weight: normal;
	text-align: left;
	background-color: white;
	color: black;
	padding: 4px;
	border: 1px gray solid;
}

input[type=text], input[type=password]
{
	font-family: 'Lucida Console', Consolas, 'Courier New', monospace;
	padding: 2px;
	border: 1px black solid;
	border-radius: 4px;
	height: 1.5em;
	color: black;
	background: white;
}

input[type=submit]
{
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.8rem;
	border: 3px black gray;
	border-radius: 6px;
	padding: 4px;
	background-color: #ccccff;
}

input[type=text]	{ width: 100%; }
input[type=password]	{ width: 10em; }

B  { font-weight: bold; color: #800000; font-size: 140%; }
UL { margin-top: 0; }
