@import url("common.css");

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

#main {
    margin-right: 30%;
}

hr {
 visibility: hidden;}

#header {
 border-bottom: 2px outset #D6D3CA;}

#menu {
 width: 28%;
 float: right;
 font-size: smaller;}

.link {
 position: static;
 margin: 0 0 1em;}

.link_title {
 position: relative;
 z-index: 2;
 margin: 0 10px -10px 0;
 padding: 0.2em;
 background-color: #ffffff;
 border-top: 1px outset #D6D3CA;
 border-right: 2px outset #ffffff;
 border-bottom: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;}

.link_text {
 position: relative;
 z-index: 1;
 margin: 0 0 0 10px;
 padding: 15px 0.2em 0.4em 0.2em;
 border: 1px outset #D6D3CA;
 list-style-type: none;}

#main {
 position: static;
 margin-right: 30%;}

#main hr {
 display: none;}

.entry {
 position: relative;
 margin: 0 0 1em;
 padding: 0 0 1.6em;}

.entry_date {
 position: relative;
 z-index: 3;
 margin: 0 10em 0 0;
 padding: 0.2em;
 border-top: 1px outset #D6D3CA;
 border-right: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;}

.entry_title {
 position: relative;
 z-index: 3;
 margin: 0 10em 0 0;
 padding: 0.2em;
 background-color: #ffffff;
 border-right: 2px outset #ffffff;
 border-bottom: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;}

.entry_info {
 position: absolute;
 top: 5px;
 right: 0;
 z-index: 2;
 text-align: left;
 font-size: smaller;
 width: 11em;}
.Entry_info {
 margin-right: 30%;}

.entry_body {
 position: relative;
 z-index: 2;
 margin: -1em 1em 0 2em;
 padding: 1.6em 0.4em 0.6em;
 background-color: #ffffff;
 border-top: 1px outset #D6D3CA;
 border-right: 2px outset #ffffff;
 border-bottom: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;}

.entry_responses {
 position: absolute;
 right: 0;
 z-index: 1;
 margin: -0.6em 0 0 4em;
 padding: 1em 0.2em 0.2em 0.2em;
 text-align: center;
 background-color: #ffffff;
 border-top: 1px outset #D6D3CA;
 border-right: 2px outset #ffffff;
 border-bottom: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;
 font-size: smaller;
 width: 5.2em;}
.Entry_responses {
 margin-right: 30%;}

#responses {
 margin: 0 1em 0 0;
 padding: 0.2em 0.4em;
 border-top: 1px outset #D6D3CA;
 border-right: 2px outset #ffffff;
 border-bottom: 2px outset #ffffff;
 border-left: 1px outset #D6D3CA;}


hr {
 display:none;}

#header {
 margin: 0;
 _margin: 0 0 0 10px;
 padding: 10px 0 0 0;
 position: absolute;
 top: 0;
 right: 0;
 width: 174px;
 background-image: url("files/madrasr4.png");
 background-repeat: no-repeat;
 background-position: left top;
 text-align: left;}

#site_title {
 margin: 0;
 padding: 0 0 4px 10px;
 color: #FFFFFF;
 width: 164px;
 _width: 174px;
 background: #D25179 url("files/madrasr4.png") no-repeat left bottom;
 font: normal 20px/1.1 Impact,Verdana,"ＭＳ ゴシック",Osaka,fantasy;
 _font-weight: bold;}

#site_info {
 padding: 0 0 0 1em;
 background-color: #FFFFFF;}

#back_link {
 margin: 0;
 padding: 0.4em 0 0.4em 10px;
 width: 164px;
 _width: 174px;
 height: 9em;
 list-style-type: circle;
 background-color: #FFFFFF;
 background-image: none;
 text-align: left;}
#back_link li { margin: 0 0 0 10px; padding: 0;}
#back_link li a { padding: 0; display: inline;}
#back_link li a:link { color: #CC001F;}
#back_link li a:visited { color: #893437;}
#back_link li a:hover, #back_link li a:active { color: #CD2165;}

/* メニュー */

#menu {
 margin: 0;
 padding: 1em 0;
 position: absolute;
 top: 10em;
 right: 0;
 z-index: 50;
 width: 174px;
 text-align: left;}

.link {
 padding: 10px 0 0;
 clear: both;
 background: #FFFFFF url("files/madrasr4.png") no-repeat left top;
 font-family: "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

.link_title {
 margin: 0;
 padding: 0 0 4px 10px;
 display: block;
 min-height: 10px;
 vertical-align: baseline;
 list-style-type: none;
 color: #FFFFFF;
 background: #D25179 url("files/madrasr4.png") no-repeat left bottom;
 font: bold 100.1%/1.4 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 text-align: left;
 width: 164px;
 _width: 174px;}

.link_text {
 background-color: #FFFFFF;
 margin: 0;
 padding: 0.1em 0 10px 0;
 list-style-type: none;}
.link_text li a {
 background: #FFFFF url("files/madrasr5.png") no-repeat left center;
 margin: 0;
 padding: 2px 0 2px 20px;
 min-height: 11px;}
.C1 .link_text li a, .link_text li.C1 a {
 background-position: -600px center;}
.C98 .link_text li a, .link_text li.C98 a {
 background-position: -800px center;}
.link_text li a:hover {
 background-position: -400px center;}

#link_here a {
 background-position: -200px center;
 color: #CC0099;}

#latest_comments .link_text {
 font-size: 90%;}

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

