@charset "utf-8"; /* 文字コード */

/*
 * File      : styles-site.css
 * Version   : 1.00
 * Update    :
 * 1.00 2005.03.13: 2カラム固定サイズ・右メニュー用初版
 *
 * Copyright (C) 2005 koikikukan. All rights reserved.
 */

/* ページ全体の基本的な設定と背景色 */
	body {
		margin: 0px 0px 0px 0px;
		background:#ddd; /* 背景色 */
		text-align: center;
	}

	body img {
		border: 0px;
	}

/* リンク文字設定 */
	a {
		color: #f33;
		text-decoration: none;
	}
	a:link {
		color: #f33;
		text-decoration: none;
		background: none;
	}
	a:visited {
		color: #f66;
		text-decoration: none;
		background: none;
	}
	a:active {
		color: #f33;
		text-decoration: none;
		background: none;
	}
	a:hover {
		color: #f00;
		text-decoration: none;
		background: none;
	}

/* h1h2h3 */
	h1{
		margin: 0px;
		padding: 0px;
	}
		
	h2{
		margin: 0px;
		padding: 0px;
	}

	h3 {
		margin: 0px;
		padding: 0px;
	}

/* acc */
	.acc {
		margin: 0px;
		padding: 0px;
		height: 1px;
		width: 1px;
	}

/* 2カラム全体 */
	#box {
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
		padding: 0px;
		width: 700px;
		background-color: #fff;
	}

/* タイトル名 */
	#banner {
		position: relative; z-index: 1;
		height: 100px;
		margin: 0 0 10px 0;
		text-align: left;
		background: none;
	}


/* サイト説明文 */
	.description {
		color: #999999;
		font-size: 12px;
		text-align: left;
	}

/* エントリーのある大段落（3カラム） */
	#content {
		float: left;
		width: 510px;
		border: 0px solid #666699;
		margin : 0px ;
		text-align: left;
		background-color: #fff;
	}

/* エントリーのある大段落（1カラム） */
	#container {
		margin-top : 0px ;
		margin-bottom : 0px ;
		background: none;
	}

/* エントリー別の段落 */
	.blog {
		padding:10px 15px;
		font-size: 11px;
		font-weight:normal;
		color: #333333;
		background: none;
		text-align: left;
		background: none;
	}

/* 各エントリー */
	.blogbody {
		color:#333;
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		text-align: left;
		padding:15px 15px 10px 15px;
		line-height:150%;
		width : auto ;
		margin-bottom:15px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		border: 1px solid #666;
		background: none;
	}

/* タイトルと本文の行間を狭くする対処 */
	.blogbody p {
		margin-top: 10px;
		margin-bottom: 10px;
	}

/* 各エントリーの文字のリンク色 */
	.blogbody a {
		color: #f33;
		text-decoration: none;
		background: none;
	}
	.blogbody a:link {
		color: #f33;
		text-decoration: none;
		background: none;
	}
	.blogbody a:visited {
		color: #f66;
		text-decoration: none;
		background: none;
	}
	.blogbody a:active {
		color: #f33;
		text-decoration: none;
		background: none;
	}
	.blogbody a:hover {
		color: #f00;
		text-decoration: none;
		background: none;
	}

/* エントリーの画像（左に配置した時の文章とのマージン） 2004.07.20追加 */
	.blogbody img {
		margin: 8px 0px 0px 0px;
		border: 1px solid #999;
		padding:8px;
		text-align: left;
	}



/* エントリーのHR */
	.blogbody hr {
		margin: 15px 0px 0px 0px;
		height: 1px;
		color: #999;
	}

/* エントリーのタイトル */
	.title	{
		font-size: 12px;
		color: #333;
		padding: 0px;
		margin-bottom:5px;
		text-align: left;
	}

/* 「ホーム」等へのリンク部分（トップページ以外） */
	#menu {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		font-weight:normal;
		background: none;
		margin:0px;
		padding-bottom:5px;
		text-align:center;
	}

/* エントリーの日付 */
	.date	{ 
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Std","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 12px;
		font-weight:none;
		color: #ffffff;
		border-left: 8px solid #f00;
		background: #000;
		padding-top:2px;
		padding-bottom:2px;
		padding-left:5px;
		margin: 0px;
		text-align:left;
	}

/* エントリー投稿者の段落 */
	.posted {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 10px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin:15px 0px 0px 0px;
	}

/* 「続きを読む」の行 */
	.extended { 
		font-weight:normal;
		text-align: right;
	}

