@charset "EUC-JP";
@import		url("../base.css");
/*****************************************************************************
  「すもも」テーマ  Ver 1.01
				2007/10/27 Design (C)GLANSHE / CSS (C)nabe@abk
				Base on CSS writed kaede.
*****************************************************************************/
/* バージョン情報 */
div.footer:after {
	white-space:		pre;
	line-height:		100%;
	content:		"Sumomo Theme Designed by GLANSHE.";
}

body {
	margin:				0px auto;
	padding:			0px;
	width:				808px;
	background-image:		url("bg.gif");
	_text-align:			center;

	/* for IE */
	_scrollbar-face-color:		#F9CCBB;
	_scrollbar-highlight-color:	#FFFDF9;
	_scrollbar-darkshadow-color:	#FFF9F5;
	_scrollbar-shadow-color:	#752639;
	_scrollbar-3dlight-color:	#752639;
	_scrollbar-arrow-color:		#752639;
	_text-align:			center;
}

/* body と同一のdiv要素 */
div.adiary-body {
	background-repeat:		repeat-y;
	background-position:		center top;
	margin:				0px;
	padding:			0px;
	width:				808px;
	_text-align:			left;

	padding-bottom:			220px;
	background-image:		url("main_bottom.png");
	background-repeat:		no-repeat;
	background-position:		left bottom;
}

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


/*■リンク配色
---------------------------------------------------------------------*/
a:link {
	color: 			#FE4D71;
	text-decoration:	none;
}
a:visited {
	color: 			#E34D91;
	text-decoration:	none;
}
a:hover {
	color:			#FF859E;
}
a:active {
	color:			#FE4D71;
}

h1 a, h1 a:link, h1 a:visited,
h2 a, h2 a:link, h2 a:visited {
	color: 			#FE4D71;
}


/*◆フォントサイズ基本設定
---------------------------------------------------------------------*/
.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:		118px;
	width:		796px;
	_width:		808px;
	text-align:	right;
	font-size:	80%;
	padding-left:	12px;
	color:		#fff;
	font-weight:	bold;
	font-family:	"IPA Pゴシック","IPA PGothic","ＭＳ Ｐゴシック",sens-serif;
}

span.admin-links {
	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:		#fff;
}

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

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

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

h1 {
	margin:			0px;
	padding:		0px;
	font-size:		210%;
	line-height:		130%;
	font-family:		"HGP創英角ﾎﾟｯﾌﾟ体","IPA Pゴシック","IPA PGothic","ＭＳ Ｐゴシック",sens-serif;
	height:			88px;	/* =153-65 */
}

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

/*--------------------------------------------------------------------
■ 全体配置 (サイドバー + 記事部)
---------------------------------------------------------------------*/
div.hatena-body {
	position:		relative;
	padding-top:		1px;
	margin:			0;

	background-image:	url("bg_main.gif");
	background-repeat:	repeat-y;
	background-position:	left top;
	background-color:	white;

	min-height:		1600px;
	_height:		1600px;
}

/*--------------------------------------------------------------------
■ 記事部配置
---------------------------------------------------------------------*/
div.main {
	margin:		0px 0px 0px 184px;
	padding:	0 3px 0 3px;
	width:		614px;	/* = 628 - 4 - 1 */
	_width:		620px;	/* = 808 - 188 */
}

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

/*--------------------------------------------------------------------
■ サイドバー配置
---------------------------------------------------------------------*/
div.sidebar {
	position:		absolute;
	top:			0px;
	margin-left:		14px;
	width:			160px;
}
/*--------------------------------------------------------------------
■コンテンツバー
---------------------------------------------------------------------*/
div.contents-bar {
	background-color:	white;
	background-image:	url("./contents-bar.png");
	margin-top:			-13px;
	padding:			4px 4px 24px 4px;
	_height:			40px;

	font-family:		"HGP創英角ﾎﾟｯﾌﾟ体","IPA Pゴシック","IPA PGothic","ＭＳ Ｐゴシック",sens-serif;
	font-size:			14px;
}
#contents-bar0, #contents-bar {
	background-color:	transparent;
	width:				800px;
}
ul.clist li a {
	background-color:	#FFE2E1;
}
/* 選択色 */
ul.clist li a:hover {
	background-color:	#fff8f0;
}
/* 枠線 */
ul.clist li, ul.clist li:first-child {
	border-color:		white;
}
/* 項目の幅の設定 */
ul.clist li {
	width:		156px;	/* Y */
}
ul.clist ul.clist2 li, ul.clist2 {
	_width:		154px;	/* Y-2 */
}
/* 文字揃え */
ul.clist li a {
	padding-top: 3px;	/* x */
	height:		17px;	/* y */
	_height:	20px;	/* x+y */
}

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

