@charset "Shift_JIS";
/*@import url("../html40default.css");*/

@media screen, print{
 body{
  color: black; background: #CCF url("hakaba");
  padding: 1%; margin:1%;
 }
 a:visited {color: #363}
 a:link {color: #03f}
 a:hover {color: #f63; background: #ff9}
 a:active {color: #0f9; background: #060}

 h1,h2,h3,h4,h5,h6{
  padding: 0;
  color: #033;
  font-weight: normal;
  font-family: "HG�³ž²�‘‘Ì-PRO",
   "‚c‚g‚o’†ž²�‘‘Ì","‚c‚e‚o’†ž²�‘‘Ì","‚c‚e’†ž²�‘‘Ì",
   "‚c‚g‚o�s�‘‘Ì","‚c‚e‚o�s�‘‘Ì","‚c‚e�s�‘‘Ì",
   "‚c‚g‚o—ê�‘‘Ì","‚c‚e‚o—ê�‘‘Ì","‚c‚e—ê�‘‘Ì",
   "‚i‚r•½�¬–¾’©‘ÌW3","HGŠÛºÞ¼¯¸M-PRO",
   "‚c‚e‚oPOP‘Ì","‚c‚ePOP‘Ì","‚l‚r ‚o–¾’©";
 }

 h1 {
  font-size: 250%;
  text-align: center;
  margin: 0.5em;
 }
 h2 {
  font-size: 160%;
  border-width: 4px 1px;
  border-style: ridge;
  border-color: #9F9;
  background: #999;
  color: #ff9;
  margin: 0.3em;
  padding: 0em 0.5em;
 }
 h3{
  font-size: 140%;
  margin: 0.1em 0.5em;
  padding: 0em 0.5em;
  background: #ccf;
  color: #c69;
  border-color: #ff6 #cc6 #cc6 #ff6;
  border-style: double;
  border-width: 3px;
 }
 h4{
  margin: 0.1em 1em;
  padding: 0em 1em; font-size: 125%;
  background: #ddd;
  color: #f69;
  border-color: #696 #9c6 #9c6 #696;
  border-style: double;
  border-width: 1px;
 }
 h5{margin: 0.1em 3em; font-size: 100%}

 h1 a{color: #cc9; background: #AAA}

 blockquote{
  border: 4px ridge #9fc;
  background: #eee;
  margin: 0.5em;
  padding: 0.1em;
 }
 blockquote blockquote{
  font-size: 95%;
  border: none;
  border-left: 2px ridge #cff;
  margin: 1em 1em 1em 2em;
 }
 blockquote address{
  margin: 1em; float: none; text-align: left; background: transparent
 }

 p{
  line-height: 130%;
  text-indent: 1em;
  margin: 0;
  padding: 1px;
 }

 ul{
  margin: 0.5em 1em 0.5em 2em;
  list-style-image: url("fireball");
 }
 ul p{
  text-indent: 0em;
 }
 ol{
  text-indent: 0em;
  margin: 0em 1em;
 }

 address{
  margin: 1em;
  background: transparent;
  text-align: right;
  clear: both;
 }

 em{
  font-style: normal;
  font-weight: bolder;
  color: #300;
 }
 strong{
  font-weight: bolder;
  font-size: 110%;
  color: #000;
  background: #FCF;
 }
 em em, strong strong {font-size: 105%}

 table {border: #9ff solid 1px; table-layout: fixed}
 td, th {
  border-bottom: #9ff ridge 2px;
  vertical-align: top;
 }

 colgroup.date {width: 10em}

/*============== class & id selector ===================*/

 p#counter{
  text-align: center;
  background: #999;
  padding: 1em;
  margin: 2em 20%;
  background: #F99 url("http://mcgi1.nifty.ne.jp/cgi-bin/counter.cgi?u=SDI00344&p=11");
 }
 p.counter img {
  border: 2px ridge #FC9;
  background: #F99 url("http://mcgi1.nifty.ne.jp/cgi-bin/counter.cgi?u=SDI00344&p=14");}

 p.letter-date, p.letter-from, p.letter-foot{
  text-align: right; margin: 1em
 }
 p.new {background: #FF9}

 .note{
  font: 90% "MS UI Gothic";
  color: #063;
  background: #CFC;
 }

 p.note{
  margin: 0.1em 1em;
  /*border-width: 1px 0px;
  border-style: dotted none;
  border-color: #9F9;*/
 }

 dl.’�{
  font: 90% "MS UI Gothic";
  color: #063;
  background: #CFC;
  display: run-in
 }

 blockquote.com{
  font-size: 80%;
 }

 .date {
  color:#C06;
  font-family:
   "Tempus Sans ITC",
   "Curlz MT", "Ransom", "Lucida Calligraphy Italic",
   "Lucida Blackletter", "Harrington", "Forte",
   "French Script MT", cursive;
  }
 span.date{
  text-align: right;
  width: 5em; float: right;
 }

 span.hearts {color: #f09;}

 div.foot{
  padding: 0.3em 0.5em;
  background: #fcc; border: #fcc ridge 2px;
  float: right; width: 15em;
 }
 div.foot p{
  margin: 0; padding: 0; text-indent: 0;
  text-align: right;
 }
 div.foot hr {display: none}

 div.—v–ñ{
  border: 4px ridge #F9F; background: #fcc;
  margin: 1em; padding: 0.5em 0em;
 }

 div.dialogue {border: 4px ridge #F99; background: #fff}
 div.dialogue p {text-indent: 0em; margin: 1em 0em;}
 div.dialogue p.i {margin: 0.1em 2em 0.1em 2em; color: #039}
 div.dialogue p.y {margin: 0.1em 0em 0.1em 4em; color: #930}
 div.dialogue p.m {margin: 0.1em 1em 0.1em 3em; color: #390}

 hr.section-separate {width: 100%; border-bottom: 4px ridge #0FC}
 hr.footer-separate {width: 100%; border-bottom: 4px ridge #F00}

 div.primary{
  width: 49%; margin: 0; float: left; clear: both;
 }
 div.secondary{
  width: 49%; margin: 0; float: right;
 }
 div.menu{
  width: 100%; clear: both;
  padding: 0; margin: 1% 0;
 }

 div.primary p, div.secondary p, div.third p{
  border-color: #F9C;
  border-style: none dotted dotted none;
  border-width: 0 1px 1px 0;
  margin-bottom: 0.1em;
 }
 div.script{
  margin: 1em 1em 1em 2em;
  background: #ffe;
  color: #001;
 }

 span[title]:after {content: "(" attr(title) ")";}

/*after*/

 body:after{
  display: block;
  width: 128px;
  height: 16px;
  right: 0;
  content: url("http://mcgi1.nifty.ne.jp/cgi-bin/counter.cgi?u=CQSO2437&p=14");
 }

}/*end of @media*/