@charset "utf-8";

/* 404
	http://404.junkwork.net/
----------------------------------------------- */

/* 基本設定
----------------------------------------------- */

* {
	margin:0;
	padding:0;
	}

body {
	background:#eee url("/img/background-body.png");
	text-align:justify;
	}

.blogBody {
	background:transparent url("/img/background-box.png");
	border:1px solid #333;
	border-bottom-width:4px;
	font:95%/1.4 "Trebuchet MS", Arial, sans-serif;
	margin:1em 210px 0 1em;
	}

.comments {
	border-left:6px double #abc;
	margin:1em;
	margin-left:2em;
	}

.entryHeader {
	border-top:0.3em solid #789;
	margin:0.5em;
	position:relative;
	}

.entryBody {
	position:relative;
	}

.entryBodyExtended {
	border-top:1px dotted #ccc;
	margin-top:0.5em;
	padding-top:0.5em;
	}

.entryFooter {
	border-bottom:0.3em solid #789;
	margin:0.5em;
	padding:0.3em 0 0.5em;
	}

#blogNavigation {
	position:relative;
	top:200px;
	}

#blogFooter {
	background:#000 url("/img/background-footer.jpg") right bottom no-repeat;
	border-top:1px solid #333;
	color:#eee;
	font:bold 100% Arial, sans-serif;
	height:200px;
	margin-top:1em;
	}

/* アンカー設定
----------------------------------------------- */

a {
	text-decoration:none;
	}

a:link {
	color:#456;
	border-bottom:1px dotted #789;
	}

a:visited {
	color:#678;
	border-bottom:1px dotted #567;
	}

a:hover, a:active {
	border:none;
	color:#900;
	}

h1 a {
	background:url("/img/background-h1.jpg") right top no-repeat;
	display:block;
	height:267px;
	text-indent:-9999px;
	}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active {
	border:none;
	}

h3 a:link, h3 a:visited, .entryHeader li a:link, .entryHeader li a:visited {
	border:none;
	color:#456;
	text-decoration:none;
	}

h3 a:hover, h3 a:active, .entryHeader li a:hover, .entryHeader li a:active {
	color:#789;
	}

h3 a:hover:after {
	content:" »»»";
	letter-spacing:-2px;
	line-height:1.0;
	}

.comments li a:link, .comments li a:visited, .comments li a:hover, .comments li a:active {
	border:none;
	color:#345;
	}

#blogFooter a:link, #blogFooter a:visited {
	border:none;
	color:#789;
	}

#blogFooter a:hover, #blogFooter a:active {
	color:#c66;
	}

#copyright a {
	text-transform:uppercase;
	}

/* 見出し設定
----------------------------------------------- */

h1 {
	background:url("/img/background-header.jpg") right top repeat-x;
	border-bottom:1px solid #333;
	height:267px;
	margin-bottom:-200px;
	}

h3 {
	border-left:6px double #bbb;
	border-bottom:1px solid #bbb;
	color:#123;
	font:bold 100%/1.0 Arial, Osaka, sans-serif;
	margin:0.2em 0;
	max-height:60px;
	padding:0.1em 1em 1.5em;
	}

h3:first-letter {
	color:#933;
	}

.categoryArchive {
	background:url("/img/background-h3-archive.png") right center no-repeat;
	border-left-color:#285;
	}

.categoryDays {
	background:url("/img/background-h3-days.png") right center no-repeat;
	border-left-color:#aaa;
	}

.categoryInternet {
	background:url("/img/background-h3-internet.png") right center no-repeat;
	border-left-color:#f87;
	}

.categoryMovableType {
	background:url("/img/background-h3-movabletype.png") right center no-repeat;
	border-left-color:#693;
	}

.categoryMovie {
	background:url("/img/background-h3-movie.png") right center no-repeat;
	border-left-color:#f70;
	}

