@import url("common.css");

@import url("common.css");

/* カテゴリ別に色を指定 */

body.C1 {
 color: #ccf;
}

body.C98 {
 color: #cc9;
}

.C1 a, .C98 .C1 a {
 color: #ccf !important;
}

.C98 a, .C1 .C98 a {
 color: #cc9 !important;
}

a:hover, a:active {
 color: #c60 !important;
}

/* 罫線 */

hr {
 display:none;
}

/* Mozilla系のみページ上部に表示。「content: "";」の""の中身は各自変更して下さい。 */

#header:before {
 display: block;
 content: "Diary at eclat cyber city.";
 color: #333;
 background-color: #fff;
 font: normal 10px/1.0 Impact,fantasy;
 text-align: left;
}

/* 「日記 / コラム」のタイトル */

#site_title {
 margin: 0;
 padding: 0.1em 0.6em;
 border-bottom: 6px double #000;
 position: static;
 z-index: 10;
 color: #ccc;
 background-color: #666;
 font: bold 160%/1.8 Impact,Verdana,fantasy;
 text-align: right;
}

.C1 #site_title {
 color: #ccf;
}

.C98 #site_title {
 color: #cc9;
}

/* 「日記の概説」 */

#site_info {
 color: #999;
}

.C1 #site_info {
 color: #99f;
}

.C98 #site_info {
 color: #996;
}

/* 「メインページへ戻る」「日記のトップへ戻る」リンク */

#back_link {
 margin: 0 10em -1em 0;
 border-top: none;
 position: relative;
 top: -4em;
 z-index: 50;
 background-color: transparent;
 text-align: left;
}

#back_link li, #back_link li a {
 display: inline;
}

/* 「日記 / コラム」のメニュー */

#menu {
 width: 25%;
 float: right;
}

/* 「前後の記事」「最新の記事」「最新のコメント」「Archives」「Category」 */

.link_title {
 margin: 0.6em 0 1px;
 padding: 3px 5px 3px 1em;
 -moz-border-radius: 0.8em 0 0 0.8em;
 border-radius: 0.8em 0 0 0.8em;
 line-height: 1.6;
 color: #000;
 background-color: #999;
 font-weight: bold;
}

.C1 .link_title {
 background-color: #99c;
}

.C98 .link_title {
 background-color: #996;
}

.link_title:hover {
 background-color: #c00;
}

/* 「前後の記事」「最新の記事」「最新のコメント」「Category」のリンク部分 */

.link .link_text {
 margin: 0;
 padding: 0.1em 0 0.1em 1.2em;
 list-style-image: url("files/darknight3.png");
}

#link_here a {
 color: #c0c0c0;
}

/* 「Archives」月表示 */

#archives .link_text {
 padding: 0.1em 0;
 list-style-type: none;
 font-family: "MS Serif","MS UI Gothic",monospace;
}

/* 「Archives」年表示 */

.link_year {
 margin-top: 2px;
 display: block;
 border-bottom: 1px dashed #999;
}

.C1 .link_year {
 border-bottom: 1px dashed #99c;
}

.C98 .link_year {
 border-bottom: 1px dashed #cc9;
}

/* 記事 */

#main {
 margin: 0 27% 0.2em 0.2em;
}

#main .C1, .C1 .entry {
 color: #ccf;
}

#main .C98, .C98 .entry {
 color: #cc9;
}

/* 月別ページの「○年○月の記事」と年別ページの「○年の記事」「○年○月」 */

#main h2, #archive_yearlist dt {
 margin: 0.2em 0 0;
 padding: 0.2em 1em 0.2em 1.2em;
 border-top: 6px double #000;
 border-bottom: 6px double #000;
 line-height: 1.4;
 color: #ccc;
 background-color: #333;
 font-weight: bold;
}

/* 年別ページの「○年の記事」 */

#archive_yearlist h2 {
 padding: 0.2em 0.8em;
 border-top: 4px double #000;
 border-bottom: 4px double #000;
 line-height: 1.6;
 font-weight: bold;
 font-size: 120%;
}

#archive_yearlist dd {
 margin: 0.1em 0.1em 1em 3em;
 line-height: 1.6;
}

#archive_yearlist .time {
 font-family: Courier,monospace,fantasy;
}

/* より新しい記事へ より古い記事へ */

.page_link {
 text-align: center;
}

.page_link a {
 font-weight: bold;
}

/* 日記記事 */

.entry {
 margin: 0;
}

.entry_date {
 position: relative;
 bottom: -1.4em;
 z-index: 10;
 margin: 0 0 0 10em;
 padding: 0 0.1em;
 height: 1em;
 text-align: right;
 font-family: Courier,monospace,fantasy;
}

/* 記事タイトル */

.entry_title {
 padding: 0.2em 8em 0.2em 0.4em;
 border-bottom: 1px inset #999;
 position: static;
 z-index: 11;
 line-height: 1.6;
 background-color: #333;
 font-weight: bold;
 font-size: 120%;
 text-align: left;
}

.C1 .entry_title {
 border-bottom: 1px inset #CDCAFF !important;
}

.C98 .entry_title {
 border-bottom: 1px inset #996 !important;
}

/* 「Category : ○」「コメント(○)」 */

.entry_info, .entry_responses {
 margin: 0;
 width: 100%;
 text-align: right;
}

/* 日記記事本文 */

.entry_body {
 margin: 0.4em 1em 0.4em 0.8em;
 line-height: 1.6;
 font-family: Meiryo,"メイリオ","ＭＳ ゴシック",Osaka,sans-serif;
 text-align: left;
}

/* コメント */

#responses {
 border-top: 2px solid #999;
}

.C1 #responses {
 border-top: 2px solid #99c;
}

.C98 #responses {
 border-top: 2px solid #996;
}

.comment_title {
 text-align: right;
}

.comment_form {
 text-align: right;
}

.comment_form label {
 display: block;
}

.comment_form input {
 border: 1px solid #999;
 color: #ccf;
 background-color: #000;
}

.C1 .comment_form input {
 border: 1px solid #99c;
 color: #99c;
}

.C98 .comment_form input {
 border: 1px solid #996;
 color: #996;
}

.comment_element {
 margin-top: 0.4em;
 border-bottom: 1px dashed #999;
 line-height: 1.6;
}

.C1 .comment_element {
 border-bottom: 1px dashed #99c;
}

.C98 .comment_element {
 border-bottom: 1px dashed #cc9;
}

/* 「これ以前の記事へ」リンク */

.link_older a:after {
 content: "\00ff1e\00ff1e";
}

.link_older {
 padding: 0.1em 1em;
 border-top: 2px inset #CDCAFF;
 background-color: #333;
}