/* じょじょのＷｅｂ工房 スタイルシート */

/* margin: T R B L;*/

/***********************************************/
/*                 BODY要素                    */
/***********************************************/
body {
    background-color: #fafad2;
    margin: 1em 0.7em 1em 0.7em;
    background-image: url("image/point.gif");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-attachment: fixed;
    color: #444444;
}

body.noimage {
    background-image: none;
}


/***********************************************/
/*               タイトル要素                  */
/***********************************************/
h1 {
    margin: 0.5em 0em 0em 0em;
    padding: 0.3em 0.5em;
    background-color: transparent;
    border-style: solid;
    border-width: 0em 0em 3px 1em;
    border-color: #ff0000;
    color: #000000;
    text-align: left;
    font-size: x-large;
    clear: both;
}

h1.title {
    margin: 0.5em 0em;
    padding: 0em;
    background-color: transparent;
    border-style: none;
    border-width: 0em;
    color: inherit;
    text-align: center;
    font-size: 60px;
    font-family: "HGP創英角ﾎﾟｯﾌﾟ体", serif;
    clear: both;
}

h1.title span.a {
    background-color: transparent;
    color: #ff0000;
}

h1.title span.b {
    background-color: transparent;
    color: #0000ff;
}

h2 {
    margin: 1.5em 7% 1em 7%;
    padding: 0.3em;
    border-style: solid;
    border-width: thin 1em;
    border-color: #ff0000;
    background-color: #ffdead;
    color: #000000;
    font-size: large;
    font-weight: bold;
    clear: both;
}

h3 {
    color: #cd853f;
    font-size: medium;
    font-weight: bold;
    margin: 1.5em 10% 1em 10%;
    background-color: transparent;
    clear: both;
}


/***********************************************/
/*                 共通設定                    */
/***********************************************/
div.doc {
    margin: 1em;
}

p {
    margin: 0em 10%;
    text-indent: 1em;
}

p.navi {
    margin: 1em 5%;
    text-indent: 0em;
    font-weight: bold;
    clear: both;
}

p.navi1 {
    margin: 0.3em 0em 2em 0em;
    text-align: right;
    text-indent: 0em;
    font-weight: bold;
    font-size: 80%;
    clear: both;
}

p.navi2 {
    margin: 2em 0em 0.3em 0em;
    text-align: right;
    text-indent: 0em;
    font-weight: bold;
    font-size: 80%;
    clear: both;
}

p.menu {
    margin: 1em;
    text-align: center;
    font-weight: bold;
    text-indent: 0em;
}

p.banner {
    margin: 1.5em auto;
    text-align: center;
    text-indent: 0em;
    font-weight: bold;
    font-size: x-small;
    clear: both;
}

div.topic {
    margin: 1em;
}

div.topic p {
    margin: 0.5em;
    text-align: center;
    text-indent: 0em;
}

div.guidance {
    margin: 2em 10%;
    padding: 1em 1.5em;
    border-style: solid;
    border-width: 3px;
    border-color: #228b22;
    background-color: transparent;
    clear: both;
}

div.guidance p  {
    margin: 0em;
}

div.guidance ul, div.guidance ol {
    margin: 0em 4%;
}

pre {
    margin: 1.5em 15%;
    line-height: 100%;
}

div.signature {
    margin: 0em 1em;
    background-color: transparent;
    color: #ff69b4;
    text-align: right;
    font-size: x-small;
    font-weight: bold;
    clear: both;
}

address {
    margin: 0em;
    padding: 1em 0em 0em;
    border-width: thin 0em 0em 0em;
    border-style: solid;
    border-color: #ff0000;
    font-style: normal;
    text-indent: 1em;
    clear: both;
}

hr {
    display: none;
    clear: both;
}

p.pr {
    margin: 1em 10%;
    border-style: solid;
    border-width: 2px;
    border-color: #daa520;
    padding: 3px;
    text-indent: 0em;
    font-size: 12px;
    color: #000055;
}


/************************************************/
/*                 リスト関係                   */
/************************************************/
ul, ol {
    margin: 1.5em 15%;
    text-align: left;
}

dt {
    width: 7em;
    white-space: nowrap;
    text-align: right;
    font-weight: bold;
    float: left;
    clear: both;
}

form dl {
    margin: 2em 3em;
}

form dl dd {
    margin: 0.3em auto 0.3em 7.5em;
}

form dl.tips {
    margin: 2em 10em;
}

form dl.tips dt {
    width: 10em;
}

form dl.tips dd {
    margin: 0.3em auto 0.3em 10.5em;
}


/************************************************/
/*                  フォーム                    */
/************************************************/
fieldset {
    margin: 2em;
    padding: 2em;
    border-style: solid;
    border-width: 3px;
    border-color: #228b22;
    background-color: transparent;
    color: #444444;
    clear: both;
}

fieldset.color {
    text-align: center;
}

fieldset.admin {
    margin: 1em 0.5em;
    padding: 0.5em 1em;
    text-align: right;
}

fieldset p {
    margin: 0em;
    text-indent: 0em;
}