/* blockquote設定 */
	blockquote {
		color: #555;
		margin:15px 20px 15px 20px;
		border-left: 2px solid #f33;
		font-size: 11px;
		font-weight:normal;
		background: #f5f5f5;
		line-height:150%;
		padding: 10px 10px 5px 10px; 
		width: auto ;
		text-align: left;
	}

/* 2004.10.22 TypeKeyによるコメントで投稿者アイコンが枠で囲まれてしまう対処 */
	.commenter-profile img {
		vertical-align: middle;
		border-width: 0;
	}

/* エントリーのテキストエリア可変長指定 2004.07.20追加 */
	.blogbody textarea {
		width: 97% ;
	}

/* quotetitle設定 */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666699;
		padding: 3px;
		text-align: left;
	}

/* 右カラム */
	#links-right{
		float: left;
		color: #333;
		width : 185px ;
		text-align: left;
	}

select {
width: 160px;
color: #000;
background: #fff;
padding: 1px;
font: normal 10px/140% tahoma;
}


/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#fff;
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ角ゴ Pro W6","ヒラギノ角ゴ Std","ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size:10px;
		border-left: 5px solid #f00;
		background:#000;
		line-height:140%;
		padding:2px 0px 2px 5px;
		text-align:left;
		margin-top : 10px;
		margin-left : 5px;
		margin-right : 15px;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		color:#666666;
		background: none;
		font-size:10px;
		font-weight:normal;
		line-height:150%;
		padding:4px 2px 0px 2px;
		margin-left : 5px;
		margin-right : 15px;
		margin-bottom:20px;
/*		word-break: break-all; *//* 半角文字折り返し対処 2004.10.15追加 */
		text-align: left;
	}

/* 楽天サーチ */
	.siderakuten {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		padding:5px;
		margin-top : 10px;
		margin-left : 15px;
		margin-right : 15px;
		margin-bottom:0px;
		text-align: center;
	}


/* Amazonサーチ */
	.sideamazon {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		background:#fff;
		border: 1px solid #000;
		padding:5px;
		margin-top : 10px;
		margin-left : 15px;
		margin-right : 15px;
		margin-bottom:0px;
		text-align: left;
	}

/* Amazonサーチロゴ */
	.sideamazonlogo {
		border: 1px solid #000;
		background:#000;
		margin-top : 0px;
		margin-left : 15px;
		margin-right : 15px;
		margin-bottom:20px;
		padding:0px;
		text-align: center;
	}

/* 2004.10.22 サブカテゴリー対応 */
	.side #categories {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		color: #666666;
		background: none;
		font-size: 10px;
		font-weight:normal;
		line-height:150%;
		text-align: left;
		padding:2px;
		margin-bottom:25px;/* 冗長指定削除 2004.11.24追加 */
	}

	.side #categories ul {
		padding-left: 15px;
		margin: 0px;
		margin-bottom: 0px;
		text-align: left;
	}

	.side #categories ul ul {
		margin-bottom: 0px;
		text-align: left;
	}

	.side #categories li {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: circle;
		text-align: left;
	}
/* サブカテゴリー対応 ここまで */

	.side-counter {
		font-size:10px;
		background: none;
		padding:2px;
		margin-top:8px;
		margin-bottom:25px;
		text-align: left;
	}

	.side2 {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		color:#666666;
		background: none;
		font-size:10px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:5px;
		text-align: left;
	}

	.image img {
		border: 0px solid #666699;
		margin-top: 20px;
	}

/* RSS(XML)の設定 */
	.syndicate {
		color:#666666;
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin:15px;
	}

/* Poweredの設定 */
	.powered {
		color:#666666;
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin:15px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		color: #fff;
		background: #000;
		border-left: 5px solid #f00;
		background:#000;
		line-height:140%;
		text-align:left;
		margin : 20px 0px 10px 0px;
		padding-top:2px;
		padding-left:5px;
		padding-bottom:2px;
		width : auto ;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size:11px;
		font-weight:normal;
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		color:#666666;
		line-height:150%;
		padding:0px;
		margin-left:8px;
		margin-right:8px;
		margin-top:0px;
		margin-bottom:0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		text-align: left;
	}

	.comments-body p {
		margin-top:10px;
		margin-bottom:5px;
		text-align: left;
	}

	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-body textarea {
		width:266px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 10px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

	.comments-post a:link {
		color: #f33;
		text-decoration: underline;
		background: none;
	}
	.comments-post a:visited {
		color: #f66;
	}
	.comments-post a:active{
		color: #f33;
	}
	.comments-post a:hover {
		color: #f00;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#666666;
		font-size:11px;
		font-weight:normal;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #003366;
		text-align: left;
	}

/* トラックバックURL */
	.trackback-url {
		font-size:11px; 
		font-weight:bold;
		color: #f33;
		border: 2px solid #f33;
		padding:10px;
		margin:10px;
		text-align: left;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#666;
		font-size:11px;
		font-weight:normal;
		text-align: left;
	}

/* ポップアップウインドウ全体 2004.12.30追加 */
	#box-commentspop {
		width: auto;
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		background-color: #FFFFFF;
		text-align: left;
	}

