@charset "Shift_JIS";

/* � � � � � � � � � � � � � � � � � � � � � � � 
   Romancing Kanon ŒÀ’è Cascading Style Sheet
     by Hosoyama Naoki (hossy.mail@popup.org)
   � � � � � � � � � � � � � � � � � � � � � � � 
*/



/* ����������������
     •ÇŽ†
   ���������������� */
body
{
  background: #faf8f0 url(./wall.jpg) repeat;
  color: black;
  margin: 0 0 2em 0;
  padding: 0;
/*  font-size: 90%; */
}



/* ����������������
     –{•¶
   ���������������� */
p
{
  display: block;
  margin: 0em 0.5em 0.5em 0.5em;
  text-indent: 1em; 
  line-height: 120%;
}

p.face
{
  margin-top: 2.0em;
/*
  height: 200px;
  float: right; */
}
p.face img
{
  width: 80px;
  height: 128px;
}
p.cg, p.figure
{
  text-indext: 0;
  margin-left: 1.5em;
}

p.frame img
{
  width: 184px;
  height: 144px;
}
p.frame
{
  margin-left: 1.5em;
  padding: 0;
  border: 0;
  text-indent: 0;
  width: 184px;
  height: 144px;
  background: url(./frame.png) no-repeat;
}

p.capture
{
  margin-left: 1.5em;
/*
  height: 200px;
  float: right; */
}
p.capture img
{
  width: 320px;
  height: 240px;
  border: none;
}

p.note
{
  padding: 0.2em 1em 0.2em 1em;
  margin-left: 5em;
  margin-right: 5em;
  text-indent: 0em; 

  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 2px gray     solid;
  border-right:  2px gray     solid;

  background: floralwhite;
}

p.shortcut {
  clear: both;
  text-align: right;
}
span.shortcut {
  padding: 0.2em 0.5em 0.2em 0.5em;
  font-weight: normal;
  text-align: right;
  background: #fff8f2;
  color: #696969;

  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 1px gray     solid;
  border-right:  1px gray     solid;
}

pre
{
  margin: 1em 1em 1em 2em;
  padding: 0.5em;
  border: 1px #a84 dashed;
  background: #fffcf4;
  color: #420;
}

p.add
{
  color: #888;
}


/* ����������������
    Œ©�o‚µ
   ���������������� */
h1
{
  text-align: center;

  /* "‚l‚r ‚oƒSƒVƒbƒN", */
  font-family: "‚c‚e‚oPOP‘Ì";
  font-size: 160%;
  font-weight: bold;

  border-top: none;
  border-left: none;
  border-right: none;
/*  border-bottom: 1px solid #000;
  font-style: italic;
*/
  background: rgb(51,51,102);
  color: #eee;

  padding-top: 0.2em;
  padding-left: 0.5em;
  padding-bottom: 0.1em;
  text-indent: 0.2em;
  
  margin-top: 0px;
  margin-bottom: 0px;
}

div.h1-after
{
  background: url(./h1-add2.gif) no-repeat;
  height: 8px;
}


h2
{
  font-family: "‚l‚r ‚o–¾’©", serif;
  text-align: left;

  font-size: 135%;
  line-height: 100%;
  margin: 1em 0 0.5em 0.1em;
  padding: 2px 0 0 0.25em;

  border: none;
/*  border-bottom: 4px solid  #ffa0a0;  */
  background: url(./h2-add.png) bottom repeat-x;
  color: #e04040;

  font-style: normal;
}

h3
{
  clear: both;

  font-family: "‚l‚r ‚o–¾’©", serif;
  text-align: left;

  font-size: 115%;
  line-height: 100%;
  margin: 1.5em 0 0.5em 0em;
  padding: 2px 0 0 0.25em;

  border: none;
  color: #c06020;

  font-style: normal;
}

h3 span
{
  padding: 0 1.5em 0 0.25em;
  background: url(./h3-add.png) bottom repeat-x;
}

