/*--------------------------------------------------
	上部ナビゲーションメニュー
--------------------------------------------------*/
#navigation
{
	width:700px;margin:16px auto;
	border-color:#808080;
	border-style:solid none;
	border-width:1px 0;
	padding: 4px 3px;
}
/*--------------------------------------------------
	投稿フォーム
--------------------------------------------------*/
#bbsform
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #00F;
	text-align:left;
}
#bbsform table.postinfo
{
	margin:1.5em;
	text-align:left;
	font-size:1em;
}
/*--------------------------------------------------
	スレッド全体
--------------------------------------------------*/
.thread_wrapper
{
	width:700px;
	margin:16px auto;
	border:1px solid #00F;
	text-align:right;
}
/*--------------------------------------------------
	検索結果記事
--------------------------------------------------*/
.result_article
{
	margin:16px;
	text-align:left;
	clear:both;
}
/*--------------------------------------------------
	親記事
--------------------------------------------------*/
.thread_wrapper .parent_article
{
	margin:16px;
	text-align:left;
	clear:both;
}
/*--------------------------------------------------
	子記事
--------------------------------------------------*/
.thread_wrapper .child_article
{
	width:90%;
	margin-left:auto;
	padding:16px;
	border-top:1px solid #00F;
	text-align:left;
	clear:both;
}
/*--------------------------------------------------
	※※※
--------------------------------------------------*/
.thread_wrapper .parent_article form,
.thread_wrapper .child_article form
{
	clear:both;
}
/*--------------------------------------------------
	記事の題名
--------------------------------------------------*/
.thread_wrapper .parent_article span.title,
.thread_wrapper .child_article span.title,
.result_article span.title
{
	color:red;
	font-weight:bold;
}
/*--------------------------------------------------
	記事の日付
--------------------------------------------------*/
.thread_wrapper .parent_article div.date,
.thread_wrapper .child_article div.date,
.result_article div.date
{
	text-align:right;
}
/*--------------------------------------------------
	記事の内容（本文と画像の親要素）
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents,
.thread_wrapper .child_article div.contents,
.result_article div.contents
{
	margin:1em 2em;overflow:auto;
}
/*--------------------------------------------------
	記事の本文
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents div.body,
.thread_wrapper .child_article div.contents div.body,
.result_article div.contents div.body
{
	float:left;
}
/*--------------------------------------------------
	記事の画像
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents img.userimage,
.thread_wrapper .child_article div.contents img.userimage,
.result_article div.contents img.userimage
{
	float:right;
	border:0px;
	vertical-align:middle;
}
/*--------------------------------------------------
	記事の返信ボタンや編集ボタンを含む親要素
--------------------------------------------------*/
.thread_wrapper .parent_article div.panel,
.thread_wrapper .child_article div.panel
{
	text-align:right;clear:both;
}
.thread_wrapper .parent_article div.panel form,
.thread_wrapper .child_article div.panel form
{
	display: inline;
}
/*--------------------------------------------------
	ヘルプ
--------------------------------------------------*/
#help
{
	width:700px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #00F;
	text-align:left;
}



/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin-bottom: 12px; /* ヘッダの下マージン */
padding: 15px 0 8px; /* ヘッダのパディング（上、左右、下） */
background-color: #2c2c2c; /* ヘッダの背景色 */
border-bottom: 1px #4b4b4b solid; /* ヘッダの下境界線 */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 19px 7px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
color: #eee8aa; /* サイトタイトルの文字色 */
}
/* サイトタイトルの画像 */
#header h1.siteTitle img,
#header p.siteTitle img {
border: none;
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 22px 10px; /* キャッチフレーズのマージン（上、左右、下） */
color: #808080; /* キャッチフレーズの文字色 */
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 30px; /* 上からの距離 */
right: 20px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url(../image/menu_line_gray.gif) no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
width: 840px;
margin: 0 auto 2px; /* オープニングエリアのマージン（上、左右、下） */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 834px; /* ヘッダメニューの幅 */
margin: 0 auto; /* センタリング */
padding: 0;
background: #b6a57f url(../image/hor_menu5_off.gif) repeat-x top; /* ヘッダメニューの背景 */
border: #aca36a solid; /* ヘッダメニューの境界線（色、スタイル） */
border-width: 2px 3px; /* ヘッダメニューの境界線の太さ（上下、左右） */
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 139px; /* 項目の幅 */
float: left;
line-height: 100%;
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 13px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
border: 1px solid; /* リンクエリアの境界線（太さ、スタイル） */
border-color: #e4d6b8 #8b7e63 #8b7e63 #e4d6b8; /* リンクエリアの境界線色（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
}
/* 英字部分 */
#header ul.nl li a span.en {
display: block;
margin-top: 2px; /* 英字部分の上マージン */
font-size: 85%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #eee8aa; /* 英字の文字色 */
}
/* ポイント時とアクティブ時の設定 */
#header ul.nl li a:hover,
#header ul.nl li.active a {
background: #b6a57f url(../image/hor_menu5_on.gif) repeat-x top; /* ポイント時（アクティブ時）の背景 */
color: #f4efc4; /* ポイント時（アクティブ時）の文字色 */
}
#header ul.nl li a:hover span.en,
#header ul.nl li.active span.en {
color: #fde337; /* ポイント時（アクティブ時）の英字の文字色 */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
width: 830px;
margin: 4px auto 0; /* トピックパスのマージン（上、左右、下） */
padding: 6px 5px; /* トピックパスのパディング（上下、左右） */
background-color: #3f3f3f; /* トピックパスの背景色 */
list-style-type: none;
color: #999999; /* トピックパスの文字色 */
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url(../image/topic_path_gray.gif) no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */

/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */