@charset "utf-8";

/*------------------
  初期設定 全体 要素
  ------------------*/

* {
	margin:0;
	padding:0;
	vertical-align:baseline;
	border:none;
	text-indent:0;
	word-wrap:break-word;
	}

html {
	height:100%;
	}

body {
	color:#333;
	background:url(../img/back-grid.gif) fixed;
	}

table {
	border:none;
	border-collapse:collapse;
	border-spacing:0;
	}
th,td {
	vertical-align:top;
	text-align:left;
	border:solid 1px #333;
	font-weight:normal;
	}
caption { 
	text-align:left;
	}

ul,ol,dl {
	list-style:none;
	}
li {
	display:list-item;
	}

img,a img {
	vertical-align:bottom;
	border:none;
	background:transparent;
	}

object,embed {
	vertical-align:top;
	}

em,address,dfn {
	font-style:normal;
	}

/*-----------------
  初期設定 フォント
  -----------------*/

body	{ font-size:62.5%;	/* 10px */ font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;}
h1		{ font-size:2.8em;	/* 28px */}
h2		{ font-size:2.2em;	/* 22px */}
h3		{ font-size:2.0em;	/* 20px */}
h4		{ font-size:1.9em;	/* 19px */}
h5		{ font-size:1.8em;	/* 18px */}
h6		{ font-size:1.7em;	/* 17px */}
 p		{ font-size:1.5em;	/* 15px */}

/*---------------
  初期設定 リンク
  ---------------*/

a			{ text-decoration:none; color:#06c;}
a:hover	{ text-decoration:underline;}

/*---------------
  テキスト 装飾用
  ---------------*/

.red-bold {
	font-weight:bold;
	color:#c00;
	}

.blue-bold {
	font-weight:bold;
	color:#39c;
	}

.blue-green {
	font-weight:bold;
	color:#070;
	}

.blue-orange {
	font-weight:bold;
	color:#f60;
	}

/*--------------------- レイアウト ---------------------*/

/*--------
  コンテナ
  --------*/

#container {
	width:960px;
	margin:0 auto;
	}

/*--------
  ヘッダー
  --------*/

#header {
	width:960px;
	height:220px;
	}

#header-left {
	width:250px;
	height:60px;
	float:left;
	}

#header-center {
	width:550px;
	height:60px;
	float:left;
	}

#header-right {
	width:160px;
	height:60px;
	float:right;
	position:relative;
	left:8px;
	}

#logo {
	width:250px;
	height:60px;
	}

#sub-title {
	width:550px;
	height:40px;
	}

#keywords {
	width:550px;
	height:20px;
	}

#top-nav {
	width:160px;
	height:40px;
	}

#iuser {
	width:80px;
	height:40px;
	float:left;
	}

#rss {
	width:80px;
	height:40px;
	float:right;
	}

#top-sbm {
	width:155px;
	height:20px;
	position:relative;
	top:-3px;
	left:4px;
	}

#top-image {
	width:960px;
	height:160px;
	clear:both;
	background:url(../img/top-image.jpg) no-repeat;
	}

#top-date {
	position:relative;
	top:105px;
	font-size:48px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#fff;
	}

.bread p {
	margin-top:10px;
	padding:5px 10px;
	border-top:dashed 1px #ccc;
	border-bottom:dashed 1px #ccc;
	background:url(../img/entry-body-back.png);
	font-size:1.3em;
	}

.bread img {
	margin-right:5px;
	position:relative;
	top:-2px;
	vertical-align:middle;
	}

/*------------
  コンテンツ部
  ------------*/

#contents {
	width:960px;
	margin-top:10px;
	overflow:hidden;
	}

/*------------
  メインカラム
  ------------*/

#main {
	width:480px;
	margin-right:10px;
	float:left;
	}

/*------------
  サイドカラム
  ------------*/

#side-wrap {
	width:470px;
	float:right;
	}

#side-left {
	width:300px;
	margin-top:10px;
	float:left;
	}

#side-right {
	width:160px;
	margin-top:10px;
	float:right;
	background:#f6f6f6;
	font-size:0.8em;
	}

/*--------
  フッター
  --------*/

#footer {
	width:940px;
	margin-top:10px;
	padding:10px;
	clear:both;
	background:#030 url(../img/footer-back.gif) left top repeat-x;
	color:#fff;
	}

/*--------------------- 各部詳細 ---------------------*/

/*----------
  エントリー
  ----------*/

.nav-newer-older p {
	margin-bottom:10px;
	padding:10px;
	background:url(../img/comment-parent-back.png);
	text-align:center;
	font-size:1.4em;
	}

