@charset "EUC-JP";
/*****************************************************************************
  Satsuki style
					2007/05/26 (C)nabe@abk.nu
*****************************************************************************/
@import url("../base.css");
/*--------------------------------------------------------------------
■Version情報
---------------------------------------------------------------------*/
/* 表示がしつこくなるのでコメントアウト */
/*
div.footer:after {
	content: "Satsuki theme Ver1.11.";
}
*/
/*--------------------------------------------------------------------
■全体配置
---------------------------------------------------------------------*/
body
{
	background-color:	#fff;
	color:			#000;
	margin-left:		auto;
	margin-right:		auto;
	margin-top:		0px;
	min-width:		400px;
	line-height:		130%;

	/* for IE */
	_word-break:		break-all;
	_word-wrap:		break-word;
	_font-size:		12pt;
	_width:			98%;
}
/* 見出し */
h1
{
	font-size:		160%;
	font-weight:		normal;
	border-bottom:		2px solid #2133a9;
	padding:		4px 1em 4px 0.5em;
	margin:			0.5em 0em 1em 0em;
}
h1 a, h1 a:link, h1 a:visited {
	color:			inherit;
	font-weight:		inherit;
	text-decoration:	inherit;

	/* for IE bugs */
	_color:			#000;
	_text-decoration:	none;
}
h1 img, h1 a img {
	border:			none;
}
/* 全体配置用 */
div.hatena-body {
	position:		relative;
	margin:			1em 1em 1em 1em;
	_margin-right:		0em;
	width:			98%;
}
/* 日記部 */
div.main {
	margin-left:		17%;
	padding:		0px 8px 0px 8px;
/*	min-height:		320px;	*/
}
/* 左側にメニューを配置 */
div.sidebar
{
	position:		absolute;
	left:			0px;
	top:			0px;
	width:			16%;
	margin:			0;
	padding:		0;
	min-width:		150px;

	font-size:		85%;
	line-height:		130%;
}
/* フッタの配置 */
hr.footer {
	margin-top:		3em;
}
div.footer
{
	text-align:		right;
	margin:			0 0 0 0;
	font-size:		80%;
	line-height:		120%;
}

/*--------------------------------------------------------------------
■ヘッダメニュー
---------------------------------------------------------------------*/
div.adminmenu {
	text-align:		right;
	font-size:		90%;
	line-height:		100%;
	margin:			1px 0 1em 0;
}

