@import		url("../base.css");
@charset	"EUC-JP";
/*****************************************************************************
    テーマ「みやび」Ver 1.00
				2006/12/13 (C)GLANSHE
				2006/12/13 CSS全面書き直し by nabe
				2006/12/14 一部修正 by Kaede
*****************************************************************************/
/* バージョン情報 */
div.footer:after {
	white-space:			pre;
	line-height:			100%;
/*	content:				"Miyabi Theme Ver1.00 Designed by GLANSHE.\A CSS fixed by nabe@abk / Kaede.";	*/
	content:				"Miyabi Theme Ver1.00 Designed by GLANSHE.";
}

body {
	margin:						0px auto;
	padding:					0px;
	width:						900px;
	/* for IE */
	_scrollbar-face-color:			#F9E8BB;
	_scrollbar-highlight-color:		#FFFDF9;
	_scrollbar-darkshadow-color:	#FFFDF9;
	_scrollbar-shadow-color:		#752639;
	_scrollbar-3dlight-color:		#752639;
	_scrollbar-arrow-color:			#752639;
	_text-align:					center;
}

/* body と同一のdiv要素 */
div.adiary-body {
	background-image:		url("bg.jpg");
	background-repeat:		repeat-y;
	background-position:	center top;
	margin:					0px;
	padding:				0px 80px 0px 80px;
	width:					740px;
	_width:					900px;
	_text-align:			left;
}

/* 幅の指定 for IE */
div.adminmenu, div.page-title, div.hatena-body {
	_width:					740px;
}


/*■リンク配色
---------------------------------------------------------------------*/
a:link {
	color: 					#a31b42;
	text-decoration:		none;
}
a:visited {
	color: 					#a31b42;
	text-decoration:		none;
}
a:hover {
	color:					#C56060;
	text-decoration:		none;
}

/*◆フォントサイズ基本設定
---------------------------------------------------------------------*/
.xx-large					{ font-size: 200%; }
.x-large,  .huge			{ font-size: 150%; }
.large						{ font-size: 130%; }
.midium, .normalsize		{ font-size: 100%; }
.small						{ font-size: 90%;  }
.x-small,  .tiny			{ font-size: 80%;  }
.xx-small, .scriptsize		{ font-size: 50%;  }


/*◆フォント装飾基本設定
---------------------------------------------------------------------*/
.it,	.italic				{ font-style: italic; }
.bf,	.bold				{ font-weight: bold; }
.u,		.underline			{ text-decoration: underline; }


/*--------------------------------------------------------------------
■ヘッダメニュー
---------------------------------------------------------------------*/
div.adminmenu {
	position:				absolute;
	top:					160px;
	width:					708px;
	_width:					740px;
	text-align:				right;
	font-size:				80%;
	line-height:			16px;
	padding:				2px 16px;
	color:					#444;
}

/*
div.adminmenu {
	position:				absolute;
	color:					#444;
	text-align:				right;
	font-size:				80%;
	line-height:			100%;
	margin-top:				160px;
	padding:				2px 12px;
	height:					16px;
	max-height:				16px;
	_height:				20px;
	_max-height:			20px;
}
*/
span.admin-links {
	display:				static;
	margin-right:			1em;
	margin-left:			0.2em;
}
a.newcome-mark { margin-left: -0.4em; }

div.adminmenu a, div.adminmenu a:link, div.adminmenu a:visited {
	color:					#66C;
}

span.welcome-name {
	margin:					0 0.2em;
	font-weight:			bold;
}

span.admin-links a {
	padding-left:			0.3em;
}

/*--------------------------------------------------------------------
■ 見出し (日記帳タイトル)
---------------------------------------------------------------------*/
div.page-title {
	background-image:		url("page-top.png");
	background-repeat:		no-repeat;
	background-position:	left top;
	text-align:				center;
	padding:				0;
	_margin-left:			1px;
}

