/**************************************************************
 reset
**************************************************************/
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,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,
b,u,i,center,dl,dt,dd,ol,ul,li,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: inherit;
}
fieldset, img {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    overflow:hidden;
}
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,
q:before,q:after {
    content: '';
    content: none;
}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/**************************************************************
 common
**************************************************************/
body {
    font:11pt/1.6 'メイリオ','Arial',sans-serif;
    color:#333333;
    background:#f3f3f2;
}
input, textarea{
    padding:2px;
    border:1px solid #cccccc;
    background:#ffffff;
    color:#333333;
}
a{text-decoration: none;}
a:link,a:visited{
    outline:0;
    color:#5383c3;
}
a:hover,a:active {
    outline:0;
    color:#bbb !important;
}

strong,b {
    font-weight:bold;
}

#base {
    margin:0 0 0 275px;
}
.clear {
    height:0;
    line-height:0;
    clear:both;
}
.left {
    text-align:left;
}
.center {
    text-align:center;
}
.right {
    text-align:right;
}


/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#header{
margin-top: 25px;
	padding: 10px 1em;
	border-bottom: 1px dotted;
	text-align: right;
	background-color: #eae5e3;}
#header h1{font: bold 170%/1.2 Arial;}
#header a{color:#333333;}
#header p{padding:5px 0 0 0;}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#footer {
margin: 1em 0;
padding:0 1eem 3em;
text-align: center;
font: 100%/1.2 Arial,sans-serif;
border-top: 1px dotted #333;
}
#footer h6{
font-size: 100%;
padding: 5px 10px;
background-color: #eae5e3;}
#footer ul {margin: 0.5em 0;}
#footer li {
display:inline;
padding:0 5px;
color: #666666;
}


/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.aside{
position: fixed !important;position: absolute;top: 0;left: 0;
height: 100%;
overflow: auto;
width:270px;
background-color: #eae5e3;border-right: 5px solid #d3cbc6;
font: 95%/1.4 "メイリオ",Arial,sans-serifl;
}
/*ナビゲーション*/
#nav{padding: 5px;margin-bottom: 1.2em;}
#nav ul{margin: 5px;text-align: right;}
#nav li{display: inline;}
#nav li a{display: block;border: 1px solid;border-right: 5px solid;margin: 5px;padding: 5px 7px;background-color: #f3f3f2;}
/*プラグイン表示箇所の背景や余白設定*/
.aside-InnerBlock{
margin: 15px 0 15px 15px;
}
/*プラグインのタイトル（名称）部分の設定*/
.aside-InnerBlock h4 {
font: bold 110%/1.2 Arial,sans-serif;
text-indent: 1em;
color: #888;
text-shadow: 1px 1px 1px #fff;
}
/*プラグインの説明部分の設定*/
.aside-InnerBlock p{display: hidden;}
/*プラグインが表示される場所の設定*/
.aside-Contents {
margin-top: -8px;
padding:15px 5px 13px 15px;
border: solid #bbb;
border-width: 1px 0 1px 1px;
border-radius: 10px 0 0 10px;
max-height: 100px;overflow: auto;
}


