@charset "UTF-8";

/* Information
==================================================
livedoor Blog CSS
 Author : ブログテンプレート.net
 Name   : [bt-004] wolf_2c
 Layout : 2カラム 幅固定

 Update : 2008.11.18
==================================================
*/

/* Table of Contents
==================================================
	00. Css Base - ベーススタイル
	01. Text - フォント・リンク
	02. Layout - 全体の枠組み
	03. Title - ブログタイトルエリア
	04. SubTitle - アーカイブタイトルエリア
	05. Pager -ページャ
	06. Main - 記事エリア
	07. Option - トラックバック・コメントエリア
	08. Sub & Extra - プラグインエリア
	09. Header & Footer - ヘッダー・フッター
	10. Others - ADエリア etc.
==================================================
*/


/* =============================================== */
/** 00. Css Base - ベーススタイル */
/* ----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	background: transparent;
	outline: 0;
	font-size: 100%;
}

body {
	font-family: "Times New Roman", Times, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", MS PGothic ,sans-serif;
	font-size: 12px;
	line-height: 1.1;
}

img, fieldset {
	border: none;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* =============================================== */
/** 01. Text - フォント・リンク */
/* ----------------------------------------------- */
#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
	color: #fff;
}

#container a:link {
	color: #E35B00;
}

#container a:visited {
	color: #E35B00;
}

#container a:hover {
	color: #926643;
}

#container a:active {
	color: #E35B00;
}

#container .blog-title-outer h1 a:link,
#container .blog-title-outer h1 a:visited,
#container .blog-title-outer h1 a:hover,
#container .blog-title-outer h1 a:active {
	color: #000000;
	text-decoration: none;
}

.footer-outer a {
	color: #cccccc;
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */
body {
	margin: 0 auto;
	text-align: center;
	background: #0d0d0d;
}

#container {
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/cont_back.gif) repeat-y;
	margin: 0 auto;
	width: 823px;
}

#content {
	margin: -317px 0 10px 0;
	padding: 0 0px 50px 0px;
	width: 823px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/top_img.jpg) no-repeat;
	text-align: left;
}

	* html #content {
		margin: -317px 0 10px 0;
		width: 823px;
		/*Mac IE用ハック*/
		/*\*//*/
		margin: -317px 0 10px 0;
		width: 823px;
		/**/
		zoom: 100%;
	}

	*+html #content {
		zoom: 100%;
	}

#content:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main {
	width: 557px;
	margin-top: 317px;
	float: left;
}

	* html #main .article-title-outer {
		zoom: 100%;	
	}

	*+html #main .article-title-outer {
		zoom: 100%;
	}

#sub,
#extra {
	width: 193px;
	float: right;
	padding: 466px 0 0 0;
	color: #cccccc;
}

#extra {
	clear: right;
	padding: 0px 0 0 0;
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */
#container .blog-title-outer {
	margin: 0 auto;
	width: 823px;
	height: 317px;
	text-align: left;
	_position: relative;
}

*:first-child+html #container .blog-title-outer {
	position: relative;
}

#container .blog-title-outer h1 {
	_position: absolute;
	padding: 118px 0 20px 30px;
	color: #342B13;
	font-size: 25px;
	text-align: left;
}

*:first-child+html #container .blog-title-outer h1 {
	position: absolute;
	padding: 118px 0 20px 30px;
}

#container .blog-title-outer .blog-description-outer {
	_position: absolute;
	_padding: 158px 0 20px 0px;
	margin: 0 0px 0 30px;
	text-align: left;
}

*:first-child+html #container .blog-title-outer .blog-description-outer {
	position: absolute;
	padding: 158px 0 20px 0px;
}

/* =============================================== */
/** 04. SubTitle - アーカイブタイトルエリア */
/* ----------------------------------------------- */
#main .archives-title {
	margin: 0 0 10px;

	font-size: 18px;
	font-weight: bold;
}

/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */
#main .pager {
	margin: 0 0 15px 20px;
	text-align: left;
}

#main .archives-pager {
	text-align: left;
}

#main .pager li {
	margin-right: 10px;
	display: inline;
}

#main .pager ol {
	display: inline;
}

/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

/* ----------------------------------------------- */
/** ArchivesPager - アーカイブページ */

/* ----------------------------------------------- */
/** ArticlePager - 個別記事ページ */

/* =============================================== */
/** 06. Main - 記事エリア */
/* ----------------------------------------------- */

/* ----------------------------------------------- */
/** 記事ヘッダー */

/*** 日付 */
#main .article-date-outer {
	margin: 0 10px 15px 20px;

	float: left;
}

#main .article-date-outer abbr {
	border: none;

	color: #7C7034;
	font-size: 11px;
	letter-spacing: 2px;
}