h1 {
	background-image:		url("title.png");
	background-repeat:		no-repeat;
	background-position:	19px 44px;
	margin:					0px 0px 0px 0px;
	padding:				84px 41px 0px 41px;
	font-size:				210%;
	line-height:			130%;
	font-family:			"DFP 麗雅宋","IPA P明朝","ＭＳ Ｐ明朝",sens-serif;
/*	font-family:			"HGP創英角ﾎﾟｯﾌﾟ体","DFP 麗雅宋","IPA P明朝","ＭＳ Ｐ明朝",sens-serif;	*/
	height:					80px;
	_height:				156px;
}

h1 img, h1 a img {
	border:					none;
}

/*--------------------------------------------------------------------
■ 全体配置 (サイドバー + 記事部)
---------------------------------------------------------------------*/
div.hatena-body {
	position:				relative;
	margin:					0;
	min-height:				1600px;
	_height:				1600px;
}

/*--------------------------------------------------------------------
■ 記事部配置
---------------------------------------------------------------------*/
div.main {
	margin:					22px 18px 0px 180px;	/* 178 = 18+160(sidebar) */
	padding:				1px;
	/* IE は width がすぐに確定しないと、表示化けする */
	_width:					542px;					/* 542 = 740 - 180 - 18 */
}

/* ページ送り表示部 */
div.page-head {
	padding:				1px;
}
div.page-foot {
	padding:				1px;
}

/*--------------------------------------------------------------------
■ サイドバー配置
---------------------------------------------------------------------*/
div.sidebar {
	position:				absolute;
	top:					0px;

	background-image:		url("side-top.gif");
	background-repeat:		no-repeat;
	background-position:	0 0;

	margin-left:			19px;
	width:					155px;
	padding-top:			16px;
	_margin-top:			24px;
}

div.side-b-bottom {
	background-image:		url("side-bottom.png");
	background-repeat:		no-repeat;
	background-position:	left bottom;
	width:					155px;
	padding-bottom:			23px;
}
div.side-a2, div.side-b2 {
	margin:					0px;
	padding:				1px 9px 1px 9px;
	background-image:		url("side-middle.png");
	background-repeat:		repeat-y;
	width:					137px;
	_width:					155px;
}

/*--------------------------------------------------------------------
■ 記事部 (本文)
---------------------------------------------------------------------*/
div.day {
	background-image:		url("day-bottom.gif");
	background-repeat:		no-repeat;
	background-position:	left bottom;
	margin:					0 0 2em 0;
	padding:				1px 0px 28px 0px;
	_width:					540px;
}

/* 記事タイトル部 */
div.day h2 {
	background-image:		url("day-top.gif");
	background-position:	left top;
	background-repeat:		no-repeat;
	margin:					0;
	padding:				12px 40px 0px 40px;
	_width:					540px;
	font-size:				100%;
	line-height:			120%;
}

div.day h2 a.switch {
	font-size:				12px;
	line-height:			100%;
}
div.day h2 span.date {
	font-size:				12px;
	line-height:			100%;
	margin-left:			-0.3em;
}

div.day h2 span.title {
	display:				block;
	font-size:				18px;
	font-family:			"DFP 麗雅宋","HGP創英角ﾎﾟｯﾌﾟ体";
	background-image:		url("day-title.png");
	text-align:				center;
	padding:				8px 10px 0px 10px;
	height:					26px;
	_height:				34px;
}

/*
div.day h2 a, div.day h2 a:link, div.day h2 a:visited {
	color:					#9C6568;
}
div day h2 a.switch, div.day h2 a.switch:link,
div.day h2 a.switch:visited {
}
*/

/* 記事本文 */
div.day div.body {
	background-image:		url("day-middle.png");
	background-position:	left top;
	background-repeat:		repeat-y;
	color:					#666;
	margin:					0;
	padding:				0.2em 18px;
	font-size:				80%;
	line-height:			130%;
	_width:					540px;
}

/* 記事ヘッダ (【記事カテゴリ】by ○○) */
div.body div.body-header {
	text-align:				right;
	font-size:				85%;
	line-height:			100%;
	_padding:				1px;
	margin:					0  0 1.2em 0;
}

