@charset "utf-8";   
/*************************************************
 リセット
*************************************************/
body, div, h1 ,h2, h3, h4, h5, h6, p, blockquote, 
dl, dt, dd, ul, ol, li, pre, form, fieldset, input, texarea, table, th, tr, td, address {
	margin: 0;
	padding: 0;
}

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

caption, th { text-align: left; }

ul, ol { list-style: none; }

img { border: 0; }

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, 
q:after { content: ''; }


/*************************************************
 全体の基本設定
*************************************************/

/* ブログ全体の基本指定 
------------------------------------------------*/
body {
	background: url(http://bfile.shinobi.jp/6420/bl_back_41.jpg) left bottom no-repeat fixed #00000C; /* 背景画像と色の指定 */
	color: #F9F9F9;  /* 文字の基本色 */
	font-size: 12px;  /* 文字の基本サイズ */
	line-height: 1.5;  /* 行間 */
	font-family:  Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  /* フォント */
	text-align: center;
}

/* 画像の基本指定 
------------------------------------------------*/
img{ margin: 2px; }

/* 絵文字の基本指定 
------------------------------------------------*/
img.emoji { margin: 0 1px; }

/* テーブルの基本設定 
------------------------------------------------*/
table { margin: 0 auto; }    /* 中央寄せ */

td, th { text-align: center; }

/* フォームの基本指定
------------------------------------------------*/
textarea, input {
	padding: 2px;
	border: solid 1px #00000C;
	background-color: #DDD;
	font-family: Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input { font-size: 109%; }  /* 13px */

textarea { font-size: 125%; }  /* 15px */


/************************************************* 
　見出し

  SEO用の見出しをつける場合は、HTMLの各該当箇所のタグを
  それぞれ上から、h1、h2、h3、h4に変更してください。
*************************************************/

/* ブログのタイトル (h1)
------------------------------------------------*/
#TopTitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 184%;           /* 22px */
}

/* IE6 */
* html #TopTitle { font-weight: bold; }

/* IE7 */
*:first-child+html #TopTitle {
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold; 
}
                             
/* 記事のタイトル (h2)
------------------------------------------------*/
.EntryTitle {
	font-size: 134%;
	font-weight: bold;
}                              /* 16px */


/* コメント、トラックバック、コメント編集 (h3)
------------------------------------------------*/
.CommentMenuTitle,
.TrackbackMenuTitle,
.CommentEditTitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 125%;
	font-weight: bold;
	font-style:italic;
}                              /* 15px */


/* コメント、コメントレス、トラックバック、プラグイン
   のタイトル （h4）
-------------------------------------------------*/
.Plugin4Head,
.CommentTitle,
.CommentResTitle,
.TrackbackTitle,
.PluginTitle {
	font-size: 110%;
	font-weight: bold;
}                             /* 13px */


/* h5とh6の指定
------------------------------------------------*/
h5, h6 {
	font-size: 110%;
	font-weight: bold;
}                             /* 13px */


/*************************************************
 リンク設定
*************************************************/

/* リンクの基本設定 
------------------------------------------------*/
a { text-decoration: none; }

/* 通常のリンク */
a:link { color: #4FDBE8; }

/* 訪問したリンク */
a:visited { color: #4FDBE8; }

/* マウスが乗ったときのリンク */
a:hover { text-decoration: underline; }

/* マウスをクリックしたときのリンク */
a:active { text-decoration: underline; }

/* ブログのタイトル 
------------------------------------------------*/
#TopTitle a:link,
#TopTitle a:visited {
	color: #9DD;
}

#TopTitle a:hover {
	position: relative;
	top: 2px;
	left: 2px;
	text-decoration: none;
}