/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#section{padding: 20px;}
#section h2{
font: bold 160%/1.2 "メイリオ",Arial,sans-serif;text-shadow: 2px 2px 1px #ccc;
}
#section h2 a:link, #section h2 a:visited {
color:#333333;
}
/*記事表示部分の背景や余白等の設定*/
.article{
padding: 10px;margin: 10px;
}
/*記事上部更新情報*/
.article h4{color: #666;}
.article-plugin{margin: 0 0 2em 1.5em;}
.article-plugin li{list-style-type: square;border-bottom: 1px dotted #ccc;}
/*各記事タイトル部分の設定*/
.article h3{margin: 0;padding: 0 0 0 1em;font: bold 120%/1 "メイリオ",Arial,sans-serif;
}
/*記事本文が記載される部分*/
.text{
padding: 0.5em 1.5em 1.5em 1.5em;
border: 1px solid #bbb;
margin-top: -0.5em;
border-radius: 10px;
}
.text blockquote{
	border: 1px solid #ccc;
	background-color: #eee;color: #333;
	padding: 5px;}
.text hr{color: #ccc;border-color: #ddd;border-style: dashed;}
/*ページの設定*/
.pages h1,
.pages h2,
.pages h3,
.pages h4,
.pages h5,
.pages h6
{
margin: 10px -5px;
color: #888;
}
.pages h3, .pages h4{margin: 25px -5px;}
.pages h2 {font-size: 150% !important;border-bottom: 1px dotted;}
.pages h3 {font-size: 130%;border: 1px solid;padding: 5px 7px;}
.pages h4 {font-size: 115%;border-left: 5px solid;border-bottom: 1px solid;padding: 3px 7px;}
.pages img {
  max-width: 100%;
  margin: 0;
}
.pages ul {
    margin:0.5em 0 0.5em 1.5em;
    list-style:square outside;
}
.pages ol {
    margin:0.5em 0 0.5em 2em;;
    list-style:decimal outside;
}
.pages td,
.pages th {
    padding:3px 0.5em;
    border:1px solid #999999;
}
.pages blockquote,
.pages quote {
    margin:1em 0 1em 2em;padding: 0 5px;color: #777;
border-left: 5px solid #ccc;
}
/*「つづきを読む」が記載される部分*/
.ps-text {
margin: 2em 0;
padding:1em 0 2.5em;
font: 12pt/1.8 "メイリオ","ＭＳ Pゴシック",sans-serif;
border-top: 1px dotted #777;
border-bottom: 1px dotted #777;
color: #666;
}
a.ps-link:before{content: "→ ";}
.article-footer{margin: 0 0 5px 0;text-align: right;font-size: 85%;}
.article-footer li{display: inline;margin: 0 3px;}
/*拍手ボタンの設定*/
.NinjaClap {
    padding:1em 0 0;
}
.NinjaClap a img {
    margin:0 0.5em;
    vertical-align:middle;
}

/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLink{
    margin:0 auto;
    display:block;
    padding:1em 0;
}
.PageLink{
text-align:center;
border-top: 1px dotted #bbb;
}
.PageLink li{
    padding:0 0.3em;
    display:inline;
}
.PageLink a.prev:before{content: "← ";}
.PageLink a.next:after{content: " →";}

.PageLink10{
text-align: center;
padding:1em 0;
text-indent:center;
}
.PageLink10 li{display: inline;font-size: 12px;margin: 0 3px;}
.PageLink10 .pagelink_10 a{display: inline-block;background-color: #eae5e3;
border: 1px solid;padding: 2px 7px;}



/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
    padding:1em 0 0;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
    padding:1em 0;
    font-size:120%;
    font-weight:bold;
    line-height:1.4;
}

/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
    padding:1em 0 0;
}
/*コメントフォーム項目名設定*/
.CommentFormBlock table {
    margin:0 auto;
}
.CommentFormBlock table td{
    padding: 8px;
}
.CommentFormTh{
    padding:0.7em 0.5em 0.5em 0;
    white-space:nowrap;
    text-align:right;
    vertical-align:middle;
    font-size:80%;
}
/*コメントフォーム入力欄設定*/
.CommentFormTd{
    padding:0 0 0.5em 0;
}
/*inputタグやtextareaの設定*/
.CommentForms{
  width: 320px;
  margin: 0 5px 0 0;
}
textarea.CommentForms{
    resize:none;
}
.CommentFormBlock select{
    border:1px solid #cccccc;
}
.CommentForms_pass{
    width:150px;
    vertical-align:middle;
}
.CommentFormTd.emoji img {
    padding-left:0.5em;
    vertical-align:middle;
}
/*コメントフォーム送信ボタンの設定*/
.CommentFormSubmit{
    clear:both;
    padding:1em 0;
    text-align:center;
}
.CommentFormSubmit input {
    padding:0.5em 1em;
    background:#efefef;
    cursor:pointer;
}
.CommentFormSubmit input:hover {
    background:#f9f9f9;
    color:#eeeeee;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
    padding:1em 0 0;
}
/*コメントのタイトル部分*/
.CommentTitle{
    padding:0.5em 0 0.2em;
    font-size:110%;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #eeeeee;
}
/*コメント部分*/
.CommentText {
    padding:1em 0;
    line-height:1.4;
}
.CommentText * {
    line-height:1.4;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
    padding:0.3em 0 1em;
    text-align:right;
    border-top:1px solid #eeeeee;
}
.CommentFooter li{
    padding:0 0 0 1em;
    display:inline-block;
    float:right;
    font-size:90%;
}
.CommentFooter li a:link, .EntryFooter li a:visited {
    display:inline-block;
    padding:0 0 0 13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
}
.CommentFooter li a:hover {
    text-decoration:underline;
}
/*投稿者名の部分*/
.CommentUserName{}
/*投稿者のホームページへのリンク部分*/
.CommentURL{}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
    margin-left:1em;
    padding:0 0 0 13px;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
    color:#666666;
}
/*コメント編集へのリンク部分*/
.CommentEdit{}