.entry-nav-older {
	display:block;
	padding-left:35px;
	background:url(../img/entry-mav-old.gif) left center no-repeat;
	text-align:left;
	}

.entry-nav-newer {
	display:block;
	padding-right:35px;
	background:url(../img/entry-mav-new.gif) right center no-repeat;
	text-align:right;
	}
.entry-nav-older a,
.entry-nav-newer a {
	font-weight:bold;
	}

.entry {
	width:480px;
	}

.entry-block {
	margin-bottom:10px;
	}

.entry-body-lead p {
	margin-bottom:20px;
	}

.entry-header {
	background:url(../img/entry-body-back.png);
	}

.entry-header h2 {
	padding:10px 10px 0 10px;
	}

.entry-header h2 a {
	display:block;
	}

.entry-body {
	padding:10px;
	background:url(../img/entry-body-back.png);
	}

.entry-body a {
	text-decoration:underline;
	}

.entry-body hr {
	margin-bottom:20px;
	border-collapse:collapse;
	border:1px dashed #aaa;
	}

.entry-body p,
.entry-body h3,
.entry-body h4,
.entry-body h5,
.entry-body h6,
.entry-body ul,
.entry-body ol,
.entry-body dl,
.entry-body pre,
.entry-body table {
	margin-bottom:20px;
	line-height:1.8em;
	}

.entry-body h3 {
	border-bottom:double 3px #693;
	}

.entry-body h4 {
	border-bottom:solid 2px #ccc;
	}

.entry-body h5 {
	}

.entry-body ul,
.entry-body ol,
.entry-body dl,
.entry-body pre {
	font-size:1.5em;
	}

.entry-body ul li {
	margin-left:20px;
	margin-bottom:10px;
	list-style:url(../img/list-marker-16x16.gif);
	}

.entry-body ol li {
	margin-left:20px;
	margin-bottom:10px;
	list-style:decimal;
	}

.entry-body ul ul,
.entry-body ul ul ul,
.entry-body ol ol,
.entry-body ol ol ol {
	margin-top:10px;
	margin-bottom:0;
	font-size:1em;
	}

.entry-body dl {
	margin-left:20px;
	}

.entry-body dt {
	padding-left:20px;
	background:url(../img/dl-list-marker-16x16.gif) left top no-repeat;
	font-weight:bold;
	}

.entry-body dd {
	margin:0 0 20px 20px;
	}

.entry-body th,
.entry-body td {
	padding:5px;
	font-size:1.4em;
	background:#fff;
	color:#333;
	}

.entry-body th {
	text-align:center;
	font-weight:bold;
	}

.entry-body blockquote {
	margin:20px;
	padding:20px;
	border-top:solid 1px #ccc;
	border-left:solid 1px #999;
	background:#ffc url(../img/entry-blockquote.gif) right bottom no-repeat;
	}

.entry-all {
	margin:10px;
	text-align:right;
	font-weight:bold;
	}

.entry-date {
	margin-top:10px;
	padding-left:10px;
	background:url(../img/entry-date-back.png) left bottom repeat-x;
	color:#366;
	}

.entry-date p {
	font-size:1.2em;
	}

.entry-comment-tb-sbm p {
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:bold;
	}

.entry-comment-tb-sbm img {
	vertical-align:middle;
	}

.entry-tag h3,
.entry-category h3,
#entry-pings-header h3,
#entry-comments-header h3,
#comments-open-header h3 {
	width:480px;
	height:25px;
	margin-top:10px;
	padding-top:5px;
	padding-left:30px;
	clear:both;
	background:url(../img/entry-tag-tb-comment-header.gif) no-repeat;
	font-size:14px;
	}

.entry-category {
	font-size:14px;
	}

.entry-tag {
	font-size:14px;
	}

.entry-category ul,
.entry-tag ul {
	margin-top:10px;
	margin-bottom:-10px;
	width:480px;
	overflow:hidden;
	}

.entry-category li,
.entry-tag  li {
	margin:0 10px 10px 0;
	padding:0 10px;
	float:left;
	background:url(../img/entry-body-back.png);
	white-space:nowrap;
	}

.entry-category-related h4 {
	margin-top:10px;
	padding-left:10px;
	font-size:12px;
	}

.entry-category-related-body {
	}

.entry-category-related-body ul {
	margin-top:10px;
	}

.entry-category-related-body li {
	width:460px;
	margin-bottom:10px;
	padding:10px;
	background:url(../img/entry-body-back.png);
	white-space:normal;
	}

.entry-category-related-title {
	display:block;
	}

.entry-category-related-buzz {	
	display:block;
	}

.entry-category-related-buzz img {
	vertical-align:middle;
	}

