@charset	"EUC-JP";
@import		url("../base.css");

/*******************************************************************************
	テーマ「ありさ」 Rev0.80β
			2007/03/13 (C) かえで
*******************************************************************************/
/* バージョン情報 */
body:after {
	display:				block;
	padding:				0.1em 0;
	white-space:			pre;
	font-size:				11px;
	text-align:				center;
	content:				"Arisa Theme Rev0.80β Designed by Kaede.";
}

/* ブラウザデフォルト値上書き */
* {
	margin:					0;
	padding:				0;
	font-family:			sans-serif;
}

body {
	background-color:		#000;
	color:					#ccc;
	width:					1000px;
	font-size:				16px;
	line-height:			130%;
	margin:					0 auto;
	
	/* for IE */
	_word-break:			break-all;
	_word-wrap:				break-word;
	_overflow-x:			auto;
	_text-align:			center;
}

div.adiary-body {
	background-color:		#f00;
	/* 幅の指定 for IE */
	_width:					1000px;
	_margin:				auto;
	_text-align:			left;
}

/*--------------------------------------------------------------------
■基本設定
---------------------------------------------------------------------*/
/*■リンク配色
---------------------------------------------------------------------*/
a:link {
	color:					#d0a700;
	text-decoration:		none;
}

a:visited {
	color:					#d0a700;
	text-decoration:		none;
}

a:hover {
	color:					#ff0;
	text-decoration:		none;
}

a:link img, img a:link {
	border:					2px solid #d0a700;
}

a:visited img, img a:visited {
	border:					2px solid #d0a700;
}

a:hover img, img a:hover {
	border:					2px solid #ff0;
}

/*◆フォントサイズ基本設定
---------------------------------------------------------------------*/
.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%;  }


/*◆フォントファミリー基本設定
---------------------------------------------------------------------*/
.mono, .pre 				{ font-family: monospace; }

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

/*◆divボックス基本設定
---------------------------------------------------------------------*/
div.left					{ text-align: left;   }
div.center					{ text-align: center; }
div.right					{ text-align: right;  }

/*◆リスト基本設定
---------------------------------------------------------------------*/
ul, ol						{	list-style-position: outside; 
								margin: 0 0 0.2em 1.2em; }
dl							{	list-style-position: outside;
								margin:	0; }
ul.none, ol.none 			{	list-style: none; }

dt							{	margin: 0 0 0 0.5em;
								font-weight: bold; }
dd							{	margin: 0 0 0 2em; }


/*◆フォーム基本設定
---------------------------------------------------------------------*/
form input, form select, form textarea {
	color:					#e7e7e7;
	background-color:		#303030;
	border-top-color:		#3b3b3b;
	border-right-color:		#3b3b3b;
	border-left-color:		#a9a9a9;
	border-bottom-color:	#a9a9a9;
	padding:				2px;
}

/* for IE bugs */
textarea				{	_width:				 auto;
 }

/*--------------------------------------------------------------------
■ヘッダメニュー
---------------------------------------------------------------------*/
div.adminmenu {
	background-color:			#000;
	text-align:					right;
	padding-right:				0.5em;
	padding-bottom:				0.15em;
	font-size:xx-small;
}

div.adminmenu a {
	padding:					0 0.2em;
}

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

div.adminmenu a.welcome-prefix {
	color:						#ccc;
}

div.adminmenu a.newcome-mark {
	padding-left:				0;
}

/*--------------------------------------------------------------------
■ 見出し (日記帳タイトル)
---------------------------------------------------------------------*/
div.page-title {
	background-image:url(blog_1_logo6.gif);
	background-repeat:no-repeat;
	background-position:left top;
	min-height:					98px;
	_width:						1000px;
	_height:					100px;
}

h1 {
	margin:						8px;
	height:						84px;
	line-height:				84px;
	vertical-align:				bottom;
	text-align:					left;
	_height:					64px;
}


/* 見出し文字色 */
h1 a, h1 a:link, h1 a:visited {
	color:						#ff0;
}

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

/*--------------------------------------------------------------------
■ 全体配置 (サイドバー + 記事部)
---------------------------------------------------------------------*/
div.hatena-body {
	position:					relative;
	background-color:			#0e0b09;
	background-image:url(blog_2_bg.gif);
	background-repeat:repeat-x;
	min-height:					1100px;
	_height:					1100px;
}

