@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}
img {
 border: 0;
}
body{
	font-size: 11pt;
	padding: 15px;
	background: #000;
}
a	{
	text-decoration: none;
	color: #00F;
}
a:hover	{
	text-decoration: underline;
	color: #F00;
}
strong	{
	font-weight: bold;
}
p.nmsg {
	margin: 10px;
	font-size: .9em;
	line-height: 1.6;
}
.need	{
	color: #F00;
	font-size: .9em;
	font-weight: bold;
}

/*** main page ***/
h1.maintitle {
	margin: 8px 20px;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
	background: url(/kannou/images/ti_toukou.gif) no-repeat center 0px;
	text-indent: -9999px;
	height: 25px;
}
div#menu,
.menu {
	margin: 0 10px 10px;
	padding: 5px;
	text-align: center;
	letter-spacing: 2px;
	font-weight: bold;
	color: #CCC;
}
#menu a,
.menu a {
	font-weight: bold;
	color: #F60;
	text-decoration: none;
	letter-spacing: 1px;
}
#menu a:hover,
.menu a:hover {
	color: #F00;
	text-decoration: none;
	background: #CFC;
}
/**** pagenavi ****/
.pagenavi {
	padding: 5px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#FFF;
	font-size: .9em;
}
.pagenavi a {
	font-weight: normal;
	text-decoration: none;
	color: #F60;
}
.pagenavi a:hover {
	color: #F00;
	text-decoration: underline;
}

/**** Tree Main ****/
#boradmain {
	margin: 15px auto;
	width: 600px;
}
#boradmain .artfoot,
#boradmain .arthead {
	width: 600px;
	border-spacing: 0;
	border-collapse: collapse;
}
#boradmain .arthead td {
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	color: #000;
	background: #FFC;
	font-size: 0.9em;
}
#boradmain .artfoot td {
	font-size: 0.8em;
	padding: 3px 0;
	color: #CCC;
}
#boradmain .art {
	width: 600px;
	border-spacing: 0;
	border-collapse: collapse;
	border-top: 1px solid #666;
}
#boradmain .art td {
	font-weight: bold;
	padding: 4px 4px 4px 6px;
	color: #000;
	background: #FCFCF6;
}
#boradmain .art:hover {
	background-image: url(images/art_bg.png);
}
#boradmain .art .title {
	font-size: 1em;
	padding: 4px 4px 4px 6px;
	text-align: left;
	background: #FCFCF6;
}
#boradmain .art .time {
	text-align: right !important;
}
#boradmain .art .title a {
	display: block;
	color: #00f;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
}
#boradmain .art .title a:hover,
#boradmain .replyblock .title a:hover {
	color: #F00;
	background: #CFC;
}
#boradmain .arthead .time,
#boradmain .art .time {
	width: 100px;
	white-space: nowrap;
	text-align: center;
}
#boradmain .arthead .name,
#boradmain .art .name {
	width: 100px;
	text-align: left;
	font-weight: bold;
}
#boradmain .art .name,
#boradmain .art .time {
	font-weight: normal;
	font-size: .9em
}
#boradmain .arthead .treetop,
#boradmain .artfoot .treetop,
#boradmain .art .treetop {
	width: 20px;
	text-align: center;
	vertical-align: middle;
}
#boradmain .replyblock {
	display: none;
}
#boradmain .replyblock table {
	width: 600px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0;
}
#boradmain .replyblock table tr:hover {
	background-image: url(images/art_bg.png);
}
#boradmain .replyblock table td {
	padding: 0;
	margin: 0;
}
#boradmain .replyblock .title {
	padding-left: 20px;
	font-size: .8em;
	text-align: left;
}
#boradmain .replyblock .title img {
	vertical-align: middle;
}
#boradmain .replyblock .title a {
	display: block;
	height: 20px;
	color: #00f;
	text-decoration: none;
	overflow: hidden;
}
#boradmain .replyblock .name {
	width: 100px;
	text-align: left;
	font-size: .8em;
}
#boradmain .replyblock .time {
	width: 100px;
	white-space: nowrap;
	text-align: center;
	font-size: .8em;
}