/*--------------------------------------------------------------------
■ 記事部 (本文)
---------------------------------------------------------------------*/
div.day {
	background-image:	url("day_bottom.png");
	background-repeat:	no-repeat;
	background-position:	left bottom;
	padding:		1px 0px 20px 0px;
	_padding-bottom:	40px;	/* caption分 for IE */
	width:			600px;

	color:			#644;
	margin-bottom:		1.2em;
}
div.day2 {
	position:		relative;

	background-image:	url("day_top.png");
	background-repeat:	no-repeat;
	background-position:	left top;
	padding:		80px 0px 0px 0px;
	_width:			600px;
}

/* 記事タイトル部 */
div.day h2 {
	position:		absolute;
	top:			30px;

	margin:			0px;
	padding:		0 0 0 20px;
	width:			580px;
	_width:			600px;
	font-size:		100%;
	line-height:		20%;

	font-family:		"HGP創英角ﾎﾟｯﾌﾟ体","IPA Pゴシック","IPA PGothic","ＭＳ Ｐゴシック",sens-serif;
	font-weight:		bold;
	text-decoration:	none;
}

div.day h2 a.switch {
	font-size:		8pt;
	line-height:		100%;
	margin-right:		-0.4em;
	display:		none;
}
div.day h2 span.date {
	display:		block;
	font-size:		8pt;
	line-height:		100%;
	font-family:		"HGP創英角ﾎﾟｯﾌﾟ体","IPA Pゴシック","IPA PGothic","ＭＳ Ｐゴシック",sens-serif;
}

div.day h2 span.title {
	position:		absolute;
	top:			14px;
	left:			20px;

	display:		block;
	font-size:		16pt;
	padding:		8px 10px 0px 0px;
	height:			26px;
	_height:		34px;
}

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

/* 記事ヘッダ (【記事カテゴリ】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:		12px;
	background-image:	url("entry_lines.gif");
	line-height:		200%;

	margin:			0em 0.2em 1em 0.2em;
	padding:		0;
}

/*-----------------------------------------------*/
/* ◆以下、記事のデザイン配置（コメント、TB）*/
/*-----------------------------------------------*/
/* コメント、TB部余白 */
div.day-additional {
	position:		relative;

	background-image:	url("day_middle.png");
	background-position:	left top;
	background-repeat:	repeat-y;

	margin-top:		0px;
	padding:		30px 0px 1px 0px;
	_width:			600px;
}

/* 単一記事モードでのみ表示 */
div.comment, div.tb {
	margin:			0;
	font-size:		9pt;
	line-height:		130%;
}
div.day-single div.comment, div.day-single div.tb {
	margin:			0;
	padding:		92px 20px 1px 20px;
	_width:			620px;

	background-position:	left top;
	background-repeat:	no-repeat;
}
div.day-single div.comment {
	background-image:	url("com_top.png");
}
div.day-single div.tb {
	background-image:	url("tb_top.png");
}

div.comment div.caption, div.tb div.caption {
	position:		absolute;
	top:			0px;
	left:			0px;
	padding-right:		6px;
	text-align:		right;
	width:			594px;
	_width:			600px;
}
div.tb div.caption {
	top:			15px;
}

div.caption a, div.caption a:link, div.caption a:visited {
	color:			#9C6568;
	text-decoration:	none;
}
div.caption a.switch {
	margin-right:		0.2em;
}
div.day-plural div.caption a.switch {
	display: 		none;
}
/* コメント in 一覧表示モード */ 
div.commentshortbody, div.day-plural ul.tb {
	display:		none;
}

/* コメント in 全文表示モード */
div.commentbody div.commentator {
	margin-top:		0.5em;
}
div.comment-one {
	border-bottom:		1px dashed #000;
	_width:			560px;
	_padding-bottom:	8px;
}

/* コメント本文 */
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;
}

ul.tb {
	margin:			0;
	padding:		0 0 0 1em;
	list-style:		none;
}
ul.tb div.excerpt {
	font-size:		90%;
	line-height:		100%;
	margin-left:		2em;
	margin-bottom:		0.5em;
}

/* コメント欄 */
form.comment textarea {
	height:		10em;
}

/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●記事：基本設定
---------------------------------------------------------------------*/
/* 見出し */
div.body h3 {
	color:			#CD3765;
	margin:			1em 0 -4px 0;
	padding:		0 0 11px 0;
	font-size:		18px;
	line-height:		100%;
	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;
	padding:		0;
	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;
	padding:		0;
	font-weight:		bold;
}

