/*--------------------------------------------------
	上部ナビゲーションメニュー
--------------------------------------------------*/
#navigation
{
width:500px;
margin :  0 0 5 0;
padding : 0;
font-size: 100%;
text-transform : capitalize;

}

/*	BBS タイトル位置調整	*/
div h2{
margin : 0;
padding : 10 0 5 40;
text-align:left ;
}
/*	BBS カウンター位置調整	*/
div .counter{
text-align:left ;
margin : 0;
}

/*--------------------------------------------------
	下部フッター
--------------------------------------------------*/
#foot
{
width:500px;
margin : 10 0 0 0;
padding : 8 0 8 0;
font-size: 100%;
text-align:center;

}

/*--------------------------------------------------
	記事の編集／削除パスワード入力画面
--------------------------------------------------*/
#edel
{
width:500px;
margin : 0;
padding : 8 0 8 0;
font-size: 100%;
text-align:center;

}

.page
{
width:500px;
height : 80px;
margin : 0;
padding : 10 0 0 0;
text-align:center;
}

/*--------------------------------------------------
	メール画像・ホーム画像
--------------------------------------------------*/
span.m{
background-image : url(http://blog-imgs-27.fc2.com/j/k/2/jk2007/email.gif);
background-repeat : no-repeat;
;background-position : 0px 4px;
width:20px;
text-align:center;
margin : 0 0 0 3;
}
span.h{
background-image : url(http://blog-imgs-27.fc2.com/j/k/2/jk2007/house.gif);
background-repeat : no-repeat;
background-repeat : no-repeat;
;background-position : 0px 4px;
width:20px;
text-align:center;
margin : 0 0 0 3;
}

/*--------------------------------------------------
	投稿フォーム
--------------------------------------------------*/
#bbsform
{
width:500px;
margin : 5 0 5 0;
padding : 5 0 5 0;
text-align:center;

}

#bbsform table.postinfo
{
text-align:left;
font-size:100%;
}

#bbsform table.postinfo.input 
{
background-color : #333333;
}

#bbsform .input 
{
background-color : #333333;
text-align : left;
padding- : 0 5 0 0;
color : #f0f8ff;
border:solid 1 #f0ffff;
font-size : 100%;
}


select{
font-size : 100%;
color : #f0f8ff;
background-color : #333333;
cursor : pointer;
border:solid 1 #f0ffff;
}
textarea{
color : #f0f8ff;
padding : 5 5 0 5;

font-size:110%;
border:double 3 #f0ffff;
scrollbar-face-color:#333333;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #dbe4be;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #333333;
scrollbar-darkshadow-color: #dbe4be;
background-color:#333333;
}

/*--------------------------------------------------
	スレッド全体
--------------------------------------------------*/
.thread_wrapper
{
width: 500px  ;
text-align:left ;
margin : 5 0 5 0
padding : 0;

}

/*--------------------------------------------------
	検索結果記事
--------------------------------------------------*/
.result_article
{
text-align:left;
font-size: 100%;
margin : 0;
padding : 15;

}

.result_article span.name
{
font-size:75%;
}

.result_article span.tp
{
font-size:100%;
clear : left;
margin : 50 100 0 0;
margin-left : 100px;
}

/*--------------------------------------------------
	親記事
--------------------------------------------------*/
.thread_wrapper .parent_article
{
text-align:left;
margin : 0 25 0 0;
padding : 10;

}

.thread_wrapper .parent_article span.name
{
font-size:75%;
}

/*--------------------------------------------------
	子記事
--------------------------------------------------*/
.thread_wrapper .child_article
{
margin : 0 0 0 25;
padding : 10;
text-align:left;
width:460px;
clear:both;

}

.thread_wrapper .child_article span.name
{
font-size:75%;
}

/*--------------------------------------------------
	※※※
--------------------------------------------------*/
.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
{
font-size:100%;
color : #f0f8ff;
margin : 0 5 0 5;
padding : 0 0 0 5;
width:240px;
border-bottom-width : 1px;
border-bottom-style : dotted;
border-bottom-color : #f0f8ff;
}

/*--------------------------------------------------
	記事の日付
--------------------------------------------------*/
.thread_wrapper .parent_article div.date,
.thread_wrapper .child_article div.date,
.result_article div.date,
{
font-size:75%;
text-align:right;
}

/*--------------------------------------------------
	記事の内容（本文と画像の親要素）
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents,
.thread_wrapper .child_article div.contents,
.result_article div.contents
{


}

/*--------------------------------------------------
	記事の本文
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents div.body,
.thread_wrapper .child_article div.contents div.body,
.result_article div.contents div.body
{
font-size:100%;
line-height : 130%;
width:450px;
word-break:break-all;
padding : 0 0 35 0;
}

/*--------------------------------------------------
	記事の画像
--------------------------------------------------*/
.thread_wrapper .parent_article div.contents img.userimage,
.thread_wrapper .child_article div.contents img.userimage,
.result_article div.contents img.userimage
{
border:0px;
margin-top : 5px;
}

.thread_wrapper .parent_article div.contents div.icon,
.thread_wrapper .child_article div.contents div.icon,
.result_article div.contents div.icon
{
margin : 0 0 10 0;
padding : 5px;
border:solid 0 sienna;
float:left;
}

/*--------------------------------------------------
	記事の返信ボタンや編集ボタンを含む親要素
--------------------------------------------------*/
.thread_wrapper .parent_article div.panel,
.thread_wrapper .child_article div.panel
{
text-align:right;
clear:both;
}

.thread_wrapper .parent_article div.panel .button,
.thread_wrapper .child_article div.panel .button
{
text-align : center;
color : #f0f8ff;
padding : 1 1 0 1;
vertical-align : bottom;
background-color: #000000;
border:solid 1 #e6e6fa;
}

.thread_wrapper .parent_article div.panel form,
.thread_wrapper .child_article div.panel form
{
display: inline;
}

.input 
{
background-color : #333333;
text-align : left;
padding-left : 5px;
color : #f0f8ff;
border:solid 1 #f0ffff;
font-size : 100%;
}

.thread_wrapper .parent_article div.panel form .button,
.thread_wrapper .child_article div.panel form .button
{
text-align : center;
color : #f0f8ff;
padding : 1 1 0 1;
vertical-align : bottom;
background-color: #000000;
border:solid 1 #e6e6fa;
}

/*--------------------------------------------------
	ヘルプ
--------------------------------------------------*/
#help
{
width:500px;
text-align:left;
margin : 0;
padding : 15;
clear:both;

}

/*--------------------------------------------------
	※※※
--------------------------------------------------*/
/* for IE \*/
* html body 
{
font-size: 85%;
}

body
{
margin : 0;
color: #e6e6fa;
text-align: center;
font-family: Georgia, Helvetica, Arial, sans-serif;
background-color: #000000;
font-size: x-small;
voice-family: "\"}\"";
voice-family: inherit;
font-size: small;
scrollbar-face-color:#333333;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #ffffff;
scrollbar-3dlight-color: #dbe4be;
scrollbar-arrow-color: #ffffff;
scrollbar-track-color: #333333;
scrollbar-darkshadow-color: #dbe4be;
}

a:link
{
color : #00ff7f;
}

a:visited
{
color : #00ff7f;
}

a:hover 
{
color : #ff8c00;text-decoration : underline;
}

a:active
{
color : #00ff7f;
}

.button
{
text-align : center;
color : #f0f8ff;
padding : 1 1 0 1;
width:60px;
vertical-align : bottom;
background-color: #000000;
border:solid 1 #e6e6fa;
}

a.menu
{

margin : 0 0 0 3;
padding: 3px;
width:80px;
height:15px;
border:solid 1 #e6e6fa;
background-color:#333333;
text-decoration:none;
color : #e6e6fa;

}

a:visited.menu
{
border:solid 1 #e6e6fa;
background-color:#333333;
color : #e6e6fa;
}

a:hover.menu
{
border:solid 1 #e6e6fa;
background-color:#000000;
color : #ff8c00;  text-decoration : none;
}

a:active.menu
{
background-color:#333333;
border:solid 1 #e6e6fa;
color : #e6e6fa;
}