h4
{
  font-family: "‚l‚r ‚o–¾’©", serif;
  text-align: left;

  font-size: 110%;
  line-height: 100%;
  margin: 1em 0 0.5em 0em;
  padding: 3px 0 0 0.25em;

  border: none;
  color: #c07040;

  font-style: normal;
}

table
{
  margin: 1em 1em 1em 1em;
  empty-cells: show;
  font-size: 90%;
  line-height: 120%;
  border-left:   1px darkgray solid;
  border-top:    1px darkgray solid;
  border-bottom: 1px gray     solid;
  border-right:  1px gray     solid;
  background: #f8ffff;
}

div.learning
{
  clear: both;
}

div.learning table
{
  float: left;
}

td
{
  border-left:   1px white   solid;
  border-top:    1px white   solid;
  border-bottom: 1px dimgray solid;
  border-right:  1px dimgray solid;
  background: #f8f8f0;
}

th
{
  font-size: 100%;
  text-align: center;
  border-left:   1px white   solid;
  border-top:    1px white   solid;
  border-bottom: 1px dimgray solid;
  border-right:  1px dimgray solid;
  padding-right: 0;
  background: #ffceb3;
  font-weight: bold;
  color: #952a2a; /* brown; */
}

table.parameter
{
  float: left;
}

table.parameter td
{
  text-align: right;
}


td.title, table.parameter td.title
{
/*
  background-color: rgb(51,51,102);
  color:  #483d8b; darkslateblue;

  background: #aad;
  color:  #326;
*/

  background-color: #fff4c4;
  color:  #a53;

  font-weight: bold;
  border-bottom: 1px gray solid;
  border-right:  1px gray solid;
}




ul.listup, ul.menu
{
  margin: 1em 1em 1em 1.5em;
  padding: 0.5em;
  border: 1px #a84 dashed;
  background: #fffcf4;
/*  color: #420; */
}
ul.listup li, ul.menu li
{
  list-style-type: none;
  margin-top: 0.3em;
}

/*

*/
dl.listup, dl.listup2{
  border-left: 2px solid #fa8;
  margin-left: 1em;
  margin-right: 0.5em;
  padding: 0.5em;
/*
  background-color: #fff;
*/
}

dl.listup dt, dl.listup2 dt
{
  margin-top: 0.5em;
  border-top: 1px solid #eca;
  padding-top: 0.5em;
  font-weight: bold;
  color: #008;
}

dl.menu
{
  margin: 1em 1em 1em 1.5em;
  padding: 0.5em;
  border: 1px #a84 dashed;
  background: #fffcf4;
/*  color: #420; */
}
dl.menu dt
{
  color: #448;
  margin: 0.5em 0 0 0;
  font-weight: bold;
}
dl.menu dd
{
  margin-left: 1em;
  margin-bottom: 0.15em;
  /* text-indent: 1em; */
  color: #222;
}



dl.column dt
{
  color: gray;
  font-weight: bold;
}

dl.listup dd
{
  margin-left: 2em;
  margin-bottom: 0.15em;
  text-indent: -1em;
}


dl.listup2 dd
{
  margin-left: 1em;
  margin-bottom: 0.15em;
  text-indent: 1em;
}

dl.listup dd span
{
  color: #602;
}

dl.listup dd.add
{
  margin-left: 3em;
  text-indent: 0em;
  color: #446;
}

div.atogaki
{
  margin: -0.9em 1em 1em 1.5em;
  padding: 0.5em;
  border: 1px #a88 dashed;
  background: #ffffff;
/*  color: #420; */
}

div.atogaki p
{
  text-indent: 0em; 
}

div.info
{
  color: #400;
  margin: 1em 4em 1em 4em;
  padding-top: 1em;
  border: 1px #a88 dashed;
  background: #ffffff;
/*  color: #420; */
}

span.win
{
  color: #446;
  margin-left: 0.5em;
  margin-right: 0.5em;
}


/* ’�Žß */
colgroup#rank, colgroup.rank
{
  text-align: right;
  font-family: Arial, Sans-serif;
  padding-right: 0.2em;
}


