@charset "UTF-8";

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

 Update : 2008.11.06
==================================================
*/

/* 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 {
	color: #666;
	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: #000;
}

#container a:visited {
	color: #889FAA;
}

#container a:hover {
	color: #1562FF;
}

#container a:active {
	color: #1562FF;
}

#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: #DFEDF8;
	text-decoration: none;
}

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

/* =============================================== */
/** 02. Layout - レイアウト（全体の枠組み） */
/* ----------------------------------------------- */
body {
	margin: 0;
	padding: 0;

	background-color: #000;
	
	color: #666;
	text-align: center;
}

#container {
	width: 1250px;
	margin: 0 auto;
	padding-bottom: 10px;
	
	background-color: #FFF;
	position: relative;
}

#content {
	margin: 0 10px;
	width: 1200px;
}

	* html #content {
		zoom: 100%;
	}

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

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

#main {
	width: 100%;
	display: inline;

	float: left;
	
	text-align: left;
}

#main div.column-inner {
	margin: 0 355px;
	border-bottom: 1px solid #fff;
}

#sub {
	margin-left: -100%;
	padding-top: 15px;
	width: 290px;
	display: inline;

	float: left;
}

#sub div.column-inner {
	padding-bottom: 30px;
}

#extra {
	margin-left: -290px;
	padding-top: 15px;
	width: 290px;
	display: inline;

	float: left;
}

#extra div.column-inner {
	padding-bottom: 30px;
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */
#container .blog-title-outer {
	margin: 0 auto;
	width: 850px;
	height: 300px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/header_back.gif) no-repeat left top;

	text-align: left;
}

#container .blog-title-outer h1 {
	padding: 105px 0 10px 45px;
	color: #DFEDF8;
	font-size: 25px;
}

#container .blog-title-outer .blog-description-outer {
	margin: 0 0 0 45px;
	
	color: #999;
}

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

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

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

	text-align: left;
}

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

#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 0;

	float: left;
}

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

	color: #666;
	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-bottom: 15px;
	padding-left: 55px;
	min-height: 40px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/entry_title.gif) no-repeat left top;

	clear: both;

	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
* html #main .article-title-outer {
	height: 40px;
}

#main .article-title-outer h2 {
	padding-top: 18px;
}

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

/* ----------------------------------------------- */
/** 記事本文 */
#main .article-body {
	padding: 0 10px;
	
	color: #666;
	line-height: 1.7;
}

/*** 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;
	border: 1px solid #D7C2B7;

	color: #817145;
}

/*** 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;
	
	font-weight: bold;
}

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

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

/* ----------------------------------------------- */
/** 記事フッター */
#main .article-footer {
	width: 100%;
	margin: 0 0 30px;
	padding-top: 10px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/line01.gif) repeat-x left top;

	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: #666;
	text-decoration: none;
}

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

#main .article-post {
	margin: 0 10px;
}

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

	*html .article-option ol {
		height: 0;
	}

.article-option h3 {
	margin: 0 0 10px;
	padding: 0 0 0 30px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/h3_title.gif) no-repeat left top;
	
	color: #333;
	font-size: 12px;
	line-height: 30px;
}

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

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

#trackback-form {

}

#trackback-form li {
	display: inline;
}

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

	vertical-align: middle;
}

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

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

	* 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: 10px 0;
	padding: 0 0 0 20px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/icon01.gif) no-repeat left top;
	
	line-height: 16px;
}

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

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

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

#trackbacks-list .ping-info li.ping-excerpt {
	margin-top: 10px;

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


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

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

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

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

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

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

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

	color: #333;	
	font-weight: normal;
	text-align: left;
}

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

#comment-form td {
}

#comment-form .input-auther input,
#comment-form .input-email input,
#comment-form .input-url input {
	width: 255px;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

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

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

#comment-form .input-comment-body textarea {
	width: 300px;
	height: 160px;
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

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

#comment-form {

}

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

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

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

	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/menu_title.gif) no-repeat;
        background-position: top center;
}

.sidetitlebody .sidetitle {
	padding: 0;

	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	letter-spacing: 1px;
}

.sidetop,
.sidebottom {
	display: none;
}

.side {
	margin: 0 15px 30px 10px;
	padding-bottom: 15px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/line01.gif) repeat-x bottom;
	
	text-align:left;
}

.sidebody {
	margin: 0 0 5px;
	padding: 0 0 0 20px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/icon01.gif) no-repeat;

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

	* html .sidebody {
		zoom: 100%;
	}

	*+html .sidebody {
		zoom: 100%;
	}
	
.side input.sf {
	width: 90px;
	margin-right: 10px;
	
	border-top: 2px solid #808080;
	border-left: 2px solid #808080;
	border-right: 1px solid #C0C0C0;
	border-bottom: 1px solid #C0C0C0;
}

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

.calendarheadbody {
	margin: 0 0 10px;

	font-weight: bold;
}

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

.caltop {
	display: none;
}

.calbody {
	margin: 0 10px 30px;
	padding-bottom: 10px;
	
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/line01.gif) repeat-x left bottom;
}

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

.calbody .caltblwk td,
.calbody .caltblday td {
	padding: 3px 0;
}

.calbody .caltblwk td {
	font-weight: bold;
}

.calbody .caltblwk td.sun {
	color: #631AFB;
}

.calbody .caltblwk td.sat {
	color: #1562FF;
}

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

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

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

	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;

	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 auto;
	width: 850px;
	height: 40px;
	background: url(http://parts.blog.livedoor.jp/img/usr/bt007/footer_back.gif) no-repeat;

	color: #999;
	text-align: center;
}

.footer-outer-2 {
	padding: 10px 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;
}


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

/* 記事下ソーシャルボタン */
.article-social-btn > a,
.article-social-btn > span,
.article-social-btn > div,
.article-social-btn > iframe {
  margin: 4px 0;
}

/* メッセージボード */
.message-board {
  background: rgba(0,0,0,0.05);
  border-radius: 6px;
  margin: 20px 0;
  padding: 12px;
}

/* メニュー*/
.ldb_menu {
    position: relative;
    bottom: 35px;
    left: 200px;
}
.ldb_menu-list {
  background-color: #FFFFFF;
  overflow: hidden;
  width: 500px;
}
.ldb_menu-list li {
  float: left;
  list-style: none;
}
.ldb_menu-list li a{
  color: #fff;
  display: block;
  font-weight: bold;
  font-size: 15px;
  line-height: 1;
  padding: 10px;
  text-decoration: none;
  text-shadow: 0 -1px -3px rgba(0,0,0,0.2);
}
.ldb_menu-list .ldb_menu-item-current,
.ldb_menu-list li a:hover {
  background-color: #FFFFFF;
}
/* end */