.categoryTest {
	background:url("/img/background-h3-test.png") right center no-repeat;
	border-left-color:#45a;
	}

h4 {
	background:#789;
	color:#cde;
	font:bold 90% Arial, sans-serif;
	margin:1em 0.3em;
	padding:0.3em 0.5em;
	}

h5 {
	color:#345;
	font:bold 95% Arial, sans-serif;
	margin-left:1em;
	position:relative;
	top:0.8em;
	}

h5:before {
	color:#789;
	content:"Comment by ";
	font:bold 90% Arial, sans-serif;
	}

#blogContents h2 {
	color:#345;
	font:110% Arial, sans-serif;
	letter-spacing:0.1em;
	margin-right:250px;
	position:relative;
	top:1em;
	text-align:right;
	text-transform:uppercase;
	}

#blogNavigation h2 {
	background:#789;
	clear:left;
	color:#cde;
	font-size:90%;
	font-weight:bold;
	letter-spacing:0.1em;
	margin:0.2em;
	padding:0 1em;
	text-align:right;
	}

#blogNavigation h2:first-letter {
	color:#eee;
	}

/* 本文設定
----------------------------------------------- */

abbr:hover {
	cursor:help;
	}

blockquote {
	border-bottom:1px solid #ddd;
	border-left:0.5em solid #789;
	color:#333;
	margin:1em 1.5em;
	padding:0.1em 0;
	}

blockquote[cite]:after {
	color:#666;
	content:'Quoted from "'attr(cite)'"';
	display:block;
	font:italic bold 90% Arial, sans-serif;
	margin:0 1em;
	text-align:right;
	}

blockquote p {
	margin:0.5em 1em;
	}

blockquote p+p {
	margin-top:1em;
	}

code {
	font:100% "Bitstream Vera Sans Mono", Courier, monospace;
	}

del {
	color:#666;
	display:inline;
	text-decoration:line-through;
	}

em {
	color:#900;
	font:bold 100% Arial, sans-serif;
	}

a:link img, a:visited img {
	border:1px solid #456;
	}

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

hr {
	border:1px solid #999;
	color:#000;
	margin:1em;
	}

ins {
	border:1px solid #666;
	border-left-width:0.3em;
	display:block;
	margin:0.2em 1.5em;
	text-decoration:none;
	}

ins[datetime]:before {
	color:#666;
	content:attr(datetime)" Add";
	display:block;
	font:italic bold 90% Arial, sans-serf;
	margin:0.3em 1em;
	}

ins blockquote {
	border-color:#999;
	}

ins ins {
	margin-bottom:1em;
	}

ins p {
	margin-left:1.5em;
	}

kbd {
	background:#fff;
	border:2px outset #000;
	color:#333;
	font:bold 100% "Bitstream Vera Sans Mono", Courier, monospace;
	padding:0 0.3em;
	text-transform:capitalize;
	}

p {
	margin:1em 1.2em;
	text-indent:1.5em;
	}

pre {
	border:1px solid #abc;
	clear:left;
	font:100% "Bitstream Vera Sans Mono", Courier, monospace;
	overflow:auto;
	margin:1em 2em;
	padding:0.1em;
	}

q {
	border-bottom:1px dotted #333;
	color:#333;
	}

q:before, q:after {
	content:'"';
	}

.image {
	border:1px solid #333;
	clear:left;
	float:left;
	height:120px;
	margin:0.5em 1em;
	margin-left:3em;
	text-indent:0;
	}

.comments p {
	text-indent:0;
	}

.image:hover {
	border-color:#ccc;
	}

#copyright, #modified {
	margin:0.5em 3em;
	}

#powered {
	margin:3em 3em 0.5em;
	}

#powered:after {
	content:",";
	margin:0 0.1em;
	}

/* 表組み設定
----------------------------------------------- */

caption {
	border-left:5px double #567;
	color:#567;
	font:bold 90% Arial, sans-serif;
	margin:0 1em -0.5em;
	padding:0.5em 0 0 1em;
	text-align:left;
	}