colgroup#name, colgroup.name
{
  text-align: left;
  background-color: #fff4c4;
  color:  #a53;

  font-weight: bold;
  border-bottom: 1px gray solid;
  border-right:  1px gray solid;
}

colgroup.no
{
  text-align: right;
  font-family: Helvetica, Sans-serif;
  color: #625;
  font-size: 100%;
}

colgroup.lv
{
  width: 5em;
  text-align: left;
}

colgroup.str
{
  text-align: left;
}

colgroup#link, colgroup.link
{
  text-align: center;
}

colgroup#date, colgroup.date
{
  color: green;
  font-family: Verdana, sans-serif;
  font-size: 75%;
}


/* ����������������
        ƒŠƒ“ƒN
   ���������������� */

/*
a:link, 
{
  text-decoration:none;
  font-weight:bold;
  color:#FF6633
}
*/
a:link, a:visited
{
  text-decoration:none;
  font-weight:bold;
  color:#CC33FF
}
a:active
{
  text-decoration:underline;
  font-weight:bold;
  color:#00AA00
}
a:hover
{
  text-decoration:underline;
  font-weight:bold;
  color:#00FF00
}



/*
TD A, TD A:link, TD A:visited
{
  color:  #444; 
}

TD.title2 A, TD.title2 A:link, TD.title2 A:visited
{
  color:  #6840B2;
}

DL A:link, DL A:visited
{
  color: #84F; 
}
*/


/* ����������������
     ‹­’²
   ���������������� */

/*
B
{
  color: #a64;
}
*/

em
{
  font-style: normal;
  font-weight: bold;
  color: #f00;
}

table em
{
  font-weight: normal;
  color: #00c;
}

em.light
{
  font-style: normal;
  font-weight: normal;
  color: #f00;
}


/* ����������������
    ‚»‚Ì‘¼
   ���������������� */

.clear
{
  clear: both;
}

textarea
{
  margin-left: 1em;
}

hr
{
  clear: both;
  display: block; 
  color: #fcb;
  margin-bottom: -4px;
}

img.thumbnail
{
  margin-left: 40px;
  width:160px;
  height:120px;
  border:0px;
  /* vertical-align: top; */
}
img.banner
{
  width:200px;
  height:40px;
  border:0px;
  vertical-align: top;
}

span.day
{
  color: green;
  font-family: Verdana, sans-serif;
  font-size: 80%;
}
address{
  font-style: normal;
  margin-left: 1.5em;
  padding-left: 0.5em;
  color: #8b6c4e;
  background: transparent;
}




p.comment
{
  margin: 1em 1em 0 1.5em;
  padding: 0.5em;
  border: 1px #a88 dashed;
  background: #ffffff;
  text-indent: 0em; 
/*  color: #420; */
}

ul.response
{
  border-left:    8px #fec solid;
  /* border-top:   1px #fc8 dashed; */
  border-bottom: 1px #fc8 dashed;
  border-right:  1px #fc8 dashed;
  /*            up     right  bottom left */
  margin: 0 1.0em 2.0em 3.0em;

  padding-left  : 1.5em;
  padding-top   : 0.5em;
  padding-bottom: 0.5em;
  padding-right : 0.5em;
  background-color: #fff;
}

ul.response li
{
  list-style-type: none;
  margin: 0em 0.4em 0em 0.4em;
  padding: 0.3em 0.5em 0em 0.5em;
  text-indent: -1em;
}

span.name
{
  color: #888;
  font-weight: bold;
}

span.update
{
  color: green;
  font-family: Verdana, sans-serif;
  font-size: 80%;
}


table caption
{
  font-family: "‚l‚r ‚o–¾’©", serif;
  text-align: left;
  font-weight: bold;
  font-size: 110%;
  line-height: 100%;
  margin: 1em 0 0.5em 0em;
  padding: 3px 0 0 0.25em;

  border: none;
  color: #c07040;

  font-style: normal;
}

/*
div.info
{
  color: #400;
  margin: 1em 4em 1em 4em;
  padding-top: 1em;
  border: 1px #a88 dashed;
  background: #ffffff;
  color: #420;
}
*/