@charset "utf-8";
@import url('initial_values') screen, print;
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP');

/*

a,

body,
address,
hr,
h1, h2, h3, h4, h5, h6,
p,
pre,
blockquote,
ol, ul, dl,
table,

strong, em, dfn, cite,
q,
code, samp, kbd, var,
abbr, acronym,

br,
sup, sub, tt, i, b, big, small

*/

@media screen, print
{

  /* ######## Colours and UI
  */

  body
  {
    font-family: 'Palatino', 'Palatino Linotype', 'Constantia'
    , 'ヒラギノ明朝 ProN W3', 'Yu Mincho', 'Noto Serif JP', serif;
  }

  h2, h3, h4, h5, h6, em, strong
  {
    font-family: 'Seravek', 'Candara', 'ヒラギノ角ゴ ProN W3', 'Yu Gothic', sans-serif;
  }

  pre,
  code, samp, kbd, var,
  input[type="text"],
  textarea,
  hr
  {
    font-family: 'Andale Mono', Consolas, monospace;
  }

  html
  {
	color: #000000;
    background-color: #c0c0c0;
  }

  body
  {
    color: #c0c0c0;
    background-color: #000000;
  }

  em,
  strong
  {
	color: #ffffff;
  }

  a:link
  {
    /*
    color: #64934B;
    */
    color: #00ffff;
  }

  a:visited
  {
    color: #c080c0;
  }

  a:link,
  a:visited
  {
    text-decoration: underline;
    padding: 1px;
  }

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

  a:link:active,
  a:visited:active,
  button:active
  {
    position: relative;
    top: 1px;
    left: 1px;
  }
  
  button:active
  {
    border-style: inset;
  }

  button
  {
    margin: 0 0.5em;
    padding: 0.2em 0.5em;
    border: 1px outset;
    border-radius: 0.5em; /* css 3 */
    vertical-align: middle;
  }

  input[type="text"],
  textarea
  {
    padding: 0.2em;
    border: thin solid;
    font-size: 89%;
  }

  input[type="text"]:focus,
  textarea:focus
  {
    background-color: #404040;
  }

  del
  {
    text-decoration: line-through;
    color: #c0c0c0;
  }
}

@media print
{

  html,
  body
  {
    color: #000000;
    background-color: #ffffff;
  }

  a:link
  {
    /*
    color: #64934B;
    */
    color: #0000ff;
  }

  a:visited
  {
    color: #800080;
  }

  input[type="text"]:focus,
  textarea:focus
  {
    background-color: #c0c0c0;
  }

  del
  {
    color: #808080;
  }

  #CAL.yokota12612542 pre.jan
  {
    background-color: #c0c0c0;
  }

  #BBS.yokota12612542 small
  {
    color: #808080;
  }

}