.entry-category-related-date {
	display:block;
	text-align:right;
	}

#entry-pings h4 {
	font-size:1.6em;
	}

#entry-pings p,
#entry-comments p {
	font-size:1.4em;
	}

#entry-pings input {
	width:80%;
	}

#entry-pings-body {
	margin-top:10px;
	width:480px;
	}

#entry-pings .entry-ping-url {
	font-size:1.5em;
	}

#entry-pings .entry-ping-url input {
	padding:0 5px;
	border:solid 1px #ccc;
	font-size:1em;
	}

.ping-body {
	margin-top:10px;
	padding:10px;
	background:url(../img/entry-body-back.png);
	}

.ping-date {
	text-align:right;
	font-size:1.2em;
	}

.ping-description {
	line-height:1.8em;
	}

.comment-parent,
.comment-reply {
	padding:10px;
	}

.comment-parent {
	margin-top:10px;
	background:url(../img/comment-parent-back.png);
	}

.comment-reply-container {
	background:url(../img/entry-body-back.png);
	}

.comment-reply {
	background:url(../img/reply-symbol.gif) right top no-repeat;
	}

.comment-parent p,
.comment-reply p {
	line-height:1.8em;
	}

.comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply {
	background:#fff;
	}

.comment-reply .comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply,
.comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply .comment-reply {
	background:url(../img/entry-body-back.png);
	}

.comment-header img {
	width:14px;
	height:14px;
	vertical-align:middle
	}

.comment-header .author {
	font-weight:bold;
	}

.comment-body {
	padding:10px;
	}

.comment-footer {
	text-align:right;
	}

.reply-button {
	}

#comments-open p,
#comments-open label,
#comment-greeting {
	font-size:1.4em;
	}

#comments-open-content {
	padding:10px;
	background:url(../img/entry-body-back.png);
	}

#comment-form-name {
	width:220px;
	height:55px;
	margin-top:20px;
	margin-right:20px;
	float:left;
	}

#comment-form-name label {
	display:block;
	}

#comment-form-name input {
	width:200px;
	height:20px;
	padding:5px 10px 0 10px;
	background:url(../img/comment-name-mail-back.gif) no-repeat;
	}

#comment-form-email {
	width:220px;
	margin-top:20px;
	float:right;
	}

#comment-form-email label {
	display:block;
	}

#comment-form-email input {
	width:200px;
	height:20px;
	padding:5px 10px 0 10px;
	background:url(../img/comment-name-mail-back.gif) no-repeat;
	}

#comment-form-url {
	width:460px;
	margin-top:20px;
	clear:both;
	}

#comment-form-url label {
	display:block;
	}

#comment-form-url input {
	width:440px;
	height:20px;
	padding:5px 10px 0 10px;
	background:url(../img/comment-url-back.gif) no-repeat;
	}

#comment-form-remember-me {
	margin-top:20px;
	width:460px;
	}

#comment-form-remember-me label {
	position:relative;
	top:-2px;
	}

#comment-form-reply {
	margin-top:20px;
	width:460px;
	}

#comments-open-text {
	margin-top:15px;
	width:460px;
	}

#comments-open-text textarea {
	width:440px;
	height:90px;
	padding:5px 10px;
	resize:none; 
	background:url(../img/comment-text-back.gif) no-repeat;
	}

#comments-open-captcha {
	margin-top:20px;
	font-variant:small-caps;
	}

#comments-open-captcha input {
	width:128px;
	padding:0 10px;
	border:solid 1px #333;
	}

#comments-open-footer {
	margin-top:20px;
	text-align:right;
	}

#comments-open-footer input {
	width:110px;
	height:40px;
	}

#comment-cancel {
	margin-right:10px;
	background:url(../img/comment-cancel.gif);
	cursor:pointer;
	}

#comment-preview {
	margin-right:10px;
	background:url(../img/comment-kakunin.gif);
	cursor:pointer;
	}

#comment-submit {
	background:url(../img/comment-post.gif);
	cursor:pointer;
	}

#comment-pewview-data p {
	font-size:1.4em;
	}

#comment-result-content {
	margin-top:10px;
	padding:10px;
	background:url(../img/comment-result-back.png);
	}

/*--------------
  記事一覧ページ
  --------------*/

#archives-contents {
	}

#archives-category {
	width:235px;
	margin-right:10px;
	float:left;
	}

#archives-monthly {
	width:235px;
	float:right;
	}

#archives-tag {

	width:235px;
	float:right;
	}

.archives-header {
	height:25px;
	padding-left:25px;
	padding-bottom:2px;
	background:url(../img/archives-header.gif) left center no-repeat;
	font-size:18px;
	}

