@charset "utf-8";

/*
 * another-morning.css
 * (c) 2004-11-23 cho45(砂糖)
 * http://lowreal.net/
 *
 */


html {
	background: #000;
}

body {
	background: #000;
	padding: 0;
	margin: 0;
}

h2, h3, h4, h5 {
	font-family: serif;
	font-weight: normal;
	background: transparent;
}

h4 {
	margin: 0;
	padding: 0;
}

#content div.section div.section div.section.references {
	margin: 0 0 0 1em;
	padding: 0 0 1em 0.5em;
	border-style: double;
	border-width: 0 1px 1px 3px;
	border-color: #000 #fff #fff #000;
}

#content div.section div.section div.section.references ol.references {
	font-size: 80%;
}

p {
	margin: 0.5em 1em;
}

dl {
	margin: 1em;
}

ul {
	margin: 0.5em 1em;
	padding: 0 0 0 1em;
}

ol {
	margin: 0.5em 1em;
	padding: 0 0 0 2em;
}

ol ol,
ul ul {
	margin: 0;
	padding: 0 0 0 1em;
	border-style: solid;
	border-width: 0 0 0 1px;
	border-color: #000;
	list-style: none;
}

dd.link a {
	text-decoration: none;
}
dd.link a:hover {
	text-decoration: underline;
}


table {
	width: auto;
}

thead th {
	background: #369;
	color: #fff;
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #003;
}

td {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #369;
}

pre {
	margin: 0.5em 0 0.5em 1.5em  !important;
	padding-top: 17px !important;
	background: transparent url("/img/remains/pre") no-repeat top left;
	border-style: double solid solid solid;
	border-color: #000;
	border-width: 3px 1px 1px 1px;
}

blockquote {
	margin: 0.5em 1em 0.5em 1em;
	padding-top: 17px !important;
	background: transparent url("/img/remains/quote") no-repeat top left;
	border-style: double solid solid solid;
	border-color: #000;
	border-width: 3px 1px 1px 1px;
}

a:link {
	color: #009;
}

a:visited {
	color: #339;
}

a:hover,
a:active,
a:focus {
	border: none;
	text-decoration: none;
}

code {
	border: none !important;
	background: #efefef !important;
}

kbd {
	font-family: "Lucida Console", "Verdana", "Helvetica", sans-serif;
	padding: 0 0.2em;

	background: #efefef;
}

form.ajax-form input.button {
	font-family: inherit;
	font-weight: bold;
	font-variant: small-caps;
	border-style: solid;
	border-width: 2px 3px;
	border-color: #666;
	background: #efefef;
	margin: 0 0.5em 0 0;
	width: auto;
}

form.ajax-form {
	padding: 1em;
	width: 41em;
	left: 10%;
	border: 3px solid #333;
	background: #fff;
}

form.ajax-form dl {
	margin: 0;
}

form.ajax-form dt {
	color: #333;
	font-weight: bold;
	margin: 0;
	padding: 0;
}
form.ajax-form p {
	margin: 0.5em 0;
	padding: 0;
}

form.ajax-form dd {
	margin: 0;
	padding: 0;
	overflow: visible;
}

form.ajax-form textarea,
form.ajax-form input {
	margin: 0;
	width: 40em;
}

form.ajax-form textarea {
	height: 8em;
}

ins,
del {
	padding: 0.5em 1em;
}

ins {
	display: block;
	margin: 0.5em 0 0.5em 1em;
	padding-top: 17px !important;
	background: transparent url("/img/remains/ins") no-repeat top left;
	border-style: double solid solid solid;
	border-color: #000;
	border-width: 3px 1px 1px 1px;
}

del {
	display: block;
	margin: 0.5em 0 0.5em 1em;
	padding-top: 17px !important;
	background: transparent url("/img/remains/del") no-repeat top left;
	border-style: double solid solid solid;
	border-color: #000;
	border-width: 3px 1px 1px 1px;
	color: #777 !important;
	text-decoration: none;
}
p ins, p del,
li ins, li del {
	display: inline;
	text-decoration: line-through;
	border: none;
	margin: 0;
	background: none;
}

#top {
	margin: 0 0 -2px 0;
	padding: 0 204px 0 0;
	height: 424px;
	text-align: center;
	background: transparent url("/img/remains/title") no-repeat 50% 0;
	border: 1px solid #000;
}

#top a {
	display: block;

	width: 247px;
	height: 44px;

	margin: 150px auto 0;
	background: transparent url("/img/remains/title-logo") no-repeat top left;
	
	text-decoration: none;
	overflow: hidden;
	text-indent: -100em;
}