/*-------------------------------------------------------
  コメント -> コメント編集部分デザイン
-------------------------------------------------------*/
.CommentBlock.edit {
    margin:2em auto;
    padding:2em;
    border:1px solid #cccccc;
    width:630px;
}


/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
/* 管理者返信部分全体の設定 */
.CommentResBlock {
    padding-left:4em;
}
/* 管理者返信部分内側の設定 */
.CommentResBox {
    padding:1em 0 0;
}
/* 管理者返信のタイトル */
.CommentResTitle {
    padding:0.5em 0 0.2em;
    font-size:110%;
    font-weight:bold;
    line-height:1.4;
    border-bottom:1px solid #eeeeee;
}
/* 管理者返信の本文 */
.CommentResText {
    padding:1em 0;
    line-height:1.4;
}
/* 管理者返信のフッター */
.CommentResFooter {
    padding:0.3em 0 1em;
    text-align:right;
    border-top:1px solid #eeeeee;
}
.CommentResFooter ul {}
.CommentResFooter li {
    margin-left:1em;
    padding:0 0 0 13px;
    display:inline-block;
    float:right;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat 0 50%;
    text-decoration:none;
    color:#666666;
    font-size:90%;

}



/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.plugin_data {}
.plugin_data * {}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
    text-align:right;
}



/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
    margin:0 auto;
    width:80%;
    border-top:1px solid #999;
    border-right:1px solid #999;
    border-left:1px solid #999;
}
.CalendarMoveTable td {
    height:23px;
    text-align:center;
    vertical-align:middle;
}
.CalendarMoveTable td a:link,
.CalendarMoveTable td a:visited,
.CalendarMoveTable td a:hover {
    text-decoration:none;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd a {
    padding-left:1em;
    background:url(http://bfile.shinobi.jp/img/ico-arrow2.gif) no-repeat 0 50%;
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd a {
    padding-right:1em;
    background:url(http://bfile.shinobi.jp/img/ico-arrow1.gif) no-repeat right 50%;
}
/*カレンダー表示用テーブル*/
.CalendarTable {
    margin:0 auto;
    width:80%;
}
.CalendarTable th, .CalendarTable td {
    height:23px;
    border:1px solid #999;
    text-align:center;
    vertical-align:middle;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
    text-align:center;
    color:#dd3333;
    background:#ffeeee;
    font-weight:bold;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
    text-align:center;
    color:#3333dd;
    background:#eeeeff;
    font-weight:bold;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
    text-align:center;
    font-weight:bold;
    color#666666;
    background:#efefef;
}



/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
    text-align:center;
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
    text-align:center;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
    text-align:center;
    color#666666;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {}
.CalendarTdLink a {
    padding:4px 0;
    display:block;
    height:15px;
    text-align:center;
}
.CalendarTdLink a:hover {
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
    font-weight:bold;
}



/**************************************************************************************
  ブログ内検索用デザイン
**************************************************************************************/
.blogsearch .box {
    width:200px;
    padding:3px;
}
.blogsearch .btn {
    background:#efefef;
    cursor:pointer;
}
.blogsearch .btn:hover {
    background:#f9f9f9;
    color:#999999;
}


/**************************************************************************************
  バーコード用デザイン
**************************************************************************************/
.qrcode_image {
    text-align:center;
}