@media screen, print
{

  /* ######## Block Elements
  */

  body
  {
	margin: 0 10.7% 0 17.3%;
	padding: 1px 1em;
    line-height: 1.236;
    text-align: justify;
  }

  address
  {
    margin: 2em 0;
  }

  address:before
  {
    content: "-- \A";
    white-space: pre;
  }

/*
  hr
  {
    margin: 1em 0;
  }

  hr:before
  {
    content: '#-------------------------------------';
  }
*/

  hr
  {
    margin: 1em 1.5em;
    width: 0.7em;
    height: 1px;
    border-width: 3px;
    border-style: double none;
    border-color: #808080;
  }

  h1, h2, h3, h4, h5, h6
  {
    margin: 3em 0 2em;
    /* font-size: 112%; */
    clear: left;
  }

  h1
  {
    margin-bottom: 2em;
    font-size: 106%;
    /* font-size: 125%; */
  }

  .yokota12612542 h1[title=""]:after
  {
    display: none;
  }

  .yokota12612542 h1:after
  {
    content: '-Uweve epa Vasbsior God Zovarod-';
    display: block;
    font-size: 89%;
    font-style: italic;
  }

  .yokota12612542 h1[title]:after
  {
    content: '-' attr(title) '-';
  }

  h2:before
  {
    content: '{ ';
  }

  .yokota12612542 h2:before
  {
    content: '{>_< ';
  }

  h2:after
  {
    content: ' }';
  }

  h3, h4, h5, h6
  {
	text-indent: 0.618em;
  }

  p
  {
    margin: 1em 0;
    line-height: 1.618;
  }

  pre
  {
    margin: 1em 0;
    white-space: pre;
    white-space: pre-wrap;
  }

  blockquote
  {
    margin: 1em 0;
    padding-left: 1em;
  }

  blockquote:before,
  blockquote:after
  {
    display: block;
    margin: 1em 0;
    margin-left: -1em;
  }

  blockquote:before
  {
    content: "<<Q";
  }

  blockquote:after
  {
    content: "Q";
  }

  /* ######## Lists and Tables
  */

  li
  {
    line-height: 1.618;
    margin-left: 2em;
  }

  /*
  ul > li
  {
    text-indent: -1em;
  }

  ul > li:before
  {
    content: '◂ ';
    display: marker;
  }

  ul
  {
    margin: 1em 0;
    list-style-type: none;
  }
  */

  ol
  {
    margin: 1em 0;
    list-style-type: decimal;
  }

  ul
  {
    margin: 1em 0;
    list-style-type: square;
  }

  ol ol,
  ol ul,
  ul ol,
  ul ul
  {
	margin-top: 0;
  }

  dl
  {
    margin: 2em 0;
  }

  dt
  {
    margin: 1em 0 0.2em 0;
  }

  dd
  {
    margin: 0.2em 0 0.2em 2em;
    line-height: 1.618;
  }

  table
  {
    border-collapse: collapse;
    margin: 2em -0.2em;
  }

  th,
  td
  {
    padding: 1em 1em 0 0.2em;
    border-bottom: thin solid #404040;
    vertical-align: bottom;
  }

  tbody:first-child > tr:first-child > *
  {
    padding-top: 0;
  }

  /* ######## Inline Elements
  */

  /*
    strong, em, dfn, cite, q,
    code, samp, kbd, var,
    abbr, acronym
  */

  em
  {
    font-style: italic;
	letter-spacing: 0.1em;
  }

  strong
  {
	font-weight: bolder;
  }

  dfn,
  cite
  {
    font-style: italic;
  }

  dfn:lang(ja),
  cite:lang(ja)
  {
    font-style: normal;
  }

  q:before
  {
    content: open-quote;
  }

  q:after
  {
    content: close-quote;
  }

  q
  {
  /*
    quotes: '"' '"' '\'' '\'';
  */
    quotes: '‘' '’' '“' '”';
  }

  :lang(ja) > q
  {
    quotes: '「' '」';
  }

  :lang(en) > q
  {
    quotes: '‘' '’' '“' '”';
  }

  :lang(de) > q
  {
    quotes: '„' '“' '‚' '‘';
  }

  :lang(yo) > q
  {
    quotes: '‹ ' ' ›' '« ' ' »';
  }

  /*
  a[title],
  */
  strong[title], em[title], dfn[title], cite[title], q[title],
  code[title], samp[title], kbd[title], var[title],
  abbr[title], acronym[title],

  sup[title], sub[title], tt[title], i[title], b[title], big[title], small[title],
  span[title]
  {
    border-bottom: thin dotted;
  }


  /* ######## Classes
  */

  .yokota12612542 .out_of_flow
  {
    margin: 0 0 0 0.5em;
    display: block;
    float: right;
    clear: right;
    max-width: 30%;
  }

  .yokota12612542 .twitter button,
  .yokota12612542 button.twitter
  {
    background-color: rgb(84, 172, 238) /* twitter blue */ ;
    color: #ffffff;
  }

  .yokota12612542 img
  {
    max-width: 30%;
    max-height: 30em;
  }

  .yokota12612542 img.large
  {
    max-width: none;
    max-height: none;
  }

  .yokota12612542 .quote q
  {
    quotes: none;
    font-style: italic;
  }

  .yokota12612542 .quote q:lang(ja)
  {
    font-style: normal;
  }

  /* ######## Specific Documents
  */
  
  /*
  body.yokota12612542#LS:before
  {
    margin: 0 0 1em 1em;
    display: block;
    float: right;
    max-width: 38%;
    content: url(Monalisa_right);
  }
  */

  .yokota12612542#LS h1
  {
	margin: 3em -1em;
	padding: 1em;
  }

  .yokota12612542#LS h1,
  .yokota12612542#LS h2
  {
    background: transparent url(Monalisa_right) fixed right bottom repeat-y;
  }

  .yokota12612542#LS h3
  {
    padding-right: 76.3%;
    text-align: right;
  }


  .yokota12612542#LS .toc
  {
    margin-top: 2em;
  }

  .yokota12612542#LS .toc h2
  {
    display: none;
  }

  .yokota12612542#LS .toc ul
  {
    margin: -2em 0 2em;
  }

  .yokota12612542#LS .toc li
  {
    margin: 0;
    padding-left: 23.6%;
    display: block;
  }

  .yokota12612542#LS .toc li:before
  {
    content: '';

    margin: 0.625em 0.75em 0 -30.9%;
    float: left;
    display: block;
    width: 30.9%; /* 23.6 / (100 - 23.6) */
    height: 0.1em;
    background: #808080 url(Monalisa_right) fixed right top;
  }

  #WHOAMI.yokota12612542 th
  {
    width: 7em;
  }

  #WHOAMI.yokota12612542 #PHOTOS img
  {
    float: left;
    margin: 1em 1em 3em 0em;
    max-height: 200px;
  }

  #WHOAMI.yokota12612542 #PHOTOS li
  {
    display: inline;
  }

  #MEMBERS.yokota12612542 tbody th
  {
    text-align: right;
  }

  #MEMBERS.yokota12612542 tbody tr > *:first-child,
  #MEMBERS.yokota12612542 tbody tr > *:first-child + td
  {
    text-align: right;
  }

  #KILL.yokota12612542 ul li
  {
    margin-top: 1em;
    margin-bottom: 1em;
  }

  #CAL.yokota12612542 pre+*
  {
    clear: both;
  }

  #CAL.yokota12612542 pre
  {
    margin: 1px;
    padding: 0.2em;
    border: 1px solid;
    float: left;
    clear: none;
    width: 13em;
    height: 9em;
    line-height: 1.125;
    overflow: hidden;
    text-align: center;
    white-space: pre;
  }

  #CAL.yokota12612542 pre.dec.y099
  {
    margin-bottom: 2em;
  }

  .yokota12612542#CONVERT hr
  {
    margin: 1em;
    padding: 0;
    border: 0 none;
    width: 256px;
    height: 1px;
    background: #808080 url(rainbow_h) no-repeat;
  }

  .yokota12612542#CONVERT hr:before
  {
    content: '';
  }

  .yokota12612542#PBPASTE pre
  {
    font: inherit;
  }

  .yokota12612542#PBPASTE hr
  {
    margin-top: 3em;
    margin-bottom: 3em;
  }

  .yokota12612542#CATICATI table
  {
    text-align: right;
    vertical-align: bottom;
  }

  .yokota12612542#CATICATI td button
  {
    font-size: 141%;
    margin: 0.2em 0;
  }

  .yokota12612542#VAMPIRE_MUMU small
  {
	color: #808080;
  }
}