@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-color: #FFF;        /* 背景色の指定 */
	color: #333;                   /* 文字の基本色 */
	font-size: 75%;                /* 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; }  /* 中央寄せ */

th, td { text-align: center; }

/* フォームの基本指定 
------------------------------------------------*/
textarea, input {
	padding: 2px;
	border: solid 1px #888;
	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)
------------------------------------------------*/
#TopBlock #TopTitle {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 184%;           /* 22px */
}

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

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


/* コメント、トラックバック、コメント編集 (h3)
------------------------------------------------*/
.CommentBlock .CommentMenuTitle,
.TrackbackBlock .TrackbackMenuTitle,
.CommentEditBlock .CommentEditTitle {
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 134%;            /* 16px */
	font-style:italic;
	font-weight: bold;
}


/* コメント、コメントレス、トラックバック、プラグイン
   のタイトル （h4）
-------------------------------------------------*/
.Plugin4InnerBlock .Plugin4Title,
.CommentTextBox .CommentTitle,
.CommentResBlock .CommentResTitle,
.TrackbackTextBox .TrackbackTitle,
.PluginInnerBlock .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:#338fdb; }

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

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

/* マウスをクリックしたときのリンク */
a:active { color: #CCC; }


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

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

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

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

/* 記事内リンクと追記リンク 
------------------------------------------------*/
.EntryTextBox a:link, 
.EntryTextBox a:visited { text-decoration: underline; }

.EntryTextBox a:hover { text-decoration: none; }

/* 記事フッター 
------------------------------------------------*/
.EntryFooter a:link,
.EntryFooter a:visited { color: #DDD; }

.EntryFooter a:hover { color: #DDD; }

/* ページナビ
------------------------------------------------*/
ul.PageLinkBlock li a:link,
ul.PageLinkBlock li a:visited {
	background-color: #000;
	text-decoration: none;
	color: #DDD;
}

ul.PageLinkBlock li a:hover,
ul.PageLinkBlock li a:active {
	background-color: #FFF;
	text-decoration: none;
	color: #555;
}

/* アドミンリンク
------------------------------------------------*/
div.AdminBlock a:link,
div.AdminBlock a:visited { color: #999; }

div.AdminBlock a:hover { color: #36648B; }

/* プラグインリンク 
------------------------------------------------*/
div.PluginInnerBlock a:link,
div.PluginInnerBlock a:visited {  }

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

.PluginTitle a:hover { text-decoration: none; }


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

/*メインブロック
------------------------------------------------*/
div#mainBlock {
	width: 800px;
	margin: 0 auto;
	text-align:center;
}

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

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

/*エントリーブロック（記事と記事の上の各検索部分）
------------------------------------------------*/
div#EntryBlock {
	clear: left;
	margin: 0 10px 10px;
	border: solid 1px #CCC;
	background-image: url(http://bfile.shinobi.jp/6452/white_87.png);
}

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

/*フッター
------------------------------------------------*/
div#FooterBlock {
	clear: both;
	margin-top: 25px;
	padding: 5px;
	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: 30px 0 0;
	padding: 0 10px;
}

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


/*************************************************
  メニュー
*************************************************/
/* 上部メニューとリスト部分の基本指定
------------------------------------------------*/
#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 #CCC;     /* 枠線の指定 */
	border-right: solid 1px #CCC;
	border-left: solid 1px #CCC;
	text-decoration: none;
	background-color: #000;         /* 背景色 */
	color: #DDD;                    /* 文字色 */
}

/* リスト部分
------------------------------------------------*/

/* 全体指定 */
#nav ul {
	width: 16em;
	position: absolute;
	display: none;
	top: 26px;
	left: 2px;
}

/* 各リストの中身 */
#nav li ul a {
	width: 16em;
	padding: 4px 1em;
	margin-top: -1px;
	margin-left: -1px;
	height:auto;
	float:left;
	border: solid 1px #CCC;         /* 枠線の指定 */
	background-color: #F5F5F5;      /* 背景色 */
	color: #000;                    /* 文字色 */
}

/* リストにマウスが乗ったときの色指定 */
#nav li ul a:hover {
	background-color: #000;         /* 背景色 */
	color: #DDD;                    /* 文字色 */
}

/* 記事の日付部分 */ 
#nav ul a span { font-size: 84%; }     /* 文字の大きさ10px */ 

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

/* リストの画像 */
#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;
	left: 1px;
    border-top: solid 1px #CCC;
}

* html #nav li ul a { margin-left: 0; }

* html div#EntryBlock { clear: none; }


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

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

/* 各タイトル
------------------------------------------------*/
div.SearchTitle {
	padding: 4px 5px 0;
	text-align: center;
	border-bottom: solid 3px #EEE;
}

/* 前後のページリンク
------------------------------------------------*/
ul.SearchNavi {
	margin: 8px 0;
	text-align: center;
}

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

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

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


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

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

