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

/**** CSS for [Main Design] ****************************/
table {
    width: 700px;
    margin: 0px auto 25px;
    font-size: 100%;
    color: #333; background: #ddd;
    empty-cells: show;
    border-collapse: collapse;
    border: 1px solid #000;
} 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 {
    color: #333; 
    background: #ddd;

}
#write td.frmrx {
    background: #c0c3c9;
}
.red    { color: #c00; }
.white  { color: #000; }
.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: 300%;
    color: #FFF;
    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: 700px;
    margin: 20px auto;
    border: 1px solid #666;
    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: 680px;
    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 {
    text-align: center;
    white-space: nowrap;
    padding-left: 0.5em;
    padding-right: 0.5em;

} #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;
}
.con-cat {
  color: #f00;
  font-size: 30px;
}
.con-cat a , .con-cat a:link, .con-cat a:visited {
  color: #f00;
  font-size: 20px;
}