/* ポップアップウインドウのタイトル部分 */
	#banner-commentspop {
		z-index: 1; /* バナーの重なり順序対処 2004.12.30追加 */
		color:#999999;
		background:#ffffe0;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		text-align: left;
		border: 1px solid #999;
	}

	#banner-commentspop h1 {
		color: #999999;
		font-family: "ＭＳゴシック", Arial, sans-serif; /* フォント修正 2004.12.30修正 */
		font-weight: normal; /* 文字の太さ修正 2004.12.30修正 */
		font-size: normal;  /* フォントサイズ修正 2004.12.30修正 */
		text-align: left;
	}

	#banner-commentspop h2 {
		color: #999999;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 11px;
		text-align: left;
	}

	#content-commentspop {
		border-bottom: 1px solid #999;
		border-left: 1px solid #999;
		border-right: 1px solid #999;
		margin : 0px ;
		padding : 10px ;
		height : 100%;
		text-align: left;
	}

	#content-commentspop h2	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight:none;
		color: #ffffff;
		background: #8FABBE;
		background-position:left; 
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:6px;
		margin-bottom:15px;
		text-align: left;
	}

	#content-commentspop h3	{ 
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 10px;
		font-weight:none;
		text-align: left;
	}

	.blogbody-commentspop {
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		padding-top:0px;
		line-height:150%;
		width : auto ;
		margin-top:0px;
		margin-bottom:0px;
		text-align: left;
	}

	.blogbody-commentspop p {
		margin-top: 10px;
		margin-bottom: 5px;
		text-align: left;
	}

	.posted-commentspop {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:0px;
		margin-bottom:15px;
		}

/* 検索、コメントなどの入力フォームの設定 */
	form {
		margin:0px;
		text-align: left;
	}

/* 投稿者名、コメントの書き込み欄の文字化け防止 */
	input,textarea {
		font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
		margin: 2px;
	}

/* アソシエイト */
div.asin-detail {
	line-height:120%;
	background:#FFE;
	border: #999 1px solid;
	margin: 1% 2%;
	padding: 10px;
}

div.asin-detail p {
	text-indent: 0em ! important;
	line-height: 140%;
	margin:0;
	padding:0;
}

div.asin-detail ul {
	list-style-type: none;
	margin:  5px 0 0 0;
	padding: 0;
}

div.asin-detail ul li{
	margin:0;
	padding:0;
	}

img.asin {
	float: left;
	border:0;
	margin: 0 10px 0  0;
	padding:0;
}

div.asin-info {
	padding:0;
	margin:0;
}

p.asin-title {
	font-weight: bold;
	padding:0;
	margin:0;
}

.asin-add {
	clear: both;
	margin: 0;
	padding: 0;
}
.asin-add form {
	margin:0;
	padding:0;
	text-align:right;
	}

img.nbd {
	border:0;
	margin: 0 0 0 0;
	padding:0;
}
img.hatena-b {
		border:0;
		margin: 3 0 0 3;
		padding:0;
}



/* サイト内検索結果表示 */
	.serch_form {
		border: 1px solid #666;
		margin: 10px;
		padding: 20px;
	}
	.serch_info {
		margin: 10px;
		padding: 0px;
	}
	.serch_h3 {
		font-size: 12px;
		margin-bottom:5px;
		text-align: left;
		padding: 0px;
	}
	.serch_excerpt {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		text-align: left;
		line-height:150%;
		margin-bottom:5px;
		text-align: left;
		padding: 0px;
	}
	.serch_posted {
		font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 10px;
		text-align: left;
		line-height:150%;
		margin-bottom:15px;
		padding: 4px 0px 0px 0px;
		border-top: 1px dotted #999999;
	}



/* テーブル */
table {
font-family:Lucida Grande, helvetica, Trebuchet MS, verdana, sans-serif, "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, "ＭＳ Ｐゴシック";
		font-size: 11px;
		text-align: left;
border: 0px #333333 solid;
border-collapse: collapse;
table-layout: auto;
}
tr {
padding:: 0px 5px 0px 5px;
border: 0px #999999 solid;
} 
#bd td {
border: 0px #999999 solid;
}