/*--------------------------------------------------------------------
■ 記事部配置
---------------------------------------------------------------------*/
div.main {
	margin-left:				193px;
	margin-top:					8px;
	margin-bottom:				8px;
	width:						614px;
}

/* ページ送り表示部 */
div.page-head, div.page-foot {
	background-color:			#000;
	margin:						12px 9px;
	padding:					0 0.5em;
	font-size:					15px;
	line-height:				140%;
	text-align:					center;
	border-bottom:				2px solid #f00;
}div.page-head {
}

div.page-foot {
}

a.prev-page:before {
	content:				"≪ ";
}

a.next-page:after {
	content:				" ≫";
}

/*--------------------------------------------------------------------
■ サイドバー配置
---------------------------------------------------------------------*/
div.sidebar {
	font-size:					13px;
	line-height:				120%;
}

div.side-a {
	position:					absolute;
	width:						180px;
	top:						12px;
	left:						8px;
}

div.side-b {
	position:					absolute;
	width:						180px;
	top:						12px;
	left:						794px;
}

/*--------------------------------------------------------------------
■ 記事部 (本文)
---------------------------------------------------------------------*/
div.day {
	background-color:			#000;
	margin:						15px 8px;
	_padding:					1px 0;
}

h2 {
	background-color:			#000;
	font-size:					105%;
	line-height:				110%;
	padding:					0.2em 0.3em;
	border-bottom:2px solid #f00;
}

/*★★★★★★★★★★★★★★★★★★★★↓あとで消すところ↓★★★★★★★★★★★★★★★
div.day {
	background-color:			#303030;
	margin:						15px 8px;
	_padding:					1px 0;
}

h2 {
	background-color:			#272727;
	font-size:					105%;
	line-height:				110%;
	padding:					0.2em 0.3em;
	border-top:					1px solid #808080;
	border-left:				1px solid #808080;
	border-right:				1px solid #080808;
	border-bottom:				1px solid #080808;
}
★★★★★★★★★★★★★★★★★★★★み★★★★★★★★★★★★★★★*/

h2 a, h2 a:link, h2 a:visited {
	color:						#d0a700;
}

h2 a:hover {
	color:						#ff0;
}

div.body {
	font-size:					13px;
	line-height:				125%;
	padding:					0 10px 0.3em 10px;
}

/*★★★★★★★★★★★★★★★★★★★★↓あとで消すところ↓★★★★★★★★★★★★★★★
div.body {
	font-size:					13px;
	line-height:				125%;
	padding:					0 10px 0.3em 10px;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
}
★★★★★★★★★★★★★★★★★★★★↑あとで消すところ↑★★★★★★★★★★★★★★★*/

div.body div.body-header {
	text-align:					right;
	font-size:					13px;
	line-height:				15px;
	padding:					0.2em 0;
}

div.section {
	font-size:					100%;
	padding-bottom:				1em;
}

div.section p {
	padding-top:				0.4em;
	text-indent:				1em;
}

/*-----------------------------------------------*/
/* ◆以下、記事のデザイン配置（コメント、TB）*/
/*-----------------------------------------------*/
div.day-additional {
	font-size:					100%;
	line-height:				120%;
}

div.caption {
	background-color:			#000;
	font-size:					13px;
	line-height:				120%;
	padding:					0.1em 0.3em;
	border-bottom:				1px solid #f00;
}

/*★★★★★★★★★★★★★★★★★★★★↓あとで消すところ↓★★★★★★★★★★★★★★★
div.caption {
	background-color:			#464646;
	font-size:					13px;
	line-height:				120%;
	padding:					0.1em 0.3em;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
}
★★★★★★★★★★★★★★★★★★★★↑あとで消すところ↑★★★★★★★★★★★★★★★*/

div.caption a, div.caption a:link, div.caption a:visited {
	color:						#d0a700;
}

div.caption a:hover {
	color:						#ff0;
}

/* コメント概要表示 */
div.commentshort {
	font-size:					13px;
	line-height:				110%;
	border-bottom:1px solid #f00;
	margin:						0 0 -2px 0;
}

/*★★★★★★★★★★★★★★★★★★★★↓あとで消すところ↓★★★★★★★★★★★★★★★
/* コメント概要表示 */
div.commentshort {
	font-size:					13px;
	line-height:				110%;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
	margin:						0 0 -2px 0;
}
★★★★★★★★★★★★★★★★★★★★↑あとで消すところ↑★★★★★★★★★★★★★★★*/