/*** カテゴリ */
#main .article-category-outer {
	margin: 0 0 15px;

	float: left;
}

#main .article-category-outer dt,
#main .article-category-outer dd {
	display: inline;
}

/*** カテゴリアーカイブページではカテゴリを非表示にする */

/** 記事タイトル */
#main .article-title-outer {
	margin: 0;
	padding: 5px 0 5px 15px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/entry-title_back.gif) no-repeat;

	clear: both;

	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	color: #FADD72;
	width: 490px;
	_width: 505px;
}

#main .article-title-outer a {
	text-decoration: none;
	color: #FADD72;
}

/* ----------------------------------------------- */
/** 記事本文 */
#main .article-body {
	color: #453A1C;
	line-height: 1.7;
	padding: 20px 50px 5px 20px;
}

/*** p & blockquote & pre */
#main .article-body p {
	margin-bottom: 1em;
}

#main .article-body pre {
	margin-bottom: 1em;
}

#main .article-body blockquote {
	margin: 1em 0;
	padding: 10px;
	color: #826C5B;
	background: #F1EDEB;
}

/*** img */
#main .article-body img.pict {
	margin: 0 5px 5px 0;
}

/*** 共通テーマ */
body.default_2008 dl.common-theme {
	margin: 0 10px 25px;
}

/*** 記事タグ */
#main .article-body .article-tags {
	margin: 1.5em 0 1em;
}

#main .article-body .article-tags dt {
	display: inline;
}

#main .article-body .article-tags dd {
	margin: 0 0 0 10px;
	display: inline;
}

/*** プライベートモード */

/* ----------------------------------------------- */
/** 記事フッター */
#main .article-footer {
	margin: 0 30px 30px 0;
	padding: 0 20px;

	text-align: right;
}

#main .article-footer li {
	margin-left: 5px;

	display: inline;
}

#main .article-footer li img {
	margin-right: 5px;

	vertical-align: middle;
}

#main .article-footer li.author a {
	color: #453A1C;
	text-decoration: none;
}

#main .article-footer #ad {
	margin-top: 15px;
}

/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */

#article-options {
	padding-left: 60px;
}

.article-option {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	width: 490px;
}

.article-option h3 {
	margin: 0 0 10px 0;
	padding: 5px 0 10px 40px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/name_back.gif) no-repeat;
	color: #333333;
	font-size: 15px;
	line-height: 30px;
}

/*** 指定しやすいようstyleReset */

/* ----------------------------------------------- */
/** トラックバックURL */

#trackback-form {

}

#trackback-form li {
	display: inline;
	padding-left: 10px;
}

#trackback-form .trackback-form-url input {
	margin-right: 10px;
	width: 300px;
	border: 1px solid #C0B4A5;

	vertical-align: middle;
}

/* ----------------------------------------------- */
/** トラックバック一覧 */
#trackbacks-list,
#comments-list {
	padding-bottom: 20px;
}

#trackbacks-list .trackback-set,
#comments-list .comment-set {
	margin: 0 0 30px;
	padding: 0px;
}

	* html #trackbacks-list .trackback-set {
		zoom: 100%;
	}

	*+html #trackbacks-list .trackback-set {
		zoom: 100%;
	}

	* html #comments-list .comment-set {
		zoom: 100%;
	}

	*+html #comments-list .comment-set {
		zoom: 100%;
	}

#trackbacks-list .ping-title {
	margin: 0 0 10px 0;
	padding: 0 0 0 10px;
	line-height: 25px;
}

#trackbacks-list .ping-info {
	text-align: right;
	padding-right: 10px;
}

#trackbacks-list .ping-info li.ping-blog-name,
#trackbacks-list .ping-info li.ping-date {
	margin-left: 5px;
	display: inline;

	color: #7C7034;
	font-size: 11px;
	letter-spacing: 1px;
}

#trackbacks-list .ping-info li.ping-excerpt {
	padding: 10px;
	text-align: left;
	line-height: 1.7;
}


/* ----------------------------------------------- */
/** コメント一覧 */
#comments-list .comment-info {
	text-align: left;
	padding: 10px;
}

#comments-list .comment-info li.comment-author,
#comments-list .comment-info li.comment-date {
	margin-right: 5px;
	display: inline;

	color: #7C7034;
	font-size: 11px;
	letter-spacing: 1px;
}

#comments-list .comment-info li.comment-body {
	margin: 10px 0 0;

	line-height: 1.7;
}

/* ----------------------------------------------- */
/** コメントフォーム */
#comment-form {
	margin: 0 0 50px;
	padding: 0;
	background: none;
}

