/*****全ブロックの共通設定*****/

/*BODY全体に関する設定*/
body {
  text-align:center;
  font-size:12px;
  margin:auto;
  color:#333;
  padding: 0px;
  font-family:"MS UI Gothic","Osaka","sans-serif";
  padding:10px 0px;
  background-color:#333;
  background-image:url('http://file.bto-siori.com/bgi.jpg');
  background-repeat:repeat-y;
  background-position:center;
}

/*<td>の全ての設定*/
td {
  text-align:center;
  font-size:12px;
}

/*table全ての設定*/
table{
  border-collapse: collapse;
}

/*リンクの設定*/
a:link   { color:#333; text-decoration:none; }
a:visited{ color:#333; text-decoration:none; }
a:hover  { color:#00c; text-decoration:underline; }
a:active { color:#333; text-decoration:none; }

.emoji { vertical-align:middle;}

/*レイアウト全体の設定*/
#LayoutBlock {
 width:780px;
 text-align: center;
 margin:auto;
 padding:0px;
 text-align:center;
}
#LayoutBlock1 {
 width:100%;
 margin:auto;
 padding:0px;
}

/*テキスト*/
.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}


/******トップブロック用デザイン******/

/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
  width:100%;
  height:75px;
  text-align:left;
  margin: 5px 0 0 0;
  color:#fff;
  background-image:url('http://file.bto-siori.com/head.gif');
  background-repeat:no-repeat;
  background-position:top center;
}

/*ページタイトル文字部分の設定*/
#TopTitle {
  margin:0;
  padding: 8px 0px 0px 24px;
  font-family:"ＭＳ Ｐ明朝","ヒラギノ明朝 Pro W3","細明朝体",serif;
  font-size:19px;
  font-weight:bold;
}
/*ページタイトル横のページタイトル記載部分*/
#TopPageTitle {
  color:#fc9;
  font:normal 14px arial,helvetica,sans-serif;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
  padding: 8px 30px 0px 25px;
  color:#fff;
}
#TopTitle a:link   { text-decoration:none; color:#f93;}
#TopTitle a:visited{ text-decoration:none; color:#f93;}
#TopTitle a:hover  { text-decoration:underline; color:#fa4;}
#TopTitle a:active { text-decoration:none; color:#f93;}


/******フッターブロック用デザイン******/

/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
  width :100%;
  height:50px;
  clear:both;
  text-align: center;
  padding:10px 0px 0px 5px;
  border-top:1px solid #999;
}

/******左メニューデザイン******/
#LeftBlock{
 float: left;
 width: 162px;
 margin: 0px ;
}

/******右メニューデザイン******/
#RightBlock{
 float: right;
 width: 126px;
 margin: 0px;
}

/******プラグインブロック用デザイン******/

