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

a{ outline:none; }

.error{
	color: #860000;
	font-family: "メイリオ", Meiryo;
 	font-size: 13px;
	font-weight: bold; 
}


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

/* ブログ全体の基本指定 */
body {
	background:url(http://totsu-kuni.net/img/bg_blog.gif) left top no-repeat fixed #FFF;    /* 背景色の指定 */
	color: #333;                   /* 文字の基本色 */
	font-size: 12px;                /* 12px 基本フォントサイズ */
	line-height: 12px;              /* 行間 */
	font-family: Georgia, Times New Roman, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  /* フォント */
	text-align: center;
	overflow: scroll-y;
}


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

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

/* IE7 */
*:first-child+html #TopTitle {
	font-family: Arial, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold; 
}
                             
/* 記事のタイトル (h2)
------------------------------------------------*/
h2 {
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho";
	font-size: 134%;           /* 16px */ 
}


/*************************************************
  リンク
*************************************************/

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

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

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

/* マウスが乗ったときのリンク */
a:hover { color: #999; }

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


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

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

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

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

/* 記事内リンクと追記リンク 
------------------------------------------------*/
.EntryTextBox a:link, 
.EntryTextBox a:visited { text-decoration: none; border-bottom: 1px dotted; }

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

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

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

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

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

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

div.AdminBlock a:hover { color: #860000; }

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

div.PluginInnerBlock a:hover { color: #860000; }

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

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


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

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

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

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
div#Contents { margin: 12px 0 30px; }       /*  IE10 */
}

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

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

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

/*フッター
------------------------------------------------*/
div#FooterBlock {
	clear: both;
	margin-top: 25px;
	padding: 5px;
	text-align: center;
	line-height:14px;
}

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

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


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

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

h1#TopTitle:first-letter { color: #860000; }

/*ブログの説明 */
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: 10px 10px 20px 11px;
	z-index: 10;
}

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

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

#nav a:hover { color: #860000; }

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

/* 全体指定 */
#nav ul {
	width: 16em;
	position: absolute;
	display: none;
	top: 25px;
	left: 2px;
	font-family: Times New Roman, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 各リストの中身 */
#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: #860000;         /* 背景色 */
	color: #fff;                    /* 文字色 */
}

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

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

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


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

/* 各検索ブロックの全体指定
------------------------------------------------*/
div#seach {
	padding: 15px 20px 0;
	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 */
	font-family: Times New Roman, Arial, Helvetica, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #FFF;
	line-height: 16px;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
ul.SearchContents { padding: 10px 10px 8px; }       /*  IE10 */
}

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

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

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

/* 記事タイトル
------------------------------------------------*/

h2.EntryTitle {
	padding: 3px 7px 3px 7px;
	border-left: double 6px #ead180;
	color: #555; 
	line-height: 1;
	vertical-align:middle;
}

h2.EntryTitle:first-letter {
	color: #860000;
	-webkit-text-size-adjust: 134%;
 }

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

/* 記事文章 */
div.EntryText {
	padding-top: 15px;
	line-height: 20px;
	font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 追記文上部罫線 */
hr.PsText {
    margin: 20px 0 -8px;
	height: 1px;
	text-align: center;
	background-color: #ccc;
	color: #fff;
	border: none;
}

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

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

/* 記事フッター（記事下のリンク部分）*/
ul.EntryFooter {
        margin-bottom: 5px;
	padding: 5px 10px;
	text-align: right;
	background-color: ;
	position: relative;
	line-height: 12px;
        border: solid 1px #ccc;
}

ul.EntryFooter li { display: inline; }

/* 投稿時間部分 */
ul.EntryFooter li.EntryTime {
	float: left;
	width: auto;
	text-align: left;
	-webkit-text-size-adjust: 150%;
}


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

/* 記事内の画像 */
.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-left: solid 3px #CDB38B;
	background-color: #FFF8DF;
}

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

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

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

.EntryTextBox em {
	background-color: #F4D0D2;
	color: #600;
}

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

/* 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.AdminBlock {
	margin: 0 10px;
 	padding: 15px 0 0;
	text-align: center;
}

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

/* プラグインタイトル */
h4.PluginTitle {
	padding: 0;
	background:;
	text-align: center;
	color: #DDD;
}

/* プラグインの説明（上下の余白）*/
div.PluginExplanation {
	margin: 0;
	line-height: 1.4;
}

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

/* 画像上下空きの基本指定（※これのみ使用） */
div.PluginContents  img { padding: 1px 0; }


/* 各プラグイン共通部分
------------------------------------------------*/
/* プラグイン本体 */
div.plugin_data {
	text-align: left;
	padding-left: 15px;
	background: url(http://bfile.shinobi.jp/6451/icon_9-8.gif) 0 0 no-repeat;
}

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

/*************************************************
  フッダー
*************************************************/

#FooterBlock {
    margin: 0;
}

/*************************************************
  追加
*************************************************/

#up { position: fixed; z-index: 2; bottom: 15px; right: 15px; cursor: pointer; }

hr {
    border: none;
    border-top: solid 1px #ccc;
    height: 1px;
    color: #fff;
}

.border {
    border: none;
    border-top: dotted 2px #ccc;
    height: 1px;
    color: #fff;
    padding: 0 0 5px;
}