#navigation {
	position: absolute;
	top: 354px;
	height: 70px;
	width: 100%;
	
	background: transparent url("/img/remains/title-liquid") repeat-x left bottom;

	border-style: solid;
	border-width: 0px;
	border-color: red;
	
	text-align: center;
	b.order: 1px solid red;
}

#navigation h2 {
	display: none;
}

#navigation #skip-to-main-content {
	display: none;
}


#navigation #navigation-map {
	display: block;
	width: 615px;
	height: 70px;
	margin: 0 auto;
	_margin: 0 0 0 -610px;
	padding: 0;
	b.order: 1px solid red;
}
#navigation #navigation-map ul {
	position: absolute;
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation #navigation-map ul li {
	position: absolute;
	border: 1px solid #000;
}
#navigation #navigation-map ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	overflow: hidden;
	text-indent: -1000em;
}

#navigation #n-home {
	top: 10px;
	left: 22px;
	width: 55px;
	height: 22px;
}

#navigation #n-about {
	top: 13px;
	left: 91px;
	width: 72px;
	height: 21px;
}

#navigation #n-logs {
	top: 8px;
	left: 178px;
	width: 54px;
	height: 23px;
}

#navigation #n-archive {
	top: 13px;
	left: 252px;
	width: 108px;
	height: 22px;
}

#navigation #n-links {
	top: 9px;
	left: 368px;
	width: 71px;
	height: 22px;
}

#navigation #n-now-playing {
	top: 17px;
	left: 450px;
	width: 92px;
	height: 21px;
}

#navigation #navigation-search-form {
	display: block;
	position: absolute;
	top: -350px;
	right: 0;
	font-size: 13px;
}

#navigation #navigation-search-form input {
	font-family: "Verdana", "Helvetica", "\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF", "Osaka", sans-serif;
	vertical-align: middle;
}
#navigation #navigation-search-form #navigation-search-form-query {
	width: 10em !important;
	padding: 0 0.2em;
	border: 3px solid #000;
}

#navigation #navigation-search-form #navigation-search-form-query:focus {
	border: 3px solid #369;
}

#navigation #navigation-search-form #navigation-search-form-submit {
	font-size: 11px;
	width: auto;
	background: #036;
	color: #fff;
	font-weight: bold;
	border: 1px solid #369;
}
#navigation #navigation-search-form #navigation-search-form-submit:focus {
	border: 1px solid #69f;
}

#header-list {
	display: none;
}


#content {
	color: #333;
	background: #fff url("/img/remains/cbg");
	padding: 1em 40px;
	margin: 0 0 0 0;
}

#content .back-and-forth p {
	text-align: center;
	font-size: 80%;
}
#content .back-and-forth p a {
	color: #ccc;
	border: 1px solid;
	padding: 0.2em 0.5em;
	text-decoration: none;
}

#content .back-and-forth p a:link,
#content .back-and-forth p a:visited {
	color: #333;
}

#content .back-and-forth p a:link:hover {
	background: #333;
	color: #fff;
}

#content .section {
	margin: 0 -40px;
	padding: 33px 20px 1em;
	clear: both;
	background: transparent url("/img/remains/foot-liquid") repeat-x top right;
}

#content .section.first {
	background: none;
}
#content .section.first h2 {
	color: #000;
	background: none;
}

#content .section .section {
	margin: 0;
	padding: 1em;
	background: none;
}

#content .section .section .section {
	border: none;
	padding: 1em;
	margin: 0;
}

#content h2 {
	font-size: 130%;
	margin: 0 -20px;
	padding: 0 0 33px 1em;
	color: #fff;
	background: #000 url("/img/remains/title-liquid") repeat-x bottom left;
}

#content h2 a {
	color: #fff;
	text-decoration: none;
}

#content h2 a:after {
	content: " >";
	font-size: 60%;
}
#content h2 a:hover:after {
	content: "";
}

#content h3 {
	margin: 0 0 0.5em;
	color: #000;
}

#content ol.month {
	margin: 0;
	padding: 0;
}

#content ol.month li {
	display: inline;
}

#content .day .diary img {
	float: right;
	margin: 0.5em 0 0.5em 1em;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}

#content .day .diary img.even {
	float: left;
	margin: 0.5em 1em 0.5em 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
}

#content .day .diary dl img {
	float: none;
}

#content .day .diary pre {
	clear: right;
}

#content .section.diary dt {
	border-width: 0 0 0 0.2em;
	border-style: solid;
	border-color: #666;
	padding: 0 0 0 1em;
}


#content .section .info,
#content .section dl.day-info,
#content .section dl.section-info {
	color: #999;
	padding: 0 0.7em;
	margin: 1em 1em 1em 2em;
}

#content .section .info dt,
#content .section dl.day-info dt,
#content .section dl.section-info dt {
	border: none;
	padding: 0;
}

