@import url("common.css");

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

#main {
    margin-right: 30%;
}

@import url("common.css");

.c1 {
 border-color: #3cb371;
 color: #396;}

.c98 {
 color: #660;}

hr {
 display:none;}

#header { 
background-color: lightyellow;
 position: absolute;
 top: 0;
 right: 0;
 z-index: 10;
 width: 174px;
 text-align: left;}

#site_title {
 margin: 0;
 padding: 5px 0 5px 10px;
 color: #fff;
 background: #396 url("/home/portal-study/files/madrasg2.png") left bottom;
 font: bold 20px/1.1 meiryo,"メイリオ",impact,verdana,"ＭＳ ゴシック","ms ui gothic",osaka,fantasy;}

#site_info {
 padding: 0;}

#back_link {
 margin: 0 0 0 10px;
 padding: 0.4em 0;
 position: static;
 width: 164px;
 height: 9em;
 list-style-type: circle;
 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, #back_link li a:visited { color: #00c5b3;}

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

.link {
 clear: both;
 font-family: "平成明朝","ＭＳ 明朝",times,"times new roman",serif;}

.link_title {
 margin: 0;
 padding: 0 0 0 10px;
 border: 1px solid #8fbc8f;
 display: block;
 width: 162px;
 _width: 174px;
 min-height: 20px;
 line-height: 1.8;
 vertical-align: baseline;
 list-style-type: none;
 color: #fff;
 background: #396 url("/home/portal-study/files/madrasg2.png") repeat left top;
 font-weight: bold;
 font-family: "平成明朝","ＭＳ 明朝",times,"times new roman",serif;
 text-align: left;}

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

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

#link_here a {
 color: #f60;}

#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 {
 padding: 0;
 border-bottom: 1px dotted #8fbc8f;}

.link_year {
 margin: 0;
 padding: 1px 0 3px 20px;
 border: 0;
 display: block;}
*\3e.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;}
*\3e.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, #archives .link_text li:hover .link_year {
 display: block;
 background-color: DimGray;}
.link_year:hover, .link_month:hover {
 background: DimGray url("files/madrasg3.png") 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=''")));}

/* 記事 */

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

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

#main h2 {
 margin: 0;
 padding: 0.4em 20px;
 color: #fff;
 background-image: url("/home/portal-study/files/madrasg2.png");
 background-position: left bottom;
 font: bold 120%/1.4 "平成明朝","ＭＳ 明朝",times,"times new roman",serif;
 text-align: left;}

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

#archive_yearlist dt {
 margin: 0;
 padding: 0.4em 1em 0.4em 20px;
 border-bottom: 1px dotted #8fbc8f;
 background: url("/home/portal-study/files/madrasg3.png") no-repeat left center;
 font: bold 100.1%/1.6 "平成明朝","ＭＳ 明朝",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 {
 margin: 0 0 1em;
 position: relative;
 width: 100%;}

.entry_date {
 padding: 5px 0 30px;
 position: static;
 min-height: 20px;
 text-align: right;
 font: normal 9px/1.1 impact,courier,monospace,fantasy;}

.entry_title {
 margin: 0;
 padding: 2px 0 2px 20px;
 position: absolute;
 top: 34px;
 left: 15px;
 z-index: 20;
 width: auto;
 min-height: 20px;
 background: DimGray url("/home/portal-study/files/madrasg3.png") no-repeat left top;
 font: bold 120%/1.4 "平成明朝","ＭＳ 明朝",times,"times new roman",serif;}

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

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

.entry_body {
 -moz-border-radius: 20px;
 border-radius: 20px;
 border: 5px solid #8fbc8f;
 background-color: DimGray;
 font: normal 100.1%/1.8 verdana,"ＭＳ ゴシック",osaka,sans-serif;
 padding: 2em 8px 8px 10px;
 background-position: 20px 20px;
 background-repeat: no-repeat;}

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

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

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

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

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

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

.comment_form input:hover {
 background-color: #efe;}

#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 {
 border-top: 1px dotted #8fbc8f;
 margin: 2px 10px 3px;
 line-height: 1.6;}

.link_older {
 margin: 1em 0;
 padding: 0.4em 0 26px 20px;
 background: DimGray url("/home/portal-study/files/madrasg2.png") repeat-x left bottom;
 text-align: left;}

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




/* importを解釈しないブラウザ用 */

.for-guest{display:none;}


body {
background-image: url("files/hmain_03.png"); }
body { 
background-image: url("files/Hoshi.jpeg");
color: Aqua; }