/***********************************
全ブロックの共通設定
************************************/
* {
    margin : 0;
    padding: 0;
}

/*BODY全体に関する設定*/
body {
    font-size : 12px;
    font-family: "ＭＳ Ｐゴシック",sans-serif;
    color: #2F4F4F;
    background-color: #FFFFFF;
    text-align: center;
}

a         { color: #2F4F4F; text-decoration: none; }
a:link   { color: #2F4F4F; text-decoration: none; }
a:visited { color: #778899; text-decoration: none; }
a:active  { color: #778899; text-decoration: none; }
a:hover   { 
    color: #F5FFFA;
    background-color: #2F4F4F;
}

img input{
    border: none;
}

h1 {
    font-size  : 24px;
    margin  : 4px 2px 4px 8px;
    padding : 0px 0px 0px 8px;
    color: #2F4F4F;
}

h2 {
    font-size  : 16px;
    border-left: 16px solid gray;
    margin  : 4px 2px 4px 2px;
    padding : 0px 0px 0px 8px;
}

h3 {
    font-size  : 12px;
    border-bottom: 1px solid lightgray;
    margin  : 8px 2px 4px 2px;
    padding : 0px 4px 0px 0px;
}

blockquote {
    margin : 4px 4px;
    padding: 2px 2px;
    font-style: italic;
    color  : #999999;
}

/*全体の設定*/
#MainBlock {
    width  : 800px;
    margin : 0 auto;
    text-align: left;
}

/*テキスト左寄せ*/
.left {
    text-align : left;
}

/*テキスト中央寄せ*/
.center {
    text-align : center;
}

/*テキスト右寄せ*/
.right {
    text-align : right;
}

.wrapper {
    width  : 100%;
    margin : 0 auto;
}

/***********************************
トップブロック用デザイン
************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
    width : 800px;
    text-align : right;
    border-top   : 0px;
    border-right : dotted gray 2px;
    border-bottom: dotted gray 2px;
    border-left  : 0px;
    padding : 8px 8px 8px 8px;
    margin  : 0px 0px 16px 0px;
}

/*ページタイトル文字部分の設定*/
#TopTitle {
    padding : 10px 0px 0px 20px;
}

/*ページタイトル文字色の設定*/
.TopTitleFont {
    
}

/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
    padding: 10px 20px 10px 20px;
}

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

/***********************************
  プラグインブロック用デザイン
************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
    float : right;
    width : 216px;
    text-align: left;
}

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
    padding : 4px;
}

/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
    text-align   : center;
    border-top   : 0px;
    border-right : 0px;
    border-bottom: dotted gray 2px;
    border-left  : 0px;
}

/*プラグインの説明部分の設定*/
.PluginExplanation {
    padding : 4px;
    border-right : gray 2px dotted;
}

/*プラグインが表示される場所の設定*/
.PluginContents {
    padding : 4px;
    border-right : gray 2px dotted;
}

/***********************************
  記事ブロック用デザイン
************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
    width : 580px;
    float : left;
    text-align: left;
}

/*記事表示部分の背景や余白等の設定*/
.EntryInner {
    border-left  : gray 2px dotted;
    border-bottom: gray 2px dotted;
    text-align : left;
    padding : 8px;
    margin-bottom : 16px
}

/*各記事タイトル部分の設定*/
.EntryHeader {
    text-align : left;
}

/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
    
}

.EntryBody {
    padding: 8px;
}

.EntryBody ul,ol {
    margin : 8px 16px;
    padding: 2px 2px;
}

.EntryBody Lh {
    line-height  : 120%;
    margin-left   : -2em;
    margin-bottom : 8px;
    padding: 2px 2px;
}

.EntryBody li {
    line-height : 120%;
    padding: 2px 2px;
}

.EntryBody dl {
    width : 100%;
    line-height : 1.6em;
    font-size   : 12px;
}

.EntryBody dt {
    width : 12em;
    font-weight : bold;
    border-left : 2px solid gray;
    padding-left: 4px;
}

.EntryBody dd {
    margin-left: 12em;
    margin-top : -3.2em;
    padding-left: 8px;
}

.EntryBody pre.code {
    width : 512px;
    overflow   : auto;
    font-family: "Courier New", monospace;
    font-size  : 1em;
    background : #f5f5f5;
    border : dotted 1px gray;
    margin : 8px 8px;
    padding: 2px 2px 8px 8px;
}

.EntryBody table {
    border : 1px solid #222222;
    border-collapse : collapse;
    border-spacing  : 0;
    empty-cells : show;
    font-size   : 12px;
    background-color: #ffffff;
    margin : 8px 8px;
}

.EntryBody table th {
    border-right : 1px solid #222222;
    border-bottom: 1px solid #222222;
    background-color: #000000;
    text-align : center;
    padding : 4px;
    color : #ffffff;
}

.EntryBody table td {
    border-right : 1px solid #222222;
    border-bottom: 1px solid #222222;
    padding : 4px;
}

/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryBodyMain {
    margin : 4px 0px;
}

/*記事本文が記載される部分*/
.EntryText {
    padding: 10px;
}

/*追記文書が記載される部分*/
.EntryBodyMore {
    text-align: right;
    padding: 20px;
}

/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
    text-align: right;
    padding:5px;
}

/*記事の投稿者名が記載されている部分*/
.EntryUserName {
    
}

/*記事を投稿した日が記載されている部分*/
.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;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
    margin: 5px 0px;
}
/*コメントのタイトル部分*/
.CommentTitle{
    text-align: left;
}
/*コメント部分*/
.CommentText{
    padding: 10px;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
    text-align:right;
    padding:5px;
}
/*投稿者名の部分*/
.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;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
    padding-top:5px;
    text-align :left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
    text-align :left;
}
/*inputタグやtextareaの設定*/
.CommentForms{
    
}

/***********************************
  トラックバック表示部分の設定
************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
    padding:10px;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
    text-align: left;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
    margin: 5px 0px;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
    text-align: left;
}
/*トラックバックの記事部分*/
.TrackbackText{
    padding: 10px;
    line-height:140%;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.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;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
    
}

/***********************************
  各プラグイン共通項目用設定
************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
    text-align:left;
    padding:5px;
}

/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
    text-align:right;
}

/***********************************
  カレンダープラグイン用デザイン
************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
    width  : 90%;
    font-size : 12px;
    text-align: center;
    padding   : 3px;
}

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr { }
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd { }
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd  { }
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd { }

/*カレンダー表示用テーブル*/
.CalendarTable {
    width  : 90%;
    font-size : 12px;
    text-align: center;
    padding   : 3px;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr  { }
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun { color:#ee1111;}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday    { color:#222222;}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat { color:#1111ee;}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr { }
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun { color:#ee1111; padding:2px;}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd    { color:#343434; padding:2px;}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat { color:#1111ee; padding:2px;}
/*記事が存在する場所の設定*/
.CalendarTdLink { }
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont { 
    border-left  : 1px dotted gray;
    border-bottom: 1px dotted gray;
    font-weight : bold;
    padding:2px ;
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
    padding:10px 30px 10px 50px;
}

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

.CommentResTitle {
    font-size:14px;
    font-weight:700;
}

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

.CommentResFooter {
    text-align:right;
    margin:15px 0;
    border-top:1px dotted #995555;
}

/***********************************
  バナー広告表示部
************************************/
.banner iframe, img{
    text-align: center;
    margin : 4px 4px;
    padding: 2px 4px;
}