/* 記事タイトル 
------------------------------------------------*/
.EntryTitle a:link, 
.EntryTitle a:visited { color: #CFF; }

.EntryTitle a:hover {
	color: #5FEBF8;
	text-decoration: none;
}

/* ページリンク 
------------------------------------------------*/
ul.PageLinkBlock li a:link,
ul.PageLinkBlock li a:visited {
	text-decoration: none;
	color: #DFDFDF;
}

ul.PageLinkBlock li a:hover,
ul.PageLinkBlock li a:active {
	background-color: #7AA3A6;
	color: #003;
	text-decoration: none;
}

ul.PageLinkBlock li .PageLink {
	background-color: transparent;
	border: none;
	color: #F9F9F9;
}

ul.PageLinkBlock li .PageLink:hover {
	background-color: transparent;
	text-decoration: underline;
	color: #F9F9F9;
}

/* コメント 
------------------------------------------------*/
div.CommentTextBox a:link,
div.CommentTextBox a:visited {
	color:#006;
	text-decoration: underline;
}

div.CommentTextBox a:hover { color: #369; }

/* プラグインタイトル 
------------------------------------------------*/
.PluginTitle a:link, 
.PluginTitle a:visited { color: #FFF; }

.PluginTitle a:hover {
	color: #9FF;
	text-decoration: none;
}


/*************************************************
  レイアウト
*************************************************/

/*月の画像用ブロック
------------------------------------------------*/
div#back {
	background: url(http://bfile.shinobi.jp/6420/bl_moon_3.jpg) right top no-repeat fixed;
	margin: 0;
}

/*メインブロック
------------------------------------------------*/
div#mainBlock {
	width: 800px;
	margin: 0 3% 0 auto;        /* 右寄せ　左寄せは0 auto 0 3% */
	text-align:center;
}

/* コンテンツ（ヘッダーや記事、コメント等を包括） 
------------------------------------------------*/
div#Contents {
	float: right;              /* 右寄せ　左寄せにするときはleft */
	width: 570px;
	text-align: center;	
}

/*ヘッダー
------------------------------------------------*/
div#TopBlock {
	height: 180px;
	margin-top: 20px;
	text-align: left;
	overflow: hidden;
}

/*エントリーブロック（記事と記事の上の各検索部分）
------------------------------------------------*/
div#EntryBlock {
    clear: left;
	margin: 0 10px 10px;
	border: solid 1px #9CC;
	background-color: #00000C;
}

/* メニュー（プラグイン）
------------------------------------------------*/
div.PluginBlock {
	float: left;               /* 左寄せ　右寄せにするときはright */
	width: 230px;
	margin: 10px 0 20px;
}

/* IE6 */
* html div#EntryBlock, * html div.PluginInnerBlock { zoom: 1; }

/*フッター
------------------------------------------------*/
div#FooterBlock {
	margin-top: 25px;
	text-align: center;
}


/* clearfix（削除しないでください）
----------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix { min-height: 1px; }  /* IE7 */

* html .clearfix { height: 1px; }  /* IE6 */

/*************************************************
  ヘッダー
*************************************************/

/*ブログのタイトル
------------------------------------------------*/
#TopBlock #TopTitle {
	margin: 80px 0 0;
	padding: 0 10px;
}

/*ブログの説明
------------------------------------------------*/
p#TopExplanation {
	padding: 2px 10px;
	color: #AAA;
}


/*************************************************
  メニュー
*************************************************/

/* 上部メニューとリスト部分の基本指定
------------------------------------------------*/
#nav, #nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;
	text-align: left;
}

/* 上部メニュー
------------------------------------------------*/
/* 全体指定 */
#nav {
	margin: 0 10px 25px 11px;
	z-index: 10;
}

/* メニューの枠 */
#nav li{
	float: left;
	position: relative;
	margin-left: -1px;
}

/* 上部メニューの中身 */
#nav a{
	display: block;
	height: 18px;
	padding: 3px 5px;
	border-top: solid 1px #9CC;    /* 枠線の指定 */
	border-right: solid 1px #9CC;
	border-left: solid 1px #9CC;
	background-color: #12385D;     /* 背景色 */
	color: #DDD;                   /* 文字色 */
	text-decoration: none;
}

