@charset "utf-8";

/* ------------------------------ 上部 ------------------------------ */

* html body {
	background:url(null) fixed;
}

* html #navi {
	position:absolute;
	top:expression(eval(document.documentElement.scrollTop+0));
}

#navi {
	width:100%;
	position:fixed;
	top:0;
	right:0;
	background-color:#E1E1E1;
	border-width:0.5em 0 3px 0;
 	border-color:#FFFFFF #FFFFFF #CECECE #FFFFFF;
	border-style:solid;
	padding:0.3em 2em 0.3em 2em;
	margin:0 3em 0 0;
	text-align:right;
	z-index:100 !important;
}

#navi li {
	margin:0 0 0 1.5em;
	padding:0;
	display:inline;
	letter-spacing:0.15em;
}

#navi li a {
	font-weight:bold !important;
}

#menu {
	margin:5em 4em 3em 0;
	padding:0;
	text-align:right;
}

#menu li {
	margin:0 0 0 1.5em;
	padding:0;
	display:inline;
	letter-spacing:0.15em;
}

/* ------------------------------ 共通 ------------------------------ */

body {
	margin:0;
	padding:0 0 10px 0;
	background-color:#FFFFFF;
	font-family:sans-serif;
	font-size:90%;
	color:#333333;
	line-height:1.6em;
}

img {
	margin:0;
	padding:0;
	border-width:0;
}

a {
	text-decoration:underline;
	color:#333333;
}

a:hover {
	text-decoration:none;
}

a img {
	border:1px #FFFFFF solid;
}

a:hover img {
	border:1px #AAAAAA solid;
}

blockquote {
	margin:2em 0 2em 1.5em;
	padding:0 0.5em 0 0.5em;
	border:1px #AAAAAA solid;
	background-color:#FDFDFD;
	font-style:normal;
}

del {
	text-decoration:line-through;
	color:#999999;
}

dd {
	margin:0 0 0 8em;
	padding:0 0 0.5em 0;
}

dt {
	clear:left;
	float:left;
	width:8em;
	letter-spacing:1px;
}

em {
	font-style:normal;
	font-weight:bold;
}

ul {
	margin:0;
	padding:0;
	list-style-position:outside;
	list-style-type:none;
}

ol {
	margin:0;
	padding:0;
	list-style-position:inside;
}

h2 {
	margin:0;
	padding:0 1em 0 0;
	font-size:100%;
	font-weight:bold;
	letter-spacing:1px;
}

h3 {
	margin:0;
	padding:0 0 0 0.5em;
	font-size:100%;
	font-weight:normal;
	letter-spacing:0em;
	border-left:3px #999999 solid;
	border-bottom:1px #999999 solid;
}

li {
	margin:0;
	padding:0.25em 0;
}

/* ------------------------------ ID ------------------------------ */

#main {
	margin:30px auto 50px auto;
	background-color:transparent;
	padding:20px;
	width:840px;
	text-align:left;
}

#title {
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:1px !important;
	/* 文字反転 */
	-moz-transform:matrix(-1, 0, 0, 1, 0, 0);
	-webkit-transform:matrix(-1, 0, 0, 1, 0, 0);
	-o-transform:matrix(-1, 0, 0, 1, 0, 0);
	transform:matrix(-1, 0, 0, 1, 0, 0);
	filter: progid:DXImageTransform.Microsoft.BasicImage(mirror=1);
}

#count {
	color:#FFFFFF;
	font-weight:bold;
	letter-spacing:1px !important;
}

#archive dd {
	letter-spacing:0.15em;
}

#archive dd a {
	margin-right:0.7em;
}

ul#recentcomments {
	margin:1em 0 0 0;
}

ul#recentcomments li {
	margin:0 1.5em 0 0;
	padding:0 0 0.5em 0;
	display:inline;
}


/* ------------------------------ CLASS ------------------------------ */

.comment-form {
	margin:0 0 -1px 0;
	padding:1em 10px;
	border:1px #AAAAAA solid;
	text-align:left;
}

.comment-list li {
	margin:0 0 -1px 0;
	padding:1em 10px;
	border:1px #AAAAAA solid;
	text-align:left;
}

.entry-date {
	margin:0 1.5em 0 1.5em;
	font-weight:normal;
}

.section {
	margin:0 0 80px 0;
	padding:0 3em 2em 3em;
	background-color:#FFFFFF;
	border:1px #E5E5E5 solid;
	text-align:left;
}

.section img {
	margin:7px 0 7px 0;
	padding:0;
}

[src*="http://s.hatena.ne.jp/images"] {
	margin:1px !important;
	padding:0 !important;
}

[src*="http://d.hatena.ne.jp/images/b_entry_wh.gif"] {
	position:relative !important;
	top:11px !important;
}

[src*="http://b.hatena.ne.jp/entry/image"] {
	position:relative !important;
	top:11px !important;
}

.hatena-star-comment-button-image, .hatena-star-comment-button-image-active {
	display:none !important;
}