/* site-base.css */

@import url(nukamiso.css);

body {
  background-color: #f5f1df;
  text-align: center;
  font-size: small;
  font-family: "ＭＳ Ｐゴシック", "MS UI Gothic", sans-serif;
}

.block {
  margin: 0;
  padding: 0;
}

div#container {
  width: 760px;
  background-color: #ffffff;
  margin: 0 auto;
  border-left: solid 1px #7f7f7f;
  border-right: solid 1px #7f7f7f;
  text-align: left;
}

hr {
  display: block;
  clear: both;
}

/* ---------- Block Layout ---------- */
div#header {
  width: 100%;
}
p#top-line {
  margin: 0;
  padding: 2px 1em;
  font-size: 80%;
  color: #c7d9f0;
  background-color: #1f2476;
}
div#title-image {
  float: left;
  margin: 0;
  font-size: 24px;
  font-weight: 900;
}
div#navigation {
  clear: both;
  width: 760px;
  height: 2.1em;
  margin: 0;
  background-color: #005ead;
}
div#main {
  float: right;
  width: 570px;
  border-left: solid 2px #88cc88;
}
div#sub {
  float: left;
  width: 178px;
  background-color: #85bade;
}
div#search-form {
  float: left;
  width: 178px;
  margin: 16px 0 8px 0;
  text-align: right;
}
div#footer {
  clear: both;
  height: 1.6em;
  border-top: solid 4px #005ead;
  border-bottom: solid 4px #1f2476;
  background-color: #eeeeee;
}

/* ---------- Common contents ----------*/
h1 {
  margin: 8px 5px 16px 5px;
  padding: 5px 15px;
  border-top: solid 1px #e18912;
  border-bottom: solid 1px #e18912;
  border-left: solid 10px #e18912;
  border-right: solid 10px #e18912;
  background-color: #ffffcc;
  font-size:130%;
  font-weight: 900;
}

img.left {
  float: left;
}
img.right {
  float: right;
}

a, a:link, a:visited {
  text-decoration: none;
  font-weight: 500;
  color: #005090;
}
a:hover {
  color: #e15500;
  font-weight: 500;
  border-bottom: solid 1px #e15500;
}

ul,ol {
  margin: 0.5em 0 1em 2.5em;
}

dt {
  clear: none;
  margin: 0 0 0.5em 0;
}

dd {
  margin-bottom: 0.5em;
}


p.annotation {
  margin: 1em 1em 0.5em 1em;
  font-size: 90%;
}

p.timestamp {
  border-top: solid 1px #999999;
  text-align: right;
}

address {
  margin: 0;
  padding: 2px 0px 2px 8px;
  font-size: 90%;
  text-align: center;
}

p.rss-link {
  margin: 0;
  padding: 0.5em 0 0 0;
  text-align: right;
}

/* ---------- Main Contents ---------- */
div#main .section {
  margin: 0.5em 10px 1em 10px;
}

p#pankuzu {
  margin: 0;
  padding: 8px 0 4px 8px;
  background-color: #eef0ff;
  border-bottom: solid 2px #cccccc;
}

img.cover {
  border: solid 1px #888888;
}

div#main h2 {
  clear: both;
  margin: 1em 0 1em 0;
  padding: 2px 0px 0px 10px;
  border-left: solid 8px #007971;
  background-color: #ddffbb;
  font-size: 120%;
  font-weight: 700;
}

div#main h3 {
  clear: both;
  margin: 1em 0.5em 0.5em 0.5em;
  padding: 0 0 0 0.5em;
  border-left: double 8px #888888;
  border-bottom: solid 1px #888888;
  font-size: 105%;
  font-weight: 600;
}

div#main h4 {
  margin: 1em 0 0.5em 0.5em;
  font-size: 100%;
  font-weight: 600;
}

div#main p {
  margin: 0 1em 1em 1em;
}

div#main img {
  margin: 0 8px;
  border: solid 1px #888888;
}

div.paper {
  margin: 0.3em 0.5em;
  padding: 0.3em 0.3em;
  border: solid 1px #888888;
  background-color: #FFF8EF;
}

div#main table {
  border: solid 1px #888888;
}

div#main th {
  border: solid 1px #888888;
  
}
div#main td {
  border: solid 1px #888888;
  text-align: left;
}
div#main td.number {
  text-align: right;
}

table#history {
	border: 2px solid #999999;
	margin: 0px;
	padding: 0px;
}
table#history td {
	border-bottom: 3px double #CCCCCC;
	margin: 0px;
	padding: 1em 0.5em;
	border-left: 1px solid #CCFF66;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
}
table#history th {
	background: #FFCC66;
	text-align: center;
	margin: 0px;
	padding: 0.5em;
	font-weight: 500;
	border-bottom: 3px double #666666;
	border-left: 1px solid #999999;
}

/* ---------- for Snippets ----------*/

/* --- Ajax Search --- */

span.ajaxSearch_highlight {
  background-color:#ff5;
  color:#333;
}

input#ajaxSearch_input {
  width: 150px;
  height: 1.5em;
  margin-bottom: 4px;
  border: solid 1px #888888;
}

input#ajaxSearch_submit {
  margin: 0;
  padding: 1px 10px;
  border: solid 1px #888888;
}

/* --- ditto --- */

div.page-navigation {
  background-color: #eef0ff;
  text-align: center;
  word-spacing: 0.5em;
}

.ditto_page, .ditto_currentpage {
  font-size: 1.4;
  letter-spacing: 0.6em;
  
}
.ditto_currentpage {
  color: #666666;
  font-weight: 700;
}

/* ---------- Navigation MENU ---------- */
div#navigation ul {
  width: 100%;
  margin: 0;
  padding: 0;
}
div#navigation li {
  float: left;
  list-style: none;
  border-right: solid 1px #ffffff;
}
div#navigation a, div#navigation a:link, div#navigation a:visited {
  padding: 4px 20px;
  text-decoration: none;
  color: #ffffff;
  background-color: #005ead;
  display: block;
}
div#navigation a:hover {
  border: none;
  color: #ffffff;
  text-decoration: none;
  background-color: #e18912;
}

/* ---------- Sub MENU ---------- */
div#sub ul {
  width: 100%;
  margin: 0;
  padding: 5px 0;
  background-color: #85bade;
}
div#sub li {
  margin: 0 2px;
  padding: 2px 7px 2px 2px;
  list-style: none;
  border-bottom: solid 1px #ffffff;
}
div#sub a, div#sub a:link, div#sub a:visited {
  display: block;
  width: 100%;
  height: 100%;
  padding: 2px 2px 2px 7px;
  background-color: #85bade;
  font-weight: 600;
  text-decoration: none;
  color: #004477;
}
div#sub a:hover {
  border: none;
  color: #226688;
  background-color: #99ff00;
}

div#sub h2 {
  width: 96%;
  margin: 10px 0 0 0;
  padding: 3px 0 3px 5px;
  border-left: solid 6px #e18912;
  border-top: solid 1px #e18912;
  border-bottom: solid 1px #e18912;
  background-color: #ffffff;
  font-size: 100%;
  font-weight: 700;
}