@charset "Shift_JIS";

/*
 * bbs/upload 用スタイルシート
 * http://confetto.s31.xrea.com/
 *
 * $Id: bbs.css,v 1.2 2006/12/24 15:04:32 confetto Exp $
 */

/******************************************************************************
 * 色の設定
 ******************************************************************************/

body {
	/* ページの文字色 */
	color: #333333;
	
	/* ページの背景色 */
	background-color: #ccffcc;
}

/* リンクの文字色 */
a:link    { color: #0000ff }	/* 未訪問リンク */
a:visited { color: #660066 }	/* 既訪問リンク */
a:active  { color: #ff0000 }	/* アクティブリンク */

/* 記事の題名の文字色 */
.message-subject {
	color: #006633;
}

/******************************************************************************
 * 色以外の設定
 ******************************************************************************/

* {
	margin: 0;
	padding: 0;
	font: inherit;
}

/*
 * ブロックレベル要素
 */

body {
	margin: 3px; padding: 0px 10%;
	line-height: 1.5;
}

p, form {
	margin: 1em 0;
}

address {
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	text-align: right;
	margin: 0 -8px;
/*	border-top: 1px solid #999;*/
	padding: 0 8px;
}

/* 見出し */

h2, h3, h4 {
	font-weight: bolder;
	margin: 1em 0;
}

h1 {
	font-size: 1.5em;
	margin: .83em 0;
}

h2 {
	font-size: smaller;
	text-align: right;
	margin: 2em -8px 1em;
	border-bottom: 1px solid #999;
	padding: 0 8px;
}

/* リスト */

ul, ol, dl {
	margin: 1em 0;
}

ol, ul, dd {
	margin-left: 40px;
}

li ul, li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* 表 */

table {
	border-collapse: collapse;
	border-color: #999;
}

th {
	background-color: #eee;
	text-align: right;
	padding: 0 4px;
}

caption {
	text-align: center;
}

/*
 * インライン要素
 */

[accesskey]:after {
	content: "[" attr(accesskey) "]";
	font-family: "Courier New", Courier, monospace;
	font-size: smaller;
	text-transform: uppercase;
}

em {
	font-weight: bolder;
}

a img {
	border-width: 0;
}

input, textarea {
	font-family: monospace;
}

input[type="submit"] {
	padding: 0 8px;
}

/*
 * 独自の要素
 */

/* 記事 */

.message {
	margin: 1em 0 0;
	clear: both;
}

.message .message {
	margin-left: 168px;
}

/* 記事の題名 */

.message-subject {
	margin: 0 -8px;
	border-bottom: 1px solid #999;
	padding: 0 8px;
}

/* 記事の番号 */

span.message-number {
	font-weight: normal;
}

span.message-number:after {
	content: ".";
}

/* 記事のヘッダ */

ul.message-header {
	margin: 0;
}

ul.message-header li {
	display: inline;
	margin-right: .5em;
}

/* 記事の本文 */

p.message-body {
	margin: 1em 0 0;
}

p.message-body img {
	float: left;
	margin-right: .5em;
}

/* 記事の投稿者名 */

span.message-from {
	font-weight: bolder;
}

/* 画像一覧 */

ul.images {
	margin-left: 0;
}

ul.images li {
	display: block;
	float: left;
	margin: 3px;
}

ul.images a {
	display: block;
/*	width: 160px;
	height: 160px;
	line-height: 160px;
*/	text-align: center;
	border: 0px solid #ccc;
}

ul.images img {
	vertical-align: middle;
	border-width: 0;
}

/* ボックスの終端で浮動を解除 */

.message:after,
ul.images:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

/*
 * MSIEのための特殊な記述
 */

* html h2 {
	clear: both;
}

* html h3 {
	font-size: 1em;
}
/*
* html ul.images li {
	width: 162px;
	height: 162px;
}
*/
* html em {
	font-style: normal;
}