@charset "EUC-JP";

/* Information
==================================================
livedoor Blog CSS
 Author : ブログテンプレート.net
 Name   : [bt-006] giraffe_3c
 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%;
	vertical-align: baseline;
}

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

#blog-title a:link,
#blog-title a:visited,
#blog-title a:hover,
#blog-title a:active {
	color: #fff;
}

#content a:link {
	color: #40647f;
}

#content a:visited {
	color: #39c;
}

#content a:hover {
	color: #999;
}

#content a:active {
	color: #40647f;
}

#main .article-footer #ad .adhover a:hover {
	color: #40647f;
}

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	
	color: #fff;	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt006/body_back.gif) repeat left top;
	text-align: center;
}

#container {
	width: 800px;
	margin: 0 auto;
	
	background-color: #000;
	position: relative;
}

#content {
	padding: 0 10px 50px;

	text-align: left;
}

	* html #content {
		zoom: 100%;
	}

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

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

#main {
	padding-bottom: 30px;
	width: 100%;
	display: inline;

	float: left;
}

#main div.column-inner {
	margin: 0 190px;
}

#sub {
	margin: 40px 0 0 -100%;
	width: 175px;
	display: inline;

	float: left;
}

#extra {
	margin: 40px 0 0 -175px;
	width: 175px;
	display: inline;

	float: left;
}

#main .pager-inner {
	text-align: center;
	margin-bottom: 10px;
}

#main .pager-inner ol ,
#main .pager-inner ul {
	display: inline;
}

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

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */
#container .blog-title-outer {
	height: 330px;
	margin: 0 auto;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt006/header_back.gif) no-repeat center top;
	text-align: right;
}

#container .blog-title-outer h1 {
	padding: 105px 35px 0 0;
	font-size: 25px;
}

#container .blog-title-outer .blog-description-outer {
	margin: 5px 35px 0 0;
}

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

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

/* =============================================== */
/** 05. Pager - ページャ */
/* ----------------------------------------------- */
/* ----------------------------------------------- */
/** IndexNavigator - トップページ */

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

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

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

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

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

	float: left;
}

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

	font-size: 11px;
	letter-spacing: 2px;
}

/*** カテゴリ */
#main .article-category-outer {
}

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

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

/** 記事タイトル */
#main .article-title-outer {
	margin: 4px 0 15px 0;
	padding: 0 0 0 12px;
	background-color: #e6f1f7;
	
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

/* ----------------------------------------------- */
/** 記事本文 */
#main .article-body {
	margin-bottom: 5px;
	padding: 0 12px 2px 10px;
	
	border-bottom: 1px solid #b1cde2;
	line-height: 1.7;
}

/*** 記事タグ */
#main .article-body .article-tags {
	margin: 10px 0 0px 0;
	
	line-height: 1.8;
}

#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-bottom: 30px;
	padding: 0 12px 0 10px;
	text-align: left;
}

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

	display: inline;
}

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

	vertical-align: middle;
}

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

#main .article-footer #ad .adhover {
	color: #333;
}

/* =============================================== */
/** 07. Option - トラックバック＆コメントエリア */
/* ----------------------------------------------- */
.article-option {
	margin-bottom: 30px;
}

.article-option h3 {
	margin-bottom: 20px;
	padding-left: 15px;
	
	color: #000;
	font-size: 12px;
	background-color: #e6f1f7;
	line-height: 20px;
}


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

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

#trackback-form {
}

#trackback-form li {
	display: inline;
}

#trackback-form ul {
	padding: 0 12px 0 10px;
}

#trackback-form .trackback-form-url input {
	width: 250px;
	margin-right: 10px;
	padding-left: 5px;
	
	color: #fff;
	border: 1px solid #333;

	vertical-align: middle;
	background-color: #333;
}

/* ----------------------------------------------- */
/** トラックバック一覧 */
#trackbacks-list,
#comments-list {
}

#trackbacks-list .trackback-set,
#comments-list .comment-set {
	margin-bottom: 20px; 
	padding: 0 12px 0 10px;

}

	* 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 {	
	padding-bottom: 10px; 
	
	font-size: 15px;
	font-weight: bold;
}

#trackbacks-list .ping-info {
}

#trackbacks-list .ping-info li.ping-blog-name,
#trackbacks-list .ping-info li.ping-date {
	display: inline;
	font-size: 13px;
	letter-spacing: 1px;
}

#trackbacks-list .ping-info li.ping-excerpt {
	margin-top: 10px;
	padding-bottom: 5px;
	
	line-height: 1.7;
	border-bottom: 1px dashed #b1cde2;
}


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

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

	font-size: 13px;
	letter-spacing: 1px;
}

#comments-list .comment-info li.comment-body {	
	line-height: 1.7;
	border-bottom: 1px dashed #b1cde2;
	padding-bottom: 5px;
}

/* ----------------------------------------------- */
/** コメントフォーム */

#comment-form-body {
	padding: 0 12px 0 10px;
}

#comment-form h3 {
	padding-left: 5px;
	
	font-size: 15px;
	color: #fff;
	background-color: #000;
	border-left: 8px solid #b1cde2; 
	border-bottom: 1px solid #b1cde2; 
}

#comment-form th,
#comment-form td {
	padding-bottom: 8px;
	
	font-size: 13px;
	font-weight: normal;
	text-align: left;
}

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

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

#comment-form .input-auther input,
#comment-form .input-email input,
#comment-form .input-url input {
	width: 180px;
	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: 97%;
	height: 160px;
	border: 1px solid #ccc;
}

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

#comment-form {

}

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

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

/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */
.sidetitlebody {
	margin-bottom: 10px;
}

.sidetitlebody .sidetitle {	
	padding-left: 10px; 
	
	background-color: #e6f1f7;
	color: #333;
	font-size: 15px;
	font-weight: bold;
	text-align: left;
	line-height: 20px;
}

.sidetop,
.sidebottom {
	display: none;
}

.side 
{
	margin: 0 5px 30px 5px;
}

.side .sf {
	width: 113px;
	margin-bottom: 4px;
	
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

.sidebody {
	margin: 0 0 0 8px;
	padding: 0 0 0 10px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt006/icon01.gif) no-repeat left 8px;

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

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

.calbody table {
	margin: 0 auto;
	width: 150px;
	font-size: 11px;
}

.calbody .caltblwk td,
.calbody .caltblday td {
	padding: 3px 0;
}
/* ----------------------------------------------- */
/** Plugins */
form {
	padding: 0 0 0 0px;
	margin: 0 0 0 0 ;
}

/* ----------------------------------------------- */
/** LDServices */
#ld-services {
	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: #000;

	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 auto;
	width: 800px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt006/footer_back.gif) no-repeat left top; 
	text-align: center;
}

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

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

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

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