html {margin: 0;}
body {
	margin: 0;
	padding: 0;
	color: #0f1c3a;
	background-color: #fff;
}
div.contents {
	margin: 8px;
	position: absolute;
	float: left;
}
h1 {
	margin-top: 0.5em;
}
h3, h4 {
	color: gray;
	background-color: #fff;
	background: transparent;
	text-indent: 1em;
} 
.atts, .atts2 {
	margin-left: 1em;
	color: #40546d;
	background-color: #e8f1ff;
	background: transparent;
}
blockquote {
	color: #40546d;
	background-color: #fff;
	background: transparent;
	border: 1px dotted #51647e;
	margin: 4px; padding: 4px;
}
img {
	border: 0;
}
/* ----------------------
	"top.html"
------------------------ */
div#up-log {
	padding-bottom: 0.2em;
	padding-left: 1px;
	border-top: 0.75em solid #2f6995;
}
div#info {
	border: 1px dotted #2f6995;
	color: #0f1c3a;
	background-color: #e8f1ff;
}
div#feeds, div#podfeed {
	margin: 0.75em 0 0 3em;
}
div#feeds a, div#podfeed a {
	text-decoration: none;
	border-bottom: 1px dotted #2f6995;
	color: gray;
	background-color: #fff;
}
div#feeds img, div#podfeed img {
	margin: 0 1px 2px 0;
	vertical-align: middle;
}
ul {
	margin: 0.15em 0 1.5em;
	padding: 0;
	list-style: none;
	background: transparent;
}
li.past, li.past a {
	color: gray;
}
li.last a {
	color: #0f1c3a;
}
.desc {
	text-indent: 1em;
}
.cont {
	color: #0f1c3a;
	
}
li.last li.desc {
	color: #666;
}
li.past li.desc {
	color: #999;
}
li.log-title a {
	font-weight: bold;
}
/* -------------------------
	"rss.html"
--------------------------- */
div#rss {
	border-bottom: 1px dotted #2f6995;
}
div#podcast {
	border-bottom: 1px dotted #2f6995;
}
div.readers {
	position: absolute;
}
div.readers p {
	vertical-align: top;
	text-align: center;
}
div.rss-info {
	position: relative;
	padding: 0.33em;
	border: 1px dotted #2f6995;
	color: #0f1c3a;
	background-color: #e8f1ff;
}
/* -------------------------
	"profile.html"
--------------------------- */
div#prof img {
	margin: 0.5em 1.5em 2em 3em;
}
div#pr-text {
	margin-left: 3em;
}
div#about p {
	text-indent: 2em;
}
div#about p span {
	vertical-align: top;
}
/* -------------------------
	"music.html"
--------------------------- */
.karasu-desc {
	color: #40546d;
	margin: 0.75em; 
}
div.m-play2 span {
	color: #0f1c3a;
}
div#tracks {
	margin-bottom: 7em;
}
div#music-header {
	color: #0f1c3a;
	background-color: #e8f1ff;
	text-align: right;
	height: 1em;
	padding: 1em;
	margin: 0.75em;
}
div.music-track {
	margin: 0.75em 1em;
	clear: both;
}
div.music-track2 {
	border-bottom:1px dotted #ccc;
	margin: 1.5em 1em;
	width: 80%;
}
div.m-play2 {
	margin: -1.5em 0 auto auto;
	right: 7.5em;
	position: absolute;
	vertical-align: bottom;
	color: #ccc;
}
div.artwork {
	position: relative;
	float: left;
	margin: 0.75em auto 2em;
}
img.artwork {
	margin: 0; padding: 0;
	border: 1px solid #0f1c3a;
}
.m-title {
	font-weight: bold;
	text-align: left;
}
div.m-title {
	position: relative;
	left: 0.75em;
}
div.m-title b {
	line-height: 1.5em;
	vertical-align: bottom;
}
div.m-title sup {
	vertical-align: top;
}
div.m-title b:before {
	content: open-quote;
}
div.m-title b:after {
	content: close-quote;
}
.en-title {
	margin-left: 1em;
	color: #40546d;
	background-color: #e8f1ff;
	background: transparent;
}
.m-desc {
	color: #40546d;
	vertical-align: top;
}
div.m-desc {
	position: relative;
	left: 1.5em;
	top: 1em;
	float: left;
}
div.m-play {
	position: relative;
}
div.tr-hover {
	text-align: right;
	background-color: #e8f1ff;
	clear: both;
	z-index: 3;
}
div.tr-hover:hover div.track-info, div.tr-hover:focus div.track-info {
	display: block;
}
div.tr-hover:hover, div.tr-hover:focus 	{
	padding: 0;
}
div.track-info {
	display: none;
	text-align: left;
	background-color: #fff;
	border: 1px dotted #2f74a3;
}
div.track-info ul {
	padding: 0;
}
div#podfeed {
	margin: 0.75em 0 0 3em;
}
div#podfeed a {
	text-decoration: none;
	border-bottom: 1px dotted #2f6995;
	color: gray;
}
.inst {
	color: #0f1c3a;
	text-decoration: underline;
}
#other-info > ul a {
	color: gray;
	text-decoration: underline;
}
#other-info > ul{
	list-style-type: disc;
	color: gray;
	margin: 2em;
	padding: 1em;
	border-top: 1px solid gray;
	border-bottom: 1px solid gray;
}
/* -------------------------
	"sitemap.html"
--------------------------- */
table.sitemap {
	margin-left: 1em;
	border-bottom: 1px solid #ddd;
}
table.sitemap a {
	color: #0f1c3a;
	background-color: #fff;
	background: transparent;
}
table.sitemap th {
	padding: 1em 1em;
	width: 6em;
}
/* -----------------------
	共通リンクメニュー
------------------------- */
div#mini-menu {
	color: gray;
}
ul.error {
	list-style-type: disc;
}
a#sitemap, #change-lang {
	color: #0f1c3a;
	background-color: #fff;
}
/* -----------------------
	サイド・バー
------------------------- */
div#sidebar {
	width: 163px;
	top: 80px;
	left: 36em;
	padding-left: 0.5em;
	position: absolute;
	background: transparent;
	border-left: 1px dotted #2f6995; 
}
div#side-search, div#tagclick-tagpanel, div#side-lastfm {
	margin-top: 0.33em;
	margin-bottom: 0.33em;
	border: 1px solid #ddd;
}
div#side-prof {
	margin-left: 1px;
}
div#side-search img {
	vertical-align: bottom;
}
@media print {
div#sidebar{
	display: none;
}
}
/* -------------------- */