/* ;;-*- coding: iso-2022-jp -*-;; 
   *
   * CascadingStyleSheet for stained-g.net
   * Author by Shinichiro HIDA mailto:shinichiro@stained-g.net
   * used files are: winter-driving-howto.html, emacsen/emacs21-wl.html
   */

@media screen{ 
  body {
    background: #02191E url(../img/blackstone.jpg) fixed;
    color: #DCDCDC; /*gainsboro*/
    margin: 30px;
  }
  h1.en {
    color: #FFDAB9; /*peachpuff*/
/*    font-size: 20px; */
    font-family: fixed,helvetica,serif;
    border-style: groove;
    text-align: center;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  h1.ja {
    color: #FFDAB9; /*peachpuff*/
/*    font-size: 17px; */
    font-family: gothic,sans-serif;
    text-align: center
  }
  h2 {
    color: #66CDAA; /*mediumaquamarine*/
/*    font-size: 16px; */
    font-family: shinonome,fixed,helvetica,serif;
    border-style: groove;
    border-width: 2px;
    text-align: center;
    margin-top: 10px;
  }
  h3 {
    color: #b0c4de;
    background-color: transparent;
/*    font-size: 15px; */
    font-family: mincho, fixed, serif;
    border-bottom-style: groove;
  }
  h5 {
    font-family: moncho,fixed,serif;
/*    font-size: 15px; */
    font-weight: normal;
    margin-bottom: 2px;
    margin-top: 2px;
    color: #E6E6FA; /*lavendar*/
    border-width: 2px;
    background-color: #011126;
    border-left-style: groove;
    border-top-style: groove;
    border-color: #E6E6FA;
  }
  div {
    color: #DCDCDC; /*gainsboro*/
/*    font-size: 14px; */
    letter-spacing: 3px;
    line-height: 20px;
    margin-bottom: 30px;
  }
  p {
    color: #dcdcdc;
/*    font-size: 14px; */
    letter-spacing: 3px;
    line-height: 20px;
  }
  em {
    color: #FFD0E0;
    background-color: transparent;
    font-style: oblique;
  }
  a:link{
    color: #7FFFD4; /*aquamarine*/
    text-decoration: none;
  }
  a:visited{
    color: #778899; /*lightslategray*/
    text-decoration: underline;
  }
  a:active{
    color: #FFC0CB; /*pink*/
    text-decoration: underline;
  }
  a:hover {
    color: #40E0D0; /*turquoise*/
    text-decoration: underline;
  }
  .u {
    text-decoration: underline;
  }
  .caut {
    color: #FFC0CB; /*pink*/
/*    font-size: 15px; */
    font-family: shinonome,mincho,serif;
    line-height: 20px;
    letter-spacing: 2px;
    margin-left: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .border {
    border-style: ridge;
    border-width: 3px;
    border-color: #2F4F4F; /*darkslategray*/
    margin: 30px;
  }
  .caption {
    color: #66CDAA; /*mediumaquamarine*/
/*    font-size: 15px; */
    font-family: shinonome,mincho,serif;
    text-align: center;
    margin-top: 0px;
  }
  .small  {
    color: #F08072; /*salmon*/
/*    font-size: 15px; */
    font-family: shinonome,mincho,serif;
    margin: 10px;
  }
  .hidden {
    visibility: hidden;
  }
  ul {
    list-style: circle;
    color: #40E0D0; /*turquoise*/
  }
  ol.primary-list {
    list-style: upper-roman;
  }
  li      {
/*    font-size: 16px; */
    font-family: shinonome,mincho,serif;
    line-height: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: -5px;
  }
  li.narrow {
/*    font-size: 14px; */
    font-family: shinonome,mincho,serif;
    margin: -1px;
  }
    li.narrow-equipe {
/*    font-size: 12px; */
    font-family: shinonome,mincho,serif;
    margin-left: 20px;
    margin-top: 0px;
    margin-bottom: -1px;
  }
  .comment {
    color: #B0C4DE;
    background-color: transparent;
    border-style: groove;
    padding: 5px;
  }
  .center {
    text-align: center;
  }
  .logo {
    text-align: center;
    border-style: ridge;
    border-width: 5px;
    padding: 0px;
    width: 184px;
    color: #2f4f4f;
    background-color: transparent;
    margin-top: 0px;
    padding-top: 2px;
  }
  .pa {
    color: #dcdcdc;
    font-style: oblique;
/*    font-size: 14px; */
    font-family: lucidabright,times,serif;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  div.right {
    margin-top: 2px;
    text-align: right;
  }
  div.navi {
    margin-top: 2px;
    margin-bottom: 2px;
    text-align: right;
    font-family: mincho,fixed,serif;
/*    font-size: 12px; */
    letter-spacing: 1px;
    padding: 2px;
  }
  img {
    border-style: none;
  }
  
  .fright {
    float: right;
  }

  .fleft {
    float: left;
  }

  .clear {
    clear: both;
  }

  dt {
    /* color: #6a5acd;*/ /*slateblue*/
    color: #b0c4de;
    background-color: transparent;
/*    font-size: 14px; */
    margin-top: 10px;
  }

  dd {
/*    font-size: 14px; */
    margin-top: 5px;
  }

  .equipelist {
/*    font-size: 13px; */
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
  }

  th {
    color: #778899; /*light slate gray*/
    background-color: #011126; 
/*    font-size: 13px; */
    font-style: normal;
    text-align: left;
    border-left-style: solid;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 2px;
  }
  .head {
    background-color: #B0C4DE; /*lightsteelblue*/
    color: #00008B; /*DarkBlue*/
  }
  td {
/*    font-size: 13px; */
    border-left-style: solid;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 2px;
  }
  th.nobord {
    border-style: none;
    width: 330px;
    vertical-align: top;
    padding: 5px;
  }
  td.nobord {
    border-style: none;
    width: 330px;
    vertical-align: top;
    padding: 5px;
  }
}

@media print {
  body {
    background-color: #FFFFFF;
    color: black;
    margin-top: -5px;
    margin-bottom: -5px;
    width: 780px;
    height: 1000px;
  }

  h1 {
/*    font-size: 20px; */
    font-family: mincho,times,helvetica,serif;
    background-color: transparent;
    color: #6a5acd;
    border-style: groove;
    text-align: center;
    padding: 2px;
  }
  h2 {
    margin-left: 10px;
    padding-left: 5px;
    width: 768px;
  }
  h2.pagebreak {
    page-break-before: always;
    margin-top: -8px;
    padding-top: 0px;
    margin-bottom: 0px;
  }
  h3 {
    background-color: transparent;
    border-bottom-style: groove;
    padding-bottom: 2px;
/*    font-size: 15px; */
  }
  h5 {
    font-family: moncho,fixed,serif;
/*    font-size: 13px; */
    font-weight: normal;
    margin-bottom: 1px;
    margin-top: 1px;
    padding-top: 3px;
    color: #E6E6FA; /*lavendar*/
    border-width: 2px;
    background-color: #011126;
    border-left-style: groove;
    border-top-style: groove;
    border-color: #E6E6FA;
  }
  div {
    color: #000000;
/*    font-size: 12px; */
    letter-spacing: 1px;
    line-height: 14px;
    margin-bottom: 5px;
  }
  p {
    color: #000000;
/*    font-size: 12px; */
    letter-spacing: 1px;
    line-height: 14px;
  }
  .u {
    text-decoration: underline;
  }
  .caut {
    color: #800000;
    background-color: transparent;
/*    font-size: 13px; */
    font-family: shinonome,mincho,serif;
    line-height: 14px;
    letter-spacing: 1px;
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .border {
    border-style: ridge;
    border-width: 3px;
    border-color: #2f4f4f;
    margin: 20px;
  }
  .caption {
    color: #66cdaa;
/*    font-size: 12px; */
    font-family: shinonome,mincho,serif;
    text-align: center;
    margin-top: 0px;
  }
  .small {
    color: #f08072;
    background-color: transparent;
/*    font-size: 12px; */
    font-family: shinonome,mincho,serif;
    margin: 5px;
  }
  .hidden {
    visibility: hidden;
    height: 0px;
    margin: 0px;
  }
  ul {
    list-style: circle;
    color: #483D8B
  }
  ol.primary-list {
    list-style: upper-roman;
  }
  li {
/*    font-size: 12px; */
    font-family: shinonome,mincho,serif;
    line-height: 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: -5px;
  }
  li.narrow {
    font-size: 12px;
    font-family: shinonome,mincho,serif;
    margin: 1px;
  }
  li.narrow-equipe {
/*    font-size: 12px; */
    font-family: shinonome,mincho,serif;
    margin-left: 20px;
  }
  .comment {
    color: #2F4F4F;
    background-color: transparent;
    border-style: groove;
    padding: 3px;
  }
  .center {
    text-align: center;
  }
  .logo {
    text-align: center;
    border-style: ridge;
    border-width: 3px;
    padding: 0px;
    width: 184px;
    color: #2f4f4f;
    background-color: transparent;
    margin-top: 0px;
    padding-top: 1px;
  }
  .pa {
    color: #dcdcdc;
    font-style: oblique;
    font-size: 12px;
    font-family: lucidabright,times,serif;
    margin-bottom: 0px;
    padding-bottom: 0px;
  }
  div.right {
    margin-top: 1px;
    text-align: right;
  }
  div.navi {
    visibility: hidden;
    height: 0px;
  }
  img {
    border-style: none;
  }
  .fright {
    float: right
  }
  .fleft {
    float: left;
  }
  .clear {
    clear: both;
  }
  dt {
    color: #483D8B;
    background-color: #F0FFFF;
/*    font-size: 13px; */
    margin-top: 8px;
    margin-left: 0px;
  }
  dd {
/*    font-size: 12px; */
    margin-top: 5px;
    margin-left: 10px;
  }
  .equipelist {
/*    font-size: 12px; */
    border-top-width: 1px;
    border-right-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
  }
  th {
    color: #000080; /*Navy*/
    background-color: #D8BFD8; /*Thistle*/
/*    font-size: 12px; */
    font-style: normal;
    font-weight: normal;
    text-align: left;
    border-left-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  .head {
    background-color: #B0C4DE; /*lightsteelblue*/
    color: #00008B; /*DarkBlue*/
  }
  td {
/*    font-size: 12px; */
    border-left-style: solid;
    border-bottom-style: solid;
    border-left-width: 1px;
    border-bottom-width: 1px;
    padding-left: 2px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  th.nobord {
    border-style: none;
    width: 360px;
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  td.nobord {
    border-style: none;
    width: 360px;
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }
  td div {
    padding-top: 2px;
  }
  td div img {
    margin-right: 3px;
  }
}