@charset "utf-8";
/* ------------------------------------------------------------------
Copyright yyy62


------------------------------------------------------------------ */
/* -----------------------------------------------------------------
	1.Reset
----------------------------------------------------------------- */
html,body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
blockquote,th,td,p{ margin:0; padding:0; }

/* -----------------------------------------------------------------
	2.Element
----------------------------------------------------------------- */
body{
	width:100%;
	text-align:center;
	line-height:1.4;
	font-family:Verdana, Ariel, Helvetica, sans-serif;
	font-size:82%;		/* 13px */
	word-break:break-all;
}
/* Modern browser */
html>/**/body {font-size:13px;}
a{
	text-decoration:none;
	/*\*/
	overflow:hidden;	/* for Fx */
	/**/
}
img,a img{border:none;}
ul, ol, li, dl, dt, dd{list-style:none;}
table{border:0;}
th,td{padding:0;}
th{font-weight:normal;}
input,select,textarea{padding:2px;}
textarea { font-size:100%; }
html>/**/textarea {font-size:13px;}
fieldset{border:none;}
pre{font-family:monospace;}

/* -----------------------------------------------------------------
	3.Headline
----------------------------------------------------------------- */
h1{font-size:170%;}		/* 22px */
h2{font-size:131%;}		/* 17px */
h3{font-size:116%;}		/* 15px */
h4{font-size:108%;}		/* 14px */
h5,h6{font-size:100%;}		/* 13px */

/* -----------------------------------------------------------------
	4.Cler fix
----------------------------------------------------------------- */
.clear:after { content:""; display:block; overflow:hidden; clear:both; height:0; }
/*\*/
* html .clear{ overflow:visible; height:1%; }
/**/

/* -----------------------------------------------------------------
	5.for MacIE
----------------------------------------------------------------- */
/*\*//*/
textarea, select, input { font-family:Osaka; }
/**/

/* -----------------------------------------------------------------
BBS all box
----------------------------------------------------------------- */
#container{ margin:10px auto 50px; overflow:hidden; width:950px; }
/* -----------------------------------------------------------------
BBS Header
----------------------------------------------------------------- */
#bbs_header{ overflow:hidden; padding:10px; text-align:left; }
#bbs_header h1{ float:left; margin-right:10px; }
#bbs_header p{ margin-top: 10px; }
#navigation{ border-bottom:1px dotted #FFF; clear: both; margin:16px auto; padding-bottom:5px; }
#navigation a{ color:#FFF; }
#navigation a:hover{ background:#FFF; color:#72C900; }

/* -----------------------------------------------------------------
BBS Header
----------------------------------------------------------------- */
#bbsform {
background: url("http://design.fc2rs.com/yosue/bbs/temple/spring_green/frome_header.gif") no-repeat left top #72C900;
color: #FFF;
float:left;
margin: 0 auto;
text-align:left;
width:400px;
}
#bbsform table form{ text-align:center; background-image:none; }
#bbsform form,p.bbs_footer{
background: url("http://design.fc2rs.com/yosue/bbs/temple/spring_green/frome_footer.gif") no-repeat left bottom #72C900;
padding: 0 10px 10px;
}

/*\ie6*/
* html #bbsform { width:380px; }
/**/
/* form --------------------------------------------------------- */
#bbsform table.postinfo,#bbsform table{ color:#FFF; font-size:1em; margin:0 auto; text-align:left; width:100%; }
#bbsform table.postinfo input,#bbsform table.postinfo textarea,#bbsform table.postinfo select,
#bbsform table input ,#bbsform table textarea,#bbsform table select { border:1px solid #FFF; }
#bbsform table.postinfo tr,#bbsform table tr{ display:block; margin:5px; padding:1px 0; }
#bbsform table td.item_name{ width:65px; }
td.font-color span { font-size:25px; }
#bbsform table td.form_buttone{ margin:0 auto; text-align:center; width:360px; }
#bbsform table td.form_buttone input{ background: #FFF; border: 1px solid #FFF;; color:#72C900; }
/*\ie6*/
* html #bbsform table.postinfo textarea { width:90%; }
/**/

/*--------------------------------------------------
	スレッド全体
--------------------------------------------------*/
#main { float:right; }
.thread_wrapper {
border-bottom:2px dotted #EEEEEE;
color:#DDD;
margin:16px auto;
padding:10px 0;
text-align:right;
width:450px;
}
/*--------------------------------------------------
	検索結果記事
--------------------------------------------------*/
.result_article{ text-align:left; }
.result_article input{ background:#EEE; border:1px solid #FFF; color:#BBB; }
.result_article input:hover { background:#FFF; border:1px solid #72C900; color:#72C900; }

/*--------------------------------------------------
	親記事
--------------------------------------------------*/
.thread_wrapper .parent_article{ text-align:left; }
.entory_title { overflow:hidden; }

/*--------------------------------------------------
	子記事
--------------------------------------------------*/
.thread_wrapper .child_article{
	width:90%;
	margin: 10px 0 0 auto;
	padding:16px;
	border-top:1px solid #EEE;
	text-align:left;
	clear:both;
}
.icon_box { float:right; }
.body { float:left; }
/*--------------------------------------------------
	※※※
--------------------------------------------------*/
.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:#999; 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 0; overflow:hidden; padding: 0 10px; }

/*--------------------------------------------------
	記事の本文
--------------------------------------------------*/
.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; }
.thread_wrapper .parent_article div.panel form,
.thread_wrapper .child_article div.panel form { display: inline; }
.thread_wrapper .parent_article div.panel form.ress_button input{ background:#72C900; border:1px solid #FFF; color:#FFF; }
.thread_wrapper .parent_article div.panel form.ress_button input:hover{ background:#FFF; border:1px solid #72C900; color:#72C900; }
.thread_wrapper .parent_article div.panel form.edit_button input,
.thread_wrapper .parent_article div.panel form.delete_button input{ background:#EEE; border:1px solid #FFF; color:#BBB; }
.thread_wrapper .parent_article div.panel form.edit_button input:hover,
.thread_wrapper .parent_article div.panel form.delete_button input:hover { background:#BBB; border:1px solid #FFF; color:#EEE; }
.thread_wrapper .child_article div.panel input { background:none repeat scroll 0 0 #72C900; border:1px solid #FFFFFF; color:#FFFFFF; }
.thread_wrapper .child_article div.panel input:hover { background:#FFF; border:1px solid #72C900; color:#72C900; }

/*--------------------------------------------------
	ヘルプ
--------------------------------------------------*/
#help { color:#666; margin: 0 auto; text-align:left; width:490px; }
#help h3{ border-bottom:2px dotted #CCCCCC; margin:0 0 10px; padding-bottom:2px; }
#help ul{ margin-bottom: 20px; }