/*******************************************************/
/** ECOUP CSS Version.1.10 - Grey Blue -              **/
/**            2003/12/16 Edited by PONTA             **/
/*******************************************************/

/**** CSS for [Main Design] ****************************/
html {
	font-size: 80%;
	color: #333; background: #fff;
	border: 0px none inherit;
} body {
	text-align: center;
} table {
	width: 740px;
	margin: 0px auto 25px;
	font-size: 100%;
	color: #333; background: #fff;
	empty-cells: show;
	border-collapse: collapse;
	border: 1px solid #666;
	border-width: 1px 3px 2px 1px;
} td {
	border: 1px solid #999;
} h2, dl, ul, ol, form {
	margin-top:  0px; margin-bottom:  0px;
	padding-top: 0px; padding-bottom: 0px;
} p {
	margin: 3px auto; padding: 3px;
} kbd {
	font-size: 100%;
	font-weight: bold;
	text-decoration: underline;
} .back, 
#write td.frml, 
#write td.frmrc, 
#tNavi, #pNavi {
	background: #f0f3f9;
}
.red	{ color: #c00; }
.right	{ text-align: right; }
.nowrap	{ white-space: nowrap; }
.bold	{ font-weight: bold; }

/**** CSS for [Anchor / AccessKey] *********************/
a:link		{ color: #00c; background: transparent; }
a:visited	{ color: #60c; background: transparent; }
a:active	{ color: #f00; background: transparent; }
a:hover		{ color: #00c; background: #ccf;        }
#thread a.dl		{ color: #f39; background: transparent; }
#thread a.dl:hover	{ color: #f39; background: #fde;        }
#thread a.res		{ color: #090; background: transparent; }
#thread a.res:hover	{ color: #090; background: #cfc;        }
#thread a.akey		{ color: #666; background: transparent; text-decoration: none; }

/**** CSS for [Header / Title] *************************/
#title h1 {
	font-size: 150%;
	color: #333;
	font-family: "Comic Sans MS", "Arial Black", "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
} 

/**** CSS for [Top Navi] *******************************/
/**** CSS for [Page Navi] ******************************/
#tNavi,
#pNavi {
	width: 740px;
	margin: 20px auto;
	border: 1px solid #666;
	border-width: 1px 3px 2px 1px;
	text-align: left;
} #tNavi dl,
  #pNavi dl {
} #tNavi dl dd,
  #pNavi dl dd {
	margin: 0px; padding: 3px;
	border-bottom: 1px solid #999;
} #tNavi dl dd ul.navi,
  #pNavi dl dd ul {
	margin: 0px; padding: 0px 10px;
} #tNavi dl dd ul.navi li,
  #pNavi dl dd ul li {
	display: inline; list-style: none;
	margin: 0px; padding: 0px 5px;
	border-left: 1px solid #999;
}

/**** CSS for [Footer - Return / Copyright/ Process] ***/
#footer {
	color: #333;
} #footer ul {
	margin: 0px; padding: 0px;
} #footer ul li {
	list-style: none;
} #footer #return {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #999;
} #footer #return ul li {
	display: inline;
	margin: 0px 0.5em;
} #footer #copyright {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #999;
} #footer #copyright a {
	text-decoration: none;
} #footer #copyright address {
	font-weight: bold;
	font-style: normal;
} #footer #process {
	text-align: right;
}

/**** CSS for [Admin] **********************************/
#admin {
	margin: 20px auto; padding: 5px 10px;
	color: #333; background: #f9f9f9;
	border: 1px solid #999;
	text-align: left;
} #admin h2 {
	color: #c00;
	margin-bottom: 10px;
	font-size: 150%;
} #admin form {
	margin: 10px;
	line-height: 150%;
} #admin fieldset {
	padding: 5px 10px;
} #admin fieldset legend {
	color: #c00;
	font-size: 120%;
}

/**** CSS for [System] *********************************/
#system {
	width: 500px;
	margin: 20px auto; padding: 0px;
	color: #333; background: #f9f9f9;
	border: 1px solid #999;
	text-align: center;
} #system h2 {
	font-size: 130%;
	padding: 2px;
	color: #f33; background: #fff3f3;
	border-bottom: 1px solid #999;
	letter-spacing: 0.2em;
} #system p {
	width: 450px;
	margin: 10px auto; padding: 5px 10px;
	color: #333; background: #f9f9f9;
	border: 1px solid #999;
	text-align: left;
} #system form {
	margin: 10px auto;
} #system ol {
	width: 450px;
	margin: 10px 0px; padding: 5px 10px;
	color: #333; background: #f9f9f9;
	border: 1px solid #999;
	text-align: left;
} #system ul {
	width: 450px;
	margin: 10px 0px; padding: 5px 10px;
	color: #333; background: #f9f9f9;
	border: 1px solid #999;
	text-align: left;
} #system ul li {
	margin: 0px 15px;
}

/**** CSS for [System - Ranking] ***********************/
#system.ranking {
	width: 100%;
} #system.ranking table {
	width: auto;
	margin: 20px auto;
} #system.ranking #rankhead th {
	border: 1px solid #ccc;
	border-bottom: 2px solid #666;
	text-align: center;
	font-weight: bold;
} #system.ranking td {
	padding: 2px 4px;
	border: 1px solid #ccc;
}

