/*====================================================================================================
	本体
====================================================================================================*/

body{
	margin: 2px 2px 2px 2px;
	padding: 2px 2px 2px 2px;
	font-size: small;

	/* background */

	scrollbar-base-color: maroon;
	scrollbar-arrow-color: red;

	background-color: black;
	color: white;
}

a:link{
	color: gold;
}
a:visited{
	color: silver;
}
a:active{
	color: yellow;
}

hr{
	color: silver;
}

div.jchat{
	text-align:center;
}

input.text{
	width:100%;
}

textarea.text{
	width:100%;
}

.caution{
	color: red;
}

.bold{
	font-weight: bold;
}

.smallfont{
	font-size: x-small;
}

.labelbg{
	background-color: maroon;
}

.boxborder{
	border: maroon solid 1px;
}

/*====================================================================================================
	メニュー
====================================================================================================*/

dl.menu{
}

dl.menu dt{
	font-weight: bold;
	border-bottom: maroon solid 1px;
}

dl.menu dt a:link{
	color: gold;
	text-decoration: none;
}
dl.menu dt a:visited{
	color: silver;
	text-decoration: none;
}
dl.menu dt a:active{
	color: yellow;
	text-decoration: none;
}

dl.menu dd{
	height:4em;
};

/*====================================================================================================
	画像
====================================================================================================*/

img.icon{
	width: 128px;
	height: 200px;
	border: none;
}

img.icon80{
	width: 80px;
	height: 80px;
	border: none;
}

img.smallicon{
	width: 16px;
	height: 16px;
	border: none;
}

/*====================================================================================================
	セル
====================================================================================================*/

table.cell{
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

table.cell th{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: x-small;
}

table.cell td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
}

/*====================================================================================================
	レイアウト
====================================================================================================*/

table.layout{
	table-layout: fixed;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

table.layout th{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: x-small;
}

table.layout td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
}

table.layout td.rflag{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
	border-left: maroon solid 1px;
}

table.layout td.lflag{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
	border-right: maroon solid 1px;
}

/*====================================================================================================
	フォーム
====================================================================================================*/

table.form{
	table-layout: fixed;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border:none;
}

table.form th {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: bold;
	font-size: x-small;
	background-color: maroon;
}

table.form td{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
}

table.form td.submit{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: x-small;
	text-align: right;
	background-color: maroon;
}

/*====================================================================================================
	リスト
====================================================================================================*/

table.list{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border:none;
}

table.list td{
	font-size: x-small;
	border-bottom: maroon solid 1px;
}

table.list th{
	font-size: x-small;
	border-bottom: maroon solid 1px;
}

/*====================================================================================================
	警告ボックス
====================================================================================================*/

table.warning{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border:none;
}

table.warning td.caption{
	font-weight:bold;
	text-align:left;
	font-size: x-small;
}

table.warning td.pager{
	font-weight:bold;
	text-align:right;
	font-size: x-small;
}

table.warning td.contents{
	border: red solid 2px;
	font-size: x-small;
}

/*====================================================================================================
	ボックス
====================================================================================================*/

table.box{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border:none;
}

table.box td.caption{
	font-weight:bold;
	text-align:left;
	font-size: x-small;
	border:none;
}

table.box td.pager{
	font-weight:bold;
	text-align:right;
	font-size: x-small;
	border:none;
}

table.box td.contents{
	border: maroon solid 1px;
	font-size: x-small;
}

/*====================================================================================================
	カード
====================================================================================================*/

table.card{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border:none;
}

table.card td.caption{
	font-weight:bold;
	text-align:left;
	font-size: x-small;
}

table.card td.pager{
	font-weight:bold;
	text-align:right;
	font-size: x-small;
}

table.card td.contents{
	border: maroon;
	border-width:1px;
	border-style:solid none none solid;
	font-size: x-small;
}

/*====================================================================================================
	タイトル
====================================================================================================*/

table.title{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border: maroon solid 1px;
}

table.title td{
	font-size: medium;
	font-weight: bold;
}

table.toolbar td.clock{
	font-size: x-small;
	text-align: right;
}

/*====================================================================================================
	ツールバー
====================================================================================================*/

table.toolbar{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border:  maroon solid 1px;
}

table.toolbar td{
	font-size: x-small;
}

table.toolbar td.clock{
	font-size: x-small;
	text-align: right;
}

/*====================================================================================================
	表札
====================================================================================================*/

table.label{
	table-layout: fixed;
	width:100%;
	/* background-color: black; */
	border: maroon solid 1px;
}

table.label td{
	font-size: x-small;
	text-align: center;
}