div.body blockquote, div.body pre, div.body div.box {
	margin:			12px 1em;
	padding:		10px 1em 10px 0.5em;
	border:			1px solid #F8B;
	line-height:		100%;

	/* for IE 
	_overflow:		auto;*/
	_width:			95%;/*
	_max-width:		95%;
	_text-align:		left;*/
}

div.body p {
	margin:			0 0 0 1em;
}

div.body blockquote, div.body div.box {
	background-color:	white;
}
div.body blockquote p {
	margin:			0.2em 0.5em 0.2em 0;
	padding:		0;
}
cite {
	display:		block;
	text-align:		right;
	margin:			0.5em 1em 0em 0em;
	font-style:		normal;
}
pre {
	font-family:		monospace;
	font-size:		100%;
	display:		block;
	background-color:	#FFF5F2;
	border:			1px solid #F8B;
	/* for IE*/ 
	word-wrap:break-word;
}

/* 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;  }

/*--------------------------------------------------------------------
●記事：リスト
---------------------------------------------------------------------*/
div.body ul, div.body ol, div.body dl {
	margin:		0 0 0 3em;
	padding:	0 1em 0 2em;
}
div.body ul ul, div.body ol ol, div.body dl dl {
	margin-left:	0em;
}
ul.none, ol.none {
	list-style:	none;
}

/*--------------------------------------------------------------------
●記事：テーブル
---------------------------------------------------------------------*/
div.body table {
	font-size:		12px;
	line-height:		100%;
	background-color:	white;
	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 1px;
	padding:		2px;
}

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

div.body table tr th {
	color:			#fff;
	background-color:	#F88;
	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:		95%;
	line-height:		110%;
	margin:			1.5em 2.5em 0 2.5em;
	padding:		0.15em 1em 0.15em 0.5em;
	background-color:	#FFEFE5;
	_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:		10pt;
	line-height:		110%;
}

div.hatena-moduletitle {
	background-image:	url("side_top.png");
	background-repeat:	no-repeat;
	color:			#fff;
	min-height:		17px;
	_height:		24px;
	padding:		6px 0px 1px 0px;
	font-size:		10pt;
	font-weight:		bold;
	text-align:		center;
	margin:			0;
}

/* sidebar項目本体 */
div.hatena-modulebody {
	background-color:	#FFE2E1;
	background-image:	url("side_bottom.png");
	background-repeat:	no-repeat;
	background-position:	bottom right;

	color:			#644;
	padding:		1px 0.6em 0.2em 0.6em;
}

div.calendar div.hatena-modulebody {
	padding:		0 0.2em;
	margin:			0;
}

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：カレンダー
---------------------------------------------------------------------*/
#side-calendar div.hatena-moduletitle {
	display:		none;
}
#side-calendar div.hatena-modulebody {
	padding:		0px;
}

table.calendar {
	width:			100%;
	max-width:		100%;
	margin-left:		auto;
	margin-right:		auto;
	font-size:		100%;
	color:			#444;
	line-height:		100%;

	background-image:	url("side_top.png");
	background-repeat:	no-repeat;
}
table.calendar tr.calendar-month {
	height:			24px;
	margin:			6px 0px 1px 0px;
}
table.calendar tr.calendar-month a,
table.calendar tr.calendar-month a:link,
table.calendar tr.calendar-month a:visited {
	color:			#fff;
	font-size:		12pt;
	font-weight:		bold;
}

table.calendar td.calendar-prev-month    { text-align: left;  padding-left:  0.1em; }
table.calendar td.calendar-current-month { text-align: center; }
table.calendar td.calendar-next-month    { text-align: right; padding-right: 0.1em; }
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 {
	font-size: 		100%;
	font-weight:	bold;
	color:			#f77;
}

/* 非公開、無効 の表示 */
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 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;
}

form input {
	margin:			0 2px 0 2px;
}
form input, form textarea {
	font-size:		100%;
	padding:		0px 1px;
}

/* 日記の編集画面 */
span.edit-help {
	display:		block;
}
div.diary-edit form textarea {
	font-size:		11pt;
	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;
}

/*--------------------------------------------------------------------
 編集画面
---------------------------------------------------------------------*/
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 {
	font-size:		95%;
}

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


/*--------------------------------------------------------------------
 ■テーマ固有の特殊指定解除
---------------------------------------------------------------------*/
div.edit div.body div.section {	/* 罫線表示をオフ */
	background-image:	none;
	font-size:		12px;
	line-height:		120%;
}
div.edit div.body p {
	margin:			1em 0 1em 1em;
}