body {
	color:		#aaaaaa;
	background-color: #000000;
	margin:		10px;
	padding:	0;
}

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;}

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

header > h2.title1 {
	width: 80px;
}

header > div.msg1 {
	width: 80px;
}

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

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


footer {
	width: 100%;            /* 幅指定 */
    	padding:  10;                /* ulタグのデフォルトCSSを打ち消し */
	margin:  0;                 /* ulタグのデフォルトCSSを打ち消し */
	font-size:small;
	contain: content;
position: fixed; /* フッターを固定する */
bottom: 0; /* 上部から配置の基準位置を決める */
left: 0; /* 左から配置の基準位置を決める */
height: 40px; /* フッターの高さを指定する */
background-color: #101010; /* フッターの背景色を指定する */
}

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

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

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

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