/**
 * html5合わせのスタイルシート。
 */
BODY {
  background-color: #ffffff;
  color: black;
  font-family: sans-serif;
  font-size: 100%;
  font-style: normal;
  line-height: 1.3;
}

/**
table{
    table-layout:fixed;
}
*/

table, td, th{
    /** 編集します。TODO. */
    border: 1px solid;
    margin: 1em 1em 1em 0.5em;
}

IMG {
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  background-color: lightblue;
}

H1{
  color: #ffffff;
  text-align: left;
  vertical-align: bottom;
  font-size: 150%;
  font-weight: 800;
  margin: 1em 0.5em 0px 0.5em;
  padding: 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #666666;
  background-color: lightblue;
}

H2{
  color: #ffffff;
  text-align: left;
  font-size: 100%;
  font-weight: 800;
  margin: 1em 0.5em 0px 0.5em;
  padding: 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #666666;
  background-color: lightblue;
}

H3{
  color: #000000;
  text-align: left;
  font-size: 100%;
  font-weight: 800;
  margin: 1em 0.5em 0px 0.5em;
  padding: 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 0px 0px 1px;
  border-color: #666666;
}

H4{
  color: #000000;
  text-align: left;
  font-size: 100%;
  font-weight: 700;
  margin: 1em 0.5em 0px 0.5em;
  padding: 0.2em 0.2em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #666666 #666666 #333333 #666666;
  background-color: lightblue;
}

p {
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0.2em 0.2em;
}

pre {
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0.2em 0.2em;
  background-color: #333333;
  border-style: solid;
  border-color: #ffffff;
  border-width: 0.5em 0.5em 0.5em 0.5em;
}

ul{
  list-style-type: none;
  margin: 1em 0.5em 1em 0.5em;
  padding: 0.2em 0.4em;

  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #666666;

  background-color: #ffffff;
}

ul lh{
  color: #ffffff;
  text-align: left;
  font-size: 100%;
  font-weight: 800;

  margin: 0.2em 0em;
  padding: 0.2em 0.1em;
  border-width: 0px 0px 2px 0px;
  border-color: #666666;

  background-color: #d6c188;
}

ul li{
  margin: 0.2em 0em;
  padding: 0.2em 0.1em;
  border-style: solid none dotted none;
  border-width: 0px 0px 2px 0px;
  border-color: #666666;
}

dl{
  list-style-type: none;
  margin: 1em 1em 1em 0.5em;
  padding: 0.2em 0.4em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  border-color: #666666;
  background-color: #ffffff;
}

dl dt{
  margin: 0.2em 0em;
  padding: 0.2em 0.1em;
  border-width: 0px 0px 2px 0px;
  border-color: #666666;
}

dl dd{
  margin: 0.2em 0em;
  padding: 0.2em 0.1em;
  border-style: solid none dotted none;
  border-width: 0px 0px 2px 0px;
  border-color: #666666;
}

hr {
  color: #bbcc80;
  border-style: dashed;
  margin: 0.5em 0em 0.2em 0.5em;
}

STRONG {
  font-weight: 900;
  font-size: 140%;
  font-style: normal;
}

EM {
  font-weight: 900;
  font-size: 100%;
  font-style: normal;
}

BIG {
  font-size: 150%;
  font-style: normal;
}

SMALL {
  font-size: 80%;
  font-style: normal;
}

article.nichi {
  margin: 0em 3em 2em 0em;
  border-style: solid;
  border-width: 1px 1px 1px 1px;
  background-color: #ffffdd;
}

div.nikki_graph {
  margin: 0.5em 0em 0.2em 0.5em;
}

nav.diaryMenu {
  float: left;
  width: 150px;
}

div.diaryMenu {
  float: left;
  width: 150px;
}

#diaryMenuTitle {
  color: #ffffff;
  text-align: left;
  font-size: 100%;
  font-weight: 800;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-color: #666666;
  background-color: #d6c188;
}

div.diaryBody {
/*  float: right; */
  margin-left: 150px;
}

#headMenu{
  margin: 0.5em 0.5em 0px 0.5em;
  padding: 0.2em 0.2em;
  background-color: #ffffcc;
  border-style: none;
}

#headMenu ul{

}

#headMenu li{
  width: 400px;
  margin: 0;
  padding 0;
  display: inline;
  line-height: 1;
  border-style: none;
}

table.doujin {
    width: 90%;
    border-style: groove;
}

table.doujin th {
    margin: 1em 0.5em 0.5em 0.5em;
    padding: 0.2em 0.2em;
    border-style: groove;
}

table.doujin td.left {
    width: 130px;
    margin: 1em 0.5em 0.5em 0.5em;
    padding: 0.2em 0.2em;
    border-style: groove;
}

table.doujin td {
    margin: 1em 0.5em 0.5em 0.5em;
    padding: 0.2em 0.2em;
    border-style: groove;
}

div.picture_thumbnail {
    margin: 1em 0.5em 0.5em 0.5em;
    padding: 0.2em 0.2em;
}