@charset "Shift_JIS";

/*
 * 天外ブログフレーム用CSS
 *      アドレス：http://unyu.seesaa.net/
 * 
 * 天外魔境公式Webサイトで配布されているブログフレームをSeesaaブログでそ
 * れっぽく使うCSSです。
 * 
 * ロゴバージョンを基本にサンプルに近い感じで使えるように作ってあります。
 * 他のバージョンを確認していないのでわかりませんが、画像のサイズや文字色が
 * 違うかもしれません。
 * その場合に“変更する必要がありそう”な箇所にコメントを付けてますので、参
 * 考にしながら変更してください。
 * その他にも「色が」「文字サイズが」など文句がある場合はそれらしい場所を
 * 「各自」で変更してください。
 * 
 * このCSSは非サポートです。
 * 質問は一切受け付けません。
 * 変更・設置は各自の責任において行ってください。
 * 
 * ※CSSの一括リセットはしてません。必要な箇所でそれぞれリセットしてます。
 *   CSSのリセットを挿入してもデザインが崩れない・・・と思います。
 * 
 *                          Copyright (C) 2009 うにゅ, All rights reserved.
 */

body
{
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#D3D3D3;	/* ページの背景色 */
	background-image:url(bg.gif);	/* ページの背景画像 */
	background-repeat:repeat-x;	/* 背景画像の繰り返し */
}

a:link
{
	color:#036;	/* リンクの文字色 */
	text-decoration:none;
}

