@import url("common.css");

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

#main {
    margin-right: 30%;
}

@import url("common.css");

.C1 {
 color: #516950;}

.C98 {
 color: #50ACC9;}

hr {
 display:none;}

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

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

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

#back_link {
 font-size: 13px;
 list-style-type: circle;
 text-align: left;
 margin: 0 0 0 4px;
 width: 136px;}
#back_link li {
 margin: 0 0 0 20px;
 padding: 0;}
#back_link li a {
 display: inline;}

#menu {
 position: absolute;
 top: 10em;
 right: 10px;
 width: 140px;
 z-index: 50;
 margin: 0;
 padding: 1em 0;
 font-size: 13px;}

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

.link:hover .link_title {}

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

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

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

#link_here a {
 background-color: #F7F3CD;
 color: #50ACC9;}

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

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

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

.link_year {
 display: block;
 margin: 0 13px 0 0;
 padding: 1px 0 3px 4px;
 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 13px 2px 0;
 padding: 0 0 2px 10px;}
*>.link_month:after {
 content: "\006708";}
* html .link_month {
 zoom: expression(this.style.zoom || (this.innerHTML = this.innerHTML+' 月 ', 1));
 white-space: normal;}
.link_month:hover {
 color: #A3AC82;}

#archives .link_text li .link_month {
 display: none;}
#archives .link_text li:hover .link_month, #archives .link_text li.on .link_month {
 display: block;}
* 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 150px 0 0;
 padding: 0;
 width: auto;
 z-index: 1;}

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

#main h2 {
 background-color: #F7F3CD;
 font: bold 100.1%/140% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 margin: 0;
 padding: 10px 1em 9px;
 text-align: center;}

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

#archive_yearlist h2 {
 font: bold 120%/160% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 padding: 10px 5px 10px 10px;}

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

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

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

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

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

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

.entry {
 position: relative;
 margin: 0 0 1em;
 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 10px;
 font: bold 120%/110% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 width: 90%;
 border-bottom: 1px solid #50ACC9;}

.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/110% Impact,Courier,monospace,fantasy;}

.entry_body {
 -moz-border-radius: 20px;
 border-radius: 20px;
 background-color: #ffc;
 font: normal 100%/180% Verdana,"ＭＳ ゴシック",Osaka,sans-serif;
 padding: 8px 8px 8px 10px;}
.C98 .entry_body {
 background-color: #efe;}

.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;
 padding: 0 10px;
 text-align: right;
 color: #50ACC9;}

.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 #50ACC9;}

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

#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 #50ACC9;
 margin: 2px 10px 3px;
 line-height: 160%;}

.link_older {
 background-color: #F7F3CD;
 margin: 0;
 padding: 0.4em;}

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