body,h1,h2,h3,h4,h5,h6,input,th,td,button
{
	/* すべての文字のフォント、色設定 */
	font-family: Tahoma, Chicago, sans-serif;
	font-size: 8pt;
	color: #242820;
}


div.noimage
{
	background-image: none;
	background-color: #ffffff;
	padding: 2em;
}

h1
{
	/* 見出し */
	padding: 0.2em;
	padding-left: 0.5em;
	border-top: dotted 1px #cccccc;
	border-bottom: dotted 1px #cccccc;
	margin-bottom: 0.3em;
	font-size: 2em;
	letter-spacing: 1px;
	text-align: right;
}

input.text
{
	/* 入力フォーム（テキストボックス）のデザイン */
	border-style: solid;
	border-width: 1px;
	border-color: #000000 #cccccc #cccccc #000000;
	margin-right: 1em;
	position: relative;
	top: 2px;
}

button
{
	/* 送信ボタン系のデザイン */
	cursor: hand;
	margin-left: 0.5em;
	position: relative;
	top: 2px;
	color: #666666;
	border-style: solid;
	border-color: #dddddd #c0c0c0 #c0c0c0 #dddddd;
	border-width:  1px;
	background-color: #f6f6f6;
	letter-spacing: 1px;
	background-image: url('img/grad.gif');
}

address
{
	/* 免責事項 */
	padding-top: 0.5em;
	text-align: center;
	font-style: normal;
	border-top: dotted 1px #999999;
}

form.create
{
	/* 新規記事投稿の文字列画像 */
	background-image: url('img/create.gif');
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-bottom: 0em;
}

form.additem
{
	/* 新規記事追加（管理モード）の文字列画像 */
	background-image: url('img/additem.gif');
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-bottom: 0em;
}

form.error
{
	/* エラー時の文字列画像 */
	background-image: url('img/error.gif');
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-bottom: 1.5em;
}

form.delete
{
	/* 記事を削除する時の文字列画像 */
	background-image: url('img/delete.gif');
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom: 16px;
	padding-top: 0.5em;
	margin-top: 0em;
}

form.password
{
	/* パスワード入力画面の文字列 */
	background-image: url('img/password.gif');
	background-repeat: no-repeat;
	padding-top: 16px;
	margin-bottom: 1.5em;
	text-align: center;
}


td.category
{
	width: 8em;
}

*.zero
{
	margin: 0em;
}

p.menubar
{
	text-align: right;
	margin: 0.2em 1em 0.5em 1em;
}

p.pastlog
{
	/* トップレベル以外の順位表示欄のデザイン */
	text-align: right;
	background-image: url('img/grad.gif');
	height: 16px;
	padding: 2px;
	border: solid 1px #eeeeee;
	margin: 0em;
}

div.form
{
	/* 一般フォームのデザイン */
	border: solid 1px #999999;
	padding: 0.6em 0.5em 0.9em 1em;
	background-color: #f9f9f9;
}

div.form#delete
{
	text-align:right;
	margin-bottom: 0em;
	margin-top: 0em;
}

ul	{ margin-top: -1em; }
li	{ line-height: 1.5em; }

img.bar
{
	margin-right: 0.3em;
	position: relative;
	top: 2px;
}

/* 1位〜3位までは色を少し濃くする */
tr#no1 td  { background-color: #e0e0e0; }
tr#no2 td  { background-color: #ebebeb; }
tr#no3 td  { background-color: #f0f0f0; }

/* ハイライト（投票時） */
tr.hilight td { background-image: url('img/hilight1.gif'); color: #ffffff; }

/* ハイライト（書き込み時） */
tr.writing td { background-image: url('img/hilight2.gif'); color: #ffffff; }

td		   { background-color: #f9f9f9; }

table.main
{
	border: solid 1px #999999;
	margin-top: 1.5em;
	width: 100%;
}

button.vote
{
	position:relative;
	top: -1px;
}

*.hotkey
{
	 text-decoration: underline;
}

*.no
{
	text-align: center;
	white-space: nowrap;
}

*.comment
{
	width: 70%;
}

*.date
{
	text-align: center;
	white-space: nowrap;
}

*.share
{
	white-space: nowrap;
}

*.count
{
	text-align: center;
	white-space: nowrap;
}

td.id
{
	text-align: center;
	padding-left: 0.2em;
	padding-right: 0.2em;
	color: #999999;
}

th
{
	border-bottom: solid 1px #999999;
	background-color: #808080;
	color: #ffffff;
}

th.id
{
	text-align: center;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

*.vote		 { text-align: center; }
*.center	 { text-align: center; }
*.right		 { text-align: right; }
*.red		 { color: #ff6a6a; }
*.havemargin { margin: 0.3em; }
*.bold		 { font-weight: bold; }
img			 { border-width: 0px; }

a:link		{ Color: #4c4cda; text-decoration: none;}
a:visited	{ Color: #4c4cda; text-decoration: none;}
a:hover		{ Color: #ff0000; text-decoration: underline;}
a:active	{ Color: #0000cc; text-decoration: none;}