div.adminmenu a, div.adminmenu a:link, div.adminmenu a:visited {
	color:			#00f;
	text-decoration:	none;
}
/* ようこそ */
span.welcome-prefix { text-decotaion: none; color: #000; }
/* ○○さん */
span.welcome      { font-size: 85%; margin-right: 0.5em; }
span.welcome-name { margin: 0px 4px 0px 4px; }
span.welcome a, span.welcome a:link, span.welcome a:visited {
	color:			inherit;
	font-weight:		inherit;
	text-decoration:	none;
}

/* 新着一発表示マーク */
div.adminmenu a.newcome-mark {
	font-weight: bold;
	color: #a30;
	text-decoration: none;
}

/*--------------------------------------------------------------------
■ページ送り
---------------------------------------------------------------------*/
a.prev-page:before {
	content:		"≪";
}
a.next-page:after {
	content:		"≫";
}

/*--------------------------------------------------------------------
■記事のデザイン配置（本文）
---------------------------------------------------------------------*/
/* 1つの記事 */
div.day {
	padding:		0px 8px 0px 8px;
	margin:			0em 1em 1.5em 0em;
}
/* 記事タイトル */
h2 {
	background-color:	#93b3ff;
	border:			2px solid #2133a9;
	border-bottom:		none;
	padding:		2px 8px 2px 8px;
	font-size:		100%;
	margin:			0px;
}
h2 a.date {
	font-size:		80%;
	text-decoration:	none;
}

/* 記事本文 */
div.day div.body {
	background-color:	#fff;
	font-size:		90%;
	line-height:		140%;
	border:			2px solid #2133a9;
	border-top:		none;
	margin:			0px;
	padding:		0.5em 1em 0.5em 1.5em;
}

/* 記事ヘッダ */
div.body div.body-header {
	text-align:		right;
	line-height:		100%;
	font-size:		90%;
	padding:		0;
	margin:			0 0.2em 0 0;
}

/* 記事中のセクション */
div.section {
	margin-top: 		0.5%;
	margin-bottom:		3%;
}
div.day form {
	margin:			0px;
	padding:		0px;
}

/* 記事フッタ */
p.sectionfooter {
	text-align:		right;
	font-size:		90%;
}
p.sectionfooter a img {
	border:			none;
}

/*--------------------------------------------------------------------
■記事のデザイン配置（コメント、トラックバック）
---------------------------------------------------------------------*/
div.day div.comment, div.day div.tb {
	margin:			0;
}
div.comment {
	margin-left:		4px;
	font-size:		90%;
	line-height:		130%;
}
div.tb ul.tb {
	min-height:		0.3em;
}
/* コメント、TBタイトル */
div.day div.comment div.caption,
div.day div.tb div.caption {
	background-color:	#93b3f7;
	padding:		1px 0 0 0.5em;
}
div.day div.comment, div.day div.tb {
	border:			4px solid #93b3f7;
	background-color:	#fff;
	border-top:		none;
}

div.commentshort {
	margin:			0em 1em 0em 1em;
	padding:		0.2em 1em 1em 0.5em;
	line-height:		120%;
}
div.commentshort p {
	margin:			0.2em 0 0.2em 0;
}
/* コメントの全文表示モード */
div.commentbody {
	font-size:		90%;
	line-height:		120%;
}
div.commentbody div.commentator {
	margin-top:		0.5em;
	border-bottom:		1px solid #2133a9;
}
div.commentator p {
	text-indent:		0;
	margin:			0;
}
div.comment-text {
	margin:			0.5em 0em 0.4em 2em;
}

/* フォームのマージン除去(for IE) */
div.comment form {
	margin:			0px;
}
div.tb {
	margin-left:		4px;
	font-size:		90%;
	line-height:		130%;
}
div.tb ul {
	margin:			0.5em 0 0.5em 2em;
	padding:		0;
	font-size:		90%;
	line-height:		120%;
}

ul.tb li {
	list-style:	none;
}
div.tb div.excerpt {
	margin-left:	3em;
/*	margin:		0.5em 0em 0.5em 3em;	*/
}
/*--------------------------------------------------------------------
■記事、コメント、トラックバックなどの敬称・付加文字設定
---------------------------------------------------------------------*/
div.body-header		span.author:before, 
ul.tb			span.author:before,
body-header		span.author:before,
div.recent-comment	span.author:before,
div.recent-trackback	span.author:before
{
	content: " by ";
}

/*--------------------------------------------------------------------
■開閉式スイッチ
---------------------------------------------------------------------*/
a.switch, a.switch:link, a.switch:visited {
	text-decoration:	none;
	margin-right:		-0.2em;
}
span.open {
	text-decoration:	none;
}
span.close {
	text-decoration:	underline;
}

/*--------------------------------------------------------------------
■sidebar内の配置設定
---------------------------------------------------------------------*/
/* sidebar の 1項目 */
div.hatena-module {
	margin:			0 0 1.3em 0;
	padding:		0;
	font-size:		95%;
	line-height:		120%;
/*	border:			2px solid #39ade9;	*/
	_margin-bottom:		0.8em;
}
div.hatena-moduletitle {
	margin:			0 0 0 0;
	padding:		2px 0 2px 0;
	text-align:		center;
	background-color:	#93b3f7;
	border-bottom:		1px solid #2133a9;
}
div.hatena-modulebody {
	margin:			0.3em 0.5em 0.3em 0.5em;
}
div#side-calendar div.hatena-modulebody {
	_text-align:		center;
}
div#side-calendar div.hatena-modulebody table {
	font-size:		100%;
	margin:			0.3em auto;
}
div.sidebar p {
	margin-top:		0.5em;
	margin-bottom:		0.5em;
}
/* Informationのタイトルを出さない */
div#side-information div.hatena-moduletitle {
	display:		none;
}