/* メニューとリストにマウスが乗ったときの色指定 */
#nav a:hover{
	background-color: #7AA3A6;     /* 背景色 */
	color: #003;                   /* 文字色 */
}

/* リスト部分
------------------------------------------------*/
/* 全体指定 */
#nav ul{
	width: 16em;
	position: absolute;
	display: none;
	top: 25px;
    left: 2px;
	border-top: solid 1px #9CC;    /* 上枠線の指定 */
}

/* 各リストの中身 */
#nav li ul a{
	width: 16em;
	padding: 4px 1em;
	height:auto;
	float:left;
	color: #EEE;                   /* 文字色 */
	border: none;
	border-bottom: solid 1px #174952;  /* 下枠線の指定 */
}

/* 最新記事リスト */
#nav li ul a.EntryList { padding: 1px 0.5em 2px; }

/* 記事の日付 */
#nav ul a span {
	color: #9CE;                   /* 文字色 */
	font-size: 84%;                /* 文字のサイズ10px */
}

/* リストにマウスが乗ったときの文字色 */
#nav ul a:hover span { color: #147; }

/* アーカイブ */
#nav ul .Ach { width: 8em; }

/* リストの画像 */
#nav ul li img {
	margin: 0;
	vertical-align: top;
}

/* IE6 */
* html #nav a { height: auto; }

* html #nav li { margin-left: -1px; }

* html #nav ul { top: 2.05em; }

* html div#EntryBlock { clear: none; }


/*************************************************
  カテゴリー、アーカイブ、キーワード検索ページ
*************************************************/

/* 各検索ブロックの全体指定
------------------------------------------------*/
div#seach {
	padding: 15px 20px;
	text-align: left;	
}

/* 各タイトル
------------------------------------------------*/
div.SearchTitle {
	padding: 4px 5px;
	font-weight: bold;
	text-align: center;
	color: #CFF;
}

/* 前後のページリンク
------------------------------------------------*/
ul.SearchNavi {
	margin: 5px 0;
	text-align: center;
	background-color: #12385D;
}

ul.SearchNavi li {
	display: inline;
	font-size: 84%;           /* 10px */
}

/* 各検索ブロックの記事リスト
-----------------------------------------------*/
ul.SearchContents {
	margin: 15px 0;
	padding: 10px;
	font-size: 109%;          /* 13px */	

}

ul.SearchContents li {
	list-style: inside disc;
}


/*************************************************
  記事上のプラグイン4（記事一覧ページのみ）
*************************************************/

/* プラグイン4のボックス
------------------------------------------------*/
div.Plugin4InnerBlock {
	margin: 20px 20px 10px;
	text-align: left;
}

/* プラグインタイトル */
.Plugin4InnerBlock .Plugin4Title {
	height: 15px;
	margin-bottom: 10px;
	padding-top: 8px;
	text-align: center;
    color: #CFF;
}

/* プラグイン表示部分 */
div.Plugin4Body {
	padding: 0 10px 10px;
	border-bottom: dotted 1px #12385D;
}

/* プラグイン本体 */
div.Plugin4Contents { margin: 10px 0; }


/*************************************************
  記事下のプラグイン5（記事詳細ページのみ）
*************************************************/

/* プラグイン5のボックス
------------------------------------------------*/
div.Plugin5InnerBlock {
	margin: 20px 20px 0;
	text-align: left;
}

/* プラグイン本体 */
div.Plugin5Contents { margin: 5px 0; }


/*************************************************
  エントリー（記事ブロック）
*************************************************/

/* 各記事の全体指定
------------------------------------------------*/
div.EntryInnerBlock {
	margin-top: 30px;
	padding: 10px 20px 0;
	text-align: left;
}

