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 auto;
	padding:	0;
	width:		800px;
}

body {
	display:	grid;
	grid-template-areas:
			"header"
			"main"
			"footer";
	grid-template-rows:	100px 1fr 40px;
	grid-template-columns:	1fr;
}

header {
	display:	flex;
	width:		100%;			/* 幅指定 */
    	padding:	0;
	margin:		0;
	justify-content:	space-between;
	align-items:	center;
	grid-area:	header;
}

header > h2.title1 {
    	padding:	20px;
	width:		150px;
}

header > div.msg1 {			/* 中央伝言板領域 */
	width:		400px;		/* 横幅を400pxに指定 */
	max-height:	5em;
	border:		2px solid #114;	/* わかりやすくボーダーを引く */
	overflow-y:	scroll;		/* 縦方向にスクロール可能にする */
	background-color:	#000000;/* フッターの背景色を指定する */
	font-size:	small;
}

header > div.date1 {
	width:		150px;
    	padding:	20px;
	text-align:	right;
}

header > div.date1 > div.count1 {
	font-size:	small;
}


footer {
	height:		40px;		/* フッターの高さを指定する */
	width:		800px;		/* 幅指定 */
    	padding:	0;		/* ulタグのデフォルトCSSを打ち消し */
	margin:		0;		/* ulタグのデフォルトCSSを打ち消し */
	font-size:	small;
	contain:	content;
	position:	fixed;		/* フッターを固定する */
	bottom:		0;		/* 上部から配置の基準位置を決める */
	border-top-width: 1px;
	border-top-style: ridge;
	border-top-color: #103010;
	grid-area:	footer;
}

footer > ul.flink {
	float:		left;
    	list-style:	none;		/* リストの「・」なし */
    	padding:0 5px;
    	margin: 7px 0;;
}

footer > ul.flink > li {
	float:		left;
	margin-left:	5px;
	margin-right:	5px;
}

footer > ul.ftext {
	float:		right;
	margin-right:	10px;
    	list-style:	none;		/* リストの「・」なし */
    	padding:0 5px;
    	margin: 7px 0;;
}

footer > ul.ftext > li{
	float:		left;
	margin-left:	5px;
	margin-right:	5px;
}