/* 記事中のセクション */
div.section {
	font-size:				105%;
	margin:					0em 0.2em 1em 0.2em;
	padding:				0;
}

/*-----------------------------------------------*/
/* ◆以下、記事のデザイン配置（コメント、TB）*/
/*-----------------------------------------------*/
/* コメント、TB部余白 */
div.day-additional {
	background-image:		url("day-middle.png");
	background-position:	left top;
	background-repeat:		repeat-y;
	padding-bottom:			1px;
	_width:					540px;
}

div.day div.comment, div.day div.tb {
	margin:					0;
	padding:				0 10px;
	font-size:				100%;
	line-height:			130%;
}

div.caption {
	padding:				8px 0 0 12px;
	font-size:				105%;
	line-height:			100%;
	font-weight:			bold;
/*	line-height:			32px;
	margin-bottom:			0.4em;*/
}

div.caption a, div.caption a:link, div.caption a:visited {
	color:					#9C6568;
	text-decoration:		none;
}
/*
div.caption a.switch {
}

div.caption span.caption-title {
	padding-left:			34px;
}
*/

/* コメント概要表示 */
div.commentshort {
	color:					#666;
	font-size:				80%;
	padding:				0.3em 0.2em 0 0.2em;
	line-height:			115%;
}

div.commentshort p {
	margin:					0.2em 0 0.1em 1em;
}

div.commentshort span.comment-date {
	font-size:				90%;
}

/* コメント全文表示モード */
div.commentbody div.commentator {
	margin-top:				0.5em;
}

/* コメント本文 */
div.comment-text {
	color:					#666;
	margin-left:			0.5em;
}

/* コメント部フォーム */
div.commentbody form {
	margin:					0;
}
div.commentbody form input{
	margin:					-0.5em 0 0 0;
	padding:				0.1em inherit;
	vertical-align:			center;
}

div.commentbody form textarea {
	margin:					0.3em 0.5em 0 0.5em;
}

div.tb ul {
	font-size:				80%;
	line-height:			140%;
	margin:					0.5em 0 0 0;
	_padding:				0 2.5em 0 2.5em;
}

ul.tb {
	list-style:		none;
}

/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●記事：基本設定
---------------------------------------------------------------------*/
/* 見出し */
div.body h3 {
	color:					#CD3765;
	margin:					0.5em 0 0 0;
	padding:				0;
	font-size:				135%;
	line-height:			110%;
	font-weight:			bold;
}

span.sanchor {
	margin-right:			5px;
}

a span.sanchor, a:link span.sanchor, a:visited span.sanchor {
	color:					#9C6568;
	text-decoration:		none;
}
/*
div.body h3 span.sanchor {
}

*/
/* 時刻付き見出し記法 */
span.timestamp {
	font-size:				90%;
}

h3 span.timestamp {
	font-size:				75%;
}

/* 小見出し */
div.body h4 {
	margin:					0.5em 0 0 0;
	padding:				0 0 0 0.3em;
	font-size:				120%;
	font-weight:			bold;
	color:					#a32b42;
}

div.body h4 a, div.body h4 a:link, div.body h4 a:visited {
	color:					#a32b42;
}

/* 小々見出し */
div.body h5 {
	margin:				0.5em 0 0 0.7em;
	padding:			0;
	font-size:			110%;
	line-height:		110%;
	font-weight:		bold;
}

blockquote, pre, div.box {
	margin:					0.5em 2em 0.5em 2em;
	padding:				0.3em 1em 0.3em 1em;
	border:					2px solid #F69;
	/* for IE 
	_overflow:				auto;*/
	_width:					95%;/*
	_max-width:				95%;
	_text-align:			left;*/
}

div.body blockquote p {
	margin:					0.2em 0.5em 0.2em 0;
	padding:				0;
}

pre {
	font-family:			monospace;
	font-size:				100%;
	display:				block;
	background-color:		#FFFFCC;
	border:					2px solid #F69;
	/* for IE*/ 
	word-wrap:break-word;
	/*_overflow-x:			scroll;
	
	_max-width:				95%;
	_text-align:			left;*/
}

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