/*プラグイン表示箇所全体の設定*/
.Plugin { text-align: left;}
.Plugin a:link   { color:navy; text-decoration:none;}
.Plugin a:visited{ color:navy; text-decoration:none;}
.Plugin a:hover  { color:#00f; text-decoration:underline;}
.Plugin a:active { color:navy; text-decoration:none;}

/*プラグイン表示箇所の背景や余白設定*/
.PluginInner {
  margin: 0px 0px 1em 0px;
  padding: 0px;
  border:1px solid #999;
/*
  background-image:url('http://bfile.shinobi.jp/2633/pb_pg_c.gif');
  background-repeat: repeat-y;
  background-position: center;
*/
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
  padding:0.5ex 0px;
  text-align: center;
  font-weight:bold;
  font-size:12x;
  color:#fff;
  background-color:#999;
  background-image:url('http://file.bto-siori.com/bgsidetop.jpg');
  background-repeat:repeat-x;
  background-position:left top;
}
.PluginFooter{
  font-size:1px;
  height:1px;
  padding:0px 0px;
/*
  background-image:url('http://bfile.shinobi.jp/2633/pb_pg_bottom.gif');
  background-position:bottom center;
  background-repeat:no-repeat;
*/
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
 padding:5px;
 margin: 0px 0px 0px 0px;
}
/*プラグインが表示される場所の設定*/
.pluginContents {
 padding:0px;
 font-size:12px;
 text-align: center;
}
/******各プラグイン共通項目用設定******/
/*各プラグイン処理内の基本デザイン*/
.plugin_data {
  text-align:left;
  margin:4px 3px 1px 3px;
  padding:0px 0px 0px 18px;
  font-size: 12px;
  line-height:16px;
  background:url(http://file.bto-siori.com/mkhead.gif) no-repeat left top;
  border-bottom:1px dashed silver;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.plugin_data_date {
  margin:0px 3px 0px 3px;
  padding:0px;
  text-align:right;
  font-family:arial,helvetica,sans-serif;
  font-size: 10px;
  border-bottom:1px solid silver;
}

/*検索部分*/
.blogsearch form {
  margin:0;
  padding:0;
}
.blogsearch input {
  width:120px;
}



/******記事ブロック用デザイン******/

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
 width:468px;
 float: left;
 text-align: left;
 margin: 0px 12px;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInner {
  padding: 0px 0px 3px 0px;
  text-align: left;
  border-bottom:solid 2px #999;
  margin: 0px 0px 25px 0px;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
  margin:0;
  padding:6px 0px;
  text-align: center;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  background-color:#666;
  background-image:url(http://file.bto-siori.com/bgtitle.jpg);
  background-position:left top;
  background-repeat:repeat-x;
}
.EntryTitle a:link   {color:#fff; text-decoration:none;}
.EntryTitle a:visited{color:#fff; text-decoration:none;}
.EntryTitle a:hover  {color:#fed; text-decoration:underline;}
.EntryTitle a:active {color:#fff; text-decoration:none;}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
 margin: 5px 0px;
}
/*記事本文が記載される部分*/
.EntryText {
 padding: 5px 0;
 line-height:140%;
}
.EntryText a:link   {color:#00c; text-decoration:underline;}
.EntryText a:visited{color:#33f; text-decoration:underline;}
.EntryText a:hover  {color:#c00; text-decoration:underline;}
.EntryText a:active {color:#33f; text-decoration:underline;}

/*追記文書が記載される部分*/
.EntryPsText {
 padding: 10px;
 text-align:center;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
 text-align:right;
 padding:5px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
}
/*記事を投稿した日が記載されている部分*/
.EntryDate {
  margin: 6px 5px 3px 5px;
  text-align:right;
  font-family:arial,helvetica,sans-serif;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
 margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
 margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
 margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
  width:100%;
  margin:5px 0;
  padding:5px 0 5px 0;
  text-align:center;
  background-color:#eee;
}
.PageNumberLink {
  font-size:14px;
  font-family:arial,helvetica,sans-serif;
}
.PageLinkBlock a:link   {color:navy;  text-decoration:underline;}
.PageLinkBlock a:visited{color:navy;  text-decoration:underline;}
.PageLinkBlock a:hover  {color:maroon;text-decoration:underline;}
.PageLinkBlock a:active {color:navy;  text-decoration:underline;}


/******各コメント表示部分の設定******/

/*コメント全体の設定*/
.CommentBlock{
 padding:10px;
}
/*コメント全体のTOP部分*/
.Commenttop{
 height:1px;
}
/*コメント全体のフッター部分*/
.Commentbottom{
 height:1px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
 padding-left:30px;
 text-align: left;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
 margin: 5px ;
 border:solid 1px #ccc;
}

/*コメントのタイトル部分*/
.CommentTitle{
 text-align: left;
 padding-left:15px;
 margin:5px;
 border-bottom:solid 1px #ccc;
}
.CommentTitleh{
 text-align: left;
 padding-left:15px;
 margin:5px;
}
/*コメント部分*/
.CommentText{
 padding: 10px 0px 10px 20px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
 text-align:right;
 padding:5px;
}
/*投稿者名の部分*/
.CommentUserName{
 margin-left: 5px;
 font-weight:bold;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
 margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
 margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
 margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
 margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{

}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
 font-size:10px;
 font-weight:bold;
 padding:3px 5px;
 text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
 padding-top:5px;
 text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
 font-size:10px;
 color:#000;
 margin-left:5px;
 width:80px;
 height:18px;
 border:solid 1px #fcc;
 background-color:#fff;
}
/*inputタグやtextareaの設定*/
.CommentForms{
 border:solid 1px #fcc;
 color:#000;
 font-size: 12px;
}
/******トラックバック表示部分の設定*****/
/*トラックバック全体の設定*/
.TrackbackBlock{
 padding:10px;
 margin: 20px 20px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
 text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
 margin: 5px 0px;
 border:solid 1px #fcc;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
 text-align: left;
 color:#333;
 font-weight:bold;
 border-bottom:solid 1px #fcc;
 padding-top:10;
 padding-right:10;
 padding-bottom:5;
 padding-left:10;
}
/*トラックバックの記事部分*/
.TrackbackText{
 padding: 10px;
 line-height:140%;
 font-size:12px;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
 text-align:right;
 padding:5px;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
 margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
 margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
 margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
 text-align: left;
 font-size: 12px;
 margin-left: 30px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
#TrackbackURL{ 
border-bottom:solid 1px #fcc;

}



/*********************************
  カレンダープラグイン用デザイン
*********************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable { padding:0px; width:120px; font-size:11px; }

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {}

/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {}

/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {}

/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {}

/*カレンダー表示用テーブル*/
.CalendarTable { width:120px; padding:0px; font:11px arial,helvetica; }

/*-----------------------------------------------
  カレンダーテーブル  曜日・日付部分デザイン
-----------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {}

/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {  color:#f66; font:11px arial,helvetica; }

/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday { color:#666; font:11px arial,helvetica; }

/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat { color:69f; font:11px arial,helvetica; }

/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {}

/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun { color:f33; font:11px arial,helvetica; }

/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat { color:36f; font:11px arial,helvetica; }

/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd    { font:11px arial,helvetica; }

/*日付表示部分、記事が存在する場所の設定*/
.CalendarTdLink { background-color:#ddd; }

/*日付表示部分、記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont { color:#000; }



/****コメント -> 管理者返信部分デザイン****/

.CommentResBlock {
 padding:0px 0px 10px 30px;
 width:90%;
 margin: 0px ;
}
.CommentResBox {
 padding:20px;
 border:dashed 1px #fcc;
}
.CommentResTitle {
 font-size:12px;
 font-weight:bold;
}
.CommentResText {
 padding:10px 0px 0px 10px;
 }
.CommentResheader {
 text-align:right;
 margin:5px 0px;
 font-weight: bold;
}

.CommentResFooter {
 text-align:right;
 margin:5px 0;
 }
　
.CommentFormpass{
 border:solid 1px #fcc;
}
.btn {
 border:solid 1px #fcc;
 background-color:#fff;
 color:#333;
}
 .box{
 border:solid 1px #fcc;
 background-color:#fff;
 margin-bottom:10px;
 color:#333;
}


/*---------------------------------------------------------------------
　■記事用
---------------------------------------------------------------------*/

div.article {
  width:468px; margin:0 auto; text-align:center; font:12px/18px arial,helvetica,sans-serif;
}
.articleHead {margin:0 4px; padding:4px 0; text-align:left;}
.articleBody {margin:0; padding:0; text-align:left;}
.articleFoot {margin:0 4px; padding:4px 0; text-align:right;}
.articleFoot a {font-weight:bold;}
table.articleSpec {
  width:460px; margin:0 auto; border-collapse:collapse; table-layout:fixed; 
  font:12px/18px arial,helvetica,sans-serif;
}
.articleSpec th {width:48px; background:#eee; font-weight:normal; border:1px solid #999;}
.articleSpec td {padding:2px; text-align:center; border:1px solid #999;}
.articleModel   {background:#eee; font-weight:bold;}
.articlePrice   {color:#900; font-weight:bold;}