/*** article ***/
div.article {
	margin: 15px auto;
	width: 580px;
	border: 1px solid #99b;
	padding: 5px;
	background: #FCFCF6;
}
* html div.article {
	background-image: url(images/art_bg.gif);
}
div.article h2 {
	padding: 3px 5px 1px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #669;
	color: #229;
}
div.article .usrinfo {
	padding: 1px 3px;
	font-size: .8em;
	text-align: right;
}
	div.article .usrinfo span.time {
		margin-right: 10px;
		font-style: italic;
	}
div.article .body {
	padding: 5px;
}
	div.article .body img {
		margin-right: 10px;
		margin-bottom: 10px;
		display: block;
		float: left;
	}
	div.article .body  p{
		line-height: 1.5;
		font-size: .9em;
	}
	div.article .artfooter {
		clear: both;
	}
div.article div.replylink {
	padding: 3px;
	clear: both;
	border-top: 1px dotted #99a;
	text-align: center;
	font-size: .8em;
}
	div.article div.replylink a {
		font-weight: bold;
	}
div.article div.reply {
	padding: 5px;
	clear: both;
	border-top: 1px solid #aaa;
}
	div.article div.reply h3 {
		padding: 3px 5px 1px;
		font-size: 1em;
		font-weight: bold;
		border-bottom: 1px solid #669;
		color: #229;
	}


/*** article input form ***/
.inarticle {
	margin: 15px auto;
	width: 600px;
	background: #F3F3F3;
}
* html .inarticle {
	background-image: url(images/iform_bg.gif);
}
.inarticle th {
	padding: 4px 0 4px 8px;
	font-weight: bold;
	font-size: .8em;
	color: #666;
	text-align: right;
	vertical-align: top;
}
.inarticle thead th {
	padding: 8px 5px 5px 8px;
	text-align: left;
	font-size: 1em;
}
.inarticle td {
	padding: 4px 4px 4px 0;
	font-size: .9em;
	color: #666;
}
.inarticle .enckeyimg img {
	vertical-align: middle;
	
	
}
.inarticle td.t input {		width: 380px;}
.inarticle td.t textarea {	width: 460px; height: 400px;}
.inarticle td.n input {		width: 120px;}
.inarticle td.e input {		width: 220px;}
.inarticle td.u input {		width: 220px;}
.inarticle td.s, .inarticle th.s  {	padding-bottom: 12px; }

.txl {
	width: 250px;
}
.txs {
	width: 150px;
}
.txa {
	width: 500px;
	height: 300px;
}
#iconselwin {
	font-size: .9em;
	font-weight:bold;
	text-decoration: none;
	color: #00f;
}
a#iconselwin:hover {
	color: #f90;
	text-decoration: underline;
}
/***  ツリー 記事表示 返信記入  ***/
.voprsinput {
	margin: 15px auto;
	width: 600px;
	border-left: 3px solid #06c;
	background-image: url(images/iform_bg.png);
}
* html .voprsinput {
	background-image: url(images/iform_bg.gif);
}
.voprsinput th {
	padding: 4px 0 4px 8px;
	font-weight: bold;
	font-size: .8em;
	color: #666;
	text-align: right;
}
.voprsinput thead th {
	padding: 8px 5px 5px 8px;
	text-align: left;
	font-size: 1em;
}
.voprsinput td {
	padding: 4px 4px 4px 0;
	font-size: .9em;
	color: #666;
}
.voprsinput td.t input {		width: 380px;}
.voprsinput td.t textarea {	width: 460px; height: 200px;}
.voprsinput td.n input {		width: 120px;}
.voprsinput td.e input {		width: 220px;}
.voprsinput td.u input {		width: 220px;}
.voprsinput td.s, .voprsinput th.s  {	padding-bottom: 12px; }

/*** 記入内容確認 ***/
h1.artconf,
h1.replyconf {
	font-size: 1.25em;
	font-weight: bold;
	color: #FFF;
}

.inputconf {
	margin: 15px auto;
	width: 600px;
	background: #F3F3F3;
	border: 1px solid #CCC;
}
* html .inputconf {
	background-image: url(images/iform_bg.gif);
}
.inputconf dt {
	padding: 10px 8px 2px;
	font-size: .8em;
	font-weight: bold;
	color: #668;
}
.inputconf dd {
	padding: 0 15px;
	font-size: .9em;
	line-height: 1.5;
}
.inputconf dd.submit {
	padding: 12px;
	text-align: center;
}
.inputconf dd.submit form {
	display: inline;
	padding: 0 20px;
}
.inputconf dd.submit form input {
	padding: 0 20px;
}

