@charset "UTF-8";

/******************************************************************************/
/*     HER STORY Official Website ( Satomido Nikki )                          */
/*     cascading style sheet - global setting                                 */
/*     created by Tets Morikawa ( COWBELL Corporation ), May.25 2005          */
/*     last modified by Tets Morikawa ( COWBELL Corporation ), Jul.15 2005    */
/******************************************************************************/


/******************************************************************************/
/*     タグの設定                                                             */
/******************************************************************************/

/* <body>タグ */
body {
	background: url(./images/bkgd.gif) repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

/* リンク，訪問済みリンク, リンクのアクティブ時 */
a:link, a:visited, a:active {
	color: #97b1bf;
	text-decoration: none;
}
	/* コンテンツブロック <h2> タグのリンク色 */
	a.headline:link,
	a.headline:visited,
	a.headline:active {
		color: #663300;
		text-decoration: none;
	}
	/* #pagenavi ボックスにおけるリンク色 */
	#pagenavi a:link,
	#pagenavi a:visited,
	#pagenavi a:active {
		color: #999999;
		text-decoration: none;
	}

/* リンクのマウスオン */
a:hover {
	color: #97b1bf;
	text-decoration: underline;
}
	/* コンテンツブロック <h2> タグのマウスオン */
	a.headline:hover {
		color: #663300;
		text-decoration: underline;
	}
	/* #pagenavi ボックスにおけるマウスオン */
	#pagenavi a:hover {
		color: #999999;
		text-decoration: underline;
	}

/* <form>タグ */
form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* <h1>タグ */ /* <title> と同義　imaged text 扱い */
h1 {
	margin: 0px 0px 0px 0px;
}

/* <strong>タグ */
strong {
	color: #ff6600;
}

/* <input>タグ */
/* <select>タグ */
/* <textarea>タグ */
input, select, textarea {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
}


/******************************************************************************/
/*     ボックスモデルの設定 - ID                                              */
/******************************************************************************/

/* ページ全体 */
#container {
	width: 700px;
	margin: 0px auto;
	background: url(./images/bkgd.gif) repeat;
	border: 0px;
	text-align: center;
}

/* ヘッダ */
#header {
	width: 700px;
	height: 200px;
	text-align: left;
}
	/* #header ボックスにおける <h2> タグの設定 */
	#header h2 {
		display: none;
	}

/* 左カラム */
#columnleft {
	float: left;
	width: 215px;
	position: relative;
	text-align: left;
}

/* 右カラム */
#columnright {
	float: right;
	width: 485px;
	position: relative;
	text-align: left;
}

/* プロフィール */
#profile {
	margin: 0px 0px 30px 0px;
}

/* カレンダー */
#calendar {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	color: #8b806d;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 11px;
	line-height: 140%;
	text-align: center;
}
	/* カレンダーにおける <table> タグの設定 */
	#calendar table {
		width: 100%;
		padding: 2px;
		border: 0px;
		border-collapse: collapse;
	}
	/* カレンダーにおける <th> タグの設定 */
	#calendar th {
		color: #8b806d;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 11px;
		line-height: 140%;
		text-align: center;
		font-weight: normal;
	}
	/* カレンダーにおける <td> タグの設定 */
	#calendar td {
		color: #8b806d;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 11px;
		line-height: 140%;
		text-align: center;
	}

/* 最近の日記 */
#recent-entries {
	margin: 0px 0px 30px 0px;
}

/* 最近のコメント */
#recent-comments {
	margin: 0px 0px 30px 0px;
}

/* 最近のトラックバック */
#recent-trackbacks {
	margin: 0px 0px 30px 0px;
}

/* カテゴリーアーカイブ */
#categories {
	margin: 0px 0px 30px 0px;
}

/* 以前の日記 */
#archive {
	margin: 0px 0px 30px 0px;
}

/* satomidoのお気に入り */
#favorites {
	margin: 0px 0px 30px 0px;
}

/* リンク */
#links {
	margin: 0px 0px 30px 0px;
}

/* "Powered by"表示 */
#powered {
	margin: 40px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	color: #666666;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 10px;
	line-height: 150%;
	text-align: left;
}

/* ページトップへのナビゲーション */
#pagenavi {
	clear: both;
	width: 700px;
}
	/* #pagenavi ボックスにおける <p> タグの設定 */
	#pagenavi p {
		margin: 0px 0px 0px 0px;
		padding: 10px 5px 20px 5px;
		color: #999999;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 11px;
		text-transform: uppercase;
		text-align: right;
	}

/* コピーライト表示 */
#copyright {
	clear: both;
	width: 700px;
}
	/* #copyright ボックスにおける <address> タグの設定 */
	#copyright address {
		margin: 0px 0px 0px 0px;
		padding: 20px 5px 20px 5px;
		color: #666666;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 10px;
		font-style: normal;
		text-align: right;
	}


/******************************************************************************/
/*     ボックスモデルの設定 - CLASS                                           */
/******************************************************************************/

