@charaset "UTF-8";

/*　基本設定　*/
body {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  background-color: #f5f5f5;
  color: #696969;
}

p {
  line-height: 170%;
}

h1 {
  margin: 70 0 20 0;
  padding: 0 0 0 0;
  line-height: 0;
}

h2 {
  color: #696969;
  font-size: 18px;
  border-bottom-width: 2px;
  border-bottom-style: dotted;
  border-bottom-color: #a9a9a9;
  margin: 0 0 0 0;
  padding: 20 20 20 20;
  line-height: 0;
}

img.book { border: 1px #a9a9a9 solid; }

a:link {
  color: #696969;
  text-decoration: none;
}
a:visited {
  color: #696969;
  text-decoration: none;
}
a:hover {
  color: #1e90ff;
  text-decoration: underline;
}
a:active {
  color: #aed3f2;
  text-decoration: none;
}

.main {
  margin: 50 auto 0 auto;
  width: 700px;
  text-align: center;
}

.comic img {
  border:solid 1px;
}

.comic {
  text-align: center;
  line-height: 400%;
}

.float img {
  float:left;
  padding-right:1em;
}
.clear {
  clear: both;
}


/*　フッター　*/
#footer {
  margin-top: 20px;
  padding: 20px 0 20px 0;
  font-size: smaller;
  color: #442220;
  text-align: center;
}


/*　テーブル　*/
table.info{
  border-collapse: collapse;
}
table.info th, table.info td {
  padding: 8px 8px 8px 8px;
  border: 1px solid #778899;
  text-align: left;
  vertical-align: middle;
}
table.info th {
  background-color: #dcdcdc;
  color: #696969;
}

table.std{
  border-collapse: collapse;
}
table.std td {
  padding: 12px 12px 12px 12px;
  border: 0px solid #778899;
  text-align: center;
  vertical-align: middle;
}

table.rireki{
  border-collapse: collapse;
}
table.rireki td {
  padding: 30px 20px 20px 20px;
  border: 0px solid #778899;
  text-align: left;
  vertical-align: top;
}

table.book{
  border-collapse: collapse;
}
table.book td {
  padding: 40px 20px 40px 20px;
  border: 0px solid #778899;
  text-align: center;
  line-height: 170%;
  vertical-align: middle;
}