@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: #000;
}

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

#container a:visited {
	color: #5F5F5F;
}

#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: #000;
}

#header a:link,
#header a:visited,
#header a:hover,
#header a:active {
	color: #000;
}

#container a:link {
	color: #1d3049;
text-decoration:none;
}

#container a:visited {
	color: #1d3049;
text-decoration:none;
}

#container a:hover {
	color: #1562FF;
	text-decoration:underline;
}

#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: #000;
}

#container div.article-body a:link
, div.article-body a:active {
	color:  #0000FF;
	text-decoration:underline;
}

#container div.article-body a:visited
, div.article-body a:active {
	color:  #0000FF;
	text-decoration:underline;
}

#container div.article-body a:hover
, div.article-body a:active {
	color:  #0000FF;
text-decoration:none;
}


#container div.article-footer a:link {
	color:  #233A58;
	text-decoration:underline;
}


#container div.article-footer a:visited {
	color:  #233A58;
	text-decoration:underline;
}

#container div.article-footer a:hover {
	color:  #233A58;
	text-decoration:none;
}


#container div.menu a:link {
	color:  #fff;
	text-decoration:none;
}


#container div.menu a:visited {
	color:  #fff;
	text-decoration:none;
}

#container div.menu a:hover {
	color:  #0080ff;
	text-decoration:none;
}


#container div.article-continue a:link{
	color:  #000;
}


#container div.article-continue a:visited{
	color:  #000;
}


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

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

#container {
	width: 1020px;
	margin: 0 auto;
	padding: 0 5px 5px; /* padding: 0 10px 10px; に変更 */
	
	background-color: #fff;
	position: relative;
        border-left : 5px solid #00A8F9; /*枠の色 小豆色 左*/
        border-bottom: 2px dotted #00a8f9;
        border-right : 5px solid #00A8F9; /*枠の色 小豆色 右*/
}

#content {
	margin: 0 -4px;
	width: 1020px;
}

	* 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 194px;
	border-bottom: 0px solid #000;
}

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

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

#extra {
	margin-left: -190px;
	padding-top: 15px;
	width: 190px;
	display: inline;
	float: left;
}

#extra div.column-inner {
	padding-bottom: 30px;
}
.top_info {
　　　　font-size:12px;
　　　　line-height:125%;
　　　　margin:5px 0 15px; /* 上下の余白 */
　　　　padding:0;
　　　　text-align: right; /* 右揃え */
}

/* =============================================== */
/** 03. Title - ブログタイトルエリア */
/* ----------------------------------------------- */

#container .blog-title-outer h1 a {
        display: block; /* クリックできるようにする */
        height: -10px;
        text-indent: -9999px; /* 文字のタイトルはアッチへ行け */
        overflow: hidden; /*はみ出しは表示しない */
}

#container .blog-title-outer .blog-description-outer {
	margin: 0 0 0 45px;
	display: none; /* ブログの説明非表示 */
	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 ,#main .pager li span {
margin-right: 10px;
display: inline;
}

#main .pager ol {
	display: inline;
}

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

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

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

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

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

/*** 日付 */
#main .article-date-outer {
text-align: center; /* IE 用センター追加 */
margin: 0 10px 15px 0; /* 値を 0 auto; とする */
}

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

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

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

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

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

/** 記事タイトル */
#main .article-title-outer {
	margin-bottom: 15px;

	clear: both;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
* html #main .article-title-outer {
	height: 40px;
}

#main .article-title-outer { /* 追加 */
text-align:center;
margin:7px 0 5px;
background-color: #EEFFFF;
padding-bottom:3px;
}

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

#main .article-title-outer {
text-align: center;
}

/* ----------------------------------------------- */
/** 記事本文 */
#main .article-body {
	padding: 0 10px;	
	color: #4F4F4F;
	line-height: 1.4;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
}

/*** 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 dotted #0068E0;
	color: #2F2F2F;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
line-height:18px;
}

/*** 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;
	font-size: 11px;
	background: url() repeat-x left top;
	text-align: right;
	margin-top: 15px;
}

#main .article-footer li {
margin-left: 0px;
display: inline;
}

#main .article-footer li img {
	margin-right: 0px;
	vertical-align: middle;
}

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

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

#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 0px;
	padding: 0 0 0 0px;
	
	background: url() no-repeat left top;
	
	color: #333;
	font-size: 12px;
	line-height: 30px;
}

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

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

#trackback-form {
display: none;
}

#trackback-form li {
	display: inline;
display: none;
}

#trackback-form .trackback-form-url input {
	margin-right: 10px;
	width: 300px;
	border: 1px solid #C0B4A5;
display: none;
	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;
	display: none;
	line-height: 16px;
}

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

#trackbacks-list .ping-info li.ping-blog-name,
#trackbacks-list .ping-info li.ping-date {
	margin-right: 10px;
	display: inline;
display: none;
	color: #666;
	font-size: 11px;
	letter-spacing: 1px;
}

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


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

#comments-list {
	margin-left: 18px;
}


#comments-list .comment-info li.comment-author,
#comments-list .comment-info li.comment-date {
color: #333; font-weight:bold ; /* カラーコードは好みで */
float: left;
margin-right: 15px; /* 右余白*/
margin-top: 15px; /* 上余白*/
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
}
li.comment-body {
clear: left;
}


br { line-height: normal; }

#comments-list .comment-info li.comment-body {
margin: 0 0 0 16px;
line-height:14px;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
text-align: left;
padding-top: 5px;
color: #4F4F4F;
}

li.comment-body {
clear: left;
}


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

#comment-form th,
#comment-form td {

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

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

#comment-form td {

}

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

