@import url("common.css");

body {
 background-position: right bottom;}

.C1 {
 color: #EEEEEE;}

.C98 {
 color: #ffc;}

hr {
 display:none;}

#header {
 position: absolute;
 top: 0;
 right: 10px;
 width: 140px;
 padding: 0;
 text-align: left;
 font-size: 12px;}

#site_title {
 margin: 0;
 padding: 0.4em 0 0 6px;
 font: bold 20px/110% Impact,Verdana,"ＭＳ ゴシック",Osaka,fantasy;}

#site_info {
 padding: 0;
 font-size: 1em;}

#back_link {
 background-position: left top;
 font-size: 1em;
 list-style-type: circle;
 text-align: left;
 margin: 0 0 0 4px;
 padding: 1.4em 0;
 width: 136px;
 height: 9em;}
#back_link li {
 margin: 0 0 0 20px;
 padding: 0;}
#back_link li a {
 display: inline;}

#menu {
 position: absolute;
 top: 12em;
 right: 10px;
 width: 140px;
 z-index: 50;
 text-align: left;
 margin: 0;
 padding: 1em 0;
 font-size: 12px;}
* html #menu {
 padding: 1em 0 1em 10px;}

.link {
 clear: both;
 font: normal 1em/120% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

.link:hover .link_title {}

.link_title {
 -moz-border-radius: 10px;
 border-radius: 10px;
 border: 1px solid #CCCCCC;
 background-color: #000000;
 color: #CCCCCC;
 vertical-align: baseline;
 list-style-type: none;
 display: block;
 min-height: 20px;
 margin: 0;
 padding: 0 0 0 10px;
 font: bold 1em/180% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 text-align: left;
 width: 133px;}
* html .link_title {
 width: 140px;}
*:lang(ja) .link_title {
 margin: 0 0 0 4px;}

.link .link_text {
 list-style-type: disc;
 margin: 0 0 0 10px;
 padding: 0.1em 0 10px 10px;}

.link .link_text li {
 padding: 1px 0;}

#link_here a {
 color: #ff00ff;}

#latest_comments .link_text {
 font-size: 0.8em;}

#archives .link_text {
 list-style-type: none;
 padding: 0.1em 0 15px;
 font: normal 1em/120% "MS Serif","MS UI Gothic",monospace;}

#archives .link_text li {
 border-bottom: 1px dotted #000;
 padding: 0;}

.link_year {
 display: block;
 margin: 0;
 padding: 1px 0 3px 10px;
 border: 0;}
*>.link_year:after {
 content: "\005e74";}
* html .link_year {
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+' 年 ', 1));
 white-space: normal;}

.link_month {
 margin: 0;
 padding: 0 0 2px 15px;}
*>.link_month:after {
 content: "\006708";}
* html .link_month {
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+' 月 ', 1));
 white-space: normal;}

#archives .link_text li .link_month {
 display: none;}
#archives .link_text li:hover .link_month, #archives .link_text li.on .link_month {
 display: block;}
.link_year:hover, .link_month:hover {
 background: #000000 url("files/hanabi4.gif") no-repeat left center;}
* html #archives .link_text li {
 zoom: expression(this.style.zoom || (this.onmouseover=new Function("this.className='on'"), this.onmouseout=new Function("this.className=''")));}

#categories .link_text {
 padding: 0.1em 15px 15px;}

/* 記事 */

#main {
 margin: 0 140px 0 10px;
 padding: 0 20px 0 0;
 width: auto;
 z-index: 1;}

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

#main h2 {
 font: bold 1em/140% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 margin: 0;
 padding: 10px 1em 6px;
 text-align: left;
 border-bottom: 3px double #CCCCCC;}

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

#archive_yearlist h2 {
 font: bold 1.2em/160% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

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

#archive_yearlist dt {
 font: bold 1em/140% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 margin: 0 10px;
 padding: 10px 1em 6px;
 border-bottom: 1px dotted #CCCCCC;}

#archive_yearlist dd {
 line-height: 160%;
 padding: 0.1em 5px 1em 20px;}

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

#archive_yearlist .time {
 font: normal 9px/100% Impact,Courier,monospace,fantasy;}

.page_link {
 width: 90%;
 text-align: center;}
.page_link a {
 font-weight: bold;}

.entry {
 position: relative;
 margin: 0 0 1em;
 background-image: url("files/hanabi3.png");
 background-repeat: no-repeat;
 background-position: -172px top;
 width: 100%;}

.entry_date {
 position: static;
 padding: 5px 0 3.2em;
 text-align: right;
 font: normal 9px/110% Impact,Courier,monospace,fantasy;
 min-height: 10px;}

.entry_title {
 position: absolute;
 top: 20px;
 z-index: 20;
 margin: 0 0 0 5px;
 padding: 0 0 0 52px;
 font: bold 1.2em/120% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 width: 90%;}

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

.entry_info {
 display: block;
 position: absolute;
 top: 2em;
 z-index: 8;
 text-align: right;
 width: 100%;
 font: normal 9px/112% Impact,Courier,monospace,fantasy;}

.entry_body {
 -moz-border-radius: 20px;
 border-radius: 20px;
 background-color: #FFFFFF;
 color: #333333;
 font: normal 1em/180% Verdana,"ＭＳ ゴシック",Osaka,sans-serif;
 padding: 8px 8px 8px 10px;}
.C33 .entry_body {
 background-color: #EEEEEE;}

.entry_responses {
 line-height: 120%;
 text-align: right;
 margin: 0;
 padding: 5px 20px 10px 2px;}

#responses {
 position: relative;
 padding: 0 0 30px;}

.comment {
 margin: 0;
 padding: 0;}

.comment_title {
 position: absolute;
 top: 10px;
 z-index: 18;
 width: 100%;
 padding: 0 0 0 10px;
 text-align: left;
 color: #CCCCCC;}

.comment_form {
 position: relative;
 z-index: 10;
 margin: 10px 10px 0;
 padding: 10px 20px 0;
 vertical-align: baseline;
 text-align: right;
 border-top: 1px solid #CCCCCC;}

.comment_form input {
 height: 1.8em;
 margin: 0.2em 0.1em;
 padding: 0.2em;}
.comment_form input:hover {
 background-color: #111;}

#poster_name {
 display: block;
 padding: 0 140px 0 0;}
#poster_name input {
 width: 200px;}
#comment_field {
 display: block;}
#comment_field input {
 width: 340px;}

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

.link_older {
 background-image: url("files/hanabi3.png");
 background-repeat: repeat-x;
 background-position: left top;
 margin: 1em 0;
 padding: 80px 0 0.4em 20px;
 text-align: left;}

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

.for-guest { display: none;}