/* 隠しオブジェクト */
.hidden {
	display: none;
}

/* サイドバー */
.sidebar {
	width: 185px;
	text-align: left;
	word-break: break-all;
	white-space: normal;
}
	/* .sidebar ボックスにおける <h2> タグの設定 */
	.sidebar h2 {
		height: 25px;
		background: url(./images/marker_left.gif) no-repeat;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 30px;
		color: #663300;
		font-size: 12px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	}
	/* .sidebar ボックスにおける <p> タグの設定 */
	.sidebar p {
		position: relative;
		margin: 0px 0px 0px 0px;
		color: #8b806d;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 12px;
		line-height: 150%;
		text-align: left;
	}
	/* .sidebar ボックスにおける <ul> タグの設定 */
	.sidebar ul {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style: none;
	}
	/* .sidebar ボックスにおける <li> タグの設定 */
	.sidebar li {
		font-size: 12px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		line-height: 150%;
	}

/* blog内検索（ホームページ） */
.link-note {
	margin: 0px 0px 30px 0px;
	padding: 0px 0px 0px 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}
	/* blog内検索における <label> タグの設定 */
	.link-note label {
		color: #663300;
	}
	/* blog内検索における 入力欄の設定 */
	.link-note input#search {
		border: 1px #663300 solid;
	}

/* blog内検索（検索結果ページ） */
.search-results input#search {
	border: 1px #663300 solid;
}

/* コンテンツブロック */
.content {
	position: relative;
	width: 485px;
	word-break: break-all;
	white-space: normal;
}
	/* .content ボックスにおける <h2> タグ（エントリータイトル）の設定 */
	.content h2 {
		height: 30px;
		position: relative;
		left: 0px;
		margin: 0px 0px 0px 0px;
		padding: 8px 0px 0px 35px;
		background: url(./images/marker_right.gif) no-repeat;
		color: #663300;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 14px;
		text-align: left;
	}
	/* .content ボックスにおける <h2> タグ（トラックバック欄・コメント欄）の設定 */
	.content h2#trackbacks,
	.content h2#comments,
	.content h2#commentconfirm,
	.content h2#commentform {
		position: relative;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		background: none;
		color: #663300;
		font-size: 12px;
		text-align: left;
	}
	/* .content ボックスにおける <h3> タグ（日付）の設定 */
	.content h3 {
		position: relative;
		color: #97b1bf;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 12px;
		font-weight: normal;
		text-align: right;
		margin: -20px 0px 20px 0px; /* WinIE 5.xの値 */
		voice-family: "\"}\"";
		voice-family: inherit;
		margin: -28px 0px 20px 0px; /* WinIE 5.x以外の値 */
	}
	/* .content ボックスにおける <p> タグの設定 */
	.content p {
		position: relative;
		margin: 0px 0px 0px 0px;
		color: #8b806d;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 12px;
		line-height: 150%;
		text-align: left;
	} /* これよりMacIE5.x以外に適用する設定 \*/
	.content p {
		line-height: 170%;
		letter-spacing: 0.1em;
	} /* ここまでMacIE5.x以外に適用する設定 */
	/* .content ボックスにおける <p> タグの設定（投稿者欄） */
	.content p.posted {
		clear: left;
		width: 485px;
		margin: 20px 0px 40px 0px;
		border-top: 2px dashed #8b806d;
	}
	/* .content ボックスにおける <img> タグの設定 */
/*
	<span onmousedown="
			try {
				var xpathResult = this.ownerDocument.evaluate(
						'ancestor::*[contains(&quot; INPUT input TEXTAREA textarea &quot;, concat(&quot; &quot;, local-name(), &quot; &quot;))]',
						this,
						null,
						XPathResult.FIRST_ORDERED_NODE_TYPE,
						null
					);
				if (!xpathResult.singleNodeValue) return;
			}
			catch(e) {
				// permission denied, then this is in the input area!
			}
			var range = document.createRange();
			range.selectNodeContents(this);
			var contents = range.extractContents(true);
			range.selectNode(this);
			range.deleteContents();
			range.insertNode(contents);
			range.detach();
" class="__mozilla-findbar-search" style="">.content img {
		float: left;
		margin: 0px 15px 5px 0px;
	}
*/
	/* .content ボックスにおける 入力フォームの設定（コメント欄）*/
	.content input#author,
	.content input#email,
	.content input#url,
	.content textarea#text {
		border: 1px #663300 solid;
	}

/* コピーライト表記 */
.copyright {
	text-align: right;
	vertical-align: top;
}


/******************************************************************************/
/*     以下未使用                                                             */
/******************************************************************************/

/* トラックバック欄 */
.tb_comment {
	margin: 30px 0px 0px 0px;
	border-top: 1px dashed #8b806d;
}
	/* .tb_comment ボックスにおける <p> タグの設定 */
	.tb_comment p {
		padding: 10px 0px 20px 0px;
		font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
		font-size: 11px;
		text-align: left;
	}
