@charset	"EUC-JP";
/*****************************************************************************
    テーマ「うみ」Rev1.00RC2
				2006/08/29 (C)かえで
*****************************************************************************/
@import url("../base.css");

/* バージョン情報 */
div.footer:after {
/*	content:			"Umi Theme Rev1.00RC2 Designed by Kaede.";	*/
}

body {
	background-color:	#666666;
/*	width:				800px;*/
	width:				780px;
	margin:				0 auto 0 auto;
	line-height:		130%;
	
	word-break:			break-all;
	/* for IE */
	_text-align:		center;
	_word-break:		break-all;
	_word-wrap:			break-word;
	_font-size:			12pt;
	_overflow-x:		auto;
}


/*■リンク配色
---------------------------------------------------------------------*/
a:link {
	color: 					#0099FF;
	text-decoration:		none;
}

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

a:hover {
	color:					#0033CC;
}

/*◆フォントサイズ基本設定
---------------------------------------------------------------------*/
.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-style: bold; }
.u,		.underline	{ font-style: underline; }

/*--------------------------------------------------------------------
■ヘッダメニュー
---------------------------------------------------------------------*/

div.page-title {
	background-image:		url(sff_title.jpg);
	background-position:	left center;
	background-repeat:		no-repeat;
	height:					 100px;
	_height:				150px;
	_width:				780px;
	padding-top: 25px;
	padding-right: 0;
	padding-bottom: 25px;
	padding-left: 0;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}


div.adminmenu {
	background-color:	white;
	color:				#666666;
	margin-top:			10px;
	text-align:			left;
	font-size:			10px;
	font-weight:		normal;
	line-height:		100%;
	/*margin-bottom:		;*/
	_padding-top:		-4.8em;
	_width:				780px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
}

/* 管理メニューなどのリンク色 */
div.adminmenu a, div.adminmenu a:link, div.adminmenu a:visited {
	color:				#1f2563;
	text-decoration:	none;
}

div.adminmenu a:hover {
	color:				#0099FF;
}


span.welcome {
	padding-right:			12px;
	border-right:			2px solid #e4e3e3;
}

span.welcome:after{
	margin-left:			6px;
	content:				"　";
}

span.welcome-name {
	margin:					0 4px;
}

span.welcome-name a, span.welcome-name a:link, span.welcome-name a:visited {
	color:					#FF3300;
}

span.adminmenu {
	padding:				0 12px 0 6px;
	border-right:			2px solid #666666;
}


