/*
 * Common Tag Styles
 */

* {
  margin: 0;
  padding: 0;
}
html {
  border: 0;
  height: 100%;
}
body {
  font-size: 90%;
  color: #333;
  font-family: 'Helvetica','Tahoma','Hiragino Kaku Gothic Pro','メイリオ','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif;
  background: #eee;
  height: 100%;
}
ul, ol {
  margin-left: 2.0em;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 1.2em;
  font-weight: bold;
}
a {
  color: #333;
}
a:hover {
  color: #039;
}
a img {
  border: none;
}
hr {
  clear: both;
  display: none;
}
blockquote {
  margin-left: 4.0em;
}
ul {
  list-style: square;
}

.meta {
  color: #ccc;
}


/*
 * Shared Common Tag Styles
 */
table.form {
  border-collapse: separate;
  border-spacing: 1px;
  text-align: left;
  width: 100%;
}
table.form th {
  padding: 4px;
  background: #eee;
  white-space: nowrap;
  float: clear;
}
table.form td {
  padding: 4px;
  background: #f8f8f8;
}
form div.action {
  border-top: 1px solid #ddd;
  margin: 10px 0;
  padding: 10px 0;
  text-align: right;
}

/*
 * Layout
 */

#page {
  width: 800px;
  margin: 0;
  min-height: 100%;
  background: #fff;
}
#header {
  height: 120px;
  border-bottom: 1px solid #ddd;
  background: url(/page_attachments/0000/0030/header_bg.png) 0 0 no-repeat;
}
#sidebar {
  float: left;
  width: 200px;
  margin: 10px;
  _margin-left: 5px;
}
#main {
  float: right;
  width: 560px;
  margin: 10px;
  _margin-right: 5px;
  line-height: 150%;
}
#footer {
  clear: both;
  text-align: center;
  padding: 10px 0;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

/*
 * Header
 */
#header h1, #header h2 {
  display: none;
}


/*
 * Sidebar
 */
#sidebar h1 {
  margin: 10px 0;
  border-top: 4px solid #039;
  background: #eee;
  padding: 0.4em 0.4em;
}
#sidebar ul {
  list-style: square;
}
#sidebar li {
  margin: 0.2em;
}

/*
 * Main
 */
#main h1 {
  margin: 10px 0;
  padding: 10px 0;
  border-bottom: 1px solid #ddd;
  font-size: 1.4em;
  clear: both;
}
#main h2 {
  margin: 10px 0;
  padding: 0 10px;
  border-left: 4px solid #ddd;
}
#main p {
  margin: 0.5em 0;
}
#main img.framed {
  margin: 0 5px;
  padding: 5px;
  border: 1px solid #eee;
  background: #fff;
}

#crumbs {
  margin: 10px 0;
  padding: 0.2em;
}

/*
 * Entry
 */
.entry {
  clear: both;
}
.entry .meta {
  clear: both;
  text-align: right;
}