@charset "UTF-8";
@import url(../../../../css/base.css);

* {
	margin: 0;
	padding: 0;
	font-style: normal;
	font-weight: normal;
}
img {
 border: 0;
}
body{
		width: 750px;
		margin: 0 auto;
		border-style: solid;
		border-color: #999;
		border-width: 0 1px;
		background-color: #fff;
		text-align: left;
}

div#menu {
	margin: 10px;
	padding: 5px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	text-align: center;
	letter-spacing: 0.2em;
}
	div#menu a {
		letter-spacing: 0;
	}

p.nmsg {
	margin: 10px;
	font-size: 90%;
	line-height: 1.6;
}
.frame {
	margin: 0;
	padding: 0;
	background-color: #fff;
}
hr.clear {
	clear: both;
	border: 0;
}
/************** title ***************/
#maintitle {
	float: left;
	margin: 15px 15px 10px 25px;
	padding: 0;
	color: #666;
	font-size: 100%;
}
#maintitle #mark{
	float: left;
	margin: 0 2px;
	width: 50px;
	border: 1px solid #58c;
	line-height: 50px;
	background-image: url(images/tit_bg.gif);
}
#maintitle h1{
	display: block;
	margin: 0 2px;
	font-size: 80%;
	padding: 0 4em;
	line-height: 50px;
	border: 1px solid #58c;
	background-color: #fff;
	font-weight: bold;
	float: left;
}

/************** Navi *****************/
#bbsnavi {
	float: right;
	margin: 14px 25px 0 0;
}
#bbsnavi a{
	display: block;
	float: left;
	width: 60px;
	margin: 0 2px;
	padding: 0 3px;
	border: 1px solid #58c;
	background-color: #fff;
	text-decoration: none;
	font-weight: bold;
	color: #000;
	font-size: 80%;
	font-weight: bold;
	white-space: nowrap;
	line-height: 60px;
	vertical-align: middle;
	text-align: center;
}
#bbsnavi a:hover{
	background-color: #BEE2FF;
}


/*** article ***/
div.article {
	margin: 10px 45px 35px 45px;
	padding: 5px;
	width: 650px;
	border: 1px solid #58c;
	background-color: #FAFCFF;
}
div.article * {
	opacity: clear;
}
div.article h2 {
		margin: 0;
		padding: 3px 3px 3px 4px;
		border-left: 6px solid #448;
		border-bottom: 1px solid #448;
		font-size: 100%;
		font-weight: bold;
}
div.article .usrinfo {
	padding: 1px 3px;
	font-size: 80%;
	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{
		padding: 3px;
		line-height: 1.5;
		font-size: 90%;
	}
div.article div.replylink {
	padding: 3px;
	clear: both;
	border-top: 1px dotted #99a;
	text-align: center;
	font-size: 80%;
}
	div.article div.replylink a {
		font-weight: bold;
		color: #449;
		text-decoration: none;
	}
	div.article div.replylink a:hover {
		color: #f50;
	}

div.article div.reply {
	margin: 15px;
	border-top: 1px dashed #88c;
	clear: both;
}
	div.article div.reply h3 {
		padding: 3px 5px 1px;
		font-size: 100%;
		font-weight: bold;
		border-bottom: 1px solid #669;
		color: #6e6eb2;
	}

/*** pagenavi ***/
.bbspagenavi {
	clear: both;
	margin: 0 0;
	padding: 10px 0;
	text-align: center;
	color: #999;
	font-size: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bbspagenavi a {
	font-weight: bold;
	text-decoration: none;
	color: #00f;
}
.bbspagenavi a:hover {
	text-decoration: underline;
	color: #f0f;
}
.bbspagenavibt {
	clear: both;
	margin: 0;
	padding: 0 0 25px;
	text-align: center;
	color: #999;
	font-size: 90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.bbspagenavibt a {
	font-weight: bold;
	text-decoration: none;
	color: #00f;
}
.bbspagenavibt a:hover {
	text-decoration: underline;
	color: #f0f;
}

/*** article input form ***/
#inputblock {
	clear: both;
	padding: 15px;
}
#inputblockfr {
	margin: 0 auto;
	width: 640px;
	border: 1px solid #58c;
	background-color: #F2F4F9;
}
#inputblockfr h2 {
	margin: 12px 8px 8px 12px;
	padding: 0;
	color: #447;
	font-size: 100%;
	font-weight: bold;
}