div.commentshort p {
	margin:						0.1em 0.6em 0.1em 0.6em;
	_margin:					0.3em 0.6em;
}

div.commentshort span.comment-date {
	font-size:					11px;
}

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

div.commentshort div.comment-text p {
	margin-top:					0.1em;
}

div.comment-text {
	margin-left:				1em;
}

/* コメント部フォーム */
div.commentbody form {
	margin-top:					-0.8em;
	margin-left:				0.6em;
	margin-bottom:				0.6em;
}

div.commentbody form textarea {
	width:						572px;
	font-size:					13px;
	padding:					2px;
}

body>/**/#post_comment {
	padding:					0px;
	font-size:					11px;
}

	/* for IE */
div.commentbody form select {
	_font-size:					13px;
	_height:					1.8em;
}

div.commentbody form input {
	_height:					1.4em;
}

div.commentbody form textarea {
	overflow:					auto;
}
#post_comment {
	padding:					0px;
	font-size:					11px;
	_height:					20px;
}

/* トラックバック部 */
div.tb {
	border-bottom:				1px solid #080808;
}


div.tb ul{
	font-size:					13px;
	line-height:				110%;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	margin:						-1px 0 0 0;
	_margin:					0;
	padding:					0 1em;
	list-style-type:			none;
}

div.tb li {
	margin:						0.2em 0 0 0;
	padding-bottom:				0.2em;
}

div.tb div.excerpt {
	margin-left:				0.5em;
	line-height:				115%;
}

/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●記事：基本設定
---------------------------------------------------------------------*/
/* 見出し */
div.body h3 {
	color:						#d0a700;
	background-color:			black;
	margin:						0.5em 0 0.2em 0;
	padding:					0.2em;
	font-size:					15px;
	line-height:				110%;
}

span.sanchor {
	margin-right:				0.05em;
}

a span.sanchor, a:link span.sanchor, a:visited span.sanchor {
	color:						#d0a700;
}

a:hover span.sanchor {
	color:						#ff0;
}

/* 小見出し */
div.body h4 {
	color:						#d0a700;
	background-color:			black;
	margin:						0.5em 0 0.2em 0;
	padding:					0.2em;
	font-size:					15px;
	line-height:				110%;
}

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

div.body h4 a:hover {
	color:						#ff0;
}

/* 時刻付き見出し記法 */
h3 span.timestamp, h4 span.timestamp {
	font-size:					13px;
}

/* 小々見出し */
div.body h5 {
	color:						#d0a700;
	font-size:					13px;
	line-height:				110%;
	text-decoration:			underline;
	margin:						0.5em 0 0.2em 0;
}

/* ブロック記法 */
blockquote, pre, div.box {
	margin:						0.5em 0.5em 0.2em 0.5em;
	padding:					0.2em 0.5em;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
	background-color:			transparent;
	font-size:					13px;
	line-height:				110%;
	
	/* for IE */
	_overflow:					auto;
	_width:						100%;
}

div.body blockquote p			{
	margin:						0.2em 0;
	text-indent:				1em;
}

body div.body blockquote p:first-child {
	margin:						0;
}

pre {
	font-family:				monospace;
	font-size:					13px;
	line-height:				110%;
	display:					block;
	background-color:			#272727;
}