caption:before {
	content:"Caption : ";
	}

table {
	border:1px solid #567;
	clear:left;
	margin:0.5em auto;
	width:95%;
	}

th, td {
	border:1px solid #000;
	border-width:0 1px 1px 0;
	}

th {
	font:bold 90%/1.5 Arial, sans-serif;
	padding:0.3em 0.5em;
	}

thead th {
	background:#789 url("/img/background-thead-th.png") right bottom no-repeat;
	border-color:#567;
	color:#fff;
	letter-spacing:0.1em;
	}

thead th:hover {
	color:#cce;
	}

tbody th {
	background:#abc;
	border-color:#89a;
	color:#003;
	}

tbody th:hover {
	background:#bcd;
	color:#336;
	}

td {
	background:#eee;
	border-color:#abc;
	font:90%/1.5 Arial, sans-serif;
	padding:0.3em 0.8em;
	}

td:hover {
	background:#dde;
	}

td a[href*="ASIN"] {
	border:none;
	}

tfoot td {
	padding:1em 1.5em;
	}

/* リスト設定
----------------------------------------------- */

.comments ul {
	border-bottom:1px solid #abc;
	color:#345;
	font:bold 90% Arial, sans-serf;
	list-style:none;
	margin:0 0 0 -1em;
	padding:0.1em 0.5em;
	}

.comments li {
	text-align:right;
	}

.comments li:before {
	color:#789;
	content:"Post :";
	margin:0 0.3em;
	}

.entryBody dl {
	border-bottom:1px solid #ddd;
	border-left:0.5em solid #ccc;
	clear:left;
	line-height:140%;
	margin:1em 1em 1em 2em;
	padding:0.1em 1em;
	}

.entryBody dt {
	color:#345;
	font:bold 100% Arial, sans-serif;
	margin-bottom:0.3em;
	}

.entryBody dd {
	margin-left:1.5em;
	}

.entryBody dd p {
	margin:1em 0.3em;
	}

.entryBody dd+dt {
	margin-top:1em;
	}

.entryBody dd ol, .entryBody dd ul, .entryBody dd dl {
	margin-bottom:1em;
	}

.entryBody ol, .entryBody ul {
	margin:0 1em;
	}

.entryBody>ol, .entryBody>ul {
	clear:left;
	margin-left:4em;
	}

.entryBody li {
	margin:0.3em 0;
	}

.entryBody li ol, .entryBody li ul, .entryBody li dl {
	margin:0.5em 1em;
	}

.entryBody ul {
	list-style:square outside;
	}

.entryBody * ul {
	margin:1em 3em;
	}

.entryBody ins ul, .entryBody ins ol {
	margin:1em 1em 1em 3em
	}

.entryHeader ul {
	color:#666;
	font:bold 85% Arial, sans-serif;
	margin:0;
	position:absolute;
	top:2.1em;
	left:2.5em;
	}

.entryHeader li {
	display:inline;
	}

.entryHeader li+li:before {
	content:" | ";
	}

.entryFooter ul {
	clear:both;
	font-weight:bold;
	margin:0 1em;
	text-align:right;
	}

.entryFooter li {
	display:inline;
	}

.entryFooter li+li:before {
	content:" | ";
	}

#blogNavigation {
	background:transparent url("/img/background-box.png");
	border:1px solid #333;
	float:right;
	margin:1em;
	width:180px;
	}

#blogNavigation ul {
	font:bold 90%/1.4 Arial, sans-serif;
	margin:0.5em 1em 1em;
	}

#blogNavigation li {
	line-height:1.5;
	list-style:none outside;
	}

#blogArchiveList li {
	float:left;
	width:50%;
	}

#blogSearch {
	display:none;
	}

#toMasterArchive {
	clear:left;
	margin-bottom:1em;
	}