/* コンテンツ */
div.side-contents-list div.hatena-moduletitle a {
	text-decoration:	none;
}

div.side-contents-list div.hatena-moduletitle {
	background-color:	inherit;
	text-align:		left;
	vertical-align:		bottom;

	border-bottom:		2px solid black;
	font-weight:		bold;
	padding:		0 0 0 0.1em;
}

/*--------------------------------------------------------------------
■リンク配色
---------------------------------------------------------------------*/
a:link		{ color: #0000ff; }
a:visited	{ color: #551a8b; }


/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●記事：基本設定
---------------------------------------------------------------------*/
/* アンカー */
a.linkall span.sanchor {
	margin-right:	0.3em;
}
/* 見出し */
div.body h3 {
	font-size:		120%;
	font-weight:		bold;
	background-color:	#a3c7ff;
	border-bottom:		1px solid #2133a9;
	_width:			100%;
}
div.body h3 span.timestamp {
	font-size:		100%;
	font-weight:		normal;
}
div.body h3 a.linkall {
	text-decoration:	none;
}
/* 小見出し */
div.body h4 {
	font-size:		100%;
	font-weight:		bold;
	border-bottom:		1px solid #2133a9;
}
div.body h5 {
	font-size:		100%;
	font-weight:		bold;
}
/* 小見出しへのリンク */
div.body h4 a, div.body h5 a {
	font-size:		inherit;
	color:			inherit;
	text-decoration:	inherit;
}

div.body p {
	text-indent:		1em;
	margin:			0.7em 0.5em 0.7em 0;
}

blockquote, pre, div.box {
	margin:			0.5em 2em 0.5em 2em;
	padding:		0.3em 1em 0.3em 1em;
	border:			1px solid #2133a9;
	_width:			100%;	/* for IE Peek-a-boo bug */
}
div.body blockquote p {
	margin:			0.2em 0.5em 0.2em 0;
}
pre {
	font-family:		monospace;
	display:		block;
	background-color:	#e3efff;
/*	overflow:		auto;	*/	/* はみ出した部分は scroll bar */
	/* for IE */
	_overflow:		inherit;
	_width:			90%;
}

/* pre 中コメント */
pre span.comment	{ color: #b50; }
pre strong.comment	{ color: #b50; font-weight: bold; }


/* 記事テキストの保護色。背景色と同一にすること */
div.day .hidden, div.day .hidden a,
.hidden strong, .hidden em {
	color:			#fff;
	background-color:	#fff;
}
/* 強調 */
em {
	font-style:		normal;
	text-decoration:	underline;
}

/*--------------------------------------------------------------------
●記事：リスト
---------------------------------------------------------------------*/
dt { font-weight:	bold; }

/*--------------------------------------------------------------------
●記事：テーブル
---------------------------------------------------------------------*/
div.body table {
	font-size:		inherit;
	margin:			0.5em 1em 0.5em 1em;
	border-collapse:	separate;
	border-spacing:		2px;
	empty-cells:		show;
}
div.body table tr {
	margin:			0px;
	padding:		0px;
}
div.body table td {
	margin:			0px;
	padding:		2px;
	border-bottom:		1px dashed #000;
}
div.body table th {
	font-weight:		bold;
	margin:			0px;
	padding:		2px;
	border-bottom:		1px solid #000;
	background-color:	#ccf;
}

/*--------------------------------------------------------------------
●脚注処理
---------------------------------------------------------------------*/
/* 脚注へのリンク */
span.footnote a {
	font-size:		90%;
}

/* 脚注全体 */
div.footnote {
	font-size:		85%;
	margin:			1.5em 0 0 1em;
	padding:		0.1em 1em 0.1em 0.5em;
	background-color:	#e3efff;
}
/* 脚注１つ */
div.footnote p.footnote {
	padding:		0;
	line-height:		125%;
	margin:			0.2em 0 0.2em 0;
}

/*--------------------------------------------------------------------
●sidebar：カレンダー
---------------------------------------------------------------------*/
table.calendar {
	margin-left:		auto;
	margin-right:		auto;
	font-size:		95%;
	line-height:		100%;
}
table.calendar td.calendar-prev-month    { text-align: left;  margin-left:  0.5em; }
table.calendar td.calendar-current-month { text-align: center; }
table.calendar td.calendar-next-month    { text-align: right; margin-right: 0.5em; }
table.calendar td {
	text-align:		right;
}
table.calendar td.calendar-day a {
	text-decoration:	underline;
}
/* 土曜日 */
table.calendar td.w6, table.calendar th.w6 {
	background-color: #ccf;
}
/* 日曜日、祝日 */
table.calendar td.w0, table.calendar th.w0,
table.calendar td.holiday {
	background-color: #fcc;
}
/* 今日 */
table.calendar td.day-today      { font-weight: bold; }
/* 選択した日付 */
table.calendar td.day-selected   { }
table.calendar td.day-selected a {
	text-decoration:	none;
	border-bottom:		2px solid #33f;
}

/*--------------------------------------------------------------------
●sidebar：タグ
---------------------------------------------------------------------*/
/* タイトル一覧など */
ul.hatena-section {
	list-style-type:	none;
	margin:			0.3em 0em 0.3em 0.3em;
	padding:		0px;
}

/* サブカテゴリ */
ul.sub-category {
	list-style-type:	none;
	margin:			0 0 0.2em 1em;
	padding:		0px;
}

/* コメント・トラックバック一覧 */
ul.hatena-recentcomment {
	list-style-type:	none;
	margin:			0.3em 0em 0.3em 0.3em;
	padding:		0px;
}

/*--------------------------------------------------------------------
 システムメッセージ関連（日記本文表示で使用）
---------------------------------------------------------------------*/
strong.error, strong.warning {
	font-size: 100%;
	font-weight: bold;
	color: #a30;
}
/* 表示無効、非公開 の表示 */
strong.void, strong.hidden-com {
	font-size: 100%;
	font-weight: bold;
	color: inherit;
}

/****************************************************************************/
/****************************************************************************/
/****************************************************************************/
/* ここより下は管理メニュー内でのみ使用するクラス                           */
/*		システムメニューに対応しないテーマでは定義不要              */
/****************************************************************************/
/*--------------------------------------------------------------------
●フォーム／日記の編集画面
---------------------------------------------------------------------*/
form input {
	margin:			0 2px 0 2px;
}
div.edit table {
	margin-left:		0;
}

div.diary-edit form textarea, div.diary-edit input.edit-files {
	width:			96%;
	margin:			0em 2em 0em 0em;
	_width:			auto;		/* IE bugs */
}
div.comment form textarea {
	width:			90%;
	_width:			auto;		/* IE bugs */
}
div.diary-edit div.writer {
	font-weight:		bold;
	margin:			0.5em 0em 0em 0em;
}

/*--------------------------------------------------------------------
 システム関連
---------------------------------------------------------------------*/
ul.system-menu {
	list-style-type:	none;
	margin:			0.5em 0.2em 0.5em 0.2em;
	padding:		0px;
}

/*--------------------------------------------------------------------
 編集画面
---------------------------------------------------------------------*/
div.diary-edit div.body, div.edit div.body {
	background-color: #eef;
}
div.edit div.body div.margin {
	margin-left: 2em;
}
div.diary-edit div.body input.filed {
	padding: 0px;
}
div.diary-edit div.body textarea {
	margin-left: 0px;
	padding: 1px 4px 1px 1px;
}
textarea { font-size: 100%; }
div.diary-edit  textarea { font-size: 110%; }
div.design-edit textarea { font-size:  95%; }

form input.int, form select.int, input.int, select.int {
	text-align:		right;
}

/* コメント・TBの編集 */
span.edit-checkbox {
	font-size:		120%;
	background-color:	#eef;
}

/* IP/HOST/AGENT */
div.http_env {
	font-size:		95%;
	line-height:		120%;
	text-align:		right;
}