#archives .link_text li {
 list-style-image: none;
 border-bottom: 1px dotted #D25179;
 padding: 0;}

.link_year {
 display: block;
 margin: 0;
 padding: 1px 0 3px 20px;
 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 20px;}
*>.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;
 background-position: 5px center;}
#archives .link_text li:hover .link_month, #archives .link_text li.on .link_month, #archives .link_text li:hover .link_year {
 display: block;
 background-color: #FFFFFF;}
.link_year:hover, .link_month:hover {
 background-image: url("files/madrasr3.png");
 background-repeat: no-repeat;
 background-position: left center !important;}
* html #archives .link_text li {
 zoom: expression(this.style.zoom || (this.onmouseover=new Function("this.className='on'"), this.onmouseout=new Function("this.className=''")));}

/* 記事 */

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

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

#main h2 {
 margin: 0;
 padding: 0.4em 20px;
 color: #FFFFFF;
 background: #D25179 url("files/madrasr2.png") left bottom;
 font: bold 120%/1.4 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;
 text-align: left;}

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

#archive_yearlist h2 {
 line-height: 1.6;}

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

#archive_yearlist dt {
 margin: 0;
 padding: 0.4em 1em 0.4em 20px;
 border-bottom: 1px dotted #D25179;
 background: url("files/madrasr3.png") no-repeat left center;
 font: bold 100.1%/160% "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

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

#archive_yearlist dd li a {
 font-family: "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

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

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

.entry {
 position: relative;
 margin: 10px 0 0;
 padding: 0 0 1.4em;
 width: 100%;
 background-image: url("files/madrasr3.png");
 background-repeat: no-repeat;
 background-position: 5px top;}

.entry_date {
 padding: 0 0 2px 25px;
 position: static;
 min-height: 10px;
 text-align: left;
 font: normal 9px/1.1 Impact,Courier,monospace,fantasy;}

.entry_title {
 margin: 0;
 padding: 0 0 0 25px;
 width: 90%;
 z-index: 20;
 font: bold 120%/1.4 "平成明朝","ＭＳ 明朝",Times,"Times New Roman",serif;}

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

.entry_info {
 padding: 0 1em 0 0;
 border-right: 1px solid #D25179;
 display: block;
 position: absolute;
 right: 7em;
 _right: 6em;
 bottom: 0;
 z-index: 21;
 width: 100%;
 line-height: 1.2;
 font-family: Meiryo,"メイリオ",Verdana,Osaka,sas-serif;
 text-align: right;}

.entry_body {
 margin: 0;
 padding: 8px 8px 8px 10px;
 -moz-border-radius: 20px;
 border-radius: 20px;
 z-index: 20;
 line-height: 1.8;
 font-family: Meiryo,"メイリオ",Osaka,"ＭＳ ゴシック",sans-serif;
 background-color: #FFDCE6;
 background-position: 20px 20px;
 background-repeat: no-repeat;
 word-break: break-all;}
.C1 .entry_body {
 background-color: #FFE8DD;}

.entry_responses {
 margin: 0;
 padding: 0;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 21;
 width: 100%;
 line-height: 1.2;
 font-family: Meiryo,"メイリオ",Verdana,Osaka,sas-serif;
 text-align: right;}

.entry .for-guest {
 _display: block !important;
 _height: 1.2em;}
.entry .for-guest a {
 _display: none;}

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

.comment {
 margin: 0;
 padding: 0;}
.C1 .comment {
 color: #893437;}

.comment_title {
 text-align: left;}

#comments {
 margin: 0 0 -1em;
 position: relative;
 top: -1.2em;
 left: 0;
 z-index: 20;
 text-align: right;
 width: 100%;
 display: block;}

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

.comment_form input {
 margin: 0.2em 0.1em;
 padding: 0.2em 0.2em 0.3em;
 height: 1.8em;}
.C1 .comment_form input {
 border-color: #893437;}
.comment_form input:hover {
 background-color: #FFF6F2;}

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

.comment_element {
 margin: 2px 10px 3px;
 border-top: 1px dotted #D25179;
 line-height: 1.6;}

.link_older {
 margin: 1em 0 0;
 padding: 0.1em 0 0.1em 20px;
 line-height: 1.4;
 background: #D25179 url("files/madrasr2.png") repeat left bottom;
 font-weight: bold;
 text-align: left;}

.link_older a:link, .link_older a:visited {
 color: #FFFFFF;}
.link_older a:after {
 content: "\00ff1e\00ff1e";}