/* プラグインタイトル */
.Plugin4InnerBlock .Plugin4Title {
	margin-bottom: 10px;
	padding-top: 8px;
	border-bottom: solid 3px #EEE;
	text-align: center;
}

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

/* プラグイン本体 */
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 {
	padding: 3px 8px;
	border-left: solid 6px #444;
	color: #555;
}

/* 記事文章の入るボックス
------------------------------------------------*/
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;
	height: 1px;
	text-align: center;
	background-color: #ACACAC;
	color: #ABABAB;
	border: none;
}

/* 追記文へのリンク */
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: #000;
	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 #CCC;
	background-color: #F5F5F5;
}

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

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

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

.EntryTextBox em {
	color: #4169E1;
}


.EntryTextBox pre {
	margin: 1em 0 1em auto;
	padding: 1em;
	border: 3px solid #DDD;
	font-family: sans-serif;
	background-color: #FBFBFB;
	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;
	background-color: #FFF;
	border: solid 1px #CCC;
}


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

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

/*コメント見出し
------------------------------------------------*/
.CommentMenuTitle {
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	color: #DDD;
	background-color: #000;
}

/*コメントボックス
------------------------------------------------*/
div.CommentTextBox {
	margin: 7px 0;
	padding: 10px;
	border: solid 1px #555;
	background-image: url(http://bfile.shinobi.jp/6452/white_87.png) ;
}

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

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

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

ul.CommentFooter li { display: inline; }


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

/* レスブロックの全体指定
------------------------------------------------*/
div.CommentResBlock {
	margin: 5px 0 10px;
        padding: 9px;
	border: solid 1px #999;
	background-image: url(http://bfile.shinobi.jp/6452/white_87.png) ;
}

/* レスタイトル */
.CommentResTitle {
	margin: 5px;
	padding-left: 5px;
	border-left: 5px solid #999;
        color: #555;
}

/* レス文章部分 */
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;
}

/* トラックバック見出し
----------------------------------------------- */
.TrackbackMenuTitle {
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	color: #DDD;
	background-color: #000;
}

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

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

/* トラックバックボックス
------------------------------------------------*/
div.TrackbackTextBox {
	margin: 5px 0 10px;
	padding: 5px;
	background-image: url(http://bfile.shinobi.jp/6452/white_87.png) ;
	border: solid 1px #BBB;
}

/* トラックバックタイトル */
.TrackbackTitle {
	margin: 5px;
	padding-left: 5px;
	border-left: 5px solid #777;
        color: #333;
}

/* トラックバック記事部分 */
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;
}

/* 編集タイトル 
------------------------------------------------*/
.CommentEditTitle {
	margin-bottom: 20px;
	padding: 2px;
	text-align: center;
	color: #DDD;
	background-color: #000;
}


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

/*フォームブロック
------------------------------------------------*/
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;
}

/* 編集ページのメールアドレスを隠す */
.hide { display: none; }

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

/* 送信ボタン */
input.btn {
	background-color: #000;
	color: #DDD;
}

input.btn:hover {
	background-color: #EEE;
	color: #444;
}

/* コメントページに戻るボタン */
input.BackButton {
	background-color: #000;
	color: #DDD;
}

input.BackButton:hover {
	background-color: #EEE;
	color: #444;
}


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

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

/* プラグインブロック
------------------------------------------------*/
div.PluginInnerBlock {
	margin: 0 10px 10px;
	padding: 0 10px;
	border: solid 1px #CCC;
	text-align: left;
	background-image: url(http://bfile.shinobi.jp/6452/white_87.png);
}

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

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

/* プラグイン表示部分 */
div.PluginContents {
	padding: 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;
}

 /* レスのアイコン */
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: #000; }

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

/* 曜日表示部分、平日のthタグ部分 */
.CalendarWday { color: #DDD; }

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


/* カレンダーテーブル  日付表示部分デザイン
------------------------------------------------*/

/* 日付表示部分（trタグ部分）*/
.CalendarTr {  }

/* 日付表示部分、日曜日のtdタグ部分 */
.CalendarTdSun { color: #CA5F82; }

/* 日付表示部分、土曜日のtdタグ部分 */
.CalendarTdSat { color: #ACB3DF; }

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

/* 記事が存在する場所の設定 */
.CalendarTdLink { background-color: #EEE; }

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



/*************************************************
  IE6用フィルター
*************************************************/
* html div#EntryBlock,
* html div.CommentBlock,
* html div.TrackbackBlock,
* html div.PluginInnerBlock,
* html div.CommentEditBlock {
	background-image: none;
	background-color: #FFF;
	filter: alpha(opacity=87);
	zoom: 1;
}

/* 子要素にフィルターを効かせない対策 */
* html div.EntryInnerBlock,
* hrml div.CommentText,
* html div.CommentResText,
* html div.TrackbackText,
* html div.PluginContents { position: relative; }