#comment-form th,
#comment-form td {
	padding-bottom: 8px;

	text-align: left;
}

#comment-form th {
	width: 90px;
}

#comment-form td {
	width: 370px;
}

#comment-form .input-auther input,
#comment-form .input-email input,
#comment-form .input-url input {
	width: 255px;
	border: 1px solid #ccc;
}

#comment-form .input-etc label {
	margin-right: 10px;
}

#comment-form .input-etc select {
	margin-left: 5px;
}

#comment-form .input-comment-body textarea {
	width: 368px;
	height: 160px;
	border: 1px solid #ccc;
}

#comment-form .submit {
	text-align: center;
}

#comment-form {

}

/*** コメント認証 */

/* ----------------------------------------------- */
/** 関連記事 */

/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */
.sidetitlebody {
	margin: 0 0 10px 0;
	height: 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/side_title_back.gif) no-repeat 0 6px;
}

.sidetitlebody .sidetitle {
	padding: 5px 0px 0 20px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
}

.sidetop,
.sidebottom {
	display: none;
}

.side {
	margin: 0 0px 30px 5px;
	color: #cccccc;
}

.sidebody {
	margin: 0 0 5px;
	padding: 0 0 0 18px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt004/list01.gif) no-repeat 0 4px;

	text-align: left;
	line-height: 1.4;
}

	* html .sidebody {
		zoom: 100%;
	}

	*+html .sidebody {
		zoom: 100%;
	}

/* ----------------------------------------------- */
/** Calendar */
.calendarheadbody,
.calbody {
	text-align: center;
}

.calendarheadbody {
	margin: 0 0 10px;
}

.calendarheadbody .calendarpre {
	margin: 0 5px;
}

.caltop {
	display: none;
}

.calbody {
	margin: 0 0 30px;
	padding: 0 0px 0 0px;
}

.calbody table {
	margin: 0 auto;
	width: 170px;
	color: #cccccc;
	font-size: 11px;
}

.calbody .caltblwk td,
.calbody .caltblday td {
	padding: 3px 0;
	color: #cccccc;
	border: 1px solid #222222;
}

.calbody .caltblwk td {
	background: #000000;
	color: #cccccc;
	font-weight: bold;
}

.calbody .caltblwk td.sun,
.calbody .caltblwk td.sat {
	color: #E35B00;
	background: #000000;
}

/* ----------------------------------------------- */
/** Plugins */
form {
	padding: 0 0 0 10px;
}

form .sf {
	border: 1px solid #ccc;
}


/* ----------------------------------------------- */
/** LDServices */
#ld-services {
	margin: 0 20px 30px 5px;

	text-align: center;
}

#ld-services li {
	display: inline;
}

#ld-services li img {
	margin: 0 auto 5px;
	display: block;
}

/* =============================================== */
/** 09. Header & Footer - ヘッダー・フッター */
/* ----------------------------------------------- */
/** Header */
#header {
	width: 100%;
	background: #000000;

	color: #fff;
	font-family: "ＭＳ Ｐゴシック", MS PGothic ,sans-serif;
}

#header th,
#header td {
	padding: 5px 0 2px;

	text-align: left;
	vertical-align: middle;
}

#header th {
	padding-left: 20px;
	width: 131px;
}

#header td.catprbox {
	padding-left: 20px;
}

#header td.newstickerbox {
}

#header td.startblogbox {
	padding-right: 20px;
	text-align: right;
}

/* ----------------------------------------------- */
/** Footer */
.footer-outer {
	margin: 0;
	width: 823px;
	height: 50px;
	color: #cccccc;
	text-align: center;
	margin: 0 auto;
	background: #0d0d0d;
}

.footer-outer-2 {
	padding: 20px 0 0;
}

.footer-outer-2 #footer {
	display: inline;
}

.footer-outer-2 p {
	margin: 0 10px;
	display: inline;
}

/* =============================================== */
/** 10. Others - ADエリア etc. */
/* ----------------------------------------------- */
/** ADエリア */

div#ad {
	overflow: hidden;
	text-align: center;
}

div#ad iframe {
	margin: 10px auto;
}

div.gAdsense {
	padding: 10px 0;
}

body.ad {
	background: transparent;
	text-align: left;
	line-height: 1.6;
}

a.adld {
	color: #666 !important;
	text-decoration: underline;
}


div.related-articles {
	padding: 10px 0;
}


/*--------------------------------------
	clearFix
---------------------------------------*/

#main .article-body::after,
#main .article-footer::after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

#main .article-body,
#main .article-footer {
	_height: 1px;
	min-height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* for MacIE5 \*//*/
#main .article-body,
#main .article-footer {
	height: auto;
	overflow: hidden;
}
/* end */



