* {
	font-size:20px;
	a:link {color: #ffffee;}
	a:visited {color: #eeffff;}
	a:hover {color: #ffffdd;}
	a:active {color: #ccffff;}
//	color: #ff33ff;
}

body {
	max-width:100%;
	width:100%;
	link:#ffffaa;
	vlink:#aaffff;
	color: #eeeeee;
}
TH {
	text-align:right;
}

INPUT[type="checkbox"] {
}
INPUT[type="text"],
INPUT[type="password"],

SELECT
{
	border:1px solid #6666bb;
	height:28px;
	text-align:left;
	color:#222255;
}
P {
	margin:5px 0;
	color:#eeeeee;
}

TEXTAREA {
	border:1px solid #ffffff;
	ime-mode: active;
	color:#eeeeee;
	background-color:#222255;
	height:50px;
}

INPUT[type="submit"] {
	border: 3px solid #000000;
	height:30px;
	min-width:100px;
}

.posts {
	white-space:nowrap;
	position:absolute;
	z-index:50;
}

/* 入力フォーム全体を囲っているテーブル */
#inptable {
	border-bottom:5px solid #333333;
	border-right:5px solid #333333;
	border-collapse:collapse;
	background-color:#555588;
	overflow:hidden;
	width:100%;
	max-width: 100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:900;
	a:link {color :#eeeeee;}
	a:vlink {color: #aaffff;}
	color:#eeeeee;
}
#inptable P {
	background-color:#222255;
	padding:5px 0;
	color:#eeeeee;
}

/* キャンバス部分 */
#Back {
	color:#aa0000;
	position:absolute;
	overflow:none;
	left:0px;
	top:0px;
	width:4000px;
	max-width:4000px;
	height:4000px;
	max-height:4000px;
	z-Index:0;
	background-color:#222255;
}
#glid {
	position:absolute;
	z-index:10000;
}
/* 名前 */
#name {
	ime-mode: active;
	width:200px;
	color:#22255;
 }
/* 削除キー */
#delkey {
	width:100px;
}
#mail,#pass { ime-mode: inactive; }
#comment {
	height:145px;
	width: 100%;
 }
#nameform {
	border-collapse:collapse;
	width:100%;
}
#copyright,
#copyright *
{
	font-size:12px;
}

@media screen and (max-width: 480px) {
	* {
		font-size:12px;
	}
	TH {
		font-size:15px;
	}
	INPUT[type="text"],
	INPUT[type="password"],
	SELECT
	{
		height:18px;
		width:auto;
	}
	INPUT[type="submit"] {
		height:20px;
		min-width:80px;
	}
	#comment {
		height:35px
	}
}
