/*---------------------------------*
 *  スタイルシート (CSS1)
 *---------------------------------*/

/*--------  一般  --------*/

BODY {
	color: #800;
	background-color: #FFF;
	line-height: 1.4em;
}

HR {
	color: #A6F;
	height: 2px;
}

H1 {
	color: #A6F;
	font-size: 250%;
	font-weight: bold;
	text-align: center;
}

A:link    { color: #080; text-decoration: underline }
A:visited { color: #00A; text-decoration: underline }
A:active  { color: #F00; text-decoration: underline }

/*--------  日記用 TABLE  --------*/

TABLE.diary {
	width: 600px;
	border: dashed 1px #C88;
	margin: 4px auto 8px;
}

TABLE.diary TD.title {
	border-bottom: dashed 1px #C88;
	background-color: #FDD;
	padding: 4px;
}

TABLE.diary TD {
	border: none;
	padding: 4px;
}

IMG.diary { margin: 8px; }

/*--------  画像一覧用 TABLE  --------*/

TABLE.image {
	border: none;
	margin: 4px auto;
}

TABLE.image TD {
	width: 120px;
	border: solid 1px #C88;
	padding: 4px;
}

/*--------  感想一覧用 TABLE  --------*/

TABLE.message {
	background-color: #C88;
	margin: 4px auto 8px;
}

TABLE.message TD {
	background-color: white;
	padding: 4px;
}

/*--------  枠  --------*/

.frame, TABLE.diary .frame {
	border: solid 1px #C88;
	margin: 4px auto;
	padding: 4px;
}

/*--------  「日付」用  --------*/

SPAN.date {
	font-weight: bold;
}

/*--------  「題名」用  --------*/

SPAN.subject {
	font-weight: bold;
}

/*--------  注意表示、情報表示  --------*/

.notice, .info {
	font-size: larger;
	font-weight: bold;
	border: double;
	padding: 4px 100px;
}
.notice { color: red; }
.info   { color: green; }

/*--------  その他 整形用  --------*/

TD { vertical-align: top; padding: 4px; }
TH { white-space: nowrap; }
FORM { margin: 0; padding: 0; }
UL { margin-top: 0; margin-bottom: 0; }
IMG { border: none; }

TABLE { margin: 0 auto; }

TABLE.design, TABLE.design TD, TD.design {
	border: none;
	padding: 0;
	margin: 0;
}

DIV.img_c { text-align: center; }
DIV.img_l { float: left; margin-right: 8px; }
DIV.img_r { float: right; margin-left: 8px; }

DIV.center { text-align: center; }
DIV.left   { text-align: left; }
DIV.right  { text-align: right; }