/*--------------------------------------------------------------------
■ 見出し (日記帳タイトル)
---------------------------------------------------------------------*/
h1 {
	color:					#333333;
	min-height:				36px;
	font-size:				120%;
	line-height:			130%;
	/* for IE */
	_text-align:			left;
	_padding-top:			10px;
	_height:				50px;
	_width:					780px;
	padding-left: 30px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

/* 見出し文字色(タイトルが画像の場合) */
h1 a, h1 a:link, h1 a:visited {
	color:					#000000;
	text-weight:			normal;
	text-decoration:		underline;
	/* for IE bugs */
	_text-decoration:		none;
}

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


img{
border:					none;
}

/*
h1:after {
	content:				"─";
}
*/
/*--------------------------------------------------------------------
■ 全体配置 (サイドバー + 記事部)
---------------------------------------------------------------------*/
div.hatena-body {
	background-color:		white;
	position:				relative;
	padding:				0;
	min-height:				1200px;
	_margin-top:			2.35em;
	_width:					780px;
	_height:				1200px;
	margin: 0px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9E9FF;
	color: #666666;
}


/*--------------------------------------------------------------------
■ 記事部
---------------------------------------------------------------------*/
/* 日記部全体 */
div.main {
	margin-left:			175px;
/*	margin-left:			230px;*/

}

/*--------------------------------------*/
/* ◆以下、記事のデザイン配置（本文）*/
/*--------------------------------------*/
div.day {
	margin:					1.5em 10px 1.5em 5px;
	background-color:		#fff;
	border:					2px solid #e4e3e3;
	padding:				0;
}


/* 記事タイトル */
div.day h2 {
	color:					#666666;
	margin:					0;
	font-size:				100%;
	text-align:				left;
	background-image:		url(h2.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
	background-color:		#B9E9FF;
	_padding:				8px 0px 8px 10px;
	/* for IE-bugs */
	_width:					586px;
	_height:				30px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 10px;
	height: 22px;
	/*border: 6px dashed #FFFFFF;*/
}

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

h2 a:hover{
	color:					#45b1e3;
}

/* 記事本文 */
div.day div.body {
	padding-bottom:			0.6em;
	font-size:				90%;
	line-height:			140%;
	border-left:			6px solid white;
	border-right:			6px solid white;
	_width:					100%;
}

/* 記事ヘッダ (【記事カテゴリ】by ○○) */
div.body div.body-header {
	color:					#666666;
	text-align:				right;
	line-height:			100%;
	/*background-image:		url("day_header.png");*/
	background-position:	bottom;
	background-repeat:		repeat-x;
	font-size:				90%;
	padding:				5px;
	height:					10px;
	margin-bottom:			5px;
	_height:				10px;
	_padding:				5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #B9E9FF;
}

/* 記事中のセクション */
div.section {
	text-align:			left;
	padding:			0 0.8em;
}

div.section p {
	text-align:			left;
	padding-left:		1em;
	_margin:			1.5em 0;
}

/*-----------------------------------------------*/
/* ◆以下、記事のデザイン配置（コメント、TB）*/
/*-----------------------------------------------*/
/* コメント、TB部余白 */
div.day-additional {
	text-align:			left;
	background-color:	white;
	border:				6px solid white;
	border-top:			none;
}

div.day div.comment, div.day div.tb {
	margin:					0px;
	padding:				1px;
	font-size:				small;
	line-height:			130%;
	color: #666666;
}

div.caption {
	background-color:		white;
	height:					15px;
	font-size:				90%;
	font-weight:			bold;
	padding-top:			9px;
	padding-left:			10px;
	_height:				15px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

/* コメント/TBタイトル部文字色 */
div.caption a, div.caption a:link, div.caption a:visited {
	color:					#666666;
	font-size: small;
	line-height: 120%;
}

div.caption a:hover{
	color:					#66CCFF;
}

/* コメント概要表示 */
div.commentshort {
	font-size:				80%;
	padding:				0.2em 0.2em;
	line-height:			120%;
	min-height:				1em;
	/*border-top:				2px solid #B9E9FF;*/
	_height:				1em;
}

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

/* コメントの全文表示モード */
div.commentbody {
	font-size:				90%;
	line-height:			120%;
	padding:				0.2em 0.2em;
	min-height:				1em;
}

/* コメント投稿者表示部 */
div.commentbody div.commentator {
	margin-top:				0.5em;
}

/* コメント本文 */
div.comment-text {
	padding-left:			1em;
}

/* コメント部フォーム */
/* フォームのマージン除去 (for IE) */
div.comment form {
	margin:					0px;
	margin-top:				-0.5em;
	padding:				0 0.5em;
}


/* TB部 */
div.tb {
	font-size:				90%;
	line-height:			130%;
}

div.tb ul {
	/*border-top:				2px solid #B9E9FF;*/
	font-size:				90%;
	line-height:			120%;
	padding-top:			0.3em;
	padding-bottom:			0.5em;
	list-style:				none;
	margin:					0em 0 0.2em 0em;
	min-height:				0.8em;
/*	_padding:				0.3em 0 0.5em 0;*/
	_padding-left:			2.5em;
	_height:				1em;
}

div.tb div.excerpt {
	margin-left:			0em;
}


/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●記事：基本設定
---------------------------------------------------------------------*/
/* 見出し */
div.body h3 {
	background-image:		url("h3.png");
	background-position:	top;
	background-repeat:		repeat-x;
	margin:					0.8em 0 0.5em 0;
	padding:				0.1em 0 0em 0.5em;
	font-size:				120%;
	font-weight:			bold;
	color:					#666666;
	line-height:			120%;
	border-bottom:			1px solid #3951ad;
}

span.sanchor {
	margin-right:		0.2em;
	color:				#666666;
}

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

/* 小見出し */
div.body h4 {
	margin:				0.8em 0 0.2em 0;
	padding-left:		0.25em;
	font-size:			100%;
	font-weight:		bold;
	border-bottom:		2px solid #1e2662;
}

/* 小見出し文字色 */
div.body h4 a, div.body h4 a:link, div.body h4 a:visited {
	color:				#666666;
}

/* 小々見出し */
div.body h5 {
	margin:				0.8em 0 0.2em 0.5em;
	color:				#666666;
	font-size:			90%;
	font-weight:		bold;
}

/* 小見出しへのリンク */
div.body h4 a, div.body h5 a {
	font-size:			inherit;
	color:				inherit;
	text-decoration:	inherit;
}


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

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

pre {
	font-family:			monospace;
	display:				block;
	color:					#666666;
	background-color:		#E2EBFD;
	/* for IE */
	_overflow:				auto;
	/*_overflow-x:			scroll;*/
	_width:					95%;
	_max-width:				95%;
	_text-align:			left;
}

/* pre 中コメント */
pre span.comment	{ color: #FF3333; }
pre strong.comment	{ color: #FF3333; 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:			90%;
	margin:				0.5em 1em 0.5em 1em;
	border-collapse:	separate;
	border-spacing:		0px 2px;
	empty-cells:		show;
}

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

div.body table tr.odd {
	background-color:	white;
}

div.body table tr.even {
	background-color:	#B9E9FF;
}

div.body table td {
	margin:				0px;
	padding:			2px;
	border-bottom:		1px solid #21418c;
}

div.body table th {
/*	font-weight:		bold;*/
	color:				#666666;
	margin:				0px;
	padding:			2px;
	border-bottom:		1px solid #21418c;
	background-color:	#F3F3F3;
}
div.body table th a:link {
	color:				#0066FF;
}
div.body table th a:hover {
	color:				#666666;
}


div.body table tr.odd th {
/*	font-weight:		bold;*/
	color:				#fff;
	margin:				0px;
	padding:			2px;
	border-bottom:		1px solid #21418c;
	background-color:	#6599ff;
}

div.body table tr.even th {
/*	font-weight:		bold;*/
	color:				#fff;
	margin:				0px;
	padding:			2px;
	border-bottom:		1px solid #21418c;
	background-color:	#214dad;
}

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


/* テーブル背景色をストライプにしない場合 */
div.body table.no-stripe tr.odd td,
div.body table.no-stripe tr.even td {
	background-color:	white;
}

div.body table.no-stripe tr.odd th,
div.body table.no-stripe tr.even th {
	color:				#fff;
	margin:				0px;
	padding:			2px;
	border-bottom:		1px solid #21418c;
	background-color:	#6599ff;
}

/* テーブルを囲う場合(curbクラス指定) */
div.body table.curb {
	border:				1px solid #21418c;
	padding:			2px 4px;
}


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

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


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


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


/*--------------------------------------------------------------------
■ サイドバー
---------------------------------------------------------------------*/
/* サイドバー全体 */
div.sidebar {
	width:					160px;
/*	width:					215px;*/
	margin:					1em 10px;
	position:				absolute;
	text-align:				left;
	top:					0px;
	left:					0px;
}

/*●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:			0 0 0.2em 1em;
	padding:		0px;
}

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

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

/* サイドバー項目のタイトル */
div.hatena-moduletitle {
	background-image:		url("sidemenu.jpg");
	background-position:	left bottom;
	background-repeat:		no-repeat;
	background-color:		white;
	color:					#666666;
	font-weight:			bold;
	margin:					0 0 0 0;
	padding:				6px 5px 2px 5px;
	text-align:				left;
	height:					15px;
	_height:				23px;
	border-bottom:			1px solid #B9E9FF;
	font-size: 90%;
}

/* sidebar項目本体 */
div.hatena-modulebody {
	color:					#666666;
	padding:				5px;
	/*border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B9E9FF;*/
	font-size: 85%;
	line-height: 130%;
}

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

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

/*--------------------------------------------------------------------
●sidebar：カレンダー
---------------------------------------------------------------------*/
table.calendar {
	width:			100%;
	max-width:		100%
	margin-left:		auto;
	margin-right:		auto;
	font-size:		95%;
	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.w6, table.calendar th.w6 {
	background-color:	#66CCFF;
	color:			 	#fff;
}
table.calendar td.w6 a, table.calendar th.w6 a
{ color: #fff;}

/* 日曜日 */
table.calendar td.w0, table.calendar th.w0, 
table.calendar td.holiday {
	background-color: #FF9900;
	color:			  #fff;
}
table.calendar td.w0 a, table.calendar th.w0 a,
table.calendar td.holiday a { color: #fff;}

/* 今日 */
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 #9cf;
}

/*--------------------------------------------------------------------
■ ページ送り
---------------------------------------------------------------------*/
div.page-head, div.page-foot {
	text-align:			left;
}
/*--------------------------------------------------------------------
■ フッタ
---------------------------------------------------------------------*/
/* フッタ部水平線 */
hr.footer {
	display:				none;
}

/* フッタ部 */
div.footer {
	color:				#333333;
	text-align:			center;
	padding-left:		1em;
	padding-bottom:		2em;
	font-size:			80%;
	line-height:		120%;
}


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

/*--------------------------------------------------------------------
●フォーム／日記の編集画面
---------------------------------------------------------------------*/
div.edit div.body {
	background-color:	#FFFFFF;
	padding:			0.5em 0.5em;
	border-bottom:		6px solid white;
	_text-align:			left;
}

div.edit div.body a, div.edit div.body a:link, div.edit div.body a:visited {
	color:				#666666;
}


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

form input {
	margin:			0 2px 0 2px;
}

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

/*--------------------------------------------------------------------
 編集画面
---------------------------------------------------------------------*/
div.edit div.body div.margin {
	margin-left: 2em;
}
div.diary-edit div.body input.filed {
	padding: 0px;
}
div.diary-edit div.body textarea {
	width:		98%;
	margin-left: 0px;
	padding: 0px 4px 0px 0px;
	_font-size:	12pt;
}

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#side-system-info { display: none; }

/****************************************************************************/
/****************************************************************************/
/*--------------------------------------------------------------------
●SFF 追加
---------------------------------------------------------------------*/
.prof_img{
	padding: 0px;
	margin-top: -10px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	border:none;
}

.bnr{
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
	text-align: center;
	border:none;
}

.offcial{
	text-align: center;
	padding: 0px;
	width: 160px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
}



.img_R{
	padding: 0px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}



.img_L{
	padding: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}