.mono, .pre {
	font-family:		monospace;
}


/*--------------------------------------------------------------------
●記事：div
---------------------------------------------------------------------*/
div.left	{ text-align: left;   }
div.center	{ text-align: center; }
div.right	{ text-align: right;  }

/*--------------------------------------------------------------------
●記事：リスト
---------------------------------------------------------------------*/
ul.none, ol.none {
	list-style:	none;
}

/*--------------------------------------------------------------------
●記事：テーブル
---------------------------------------------------------------------*/
div.body table {
	font-size:			95%;
	line-height:		110%;
	margin:				0.5em 1em 0.5em 1em;
	border-collapse:	separate;
	border-spacing:		0px 2px;
	empty-cells:		show;
}

div.body table tr {
	margin:				0 0 1px 0;
	padding:			0px;
}
div.body table td {
	margin:				0px;
	padding:			2px;
}

div.body table th {
	margin:				0px;
	padding:			2px;
}

div.body table tr td{
	background-color:	transparent;
	border-bottom:		1px solid #71644d;
}

div.body table tr th {
	background-color:	#F99;
	border-bottom:		1px solid #E55;
}

th.left, td.left, th.l, td.l {
	text-align:			left;
	margin-right:		auto;
}
th.center, td.center, th.c, td.c {
	text-align:			center;
	margin-left:		auto;
	margin-right:		auto;
}
th.right, td.right, th.r, td.r {
	text-align:			right;
	margin-left:		auto;
}

/* テーブルを囲う場合(curbクラス指定) */
div.body table.curb {
	border:				2px solid #71644b;
	padding:			2px 4px;
}
/*
table tr th a, table tr th a:link, table tr th a:visited {
	color:				inherit;
}
*/
/*--------------------------------------------------------------------
●脚注処理
---------------------------------------------------------------------*/
/* 脚注へのリンク */
span.footnote a {
	font-size:			75%;
	vertical-align:		top;
}

/* 脚注全体 */
div.footnote {
	font-size:				85%;
	margin:					1.5em 2.5em 0 2.5em;
	padding:				0.15em 1em 0.15em 0.5em;
	background-color:		#FFFFEE;
	_text-align:			left;
}


/* 脚注１つ */
div.footnote p.footnote {
	padding:			0;
	line-height:		125%;
	margin:				0.25em 0 0.25em 0;
}


/*--------------------------------------------------------------------
●保護色 (hidden)
---------------------------------------------------------------------*/
/* 記事テキストの保護色。背景色と同一にすること */
/* 本文中, 小見出し, 小々見出し */
div.day div.section .hidden, div.day div.section .hidden a,
div.day div.section .hidden strong, .hidden em {
	color:				#FFF;
	background-color:	#FFF;
}

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

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

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

div.sidebar ul li {
	margin:					0.2em 0;
}

/*■ 以下、サイドバー内の配置設定
---------------------------------------------------------------------*/
/* サイドバーの１項目 */
div.hatena-module {
	margin-bottom:			1em;
	font-size:				12px;
	line-height:			110%;
}

div.hatena-moduletitle {
	background-image:		url("side-title.png");
	background-repeat:		no-repeat;
	color:					#444;
	min-height:				29px;	/* 40-11 */
	_height:				40px;
	padding:				11px 0px 0px 0px;
	font-size:				115%;
	font-weight:			bold;
	text-align:				center;
	margin:					0;
}

/* sidebar項目本体 */
div.hatena-modulebody {
	color:					#644;
	padding:				0 0.4em 0.2em 0.4em;
	margin-top:				0;
}

div.calendar div.hatena-modulebody {
	padding:				0;
	margin:					0 0 0.3em 0em;
	/* for IE */
	_text-align:			center;
}

div.sidebar p {
	margin-top:				0.5em;
	margin-bottom:			1.3em;
}

div.hatena-module#side-search div.hatena-modulebody input {
	margin:					0.2em 0;
	vertical-align:			middle;
}