/* 記事タイトル 
------------------------------------------------*/
.EntryInnerBlock .EntryTitle {
	height: 16px;
	margin-bottom: 10px;
	padding: 8px 0 8px 50px;
	background: url(http://bfile.shinobi.jp/6420/butterfly-1.gif) left center no-repeat;  /* 蝶の画像 */
	color: #CFF;
}

/*記事文章の入るボックス
------------------------------------------------*/
div.EntryTextBox {
	padding: 7px 0 2px;
	line-height: 1.8;
	font-size: 109%;         /* 13px */
}

/*記事の文章 */
div.EntryText {
	padding-top: 10px;
}

/* 追記文上部罫線 */
hr.PsText { margin: 25px 0 15px; }

/*追記文へのリンク */
p.EntryPsTitle {
	margin: 10px 0 5px;
    text-align: right;
}

/* ランキングバナーや広告が入るところ */
div.TextFooter {
	margin-top: 15px;
    margin-bottom: 2px;
	text-align: left;
}

/* 記事フッター（記事下のリンク部分）*/
ul.EntryFooter {
	padding: 2px 10px;
	text-align: right;
	background-color: #12385D;
	position: relative;
}

ul.EntryFooter li {
	display: inline;
}

/* 日付部分 */
ul.EntryFooter li.EntryTime {
	float: left;
	width: auto;
	text-align: left;
}


/* 記事のアクセサリー
------------------------------------------------*/

/* 記事内の画像 */
.EntryText img, 
.EntryText a img {
	margin: 2px 4px;
}

/* ランキングバナー用画像 */
.TextFooter img,
.TextFooter a img {
	margin: 1px;
}
	
/* 記事内のリストと定義リスト */
.EntryTextBox ul,
.EntryTextBox ol {
	margin: 1em 0;
	padding-left: 2em;
}

.EntryTextBox ul li { list-style: disc outside;	}

.EntryTextBox ol li { list-style: decimal outside; }

.EntryTextBox dl { margin: 1em 0; }

.EntryTextBox dl dt { font-weight: bold; }

.EntryTextBox dl dd { margin: 0 1em 1em; }


/* 記事内の引用文 */
.EntryTextBox blockquote {
	margin: 1em 0.5em;
	padding: 10px;
	border: dotted 1px #0B2238;
	background-color: #091C2F;
}

/* 記事内の短い引用文*/
q        { quotes : '"' '"' "'" "'"  ; color: #9CE; }
q:before { content: open-quote; }
q:after  { content: close-quote; }

/* 拍手　*/
.NinjaClap img { vertical-align: middle; }

/* その他のアクセサリー
------------------------------------------------*/
.EntryTextBox p { margin: 1em 0; }

.EntryTextBox em { color: #69F; }

.EntryTextBox pre {
	margin: 1em 0 1em auto;
	padding: 1em;
	border: 3px solid  #DDD;
	font-family: sans-serif;
	width: 92%;
	overflow: auto;
	line-height: 1.2;
}

/* IE6 */
* html pre { overflow: scroll; }

/* IE7 */
*:first-child+html pre { overflow: scroll; }

code {
	font-family: "Lucida Console", Monaco, monospace;
	line-height : 1.2;
}


/*************************************************
 ページナビ
*************************************************/
ul.PageLinkBlock { text-align: center; }

ul.PageLinkBlock li { display: inline; }

ul.PageLinkBlock li a {
	margin: 0 2px;
	padding: 3px 4px;
	border: solid 1px #7AA3A6;
	background-color: #12385D;
	color: #DDD;
}


/*************************************************
 コメント
*************************************************/

/* コメントブロックの全体指定*
------------------------------------------------*/
div.CommentBlock {
	margin-top: 20px;
	padding: 10px;
	text-align: left;
}

/* コメント見出し
------------------------------------------------*/
.CommentBlock .CommentMenuTitle{
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #9CC;
	background-color: #12385D;
}

/* コメントボックス
------------------------------------------------*/
div.CommentTextBox{
	margin: 7px 0;
	border: solid 1px #9CF;
	background-color: #9CF;
	filter:alpha(opacity=75);
	opacity:0.75;
	color: #006;
}

/* コメント内部ボックス */
div.InnenBox {
	margin: 1px;
	padding: 5px;
	border: solid 2px #036;
}

/* コメントのタイトル */
.CommentTextBox .CommentTitle{
	margin: 5px;
	padding-left:5px;
	border-left: solid 20px #036; 
}

/* コメント文章部分 */
div.CommentText {
	padding: 10px;
	color: #000;
}

/* コメントフッター */
ul.CommentFooter {
	margin: 0;
	text-align: right;
	padding: 5px 5px 0;
}

ul.CommentFooter li { display: inline; }


/*************************************************
 コメントレス
*************************************************/

/* レスブロックの全体指定 
------------------------------------------------*/
div.CommentResBlock {
	margin: 5px 0 10px;
	background-color: #00000C;
	filter:alpha(opacity=75);
	opacity:0.75;
	border: solid 1px #9CF;
}


/* レスボックス 
------------------------------------------------*/
div.CommentResBox {
	margin: 4px;
	padding: 5px;
}

/* レスタイトル */
.CommentResBlock .CommentResTitle {
	margin: 5px;
	padding-left: 5px;
	border-left: 20px solid #9CF;
}

/* レス文章部分 */
div.CommentResText { padding: 10px; }

/* レスフッター */
ul.CommentResFooter {
	text-align: right;
	padding: 2px 10px;
}

ul.CommentResFooter li { display: inline; }


/*************************************************
 トラックバックエリア
*************************************************/

/* トラックバックブロックの全体指定 
------------------------------------------------*/
div.TrackbackBlock{
	margin: 20px 0;
	padding: 10px;
	text-align: left;
}

/* トラックバック見出し 
------------------------------------------------*/
.TrackbackBlock .TrackbackMenuTitle{
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #9CC;
	background-color: #12385D;
}

/* URL見出し */
p.TrackbackURLTitle{
	margin-bottom: 20px;
	text-align: center;
}

/* URL表示部分 */
input#TrackbackURL{ width: 300px; }

/* トラックバックボックス 
------------------------------------------------*/
div.TrackbackTextBox{
	margin: 5px 0 10px;
	padding: 5px;
	background-color: #00000C;
	filter:alpha(opacity=75);
	opacity:0.75;
	border: solid 1px #9CF;
}

/* トラックバックタイトル */
.TrackbackTextBox .TrackbackTitle{
	margin: 5px;
	padding-left: 5px;
	border-left: 20px solid #9CF;
}

/* トラックバック記事 */
div.TrackbackText{
	padding: 10px;
	line-height: 1.4;
}

/* トラックバックフッター */
ul.TrackbackFooter{
	text-align: right;
	padding: 2px 10px;
}

ul.TrackbackFooter li {
	display: inline;
}


/*************************************************
  コメント編集ページ
*************************************************/

/* 編集ブロックの全体指定 
------------------------------------------------*/
div.CommentEditBlock {
	margin-top: 20px;
	padding: 10px;
	text-align: center;
}


/* 編集タイトル */
.CommentEditBlock .CommentEditTitle {
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	border: solid 1px  #9CC;
	background-color: #12385D;
}


/*************************************************
 フォーム
*************************************************/

/* フォームブロック
------------------------------------------------*/
div.CommentFormBlock{
	margin-bottom:30px;
        padding-left: 70px;
	text-align: left;
}

/* フォーム
------------------------------------------------*/
dl.Form dt {
	padding-top:2px;
	font-weight: bold;
}

dt span { font-weight: normal; }

dd input.CommentForms { width:250px;}

/* コメントを書く部分 */					  
dd textarea {
	width: 400px;
	padding: 2px;
}

/* 絵文字のアイコン */
dd img {
	margin: 0;
	padding: 0;
}

/* 秘密コメントボタン */
input.check {
	border: none;
	background: none;
	margin-right: 0.5em;
	vertical-align: bottom;
}

/* 送信ボタン */
input.btn {
	border: solid 1px #7AA3A6;
	background-color: #0E2A49;
	color: #DDD;
}

input.btn:hover {
	background-color: #7AA3A6;
	color: #003;
}

/* コメントページに戻るボタン */
input.BackButton {
	border: solid 1px #7AA3A6;
	background-color: #0E2A59;
	color: #DDD;
}

input.BackButton:hover {
	background-color: #7AA3A6;
	color: #003;
}



/*************************************************
  プラグイン
*************************************************/

/* アドミンブロック 
------------------------------------------------*/
div.AdminBlock {
	margin: 0 10px;
	padding: 10px 0 0;
	text-align: center;
}

/* プラグインブロック
------------------------------------------------*/
div.PluginInnerBlock {
	margin: 0 10px 15px;
	padding: 0 10px;
	border: solid 1px #9CC;
	background-color: #00000C;
	text-align: left;
}

/* プラグインタイトル */
.PluginInnerBlock .PluginTitle {
	margin-bottom: -1px;
	padding: 10px 5px;
	text-align: center;
	color: #FFF;
	border-bottom: dotted 1px #9CC;
}

/* プラグインの説明 */
div.PluginExplanation {
	margin: 10px 5px;
	line-height: 1.4;
}

/* プラグイン表示部分 */
div.PluginContents { padding: 2px 5px; }

/* プラグイン 
-------------------------------------------------/
/* ブログ内検索 */
div.blogsearch {
	padding: 5px;
	vertical-align: middle;
}

.blogsearch input.box {
	width: 150px;
	margin-bottom: 5px;
}

/* バーコード */
div.qrcode_image {
	padding: 5px;
	text-align: center;
}

/*  各プラグイン共通部分
------------------------------------------------*/
/*プラグイン本体*/
div.plugin_data {
	text-align: left;
	padding: 3px 5px;
}

 /* レスのアイコン */
div.plugin_data .plugin_cm_with_res img {
	margin: 0 3px;
	vertical-align: top;
}

/* プラグインの日付、他 */
div.plugin_data_date {
	text-align: right;
}

/* テキスト左、中央、右寄せ */
.left { text-align: left; }

.center { text-align: center; }

.right { text-align: right; }

/*************************************************
  カレンダー
*************************************************/
/* 日付移動用テーブル（前月、次月へのリンクなど）
------------------------------------------------*/
.CalendarMoveTable {
        padding: 3px;
        width: 98%;
}

/* 日付移動用テーブル、trタグ部分 */
.CalendarMoveTr {
}

/* 日付移動用テーブル内、左側td部分 */
.CalendarPrevTd {
}

/* 日付移動用テーブル内、中央td部分 */
.CalendarNowTd {
}

/* 日付移動用テーブル内、右側td部分 */
.CalendarNextTd {
}

/* カレンダー表示用テーブル
------------------------------------------------*/
.CalendarTable {
        width: 98%;
        padding: 3px;
	border-collapse: separate;
	border-spacing: 3px;
}


/* カレンダーテーブル  曜日表示部分デザイン
------------------------------------------------*/
/* 曜日表示部分（trタグ部分）のデザイン */
.CalendarWdayTr { background-color: #12385D; }

/* 曜日表示部分、日曜日のthタグ部分デザイン */
.CalendarWdaySun { color: #FCC; }

/* 曜日表示部分、平日のthタグ部分デザイン */
.CalendarWday { }

/* 曜日表示部分、土曜日のthタグ部分デザイン */
.CalendarWdaySat { color: #CFF; }


/* カレンダーテーブル  日付表示部分デザイン
------------------------------------------------*/
/*日付表示部分（trタグ部分）のデザイン*/
.CalendarTr { }

/*日付表示部分、日曜日のtdタグ部分デザイン*/
.CalendarTdSun { color: #FCC; }

/*日付表示部分、土曜日のtdタグ部分デザイン*/
.CalendarTdSat { color: #CFF; }

/*日付表示部分、平日曜日のtdタグ部分デザイン*/
.CalendarTd { }

/*記事が存在する場所の設定*/
.CalendarTdLink { }

/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
	color: #5AE6F3;
	font-weight: bold;
}