/**** CSS for [Input / Error] **************************/
input, textarea {
	font-size: 100%;
	color: #333;
	border: 1px solid #ccd;
} input.pass {
	width: 5.8em;
	height: 1.8em;
	font-size: 80%;
}

/**** CSS for [Topic Thread] ***************************/
#thread table {
	text-align: left;
} #thread td h2 {
	padding: 0px 5px;
	font-size: 120%;
	color: #f39;
	letter-spacing: 2px;
} #thread td.headline div {
	padding: 2px 10px;
	color: #666; background: #cde;
	border-left: 10px solid #369;
} #thread td.info {
	padding: 3px;
	color: #666;
	border-top: 1px solid #666;
} #thread td.ctrl {
	width: 360px;
	color: #333;
	font-weight: bold;
	letter-spacing: 0.1em;
} #thread td.ctrl ul.ctrl {
	margin: 0px 5px 0px 20px; padding : 0px;
} #thread td.title {
	width: 380px;
} #thread td.comment {
	width: 380px;
	vertical-align: text-top;
} #thread td.wide_comment {
	border-top: 1px dashed #ccc;
} #thread td.comment p.msg {
	padding: 5px 10px;
	word-break: break-all;
} #thread td.wide_comment p.msg {
	width: 720px;
	padding: 5px 10px;
	word-break: break-all;
}

/**** CSS for [Topic Thread for Image] *****************/
#thread td.pict {
	width: 360px;
	text-align: center;
} #thread td.pict img {
	margin: 5px 5px;
	border: 1px solid #999;
	background: #f9f9f9;
} #thread td.pict a {
	background: transparent;
	border: 1px dashed #999;
} #thread td.pict a:hover {
	border: 1px solid #00f;
} #thread td.pict a img {
	border: 0px none;
} html>body #thread td.pict a {
	border: 0px none;
} html>body #thread td.pict a:hover {
	border: 0px none;
} html>body #thread td.pict a img {
	border: 1px dashed #999;
} html>body #thread td.pict a:hover img {
	border: 1px solid #00f;
}

/**** CSS for [Topic Thread for Vote] ******************/
#thread td.vote1 {
	width: 360px;
	text-align: center;
	font-size: 10pt;
} #thread td.vote1 div.vote {
	width: 95%;
	margin: 0px auto; padding: 5px;
	border: 1px solid #ccc;
	text-align: left;
} #thread td.vote1 div.vote dl dd {
	margin: 0px 5px; padding: 0px;
} #thread td.vote1 div.vote dl dd span.vote {
	font-size: 10px;
} #thread td.vote1 div.vote dl dd span.vote span.bar {
	color: #ccc;
} #thread td.vote2 {
	width: 380px;
	text-align: left;
	white-space: nowrap;
	font-size: 10pt;
} #thread td.vote2 div {
	width: 100%;
	text-align: left;
} #thread td.vote2 div dl dd {
	margin: 0px; padding: 0px;
	border-bottom: 1px solid #ccc;
} #thread td.vote2 div dl dd input {
	border: 0px none;
}
/**** CSS for [Topic Thread for Res] *******************/
#thread td.responce {
} #thread span.usr {
	font-weight:bold;
} #thread code {
	font-size: 100%;
	font-weight: normal;
} #thread div.res {
	margin: 8px 5px;
	border: 1px solid #888;
	border-width: 1px 5px;
	background: #f9f9f9;
} #thread div.res h3 {
	margin: 5px 10px; padding: 0px;
	font-size: 120%;
	color: #f39;
	letter-spacing: 2px;
} #thread p.m1 {
	margin:  0px 10px;
	border-bottom: 1px dashed #ccc;
} #thread p.m2 {
	margin:  5px 15px 5px 30px;
	word-break: break-all;
}

/**** CSS for [Write Form] *****************************/
#write table {
	font-size: 10pt;
	text-align: left;
	margin-top: 20px;
} #write td h2 {
	font-size: 100%;
	padding: 2px 10px;
	color: #036; background: #cde;
	border-left: 10px solid #369;
} #write td.frml {
	width: 90px;
	text-align: center;
	white-space: nowrap;
} #write td.frmc {
	width: 360px;
} #write td.frmr {
	width: 290px;
	text-align: right;
	padding: 0px 10px;
} #write td.frmrc {
	width: 290px;
	padding: 0px 10px;
	text-align: center;
} #write td.frmrl {
	width: 290px;
	padding: 0px 0px 0px 10px;
	font-family: "‚l‚r ƒSƒVƒbƒN",monospace;
	text-align: left;
} #write td.frm2,
  #write td.frm2c {
	width: 650px;
	text-align: left;
} #write td.frm2c input {
	border: 0px none;
}

/**** CSS for [Scroll-Ber-Color] ***********************/
html, body{
	scrollbar-arrow-color:		#333;
	scrollbar-base-color:		#fff;
	scrollbar-face-color:		#f0f3f9;
	scrollbar-highlight-color:	#666;
	scrollbar-shadow-color:		#666;
	scrollbar-3dlight-color:	#fff;
	scrollbar-darkshadow-color:	#fff;
	scrollbar-track-color:		#f0f3f9;
}
/**** __EndStyleSheet__ ********************************/