#comment-form .input-etc label {
display: none;
}

#comment-form .input-etc select {
}

#comment-form .input-comment-body textarea {
width: 520px;
height: 180px;
border-top: 1px solid #808080;
border-left: 1px solid #C0C0C0;
border-right: 1px solid #C0C0C0;
border-bottom: 1px solid #C0C0C0;
margin-left: -25px;
margin-top: -15px;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
line-height:14px;
font-size: 12px;
}

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

#comment-form {

}

#comment-form #rank, /* プルダウン */
#comment-form .input-rating, /* 評価 */
#comment-form .input-rating-face, /* ラジオボタン */
#comment-form #radio-rating-face, /* 顔 */
#comment-form #radio-rating-star, /* ラジオボタン */
#comment-form .input-rating-star, /* 星 */
#comment-form td img#tool, /* 絵文字 */
#comment-form tr.input-email /* メール欄 コンマナシ */
{ display: none;}

#comment-form tr.input-url
{ display: none;}


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

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

/* =============================================== */
/** 08. Sub & Extra - プラグインエリア */
/* ----------------------------------------------- */
.sidetitlebody {
	height: 20px;
	margin: 0 0 10px;
	background: url() no-repeat;
}


.sidetitlebody .sidetitle {
	padding: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 16px;
	letter-spacing: 1px;
}

.sidetop,
.sidebottom {
	display: none;
}




.side {
	margin: 0 5px 5px 10px;
	padding-bottom: 7px;
        font-size: 11px;	
	background: url() repeat-x bottom;	
	text-align: left;
	line-height: 1.3;
}


.sidetitle {
	padding: 4px 5px 4px;
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	background-color: #0456d1; /*サイドバーの背景色*/
	border-bottom: 1px solid Black;
	border-right: 1px solid Black;
	margin-top: 0px;
	margin-left: 3px;
	margin-right: -1px;
	margin-bottom: 0px;
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
}



.sidebody {
	padding: 0 0 0 0px;
	text-align: left;
	line-height: 1.5;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background: url() no-repeat;
}


	* 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: #d6ffff;

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

#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() 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;
}

div.related-articles ul{
listyle-type: square;
}


/*--------------------------------------
	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 */
.top_info {
font-size:12px;
line-height:125%;
margin:5px 0 15px; /* 上下の余白 */
padding:0;
text-align: right; /* 右揃え */
}
.hentry {
border: 1px solid #C0C0C0;
margin: 15px 0;
}

.article-header {
padding: 15px;
}

.entry-title{
border-bottom:2px dotted #000;
}
#article-options {margin: 15px;}
#article-options .comment-info { text-align: left;}
#comment-form {clear: both;}

.article-pager {display: none} /* 非表示*/

      .index-navigator a {
      text-decoration: none;
}

.headLine {
width: 634px;
padding-top: 10px; /* 上がくっつき過ぎよう */
height: 358px;
padding-left: 10px;
padding-right: -10px;
}

.index-navigator li.paging-next,
.index-navigator li.paging-last {
margin-left: -8px;
}

.index-navigator li,
.index-navigator ol li {
margin-left:-8px; /* マイナス値 */
}


#ad {margin-bottom: -40px;}

#main .article-category-outer dt {
display: none;
}



/* 「はてなブックマークに追加」ボタン */
li.article-tool-box img {
border:0 none;
vertical-align:middle;
}
/* 「含むはてなブックマーク」ボタン */
li.article-tool-box img {
border:0 none;
vertical-align:middle;
}


#main #sampleFooter_01 li {
	float:left;
	list-style-type:none;
}


.article-footer .article-author, .article-footer .article-date-outer,
.article-footer .article-tool-box, .article-footer .article-comment-count,
.article-footer .article-trackback-count, .article-footer .article-category {
margin-left: 5px; /* 左余白の指定 */
display: inline;
}


.headLine a {
}


td ul {
display: block;
list-style-type: disc;
}


#main .article-footer ul {
margin-right: 10px;
}
.article-category-second { margin-left: 5px; }


.aa{
font-family:"ＭＳ Ｐゴシック","MS PGothic","Mona","mona-gothic-jisx0208.1990-0",sans-serif;
font-size:14px;
line-height:17px;
}


.article-footer .article-category dd.article-category {
margin-left: -5px;
}



/*- drop_down2 ---------------------------------- */
#menu {
	list-style-type:none;
	width:100%;
	padding:0;
	margin:0;
margin-left: 2px;
}
#menu ul {
	list-style-type:display;
	padding:0;
	margin:0;
}
#menu li {
	float:left;
	background:#0080ff;
	margin:1px 1px 0 0;
	position:relative;
}
#menu li.sub {
	background:#0063c6;
}
#menu li, #menu li a {
	display:block;
	color:#fff;
	font-family:arial, sans-serif;
	font-size:14px;
	line-height:24px;
	width:126px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
#menu li:hover, #menu li a:hover {
	background:#eefafa;
}
#menu ul {
	position:absolute;
	left:-9999px;
	width:128px;
}
#menu li.click {
	background:#0080ff;
}
#menu li.click ul{
	left:0;
	top:24px;
}


.headLine2 {
width: 590px;
text-align: left; /* IE 用中央揃え */
padding-top: 10px; /* 上がくっつき過ぎよう */
height: 200px;
border-top: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
margin-left: 8px;
margin-top: -4px;
}

.headLine2 a {
color: blue !important;
line-height: 1.4;
}


.top2 {
margin-left: 8px;
}


#side td {
padding:2px 2px 2px 2px;
line-height:130%;
border-width: 1px 1px;
border-color: blue;
border-style: solid;
}