/**************************************************************************************
かんたんにテンプレートをカスタマイズできるように、テンプレート本文とCSSにコメントを追加したものです。
勿論このままでも、シンプルなテンプレートとしてご利用いただけます。

かんたんカスタマイズ用ですが、テンプレート配布元へのリンクなどは消さないでください。

**************************************************************************************/


/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
font-size:12px; /*全体のフォントサイズ。小さくしたい場合は9pt程度まで数字を下げてみて下さい。*/
color:#000000; /*ブログ全体のフォントの色*/
font-family:メイリオ; /*フォントの指定です。あまり変更しないほうがいいと思います*/
background-color:e0e0e0;

}

/*<td>の全ての設定*/
td {
text-align:center;
}

/*table全ての設定*/
table{
border-collapse: collapse;
}

/*通常のリンクの設定*/
a:link {
color:#3366b3;
text-decoration:none;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
color:#727272;
text-decoration:none;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
text-decoration:underline;


}
/*アクティブ状態のリンクの設定*/
a:active {
text-decoration:none;

}
/*全体の設定*/
#mainBlock {
width:1000px; /*全体の幅のサイズです。これを変更する場合、メインブロックとプラグイン、トップブロックのサイズも一緒に変更して下さい*/
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/*画像の設定*/
.image {
border-width: 1px;
border-style: solid;
border-color: #696969;
background: #ffffff;
margin:0 auto;	
padding: 10px;
	}
/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width:510px;/*タイトル部分の幅のサイズです。これを変更する場合、メインブロックとプラグインのサイズも一緒に変更して下さい*/
height:100px; /*タイトルの高さはここで指定できます。*/
text-align: center;
background-image:url('http://file.ratscats.blog.shinobi.jp/mark.jpg');
background-color:#e0e0e0;
background-position:right top;
background-repeat:no-repeat;
}
/*ページタイトル文字部分の設定*/
#TopTitle {
padding: 0px 150px 0px 10px;
font-size:26px;
font-weight:bold;
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
color:306070;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 20px 100px 10px 10x;/*説明はここで指定できます。改行などを行いたい場合については、ブログテンプレートに直接書き込んでください*/
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear:both;
text-align: center;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/

/*左右にあるプラグインの設定を行います。プラグインの幅についてですが、左右プラグインの幅+記事の幅＝テンプレート全体の幅　となります。左右プラグインを足した幅が全体幅より大きい等の問題がある場合、プラグイン、記事が下に落ちて表示が崩れます。ここから下をカスタマイズする場合は、必ず幅をご確認下さい。*/

/*左側のプラグインの設定です。*/
.PluginBlockleft {
width: 140px;/*左側のプラグインの幅を変更する場合はここのサイズを変更して下さい*/
text-align: left;
float:left;
line-height:100%;/*プラグインの行間です。*/
}

/*プラグイン内の検索の設定*/
.blogsearch{
 text-align:center ;
}
.box{
  border:0 ;
  background-color:#f0f0f0 ;
  color:#000000 ;
  font:11px メイリオ ;
  width:120px ;
  height:18px ;
}
.btn{
  border:0 ;
  background-color:#808080 ;
  color:#ffffff ;
  font:11px メイリオ ;
  width:25px ;
  height:18px ;
}

div.bt {
	display: inline;
	background-color: #F0F0F0;
	border-top: #F8F8F8 2px solid;
	border-left: #F8F8F8 2px solid;
	border-bottom: #c0c0c0 2px solid;
	border-right: #c0c0c0 2px solid;
}


/*右側のプラグインの設定です。*/
.PluginBlockright {
width: 320px;/*右側のプラグインの幅を変更する場合はここのサイズを変更して下さい*/
text-align: right;
float:right;
line-height:100%;/*プラグインの行間です。*/
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding:5px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
border-top-width: 0px;
border-right-width:0;
border-bottom-width:1;
border-left-width:0;
font-size:12px;
color:#404040;
padding-right:2;
padding-bottom:1;
border-color:#808080;
border-style:solid;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 2px;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 2px;
font-size:12px;
color:#696969;

}
/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
line-height:180%;/*記事本文の行間の指定です*/
width: 500px; /*記事の幅のサイズです。ここを変更する際には、必ず左右のプラグインのサイズを変更してください。*/
text-align: left;
float:left;



background-color:f8f8f8;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
padding: 8px;
text-align: left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
border-style:none;
border-bottom-width:0;
padding-bottom:2;
border-color:#808080;
border-right-width:0;
border-top-width:0;
border-left-width:0;
font-size:12px;

font-weight:bold;
padding-top:2;
padding-right:2;
padding-left:2;
background-color:e0e0e0;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color:000000;
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin: 5px 0px;



}
/*記事本文が記載される部分*/
.EntryText {
padding: 5px;
font-size:10pt;
color:#000000;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding: 5px;
text-align: right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:5px;
color:#4040ff;
border-style:none;
border-top-width:1;
border-color:#4040ff;

font-size:12px;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
color:#4d66e6;
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
padding:10px;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align: left;
font-size:12px;
color:#696969;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
padding:10px;
margin: 5px 0px;
border:solid 1px #99ccb3;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align: left;
font-size:12px;
font-weight:bold;
color:#333333;

}
/*コメント部分*/
.CommentText{
padding: 10px;
font-size:12px;
color:#696969;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
border-top:1px dotted #99ccff;
text-align:right;
padding:5px;
font-size:12px;
color:#696969;
border-style:none;
}
/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom:20px;
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding-top:5px;
text-align:right;
font-size:10px;padding:3px;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
}
/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align: left;
font-size:12px;
color:#4e504f;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align: left;
font-weight:bold;
font-size:12px;
color:#4e504f;
}
/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
line-height:140%;
font-size:12px;
color:#4e504f;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px;
font-size:10px;

color:#3a3e7e;
}
/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}
/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}
/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
font-size: 12px;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:3px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
padding:1px;
width:90%;
font-size: 10px;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {

}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:90%;
padding:1px;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
font-size:10px;
color:#f989a7;
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
font-size:10px;
color:#696969;
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
font-size:10px;
color:#8dd4d9;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
font-size:10px;

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

font-size:10px;
color:#8dd4e9;
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
font-size:10px;
color:#696969;
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#f7fcf5;
font-size:10px;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
color:#e2706e;
}
/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
	padding:10px 30px 10px 50px;
}

.CommentResBox {
	border:solid 1px #80ccb3;
	padding:10px;
}

.CommentResTitle {
	font-size:10pt;
	font-weight:700;
}

.CommentResText {
	padding:10px 0px 0px 10px;
}

.CommentResFooter {
	font-size:10px;
	text-align:right;
	margin:15px 0;
	border-top:1px dotted #99ccff;
}