/*** 最大返信数メッセージ ***/
.rejectreply {
	margin: 15px auto;
	padding: 10px;
	width: 580px;
	border: 1px solid #999;
	background-image: url(images/iform_bg.png);
}
.rejectreply h2 {
	font-weight: bold;
	font-size: .8em;
	color: #666;
	text-align: left;
	font-size: 1em;
}
.rejectreply p {
	margin: 5px;
	font-weight: bold;
	font-size: .8em;
	line-height: 1.6;
	text-align: center;
	color: #666;
}

/*** icon select dialog ***/
#iconseldialog {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	border: 3px double #752;
	background-image: url(images/005.jpg);
	z-index: 2;
}
#iconseldialog td {
	padding: 10px 5px 0;
	text-align: center;
	font-size: .8em;
	font-weight: bold;
}
#iconseldialog td a {
	display: block;
	border: 3px solid #fff;
}
#iconseldialog td a:hover {
	border: 3px solid #6495ed;
}

/*** 編集キー入力フォーム ***/
h1.editpassenter {
	font-size: 1.25em;
	font-weight: bold;
}
div.editpassenter {
	margin: 20px;
	padding: 10px 10px 30px;
	text-align: center;
}
div.editpassenter input.submit {
	margin: 10px;
	padding-right: 2em;
	padding-left: 2em;
}
p.returnmain {
	margin: 20px;
	text-align: center;
}
/*** New Item List ***/
table.newitem {
	width: 500px;
	margin: 10px 12px;
	border: 2px solid #bbb;
	border-spacing: 0;
	border-collapse: collapse;
}
table.newitem th {
	width: 100px;
	padding: 3px;
	border-right: 1px dashed #999;
	border-bottom: 1px solid #bbb;
	font-size: .8em;
	background-color: #f3f3f6;
	font-weight: bold;
	color: #444;
	text-align: left;
}
table.newitem td {
	padding: 4px;
	border-bottom: 1px solid #bbb;
	font-size: .8em;
}
table.newitem td.body {
	border-bottom: 0px solid #bbb;
}
table.newitem td.tableft {
	padding-bottom: 0;
	text-align: left;
	font-size: .8em;
	border: 0;
}
table.newitem td.tableft strong,
table.newitem td.tableft a {
	float:left;
	margin: 0 0 -1px;
	padding:0 0 0 4px;
	text-decoration: none;
	background:url("images/grp_tab_l.gif") no-repeat left top;
}
table.newitem td.tableft strong span,
table.newitem td.tableft a span {
	float:left;
	display:block;
	background:url("images/grp_tab_r.gif") no-repeat right top;
	padding:5px 5px 2px 2px;
	color:#666;
}
/*  \*/
table.newitem td.tableft a span {float:none;}
table.newitem td.tableft strong span {float:none;}
/*  */
table.newitem td.tableft a:hover {
	background-position:0% -42px;
}
table.newitem td.tableft a:hover span {
	background-position:100% -42px;
}
table.newitem td.tabright {
	padding-bottom: 0;
	text-align: right;
	border: 0;
	font-size: .8em;
}
table.newitem td.tabright a {
	padding: 1px 6px;
	text-decoration: none;
	color:#666;
	border: 1px solid #ccc;
	background-color: #e4e9f1;
}
table.newitem td.tabright a:hover {
	background-color: #f5f7fa;
}
table.newitem td.detdeltd {
	padding: 0;
	border-bottom: 0;
}
table.newitem .detdelfr {
	margin: 0px 3px 3px;
	padding: 0;
	border: 1px solid #ccc;
	background-color: #e4e9f1;
}
table.newitem .detdel {
	display: none;
}
table.newitem .detdel table,
table.newitem .detdelo table {
	border: 0;
}
table.newitem .detdel td,
table.newitem .detdelo td {
	padding: 5px;
	font-size: 1em;
	vertical-align: top;
	line-height: 1.5;
	border: 0;
}
table.newitem .detdel textarea,
table.newitem .detdelo textarea {
	width: 250px;
	height: 120px;
}
table.newitem .detdel input.tx,
table.newitem .detdelo input.tx {
	width: 200px;
}
table.newitem .detdel input.submit,
table.newitem .detdelo input.submit {
	padding-left: 1em;
	padding-right: 1em;
	margin-left: 40px;
}

