@import url("common.css");

/* 罫線 */

hr {
 display: none;}

/* 一気に重なってるのを指定 */

#header, #main, #menu {
 width: 80%;}

/* header */

#header {
 background: #FAFEF0 url("files/snowflake3.png") repeat-x right top;}

#site_title {
 margin: 0;
 padding-left: 40px;
 background-image: url("files/snowflake.gif");
 background-repeat: no-repeat;
 background-position: left center;
 font: bold 2em/1.4 "Times New Roman",Times,"平成明朝","ＭＳ 明朝",serif;
 text-shadow: 3px 3px 3px #CFDFEC;
 filter: shadow(color=#CFDFEC,direction=135);}

#site_info {
 padding-left: 40px;}

#back_link {
 margin: 0 auto;}

#back_link li, #back_link li a {
 display: inline;
 list-style-type: none;}

/* main */

#main {
 padding: 5px 0;}

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

.page_link {
 padding: 2px 0;
 border-top: 1px solid #E7F3F2;
 border-bottom: 1px solid #E7F3F2;
 background-image: url("files/snowflake3.png");
 text-align: center;}
.page_link a {
 font-weight: bold;}

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

#main h2 {
 padding: 0.6em 0.4em 0.6em 40px;
 display: block;
 border: 1px solid #CFDFEC;
 background-image: url("files/snowflake.gif");
 background-repeat: no-repeat;
 background-position: left top;
 font: bold 1em/1.4 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 text-align: left;}

#archive_yearlist dl {
 margin: 0;}

/* main - 年別ページ「○年○月」 */

#archive_yearlist dt {
 padding: 0.4em 0.4em 0.4em 40px;
 border: 1px solid #BDD1CF;
 background: #FFFFFF url("files/snowflake3.png") repeat left top;
 font: bold 1em/1.6 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

#archive_yearlist dd {
 line-height: 1.6;}

#archive_yearlist dd li a {
 font: normal 1em/1.6 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

#archive_yearlist .time {
 font: normal 0.9em/1.0 Courier,monospace,fantasy;}

/* main - .entry */

.entry {
 margin: 0 0 2em;
 padding: 1em 0 0;
 position: static;
 width: 100%;}

.entry_date {
 border-bottom: 1px dotted #E9E9F4;
 color: #A8B8D0;
 font: normal 180%/1.1 "Century Gothic",Courier,monospace,fantasy;
 text-align: right;}

.entry_title {
 border-top: 1px solid #CFDFEC;
 border-bottom: 1px solid #A8B8D0;
 z-index: 9;
 background: #FAFEF0 url("files/snowflake3.png") repeat-x left top;}

.entry_title a {
 padding: 0.4em 0.6em 0.4em 40px;
 display: block;
 background-image: url("files/snowflake.gif");
 background-repeat: no-repeat;
 background-position: left center;
 font: bold 1.2em/1.8 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

.entry_title a:link, .entry_title a:visited {
 text-decoration: none;}

.entry_info {
 margin-top: -7em;
 padding: 0 10px;
 display: block;
 z-index: 5;
 color: #A8B8D0;
 font: normal 0.9em/1.2 Verdana,Meiryo,"メイリオ",Osaka,sans-serif;
 text-align: right;
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+'　Author : ID', 1));}

.entry_info a:link, .entry_info a:visited, .entry_responses a:link, .entry_responses a:visited {
 color: #A8B8D0;
 text-decoration: none;}

/* 「Category:○」の後に「Author: ID」と表示 IDは自分の名前に書換えてください */

.entry_info a:after {
 content: "\003000\000041\000075\000074\000068\00006f\000072\000020\00003aID";}

.entry_body {
 margin-top: 5em;
 padding-top: 10px;
 padding-left: 40px;
 z-index: 9;
 font-family: Verdana,"ＭＳ ゴシック",Meiryo,"メイリオ",Osaka,sans-serif;
 line-height: 1.8;
 line-break: strict;
 word-break: break-all;}