fieldset ul, fieldset ol {
    margin: 2em 4%;
}

legend {
    display: none;
}

label {
    font-weight: bold;
}

input.button {
    width: 5em;
}

input.rst_btn {
    width: 5em;
    display: none;
}


/************************************************/
/*                テーブル関係                  */
/************************************************/
table {
    margin: 2em 10%;
    width: 80%;
    border-style: solid;
    border-width: 2px;
    border-collapse: collapse;
    border-spacing: 0px;
    border-color: #D2691E;
    clear: both;
}

th, td {
    padding: 2px 3px;
    border-style: solid;
    border-width: 1px;
}

thead th {
    background-color: #D2B48C;
    color: #003300;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    border-style: solid solid double solid;
    border-width: 1px 1px 3px 1px;
}

tbody th {
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
}

col {
    padding: 0em 0.3em;
}

col.color {
    width: 15%;
}

col.code {
    width: 15%;
}

col.name {
    width: 20%;
}

col.version {
    text-align: center;
}

col.explain {
    text-align: center;
}

col.sample {
    text-align: center;
}

caption {
    margin: 1em 0em;
    font-size: large;
    font-weight: bold;
}


/************************************************/
/*                インライン要素                */
/************************************************/
a {
    background-color: transparent;
    color: #006400;
    text-decoration: none;
    font-weight: bold;
}

a:visited {
    background-color: transparent;
    color: #3cb371;
}

a:hover {
    background-color: transparent;
    color: #dc143c;
    text-decoration: underline;
}

a:active {
    background-color: transparent;
    color: #1e90ff;
}

strong {
    background-color: transparent;
    color: #dc143c;
    font-weight: bold;
}

q {
    background-color: transparent;
    color: #ff1493;
    font-size: small;
    quotes: "" "";
}

img {
    border-width: 0em;
}

p.pr a {
    font-weight: normal;
}


/***********************************************/
/*                   おみくじ                  */
/***********************************************/
body.omikuji {
    background-image: none;
}

body.omikuji h1 {
    margin: 1em 3%;
    padding: 0.3em;
    border-style: solid;
    border-width: thin 1em;
    border-color: inherit;
    background-color: transparent;
    text-align: center;
    color: inherit;
    font-size: 2em;
    font-weight: bold;
}

div.omikuji {
    margin: 1em 2em;
    border-style: solid;
    border-color: #000000;
    padding: 1em;
}

div.omikuji p.level {
    margin: 1em;
    text-align: center;
    text-indent: 0em;
}

div.omikuji p.text {
    margin: 1em;
    text-indent: 0em;
    font-weight: bold;
}


/***********************************************/
/*             ゲストブック＆ＢＢＳ            */
/***********************************************/
p.attention1 {
    background-color: transparent;
    margin: 0.5em 2.5em 1.5em 2.5em;
    text-indent: 0em;
    font-weight: bold;
    color: #008800;
    clear: both;
}

p.attention2 {
    background-color: transparent;
    margin: 0.5em 2.5em 1.5em 2.5em;
    text-indent: 0em;
    font-weight: bold;
    color: #555500;
    clear: both;
}

p.attention3 {
    background-color: transparent;
    margin: 0.5em 2.5em 1.5em 2.5em;
    text-indent: 0em;
    font-weight: bold;
    color: #ff0000;
    clear: both;
}

div.guest h2, div.bbs h2 {
    margin: 0.5em 2em 0.7em 2em;
    padding: 2px 7px;
    background-color: transparent;
    border-width: 3px;
    border-color: #ff00ff;
    border-style: double;
    font-size: 100%;
    font-weight: bold;
    color: #000000;
    clear: both;
}

div.guest p.icon, div.bbs p.icon {
    margin: 0.7em 1em 2em 2em;
    text-indent: 0em;
    float: left;
}

div.guest div.body, div.bbs div.body {
    margin: 1em 0em 1.5em 1.5em;
    padding: 0em 3em 0em 0em;
    text-indent: 0em;
    float: left;
}

div.guest div.body p, div.bbs div.body p {
    margin: 0em;
    text-indent: 0em;
}

div.guest div.body p.comment {
    margin: 2em 0em 0em 3em;
    background-color: transparent;
    color: #6495ed;
    text-indent: 0em;
    font-size: 80%;
    clear: both;
}

div.bbs p.end {
    background-color: transparent;
    margin: 2em 10em;
    font-weight: bold;
    text-indent: 0em;
    text-align: center;
    color: #0000ff;
    clear: both;
}

dl.search {
    margin: 2em 4em;
}

dl.search dt {
    width: auto;
    margin: 1em auto;
    float: none;
    white-space: normal;
    text-align: left;
    font-size: large;
}

dl.search dd {
    margin: 0.3em auto;
}

fieldset.search {
    background-color: transparent;
    border-width: 4px;
    border-color: #228b22;
    border-style: double;
    margin: 2em 5em;
    padding: 1em;
    color: inherit;
}

fieldset.search p {
    margin: 1em;
    text-indent: 1em;
}