pre span {
	font-family:				monospace;
	font-size:					13px;
	line-height:				110%;
}
/* pre中コメント */
pre span.comment	{ color:	#f44; }
pre strong.comment	{ color:	#f44; font-weight: bold; }

/*--------------------------------------------------------------------
●記事：テーブル
---------------------------------------------------------------------*/
div.body table {
	margin:					0.4em 0.6em;
	border-collapse:		separate;
	border-spacing:			0;
	font-size:				13px;
	line-height:			115%;
	empty-cells:			show;
}

div.body table td, div.body table th {
	padding:				2px 0.3em;
}

div.body table tr td {
	background-color:			transparent;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
}

div.body table tr th {
	background-color:			#272727;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
}

th.left, td.left, th.l, td.l {
	text-align:				left;
}

th.center, td.center, th.c, td.c {
	text-align:				center;
}

th.right, td.right, th.r, td.r {
	text-align:				right;
}

div.body table.small {
	font-size:				11px;
	line-height:			110%;
}

/*--------------------------------------------------------------------
●脚注処理
---------------------------------------------------------------------*/
/* 脚注へのリンク */
span.footnote a {
	font-size:				10px;
	vertical-align:			top;
}

/* 脚注処理 */
div.footnote {
	font-size:					11px;
	margin:						-0.5em 1.5em 0.5em 1.5em;
	padding:					0.2em 0.8em;
	background-color:			#464646;
	border-top:					1px solid #808080;
	border-right:				1px solid #080808;
	border-left:				1px solid #808080;
	border-bottom:				1px solid #080808;
	_width:						540px;
}

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

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

/*--------------------------------------------------------------------
●はてブアイコンのリンク枠を消す
---------------------------------------------------------------------*/
a.bookmark-icon img, a.bcounter img { border: none; }


/*--------------------------------------------------------------------
■ サイドバー
---------------------------------------------------------------------*/
/* リスト定義
---------------------------------------------------------------------*/
/* カテゴリ */
ul.hatena-section {
	list-style-type:		none;
	margin:					0.3em 0;
}

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

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

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

}

div.hatena-moduletitle {
	color:#fff;
	background-color:		#000;
background-image:url(blog_side.gif);
	background-repeat:no-repeat;
	background-position:left top;
	font-size:				13px;
	line-height:			150%;
	text-align:				center;
	border-top:				1px solid #808080;
	border-right:			1px solid #080808;
	border-left:			1px solid #808080;
	border-bottom:			1px solid #080808;
}

div.hatena-modulebody {
	background-color:		#000;
	padding:				0.6em;
	border-top:				1px solid #808080;
	border-right:			1px solid #080808;
	border-left:			1px solid #808080;
	border-bottom:			1px solid #080808;
}

/*■ サイドバー、個々の項目設定
---------------------------------------------------------------------*/
/* サイドバー：検索 */
#side-search div.hatena-modulebody {
	text-align:				center;
}

#side-search input {
	margin:					0.2em 0;
	vertical-align:			middle;
	_margin:				0;
	_padding:				1px;
	_font-size:				11px;
	_height:				22px;
	
}

#side-search input[type="submit"] {
}
#side-login {
	display:				none;
}

/*--------------------------------------------------------------------
●sidebar：カレンダー
---------------------------------------------------------------------*/
table.calendar {
	width:					144px;
	font-size:				10px;
	line-height:			140%;
	border-spacing:			1px;
	text-align:				center;
}

/* 先月 */
table.calendar td.calendar-prev-month {
	text-align:				left;
	margin-left:			0.5em;
}
/* 来月 */
table.calendar td.calendar-next-month {
	text-align:				right;
	margin-right:			0.5em;
}

/* 土曜日 */
table.calendar td.w6, table.calendar th.w6 {
	color:					royalblue;
}

/* 日曜日 */
table.calendar td.w0, table.calendar th.w0,
table.calendar td.holiday {
	color:					crimson;
}

/* 日付にリンクが存在 */
table.calendar td.calendar-day a {
	display:				block;
	background-color:		#f00;
}

/* 土曜日のリンク */
table.calendar td.w6 a{
	background-color:		royalblue;
}
table.calendar td.w6 a:link {
	color:					white;
}
table.calendar td.w6 a:visited {
	color:					khaki;
}
table.calendar td.w6 a:hover {
	color:					crimson;
}

/* 日曜・祝日のリンク */
table.calendar td.w0 a{
	background-color:		crimson;
}
table.calendar td.w0 a:link {
	color:					white;
}
table.calendar td.w0 a:visited {
	color:					khaki;
}
table.calendar td.w0 a:hover {
	color:					steelblue;
}

/* 今日 */
table.calendar td.day-today {
	border-bottom:			1px solid crimson;
}
html>/**/body table.calendar td.w0.day-today {
	border-bottom:			1px solid dodgerblue;
}

/* 選択した日付 */
table.calendar td.day-selected {
	border:					1px solid crimson;
}
table.calendar td.day-selected a {
	text-decoration:		underline;
}

/* 日曜日を選択 */
html>/**/body table.calendar td.w0.day-selected {
	border:					1px solid dodgerblue;
}

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

div.footer {
	text-align:				center;
	margin:					0;
	padding:				0 0.5em 0.5em 0.5em;
	font-size:				11px;
	line-height:			120%;
}

div.footer br {
	display:				none;
}

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

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


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


div.edit div.body {
	font-size:				13px;
	padding:				0.8em 0.8em 1.5em 0.8em;
}

div.edit form *{
	font-size:				13px;
}

div.edit table {
	font-size:				13px;
}