a:visited
{
	color:#036;	/* 訪問済みリンクの色 */
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

a:active, a:focus
{
	color:#933;	/* リンクがアクティブなときの色 */
}

/*
 * 画像挿入タグ
 *   ・枠線を標準で非表示
 *   ・水平位置を下端に合わせる
 */
img
{
	border:none;
	vertical-align:baseline;
}

/*
 * 引用タグ
 *   ・ブラウザに依存しないように余白を設定
 *   ・ブロックがわかるように枠線を表示
 *   ・背景色を設定
 * 下の方に埋もれていたのを発掘。
 */
blockquote
{
	margin:10px;
	padding:5px;
	border:1px solid #333;
	background-color:#D3D3D3;
}

h1
{
	margin:0px;
	padding:0px;		/* タイトルの余白 */
	padding-top:139px;	/* タイトルの上余白 */
	padding-left:30px;	/* タイトルの左余白 */
	font-weight:bold;	/* タイトルの字体 */
	font-size:22px;		/* タイトルの文字の大きさ */
}

h1 a:link, h1 a:visited, h1 a:hover, h1 a:active, h1 a:focus
{
	color:#FFF;		/* タイトルの文字色 */
	text-decoration:none;
}

div#container
{
	margin:0px auto;
	width:750px;			/* コンテナの横幅 タイトルの背景画像の横幅に合わせる */
	border:1px solid #FFF;		/* コンテナ周りの枠線 */
	color:#333;			/* ページの文字色 */
	font-size:12px;			/* ページの文字サイズ */
	font-family:Verdana;		/* ページのフォント */
	text-align:left;
	background-color:#FFFBF8;	/* コンテナの背景色 */
	
}

div#banner
{
	margin:0px;
	padding:0px;
	background-image:url(headbg01.jpg);	/* タイトルの背景画像 */
	text-align:left;			/* タイトルの水平位置 */
	height:300px;				/* タイトルの縦幅 */
}

/*
 * ブログの説明
 * 自分は使わないのでスルー。
 * 使う場合は適宜変更。
 */
.description
{
	padding:0px 10px 0px 0px;
	font-weight:bold;
	font-family:Verdana;
}

div#content
{
	float:left;
	margin:0px;
	padding:0px 5px 0px 5px;	/* 記事周りの余白 */
	width:556px;			/* 記事の横幅 */
}

div.navi
{
	margin:10px 0px;
	text-align:center;
}

div.blog
{
	padding:0px;
	padding-bottom:50px;	/* 記事ごとの下の余白 */
}

div.blogbody
{
}

h2.date
{
	clear:left;
	margin:0px auto;
	padding:0px;			/* 記事年月日の余白 */
	padding-top:10px;		/* 記事年月日の上余白 */
	padding-bottom:20px;		/* 記事年月日の下余白 */
	border-top:1px solid #333;	/* 記事年月日の上の枠線 */
	color:#333;			/* 記事年月日の文字色 */
	font-size:12px;			/* 記事年月日の文字サイズ */
	font-weight:bold;		/* 記事年月日の字体 */
}

h3.title
{
	margin:0px;
	padding:6px 0px 5px 26px;	/* 記事タイトルの余白 */
	border-bottom:1px solid #999;	/* 記事タイトルの下の枠線 */
	height:17px;			/* 記事タイトルの高さ 余白に注意 */
	font-size:12px;			/* 記事タイトルの文字サイズ */
	font-weight:bold;		/* 記事タイトルの字体 */
	background-image:url(icon.jpg);	/* 記事タイトルのアイコン */
	background-repeat:no-repeat;
}

h3.title a:link, h3.title a:visited, h3.title a:hover, h3.title a:active, h3.title a:focus
{
	color:#333;		/* 記事タイトルの文字色 */
	text-decoration:none;
}

div.text
{
	margin:0px;
	padding:0px;		/* 記事の余白 */
	padding-top:5px;	/* 記事の上余白 */
	line-height:1.8em;
}

div.posted
{
	padding:0px;		/* 投稿情報の余白 */
	padding-top:15px;	/* 投稿情報の上余白 */
	font-size:10px;		/* 投稿情報の文字サイズ */
	text-align:right;	/* 投稿情報の水平位置 */
}

div.posted a:link, div.posted a:visited, div.posted a:hover, div.posted a:active, div.posted a:focus
{
	font-weight:bold;	/* 投稿情報リンクの字体 */
}

div#links-left
{
	float:left;
	margin:0px;
	padding:22px 5px 0px 5px;	/* サイドバーの余白 */
	width:174px;			/* サイドバーの幅 */
}

div#links
{
}

/*
 * カレンダー系
 * サンプルにはカレンダーが無かったので、
 * 好きなように変更。
 */
div#calendar
{
	width:170px;		/* カレンダーの横幅 */
	margin-bottom:10px;	/* カレンダー下の余白 */
	border:2px solid #333;	/* カレンダーの枠線 */
}

div#calendar table
{
	width:100%;
	font-family:Verdana;		/* カレンダーのフォント */
	background-color:#D3D3D3;	/* カレンダーの背景色 */
}

caption.calendarhead
{
	padding:4px 10px;	/* カレンダー年月の余白 */
	color:#FFF;		/* カレンダー年月の文字色 */
	font-size:12px;		/* カレンダー年月の文字サイズ */
	font-weight:bold;	/* カレンダー年月の字体 */
	text-align:center;
	background-color:#333;	/* カレンダー年月の背景色 */
}

caption.calendarhead a:link, caption.calendarhead a:visited, caption.calendarhead a:hover, caption.calendarhead a:active, caption.calendarhead a:focus
{
	color:#FFF;	/* カレンダー年月リンク色 */
	text-decoration:none;
}

caption.calendarhead span.calendarday
{
	font-size:10px;	/* カレンダー年月横の記号サイズ */
}

th.calendarday, td.calendarday
{
	padding:3px;	/* カレンダー日の余白 */
	color:#333;	/* カレンダー日の文字色 */
	font-size:10px;	/* カレンダー日の文字サイズ */
}
/* カレンダー系ここまで */

div.sidetitle
{
	height:22px;				/* サイドバー見出しの高さ 余白に注意 */
	padding:0px;
	padding-top:10px;			/* サイドバー見出しの上余白 */
	padding-left:15px;			/* サイドバー見出しの下余白 */
	color:#FFF;				/* サイドバー見出しの文字色 */
	font-weight:bold;			/* サイドバー見出しの字体 */
	background-color:#000;			/* サイドバー見出しの背景色 */
	background-image:url(menu.gif);		/* サイドバー見出しの背景画像 */
}

div.side
{
	margin-bottom:10px;	/* サイドバーの下余白 */
	padding:0px;		/* サイドバーの余白 */
	padding-top:3px;	/* サイドバーの上余白 */
	font-size:10px;		/* サイドバーの文字サイズ */
	line-height:1.8em;
}

div.side a:link, div.side a:visited, div.side a:hover, div.side a:active, div.side a:focus
{
	font-size:12px;	/* サイドバーのリンクの文字サイズ */
}

/* 不明 */
.side-tag
{
	padding:3px 10px 10px 0px;
	margin-bottom:10px;
	font-size:10px;
	font-family:Verdana;
}
.side-tag a
{
	font-size:12px;
}
/* 不明ここまで */

div.side input
{
	border:1px solid #333;		/* フォーム系の枠線 */
	color:#333;			/* フォーム系の文字色 */
	background-color:#D3D3D3;	/* フォーム系の背景色 */
}

/* 未編集 */
.syndicate
{
	margin-right:10px;
	text-align:center;
	font-size:10px;
	font-family:Verdana;
}

#comments
{
	margin-bottom:30px;
	margin-top:25px;
	text-align:left;
	padding:0px;
}
#comments form
{
	margin:0px;
	padding:0px;
}
#comments input
{
	max-width:200px;
	border:1px solid #959595;
	background-color:#EAEAEA;
}
#comments textarea
{
	width:300px;
	margin-bottom:5px;
	border:1px solid #959595;
	background-color:#EAEAEA;
}
.comments-head
{ 
	font-weight:bold;
	margin:0px;
	font-family:Verdana;
}
.comments-body
{
	margin:0px;
	font-family:Verdana;
}

.comments-post
{
	padding:3px 0px 3px 0px;
	font-size:10px;
	text-align:right;
	font-family:Verdana;
}
#trackback
{
	margin-bottom:30px;
	margin-top:25px;
	border:1px dotted #666;
	padding:5px;
	text-align:left;
	font-family:Verdana;
}
/* 未編集ここまで */

div#footer
{
	clear:both;
	padding:0px;
	padding-top:5px;
	border-top:1px solid #333;
	text-align:center;
	background-color:#999;
}

div.powered
{
}

div.powered table
{
	margin-left:auto;
	margin-right:auto;
}

div.listCategoryArticle
{
	margin:10px 20px;
	padding:10px 15px;
	border:1px solid #999;
	font-size:10px;
	line-height:1.4em;
}

div.listCategoryArticle ul
{
	margin:0 0 0 25px;
	padding:0;
	list-style:disc outside;
}

div.listCategoryArticle ul li
{
	margin:0;
	padding:0;
}

/*
 * ここから下全部不明・・
 * ダイエット系？
 */
.copyright
{
	text-align:center;
}
.diet-content
{
	padding-left:10px;
}
#diet-foods
{
	padding-left:10px;
}
.food-title
{
	width:20%;
	clear:left;
	float:left;
}
.food-content
{
	width:75%;
	padding-top:10px;
}
#diet-container
{
	border:1px solid #999;
	padding:5px;
	margin-bottom:5px;
}
.diet-title
{
	padding:2px 10px 2px 5px;
	margin-top:5px;
	font-weight:bold;
}
.diet-content
{
	padding-left:10px;
}
#diet-foods
{
	padding-left:10px;
}
.food-title
{
	width:20%;
	clear:left;
	float:left;
}
.food-content
{
	width:75%;
	padding-top:10px;
}
.tag-word
{
	margin:20px 0px 0px 0px;
	line-height:1.4em;
}
.tag
{
	padding:10px;
	position:relative;
	margin-left:15px;
}
#tag_cloud
{
	border:1px solid #CCC;
	padding:10px;
	text-align:left;
	position:relative;
}
#tag_cloud a
{
	padding:2px;
}
.tag-title
{
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.tag-body
{
	margin:10px 0px;
	padding:10px 0px 0px 0px;
	position:relative;
}
.tag-service
{
	text-align:left;
	font-weight:bold;
	border-bottom:1px solid #CCC;
	padding:0px 0px 5px 0px;
	clear:left;
	position:relative;
}
.tag-search
{
	text-align:right;
	padding:5px 0px;
	margin-bottom:10px;
	font-weight:bold;
	position:relative;
}
.tag-article
{
	padding:0px 10px 10px 10px;
	text-align:left;
	position:relative;
}
.tag-article-title
{
	text-align:left;
	padding:0px 0px 5px 0px;
	font-weight:bold;
	position:relative;
}
.tag-article-posted
{
	font-weight:normal;
	position:relative;
}
.tag-article-summary
{
	padding:0px 10px;
	line-height:1.4em;
	position:relative;
}
.tag-more
{
	text-align:right;
	margin:10px 0px;
	clear:left;
	position:relative;
}
.tag-photos
{
	float:left;
	margin:10px;
	position:relative;
	width:140px;
	height:200px;
}
.tag-photos-title
{
	line-height:1.4em;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-audios
{
	margin:5px;
	position:relative;
}
.tag-audios-title
{
	text-align:left;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	position:relative;
}
.tag-audios-posted
{
	font-weight:normal;
	position:relative;
}
.tag-videos
{
	float:left;
	margin:10px;
	position:relative;
}
.tag-videos-title
{
	line-height:1.4em;
	padding:5px 0px;
	text-align:left;
	position:relative;
}
.tag-navi
{
	clear:left;
	text-align:center;
	margin:10px 0px;
	position:relative;
}