@charset "shift_jis";

/* Initialization */
* {
  margin: 0;
  padding: 0;
  border: none;
}
body { line-height: 1.5; }
p, ul, ol, dl, pre, form, address, object {
  letter-spacing: .1em;
  margin: 1em 30px;
}
li { margin: .3em 0; }
dd { margin: .1em 0 .3em 20px; }
table { margin: 20px auto; }
blockquote { margin: 1em 30px 1em 50px; }

/* block-level elements */
html {
  color: white;
  background: #fbfbf7;
  padding-top: 60px ;
  padding-right:80px ;
  padding-left: 80px;
  padding-bottom: 10px;
  
 }
body {
  color: black;
  background:  url("contentsBg.png") white;
  border: 1px solid transparent;
}
html body { margin-bottom: 2.5em; }
h1 {
  color: red;
  font: bold 45px/1 Arial, "ＭＳ Ｐゴシック", sans-serif;
  position: absolute;
  top: 10px; left: 20px;
}
h2#category {
  color: #fbfbf7;
  font: bold 100px/1 Arial, "ＭＳ Ｐゴシック", sans-serif;
   text-align: left ;
  margin: 0px 40px;
}
p, ul, ol, dl, blockquote, form, pre { background: #efd363; }
dl {
  background: #eee;
  padding: 20px;
}
dt { font-weight: bold; }
dt.name {
  font: bold 150% sans-serif;
  padding: 5px;
}
dd { margin: .5em 20px; }
table {
  background: white;
  border-collapse: separate;
  border-spacing: 5px;
}
th {
  background: #fcffbc;
  padding: 5px;
  text-align: center;
}
td {
  background: ##0066cc;
  padding: 20px;
}
ul#menu {
  background: none;
  margin: 0 30px;
  position: relative;
  top: 3em;
}
ul#menu li { color: #0283be; display: inline; }
*:first-child + html ul#menu li { padding: 0 3em; display: inline; }
* html ul#menu li { display: inline; padding: 0 3em; }
ul#menu li + li:before { content: "|"; padding: 0 3em; }
ul#menu li a:link, ul#menu li a:visited { color: #0283be; text-decoration: underline; }
ul#menu li a:hover, ul#menu li a:active, ul#menu li a#focus { color: #f04c7c; text-decoration: underline; }

/* inline elements */
q { quotes: "「" "」" "『" "』" }
q:before { content: open-quote; }
q:after { content: close-quote; }