/* layout */
body {
  margin-left: 50px;
  margin-right: 50px;
  font: 85% "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.3em;
}
#header {
  height: 50px;
  background-color: #8CC;
  color: #000;
}
#center {
  background-color: #eff;
}
#sidebar {
  float: left;
  background-color: #eff;
  color: #111;
  width: 220px;
}
#main {
  float: none;
  margin-left: 220px;
  background-color: #eff;
  color: #000;
  line-height: 1.3em;
  padding: 10px;
}
.dmypad {
  clear: left;
}
#footer {
  clear: both;
  background: #8cc;
  color: #000;
}

/* list */
div > ul {
  margin: 10px;
}
ol,ul,dl {
  margin-left: 10px;
  line-height: 1.5em;
}
ol li {
  list-style: decimal inside;	
}
#sidebar ul li {
  list-style: disc inside;
}
#main ul li {
  list-style: square inside;
  line-height: 1.5em;
}
dl dd {
  margin-left: 8px;
}

/* headers */
h1 {
  padding: 10px;
  white-space: pre;
  font-size: 1.5em;
}
h1 > img {
  vertical-align: top;
}
h2 {
  margin-top: 15px;
  margin-bottom: 6px;
  padding-top: 5px;
  padding-left: 8px;
  padding-bottom: 5px;
  white-space: pre;
  font-size: 1.4em;
  background: #6aa;
  border: solid 1px;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
}
h2:first-child {
  margin-top: 0px;
}
h3 {
  margin-top: 8px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-left: 6px;
  padding-bottom: 5px;
  white-space: pre;
  font-size: 1.2em;
  font-weight: normal;
  background: #6aa;
  border: solid 1px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
}

/* footer */
div#ad {
  padding: 10px;
}

/* paragraph */
p {
  margin-top: 5px;
  margin-bottom: px;
}

/* pre */
#main pre {
  font-family: monospace;
  background-color: #eee;
  color: #644;
  line-height: 100%;
  padding-left: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
}

#datepicker{
   font-family: Verdana, Arial, sans-serif;
   font-size: 10px;
}

/* table */
table {
  border: 1px #ccc solid;
  border-collapse: collapse;
  border-spacing: 0;
}

th {
    padding: 5px;
    border: #ccc solid;
    border-width: 0 0 1px 1px;
    background: #ddd;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}
td {
    padding: 5px;
    border: 1px #ccc solid;
    border-width: 0 0 1px 1px;
}