/*--------------------------------------------------------------------
●sidebar：カレンダー
---------------------------------------------------------------------*/
table.calendar {
	width:			100%;
	max-width:		100%
	margin-left:		auto;
	margin-right:		auto;
	font-size:		100%;
	color:				#444;
	line-height:		100%;
	_width:			95%;
	_max-width:		95%;
}
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:		center;
}
table.calendar td.calendar-day a {
	text-decoration:	underline;
}
/* 日曜日、祝日 */
table.calendar td.w0, table.calendar th.w0,
table.calendar td.holiday {

	color:			  #D33;
}
table.calendar td.w0 a, table.calendar th.w0 a,
table.calendar td.holiday a { color: #D00;}
/* 土曜日 */
table.calendar td.w6, table.calendar th.w6 {
/*	background-color: #ccf;*/

	color:			 	#55F;
}
table.calendar td.w6 a, table.calendar th.w6 a
{ color: #00D;}

/* 今日 */
table.calendar td.day-today      { border:1px solid white; }
/* 選択した日付 */
table.calendar td.day-selected   { }
table.calendar td.day-selected a {
	text-decoration:	none;
	border-bottom:		1px solid #DDD;
}

/*--------------------------------------------------------------------
■ フッタ
---------------------------------------------------------------------*/
/* フッタ部水平線 */
hr.footer {
	display:			none;
}

div.footer {
	border-top:			2px solid;
	text-align:			right;
/*
	padding-left:		1em;
*/
	padding-top:		0.6em;
	padding-bottom:		2em;
	font-size:			80%;
	line-height:		120%;
	margin-top:			-1em;
}

/*--------------------------------------------------------------------
 システムメッセージ関連（日記本文表示で使用）
---------------------------------------------------------------------*/
strong.error, strong.warning {
	display:			block;
	font-size: 			100%;
	font-weight:		bold;
	padding:			1em 0 1em 0;
}

/* 非公開、無効 の表示 */
strong.void, strong.hidden-com {
	font-size: 100%;
	font-weight: bold;
	color: inherit;
}

/*--------------------------------------------------------------------
●フォーム／日記の編集画面
---------------------------------------------------------------------*/
div.edit strong.error, div.edit strong.warning {
	display:			inline;
	margin:				0;
}

div.edit div.day {
	_padding-bottom:	30px;
}

div.edit div.body {
	padding:			1em 1.5em 0 1.5em;
	_text-align:			left;
}

div.edit h2 {
	font-size:			150%;
	line-height:		100%;
	padding-top:		16px;
}

div.edit h2 span.title {
	padding:				8px 10px 0px 10px;
	height:					26px;
	_height:				34px;
}

div.edit h3 {
	margin:				0.5em 1em 0 1em;
	padding-left:		0.5em;
	border-bottom:		1px solid #71644d;
}
/*
div.edit table tr td, div.edit table tr th{
		border-bottom:		1px solid #e56;
}
*/

div.edit span.number {
	margin-right:		-1.5em;
}
/* テキストフィールド、チェックボックス、ラジオボタン等全般 */
form {
	_margin:		0;
	_padding:		0;
}

div.diary-edit form textarea {
	width:			100%;
	margin:			0.2em 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;
}

div.diary-edit form input[name="title"] {
	width:			68%;
	margin-bottom:	0.2em;
}

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

/*--------------------------------------------------------------------
 編集画面
---------------------------------------------------------------------*/
span.edit-help {
	display:		block;
}
form input {
	margin:			0 2px 0 2px;
}
form input, form textarea {
	font-size:		100%;
	padding:		0px 1px;
}

div.edit div.body div.margin {
	margin-left: 2em;
}
div.diary-edit div.body input.filed {
	padding: 0px;
}

div.edit div.body textarea#edit {
	margin-bottom:	0.4em;
}

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

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

/* テーブル */
div.edit div.day table {
	border:			none;
}

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


div.edit div.day form input#category_text {
	width:			110px;
}