.entry_responses {
 margin: 0 10px;
 padding: 0;
 border-top: 1px dotted #BDD1CF;
 z-index: 9;
 color: #A8B8D0;
 font: normal 0.9em/1.2 Verdana,Meiryo,"メイリオ",Osaka,sans-serif;
 text-align: right;}

/* main - コメント */

.comment_title {
 display: block;
 color: #97A2A7;}

#comments {
 padding: 0 5px;
 border-bottom: 2px solid #A8B8D0;
 display: block;
 font: normal 1em/1.2 Verdana,Meiryo,"メイリオ",Osaka,sans-serif;}

.comment_form {
 padding: 0 10px 0 0;
 vertical-align: baseline;
 text-align: right;}

.comment_form input {
 margin: 0.2em 0.1em;
 padding: 0.2em;
 height: 1.8em;}

#poster_name {
 padding: 0 120px 0 0;
 display: block;}
#poster_name input {
 width: 190px;}
#comment_field {
 display: block;}
#comment_field input {
 width: 310px;}

.comment_element {
 margin: 2px 10px;
 border-top: 1px dotted #BDE3E2;
 line-height: 160%;}

/* main - これ以前の記事へ */

.link_older a {
 padding-left: 40px;
 display: block;
 background-image: url("files/snowflake.gif");
 background-repeat: no-repeat;
 background-position: left top;
 text-align: left;
 font-weight: bold;}
.link_older a:hover, .link_older a:active {
 background-color: #E9E9F4;}
.link_older a:after {
 content: "\00ff1e\00ff1e";}

/* menu */

#menu {
 border-top: 2px solid #A8B8D0;
 border-bottom: 2px solid #A8B8D0;
 position: relative;
 height: 1.8em;
 background-image: url("files/snowflake3.png");
 background-position: center -20px;}

.link {
 behavior: expression(this.style.behavior || (this.onmouseover=new Function("this.className='onlink'"), this.onmouseout=new Function("this.className='link'")));}
.link, .onlink {
 margin: 0 10px;
 padding: 0;
 color: #97A2A7;}

.link_title {
 margin: 0;
 padding: 2px 0;
 position: absolute;
 top: 0;
 width: 100px;
 font: bold 12px/1.6 "Times New Roman",Times,"平成明朝","ＭＳ 明朝",serif;
 text-align: center;
 cursor: pointer;}
.onlink .link_title, .link_title:hover {
 background: #FFFFFF url("files/snowflake3.png") repeat center top;}

.link_text {
 margin: 0;
 padding: 5px;
 border-right: 1px solid #BDD1CF;
 border-bottom: 1px solid #BDD1CF;
 border-left: 1px solid #BDD1CF;
 position: absolute;
 top: 1.6em;
 z-index: 20;
 overflow: visible;
 list-style-position: inside;
 list-style-type: square;
 background-color: #FFFFFF;
 font-size: 0.92em;}

.link .link_text {
 visibility: hidden;}
.onlink .link_text, html>/**/body .link:hover .link_text {
 visibility: visible !important;}

/* menu - 最新の記事 前後の記事 */

#latest_articles .link_title, #neighbors .link_title {
 left: 0;}
#latest_articles .link_text, #neighbors .link_text {
 left: 0;
 width: 388px;
_width: 400px;}
#link_here a { color: #97A2A7;}

/* menu - 最新のコメント */

#latest_comments .link_title {
 left: 100px;}
#latest_comments .link_text {
 left: 100px;
 width: 288px;
_width: 300px;}

/* menu - Archives */

#archives .link_title {
 left: 200px;}
#archives .link_text {
 left: 0px;
 width: 388px;
_width: 400px;}

.link_year {
 display: block;
 background-color: #FAFEF0;
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+'年', 1));
 white-space: normal;}
html>/**/body .link_year:after { content: "\005e74";}
.link_month {
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+'月', 1));
 white-space: normal;}
html>/**/body .link_month:after { content: "\006708";}

/* menu - Category */

#categories .link_title {
 left: 300px;}
#categories .link_text {
 left: 200px;
 width: 188px;
_width: 200px;}