.inarticle {
	margin: auto;
	width: auto;
}
.inarticleconf th,
.inarticle th {
	padding: 5px 3px;
	text-align: right;
	font-size: 80%;
	font-weight: bold;
	white-space: nowrap;
	color: #666;
}
.inarticleconf td,
.inarticle td {
	font-size: 90%;
}
.inarticle td.submit {
	padding: 8px;
	text-align: right;
}

.inarticle td.cet {
	padding: 8px;
	text-align: center;
}
.inarticleconf {
	width: 580px;
	margin: 5px 20px 20px;
}
.inarticleconf th,
.inarticleconf td {
	padding: 5px 8px;
	border: 1px dotted #bbb;
}
.inarticleconf td.txttd {
	width: 500px;
}
.inarticleconf td.cet form {
	display: inline;
	padding: 0 20px;
}
.inarticleconf td.cet {
	padding: 15px 10px 8px;
	border: 0;
	text-align: center; 
}


.txl {
	width: 250px;
}
.txs {
	width: 150px;
}
.txa {
	width: 500px;
	height: 300px;
}
#iconselwin {
	font-size: 90%;
	font-weight:bold;
	text-decoration: none;
	color: #00f;
}
a#iconselwin:hover {
	color: #f90;
	text-decoration: underline;
}
/*** inputerrmsg ***/
.inputerrmsg {
	margin: 10px 30px;
	border: 1px solid #c66;
	background-color: #fffff6;
}
.inputerrmsg li {
	line-height: 1.6;
	font-size: 90%;
	color: red;
}
.inputerrmsg ul {
	padding: 10px 30px;
}

/*** 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: 80%;
	font-weight: bold;
}
#iconseldialog td a {
	display: block;
	border: 3px solid #fff;
}
#iconseldialog td a:hover {
	border: 3px solid #6495ed;
}

/*** 編集キー入力フォーム ***/
#editpassenter {
	background-color: #fff;
}
#editpassenter h1 {
	padding: 25px;
	font-size: 125%;
	font-weight: bold;
}
#editpassenter div {
	padding: 10px 10px 30px;
	text-align: center;
}
#editpassenter div 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: 80%;
	background-color: #f3f3f6;
	font-weight: bold;
	color: #444;
	text-align: left;
}
table.newitem td {
	padding: 4px;
	border-bottom: 1px solid #bbb;
	font-size: 80%;
}
table.newitem td.body {
	border-bottom: 0px solid #bbb;
}
table.newitem td.tableft {
	padding-bottom: 0;
	text-align: left;
	font-size: 80%;
	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: 80%;
}
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: 100%;
	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: 130%;
	font-weight: bold;
}
#mailsendend p {
	margin: 20px 20px 10px;
	font-size: 90%;
	line-height: 1.6;
}
#mailsendend form {
	margin: 35px;
	text-align: center;
}
#mailsendend input {
	padding-left: 2em;
	padding-right: 2em;
}

/*** Search Result ***/
div.searchresult {
	margin: 5px;
	border-top: 1px dashed #666;
	padding: 5px 10px;
}
div.searchresult h2 {
	font-size: 100%;
}
div.searchresult h2 a {
	font-weight: bold;
}
div.searchresult p {
	font-size: 80%;
	line-height: 1.4;
}
div.searchresult p span {
	font-style: italic;
	color: #666;
}
div.searchresult strong {
	font-weight: bold;
	color: red;
}

/***  copyright  ***/
div.copy {
	padding: 2px 8px 15px;
	border-top: 1px solid #bbb;
	color: #aaa;
	text-align: right;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: -0.1ex;
	background-color: #f1f2f9;
}
div.copy a{
	font-size: 70%;
	color: #aaa;
	text-decoration: none;
}
div.copy a:hover {
	color: #00f;
	text-decoration: underline;
}

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