/*** Send Mail Form end page ***/
#mailsendend h1 {
	font-size: 1.3em;
	font-weight: bold;
}
#mailsendend p {
	margin: 20px 20px 10px;
	font-size: .9em;
	line-height: 1.6;
}
#mailsendend form {
	margin: 35px;
	text-align: center;
}
#mailsendend input {
	padding-left: 2em;
	padding-right: 2em;
}

/***  copyright  ***/
div.copy {
	margin: 10px;
	padding: 8px;
	border-top: 1px solid #bbb;
	color: #333;
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -0.1ex;
}
div.copy a{
	font-size: .6em;
	color: #333;
	text-decoration: none;
}
div.copy a:hover {
	color: #F00;
	text-decoration: underline;
}

/*** spam reject error page ***/
#spamreject {
	text-align: center;
}
#spamreject h1 {
	font-size: 1.35em;
	color: #666;
	font-weight: bold;
}
#spamreject p {
	margin: 20px auto;
	font-size: .9em;
	line-height: 1.5;
}
#spamreject input {
	padding-left: 2em;
	padding-right: 2em;
}

/***  error msg ***/
.inputerrmsg {
	margin: 20px auto;
	padding: 10px 15px 10px 25px;
	width: 450px;
	border: 2px solid #f62;
	background-color: #fffff0;
	font-size: .9em;
	color: #f00;
}
.inputerrmsg ul {
	margin: 0;
	padding: 0;
}
.inputerrmsg li {
	line-height: 1.5;
}

/*** searchheader ***/
#searchheader h1 {
	margin: 8px 20px 0;
	display: inline;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
}
#searchheader form {
	margin: 0 15px;
}
#searchsubheader {
	margin: 0 15px;
	padding: 5px 10px 0;
	font-size: .9em;
	font-weight: bold;
	color: #666;
}
.searchpnavi {
	padding: 5px;
	text-align: center;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: .9em;
}
.searchpnavi a {
	font-weight: bold;
	text-decoration: none;
	color: #00f;
}
.searchpnavi a:hover {
	text-decoration: underline;
	color: #f0f;
}
#searchbody {
	margin: 0 15px;
	border-bottom: 1px dashed #999;
}
/*** Search Result ***/
div.searchresult {
	border-top: 1px dashed #999;
	padding: 5px 10px;
}
div.searchresult h2 {
	font-size: 1em;
}
div.searchresult h2 a {
	font-weight: bold;
}
div.searchresult p {
	font-size: .8em;
	line-height: 1.4;
}
div.searchresult p span {
	font-style: italic;
	color: #666;
}
div.searchresult strong {
	font-weight: bold;
	color: red;
}

/*** edit pass enter ***/
#editpassenter h1 {
	margin: 8px 20px 0;
	display: inline;
	font-size: 1.4em;
	font-weight: bold;
	color: #FFF;
}
#editpassenter div {
	margin: 0 15px;
	padding: 15px;
	border-top: 1px solid #999;
	text-align: center;
	font-size: .9em;
}
#editpassenter div .submit {
	margin: 5px 30px;
	padding-left: 1.5em;
	padding-right: 1.5em;
}

/*** simple ***/
div.smpart {
	padding: 8px 10px;
}
div.smpart h2 {
	display: inline;
	font-size: 1em;
	font-weight: bold;
	color: #080;
}
div.smpart span {
	margin-left: 15px;
	font-size: .9em;
	color: #666;
}
div.smpart span a {
	color: #00f;
	text-decoration: none;
}
div.smpart span a:hover {
	color: #fa0;
	text-decoration: underline;
}
div.smpart p {
	margin: 8px 15px;
	font-size: .9em;
	line-height: 1.5;
}
td.fcolor select {
	background: #F3F3F3;
}