#content .section .info * {
	font-size: 80%;
}
#content .section .info * * {
	font-size: 100%;
}

#content .section dl.day-info {
	margin: 0 0 1em 0;
	border: none;
	padding: 0;
}

#content .section dl.day-info a,
#content .section dl.section-info a {
	color: #999;
	text-decoration: none;
}

#content .section dl.day-info a:hover,
#content .section dl.section-info a:hover {
	color: #000;
	text-decoration: underline;
	border: none;
}

#content .section dl.day-info abbr,
#content .section dl.section-info abbr {
	border: none;
}


#content .section dl.section-info {
	margin: 0.5em 0 1em 1em;
	padding: 0;
}

#content .section dl.day-info dt,
#content .section dl.section-info dt {
	font-size: 80%;
	list-style: none;
}

#content .section dl.day-info dd,
#content .section dl.section-info dd {
	font-size: 80%;
	margin: -1.6em 0 0 9em;
}

#content .section.diary {
}


#content .section ol.category,
#content .section ul.language {
	margin: 0;
	padding: 0;
}

#content .section ol.category li,
#content .section ul.language li {
	display: inline;
	list-style: none;
}

#content .section .footnote {
	margin: 0 0 1em 0;
	border-style: solid;
	border-width: 1px 0;
	border-color: #000;
}

#content .comments,
#content .trackback {
	margin: 0;
	padding: 0 1em !important;
}
#content .comments h4,
#content .trackback h4 {
	margin: 0;
	padding: 0;
}

#content .diary .comments dl,
#content .diary .trackback dl {
	padding: 0;
	margin: 0.5em 0 0;
}

#content .diary .comments dl dt,
#content .diary .trackback dl dt {
	border-left: 1em solid #000;
	padding: 0 0 0 1em;
}
#content .diary .comments dl dd,
#content .diary .trackback dl dd {
	padding: 0 0 0.5em 0;
}
#content .diary .trackback dl dd {
	font-size: 80%;
}

#content .comments form {
	margin: 1em 0;
}
#content .comments form dt {
	font-weight: bold;
	border-color: #666;
}
#content .comments form dd {
	margin: 0 1em;
}

#content .comments form p {
	margin: 0.5em 0;
}

#content .comments form input.button {
	font-family: inherit;
	font-weight: bold;
	font-variant: small-caps;
	border-style: solid;
	border-width: 2px 3px;
	border-color: #666;
	background: #efefef;
}

#content .section.form {
	margin: 2em 5% 0 5%;
	border-style: dashed;
	border-width: 0 0 0 1px;
	border-color: #000;
}

#content .trackback p.uri {
	margin: 0.25em 0;
	font-size: 75%;
}

#content #d-navigation {
	text-align: center;
	margin: 0 0;
	background: none;
}

#content #ff-banner {
	background: none;
}

#footer {
	background: #000 url("/img/remains/foot-liquid") repeat-x top right;
	color: #eee;
	padding: 33px 0 0.3em 0;
	text-align: center;
	font-size: 80%;
}

#footer a {
	color: #fff;
	text-decoration: none;
}

#footer address a {
	display: block;
	background: transparent url("/img/remains/mail") no-repeat top left;
	width: 154px;
	height: 16px;
	margin: 0 auto;
	text-indent: -1000em;
	overflow: hidden;
}


/* overwrite code colors : mono tones */

pre span.string,
code span.string,
pre span.attribute_val,
code span.attribute_val {
	color: #555;
}

pre span.comment,
code span.comment {
	color: #999;
}

pre span.number,
code span.number {
	color: #00c;
}

pre span.keyword,
code span.keyword {
	color: #333;
	font-weight: bold;
}

pre span.special_variable,
code span.special_variable,
pre span.variable,
code span.variable {
	color: #008;
}

pre span.constant,
code span.constant {
	color: #00c;
}

pre span.symbol,
code span.symbol {
	color: #909;
	font-weight: normal;
}

pre span.color,
code span.color {
	color: #666;
}


pre span.attribute_name,
code span.attribute_name {
	color: #336;
}

pre span.tag,
code span.tag {
	color: #000;
}

pre span.pi,
code span.pi,
pre span.at_keyword,
code span.at_keyword {
	color: #229;
}
pre span.dtd,
code span.dtd {
	color: #339;
}

pre span.cdata,
code span.cdata {
	color: #669;
}

pre span.important,
code span.important {
	color: #c00;
	font-weight: bold;
}

pre span.function,
code span.function {
	color: #790;
}
pre span.qname,
code span.qname,
pre span.nodetest,
code span.nodetest {
	color: #080;
}

pre span.axis,
code span.axis {
	color: #555;
	font-weight: bold;
}