fieldset.search p.example {
    margin: 1em;
    text-align: center;
    font-weight: bold;
    clear: both;
}

fieldset.search p.form {
    margin: 1.5em 0em 0em 0em;
    text-align: center;
}

table.topic {
    margin: 0.8em 5%;
    width: 90%;
}

col.end {
    text-align: center;
}

col.count {
    text-align: right;
}

col.date {
    white-space: nowrap;
}

em.new {
    background-color: transparent;
    color: #ff0000;
    font-weight: bold;
    font-size: x-small;
    font-style: italic;
}

em.keyword {
    background-color: transparent;
    color: #ff1493;
    font-weight: bold;
    font-style: normal;
}

span.number {
    background-color: transparent;
    color: #FF7F50;
}

span.subject {
    background-color: transparent;
    color: #0000ff;
}

span.name {
    background-color: transparent;
    color: #ff0000;
}

span.code {
    background-color: transparent;
    color: #666666;
    font-size: x-small;
}

span.info {
    background-color: transparent;
    color: #888888;
    font-size: x-small;
    font-weight: normal;
}

span.sage {
    background-color: transparent;
    color: #1e90ff;
    font-weight: bold;
}


/***********************************************/
/*              伝言板＆ちゃっと用             */
/***********************************************/
div.chat {
    margin: 1.3em 1em;
}

div.dengon p {
    margin: 0.7em 3em;
    text-indent: 0em;
}

div.chat p {
    margin: 0.7em 0em;
    text-indent: 0em;
}

p.member {
    margin: 0.3em 0em 1em 0em;
    padding: 0.7em 0em;
    border-width: 0em 0em thin;
    border-style: solid;
    border-color: #ff0000;
    font-size: x-small;
    font-weight: bold;
    clear: both;
}

p.announce {
    margin: 3em 0em 6em;
    background-color: transparent;
    color: #0000ff;
    text-align: center;
    font-size: x-large;
    font-weight: bold;
}

fieldset.chat {
    background-color: transparent;
    border-width: 0px;
    margin: 0em 2em;
    padding: 0em;
    color: inherit;
}

fieldset.dengon {
    margin: 1em;
    padding: 1em;
}

fieldset.chat ul {
    margin: 1em 5em;
}

a.mail {
    text-decoration: underline;
}

span.admin {
    background-color: inherit;
    color: #ff0000;
    font-weight: bold;
}

div.dengon span.name, div.chat span.name {
    font-weight: bold;
}

span.red {
    background-color: inherit;
    color: #ff0000;
}

span.yellow {
    background-color: inherit;
    color: #ffff00;
}

span.orange {
    background-color: inherit;
    color: #f4a460;
}

span.pink {
    background-color: inherit;
    color: #ff69b4;
}

span.brown {
    background-color: inherit;
    color: #800000;
}

span.blue {
    background-color: inherit;
    color: #0000ff;
}

span.indigo {
    background-color: inherit;
    color: #191970;
}

span.purple {
    background-color: inherit;
    color: #9400d3;
}

span.water {
    background-color: inherit;
    color: #00bfff;
}

span.green {
    background-color: inherit;
    color: #228b22;
}

span.white {
    background-color: inherit;
    color: #ffffff;
}

span.gray {
    background-color: inherit;
    color: #808080;
}

span.black {
    background-color: inherit;
    color: #000000;
}


/***********************************************/
/*                  チョイス用                 */
/***********************************************/
table.choice {
    margin: 2em 5%;
    width: 90%;
}

table.choice col.rank {
    text-align: right;
}

table.choice col.item {
    text-align: left;
    white-space: nowrap;
}

table.choice col.button {
    width: 5em;
    text-align: center;
    white-space: nowrap;
}

table.choice col.hit {
    text-align: right;
    white-space: nowrap;
}

table.choice col.rate {
    text-align: right;
    white-space: nowrap;
    display: none;
}

table.choice form {
    margin: 0em;
}

dl.add {
    margin: 2em 3em;
}

dl.add dt {
    width: 80%;
    float: none;
    white-space: normal;
    text-align: left;
}

dl.add dd {
    margin: 1em auto;
}

em.item {
    background-color: transparent;
    color: #ff1493;
    font-weight: bold;
    font-style: normal;
}


/***********************************************/
/*                   メール用                  */
/***********************************************/
dl.mail {
    margin: 2em 7em;
}

dl.mail dt {
    float: none;
    text-align: left;
}


/***********************************************/
/*                アクセス解析用               */
/***********************************************/
table.count {
    margin: 2em 5%;
    width: 90%;
}

table.count tbody th {
    background-color: transparent;
    color: inherit;
    text-align: left;
}

table.count col.item {
    text-align: left;
}

table.count col.hit {
    text-align: right;
    white-space: nowrap;
}

table.count col.rate {
    text-align: right;
    white-space: nowrap;
}

table.count a {
    font-weight: normal;
}

table.count a:visited {
    font-weight: normal;
}

table.count a:active {
    font-weight: normal;
}

table.count a:hover {
    font-weight: normal;
}


/* end_of_file */