@import url("common.css");

/* 背景色と文字色の指定 */

body {
 background-color: #333333;
 color: #CCCCFF;
}

/* リンク */

a:link {
 color: #CC99FF;
}

a:visited {
 color: #6633CC;
}

a:hover, a:active {
 color: #9999CC;
}

/* 罫線 */

hr {
 color: #CC3300;
 border-style: dashed;
}

/* タイトル部分 */

#header {
 background-color: #990000;
 color: #CC3300;
 padding: 5px;
 font-family: Verdana,"メイリオ",Osaka,"ＭＳ ゴシック",sans-serif;
}

#header h1:before {
 content: "at eclat cyber city";
 display: block;
 text-align: right;
 font-family: "Times New Roman",Times,serif;
 color: #CCCCCC;
 border-bottom: 2px dashed #CCCCCC;
}

#header h1 {
 margin-top: 10px;
 margin-bottom: 10px;
 padding-right: 8px;
 padding-left: 8px;
 color: #FFFFFF;
 _border-bottom: 2px dashed #FFB72C;
}

/* 日記の概説 */

#site_info {
 padding-right: 11px;
 padding-left: 11px;
}

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

#back_link {
 text-align: right;
}

#back_link a {	
 text-decoration: none;
}

#back_link a:link {
 color: #FF8000;
}

#back_link a:visited {
 color: #FFB72C;
}

#back_link li:hover, #back_link a:hover, #back_link a:active {
 color: #FFFFFF;
}

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

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

#menu .link_title {
 font-weight: bold;
 font-size: 101%;
 font-family: Verdana,"メイリオ",Meiryo,Osaka,"ＭＳ ゴシック",sans-serif;
 color: #2C2C2D;
}

#menu .link_text {
 margin-top: 5px;
 margin-left: 0;
 padding-left: 0;
 color: #FF8000;
}

#menu .link_text li {
 margin-left: 18px;
}

#link_here a {
 color: #FF8000;
}

/* 「日記 / コラム」記事部分 */

#main {
 margin-right: 30%;
 border-right: 1px solid #B19F9E;
 padding-right: 10px;}

/* 「日記 / コラム」各記事日時 */

.entry_date {
 color: #B19F9E;
}

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

.entry_title {
 font-weight: bold;
 font-size: 120%;
 font-family: Verdana,"メイリオ",Osaka,Meiryo,"ＭＳ ゴシック",sans-serif;
 border-bottom: 1px solid #9999CC;
 border-left: 6px double #9999CC;
}

.entry_title:hover {
 border-color: #9999CC;
}

.entry_title a {
 text-decoration: none;
 line-height: 160%;
 padding-left: 5px;
}

.entry_title a:link {
 color: #CC3333;
}

.entry_title a:visited {
 color: #9999CC;
}

.entry_title a:hover, .entry_title a:active {
 color: #9999CC;
}

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

.entry_info, .entry_responses {
 text-align: right;
}

.entry_info a, .entry_responses a {
 text-decoration: none;
}

/* コメント */

#poster_name input, #comment_field input {
 background-color: #9999CC;
 color: #CC6666;
 border: 2px inset #9999FF;
;
}

#poster_name input:focus, #comment_field input:focus {
 background-color: #ffffcc;
 border-color: #E96733;
}

/* 「20XX年の記事」 */

h2 {
 border-bottom: 1px dashed #FFB72C;
}

#archive_yearlist li:hover {
 color: #E96733;
}