/*
 * this file is the stylesheet for http://yosh.exjw.org/blog/
 *
 * Copyright (c) 2004-2006 yosh
 */


/* 
 * styleshet for screen and tv
 */
@media screen,tv {
  body {
    padding: 10px;
    margin: 0px;
    font-family: "Comic Sans MS", "Tahoma", sans-serif;
    font-size: 13px;
    color: #000000;
    background-image: url(../img/background2.jpg);
    background-position: left top;
    background-repeat: no-repeat;
    background-attachment: fixed;
  }
  div#body {
    width: 700px;
  }
  a,
  a.s {
    color: #0000D0; 
    font-weight: normal;
    text-decoration: none;
  }
  a img {
    border: none;
  }
  a:hover {
    color: #FF00FF;
    text-decoration: underline;
  }
  div#main {
    width: 700px;
    text-align: left;
    border-bottom: 1px solid #666666;
    margin:0px;
    padding: 0px;
    padding-bottom: 10px;
    padding-left: 15px;
    font-size: 14px;
  }
  div#main p {
    padding: 0px;
    margin: 0px;
  }
  h1 {
    width: 700px;
    text-align: left;
    margin: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    color: #000000;
    font-size: 24px;
    font-weight: bold;
  }
  h1 a {
    color: #000000;
    font-size: 24px;
    font-weight: bold;
  }
  p {
    text-indent: 0em;
  }
  p.poweredby {
    margin-top: 10px;
    margin-bottom: 10px;
  }
  p.poweredby a img {
    margin-top:5px;
  }
  p.ad {
    font-size: 12px;
  }
  ol {
    list-style-type: decimal;
    list-style-image: none;
  }
  ol ol {
    list-style-type: lower-roman;
    list-style-image: none;
  }

  /* for blog */
  #blogmain {
    width:500px;
    margin:0px;
    padding:0px;
    float:left;
  }
  .contents {
    padding: 5px 15px;
    line-height: 1.5;
  }
  .navi {
    padding: 5px;
    margin: 0px;
    text-align: center;
  }
  .contents h2 {
    font-size: 16px;
    padding-left: 26px;
    background:url("book.gif") no-repeat 0px 0px;
  }
  .contents h3 {
    font-size: 14px;
    font-weight: normal;
    padding-left: 26px;
    background:url("ashiato.gif") no-repeat 0px 0px;
  }
  .contents ul {
    list-style-type: disc;
    list-style-image: url(enpitu.gif);
    list-style-position: outside;
    padding: 5px 5px;
    margin: 0px 5px 0px 20px;
  }
  .contents  ul li {
    padding-left: 5px;
  }
  .contents ol {
    padding: 5px 5px;
    margin: 0px 5px 0px 20px;
  }
  .contents ol p {
     padding: 5px 0px;
     margin: 0px;
  }
  p.posted {
    color: #000000;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    text-align: left;
    padding-top: 5px;
    margin-bottom: 30px;
    line-height: normal;
    text-indent: 0em;
    border-top: solid 1px #666666;
  }
  .comment {
    line-height: 1.5;
  }
  .comment p {
    text-indent: 0em;
  }

  .contents form {
    padding: 5px 10px;
  }

  ul.tblist {
    list-style-type: disc;
    list-style-image: url(home.gif);
    list-style-position: outside;
    padding: 5px 5px;
    margin: 0px 5px 0px 20px;
  }
  ul.tblist li {
    font-size: 12px;
  }

  #comment-captcha-block img {
    margin-bottom: 5px;
  }

  /* for sidebar */
  #blogside {
    width:200px;
    margin:0px;
    padding:0px;
    float:left;
  }
  .sides {
    padding: 5px 15px;
    font-size: 12px;
  }
  .sides h2 {
    font-size: 14px;
    padding-left: 23px;
    background:url("cube.gif") no-repeat 0px 0px;
  }
  .sides ul {
    list-style-type: none;
    padding: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .sides select {
    list-style-type: none;
    padding: 0px;
    margin-left: 5px;
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 30px;
  }
  .sides ul.subcat {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    padding-left: 5px;
  }
  .sides li {
    text-align: left;
    line-height: 150%;	
    margin: 0px;
    margin-top: 3px;
    padding: 0px 5px 0px 5px;
    list-style-type: none;
  }
  .sides li img.left {
    float:left;
    padding: 8px;
  }
  img.rightimg {
    float:right;
    padding: 8px;
  }

  table.border {
    border-collapse: collapse;
    margin: 5px;
  }
  table.border td {
    border: 1px solid #606060;
    padding: 2px;
    font-size: 10px;
  }
  table.border th {
    font-weight: normal;
    text-align: center;
    border: 1px solid #606060;
    padding: 2px;
    font-size: 10px;
  }
  table.border2 {
    border-collapse: collapse;
    margin: 5px;
  }
  table.border2 td {
    border: 1px solid #606060;
    padding: 2px;
    font-size: 13px;
  }
  table.border2 th {
    font-weight: normal;
    text-align: center;
    border: 1px solid #606060;
    padding: 2px;
    font-size: 13px;
  }
  .center {
    text-align: center;
  }
  .right {
    text-align: right;
  }

  /* for footer */
  div#foot {
    clear: both;
    width: 700px;
    font-size: 12px;
    text-align: right;
    border-top: 1px solid #666666;
    padding-top: 5px;
  }

  /* for contents */
  pre {
    font-family: monospace;
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    border: 1px dotted #666666;
    color: #336633;
  }
  blockquote {
    margin: 10px;
    padding: 10px;
    font-size: 12px;
    border: 1px dotted #666666;
  }
  p.first {
    padding-top: 0px;
    margin-top: 0px;
  }
  .osusume {
    color: #1B2C3B;
    font-size: 10px;
    line-height: 15px;	
    text-align: left;
    border: 2px dotted #1B2C3B;
    margin: 8px 30px 15px 30px;
    padding: 8px 8px 8px 8px;
  }
}


/* 
 * styleshet for printer 
 */
@media print {
  h1,
  #main,
  .navi,
  #blogside,
  #foot,
  .content,
  .osusume,
  .submitcomment,
  .trackbackurl,
  .ad,
  .noprint {
    display:none;
  }
  * {
    font-family: "MS UI Gothic", "Tahoma", sans-serif;
    font-size: 11pt;
  }
  h1 {
    font-size: 16pt;
  }
  h2 {
    font-size: 14pt;
  }
  ol {
    list-style-type: decimal;
  }
  ol ol {
    list-style-type: lower-roman;
  }
  pre {
    font-family: monospace;
    margin: 10px;
    padding: 10px;
    line-height:120%;
  }
  blockquote {
    margin: 10px;
    padding: 10px;
    line-height:120%;
  }
  p.posted {
    text-align: left;
    padding: 3px 10px 3px 5px;
    margin-bottom: 30px;
    margin-top: 0px;
    line-height: normal;
    text-indent: 0em;
    border-top: solid 1px #666666;
  }
  img {
    border: none;
  }
  img.rightimg {
    float:right;
    padding: 8px;
  }
  table.border {
    border-collapse: collapse;
    margin: 5px 20px;
  }
  table.border td {
    border: 1px solid #606060;
    padding: 2px;
  }
  table.border th {
    text-align: center;
    font-weight: bold;
    border: 1px solid #606060;
    padding: 2px;
  }
}