.archives-body {
	font-size:1.4em;
	}

.archives-body ul {
	overflow:hidden;
	}

.archives-body li {
	margin:10px 0;
	padding:0 10px;
	background:url(../img/archives-body.png);
	}

#archives-category li li,
#archives-category li li li {
	margin-bottom:0;
	padding:0 20px;
	background:none;
	}

#archives-monthly ul {
	margin-top:10px;
	}

#archives-monthly li {
	width:114.5px;
	margin-top:0;
	display:block;
	float:left;
	margin-top:0;
	}

#archives-tag ul {
	margin-top:10px;
	}

#archives-tag li {
	float:left;
	margin-top:0;
	margin-right:10px;
	white-space:nowrap;
	}

.archives-nav {
	margin-top:10px;
	}

/*------------------
  サイド検索ボックス
  ------------------*/

#search-box {
	width:470px;
	margin-top:10px;
	}

#search-box form {
	margin-bottom:-10px;
	}

#search {
	width:315px;
	height:18px;
	margin-right:10px;
	padding:2px 25px 0 10px;
	float:left;
	background:url(../img/search-text.gif) no-repeat;
	font-size:14px;
	}

#search-button {
	width:110px;
	height:20px;
	background:url(../img/search-button.gif) no-repeat;
	}

#x {
	position:relative;
	top:-20px;
	left:325px;
	}

#searchresult {
	margin-top:10px;
	font-size:1.4em;
	}

#searchresult li {
	margin:10px 0;
	padding:10px;
	background:url(../img/side-nav-body.png);
	}

#searchresult li a {
	font-weight:bold;
	}

.search-content-nav {
	margin-bottom:10px;
	font-size:1.3em;
	}

.json-data-blog-name-date {
	display:block;
	text-align:right;
	}

/*---------------------
  サイド ナビゲーション
  ---------------------*/

.side-nav-header {
	width:270px;
	height:25px;
	padding-top:5px;
	padding-left:30px;
	clear:both;
	background:url(../img/side-nav-header.gif) no-repeat;
	font-size:14px;
	}

.side-nav-google-wave {
	background:url(../img/side-nav-google-wave.gif) no-repeat;
	}

.side-nav-body {
	width:300px;
	font-size:1.4em;
	}

.side-nav-body ul {
	overflow:hidden;
	}

.side-nav-body li {
	margin:10px 0;
	padding:0 10px;
	background:url(../img/entry-body-back.png);
	}

.side-nav-recent-title {
	display:block;
	}

.side-nav-entry-buzz {	
	display:block;
	}

.side-nav-entry-buzz img {
	vertical-align:middle;
	}

.side-nav-recent-date {
	display:block;
	text-align:right;
	}

.hatena-moduletitle {
	display:none;
	}

#side-nav-monthly ul {
	margin-top:10px;
	}

#side-nav-monthly li {
	width:130px;
	margin-top:0;
	display:block;
	float:left;
	}

#side-nav-category li li,
#side-nav-category li li li {
	margin-bottom:0;
	padding:0 20px;
	background:none;
	}

#side-nav-tag ul {
	margin-top:10px;
	margin-bottom:0;
	width:300px;
	}

#side-nav-tag li {
	float:left;
	margin-top:0;
	margin-right:10px;
	white-space:nowrap;
	}

.side-nav-comment ul {
	margin-bottom:0;
	}

.side-nav-comment-author,
.side-nav-comment-entry,
.side-nav-comment-date {
	display:block;
	}

.side-nav-comment-author {
	margin-bottom:5px;
	font-weight:bold;
	}

.side-nav-comment-entry {
	margin-top:5px;
	font-size:0.8em;
	}

.side-nav-comment-date {
	text-align:right;
	}

.side-nav-trackback-entry,
.side-nav-trackback-source {
	display:block;
	}

.side-nav-trackback-source {
	padding-left:18px;
	background:url(../img/side-nav-trackback-source.gif) left center no-repeat;
	}

.side-nav-trackback-date {
	display:block;
	text-align:right;
	}

#side-twitter {
	}

.twtr-tweets {
	font-size:0.8em;
	}

.side-margin-top-10 {
	margin-top:10px;
	}

/*----------
  サイド広告
  ----------*/

.adsense-468x60 {
	width:470px;
	height:60px;
	margin-top:10px;
	margin-bottom:10px;
	clear:both;
	}

.adsense-300x250 {
	width:300px;
	margin-top:10px;
	height:250px;
	}

.adsense-160x600 {
	width:160px;
	height:600px;
	}

.amazon-160x600 {
	display:none;
	width:160px;
	height:600px;
	margin-top:10px;
	}
