A:link		{color: #88ff88;}
A:active	{color: #ffffff;}
A:visited	{color: #00cc00;}
A:hover		{color: #ffffff;}

.colort		{color: #aaaaaa;}
.colorl		{color: #88ff88;}
.colora		{color: #ffffff;}
.colorv		{color: #00cc00;}
.colorh		{color: #ffffff;}

B		{color: white;}

body {
	color:		#aaaaaa;
	background-color: #000000;
	margin:		0;
	padding:	0;
	display:	grid;
	grid-template-areas:
		"header"
		"main"
		"footer";
	grid-template-rows:	70px 1fr 120px;
	grid-template-columns:	100%;
}

header {
	z-index: 1; 
	grid-area:	header;
	display:	flex;
	width:		100%;			/* 幅指定 */
	padding:	0 1em;
	margin:		0 1em;
	align-items:	center;
	position:	fixed;			/* ヘッターを固定する */
	top:		0;			/* 上部から配置の基準位置を決める */
	background-color: #000030;		/* フッターの背景色を指定する */
}

header > h2 {
	margin:		0;
	padding:	8px 0;
}

main.log {
	grid-area:	main;
	width:		700px;            /* 幅指定 */
	margin:		5px auto;
	padding:	0;
}

main.log2 {
	grid-area:	main;
	width:		95%;            /* 幅指定 */
	margin:		5px auto;
	padding:	0;
}

main.log2 > time {
	padding-top:	2px;
}


form {
	width: 600px;
	margin: 0 auto;
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #AAAAAA;
	border-bottom-width: 1px;
	border-bottom-style: ridge;
	border-bottom-color: #AAAAAA;
}

.box {
	width:		500px;			/* 幅指定 */
	padding:	0;			/* ulタグのデフォルトCSSを打ち消し */
	margin:		25px AUTO;
	list-style:	none;			/* ulタグのデフォルトCSSを打ち消し */
	contain:	content;
	font-size:	small;
}

.box > li {
	width:		130px;
	float:		left;
}

dl {
	width:		500px;			/* 幅指定 */
	padding:	0;			/* ulタグのデフォルトCSSを打ち消し */
	margin:		25px AUTO;
	font-size:	small;
}

div.dspmsg {
	width:		600px;
	margin:		20px auto;
	color:		red;
}

footer {
	z-index: 2; 
	grid-area:	footer;
	width:		100%;		/* 幅指定 */
	height:		120px;
	margin:		0;
	padding:	0;
	font-size:	small;
	position:	fixed;		/* フッターを固定する */
	bottom:		0;		/* 上部から配置の基準位置を決める */
	background-color: #000000;	/* フッターの背景色を指定する */
}

footer > ul.link {
	width:		100%;		/* 幅指定 */
	margin:		0 1em;
	padding:	0px;
    	list-style:	none;		/* リストの「・」なし */
}

footer > ul.link > li {
	float:		left;
	margin:		5px;
	padding:	0px;
}

ul.bbs {
	margin:		0 0 0 1em;
	padding:	0 0 0 0;
	list-style:	none;
	contain:	content;
	border-width:	1px;
	border-style:	ridge;
	border-color:	#111111;
}

ul.bbs > li.tm {
    	float:		left;
    	padding-left:	0.5em;
}

ul.bbs > li.nm {
    	float:		left;
    	padding-left:	0.5em;
}

ul.bbs > li.msg {
	float:		left;
    	padding-left:	0.5em;
    	width:		700px;  
    	word-break:	break-all;
}


ul.idx {
	height:		5em;
	overflow:	auto;
	margin:		0 0 0 1em;
	padding:	0 0 0 2em;
	list-style:	none;
	contain:	content;
	border-width:	1px;
	border-style:	ridge;
	border-color:	#111111;
}

ul.idx > li.ixdt {
    	float:		left;
    	text-align:	center;
    	width:		150px;
}

ul.idx > li.cur {
	background-color: #003030;
}