/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
color: #696969;
/* background-image: url(http://file.redmoons.blog.shinobi.jp/yukijiru.jpg);
   background-repeat: no-repeat;
   background-position: right bottom;
   background-attachment: fixed; */
font-size: 80%;
text-align: center;
margin: 0px;
line-height: 1.4em;
}

span {
line-height: 100%;
}

span.comment_text_color {
line-height: 1.4em!important;
}

br {
margin: 0.2em;
}

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

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

/*横カレンダーの設定（横カレンダー不要の場合は消去してください）*/
table.calendar{
width: 770px;
height: 25px;
font-size: 100%;
background-color: lightgrey;
border-collapse: collapse;
}

table.calendar td{
color: #696969;
text-align: center;
}

table.calendar td.month{
padding: 0px 5px;
}

#CalendarBlock{
white-space: nowrap;
background-color: lightgrey;
width: 770px;
text-align: center;
margin: 0 auto;
padding: 5px 0;
/margin-top: -3px;
}

.move_month_prev {
padding: 5px 10px 5px 0;
}

.move_month_next {
padding: 5px 0 5px 10px;
}

.now_month {
font-weight: bold;
padding: 0 5px;
}

.day_calender {
font-weight: normal;
color: white;
padding: 0 2px;
}


/*通常のリンクの設定*/
a:link {
color: royalblue;
}

/*過去に見たことがあるページのリンクの設定*/
a:visited{
color: royalblue;
}

/*カーソルが合っている状態のリンクの設定*/
a:hover {
color: darkgreen;
text-decoration: none;
}

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

/*全体の設定*/
#mainBlock {
width: 770px;
text-align: center;
/* border-left: #696969 solid 2px;
   border-right: #696969 solid 2px; */
margin-left: auto;
margin-right: auto;
}

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

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

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

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
width: 770px;
height: auto;
text-align: left;
border-left: #696969 solid 2px;
border-right: #696969 solid 2px;
border-bottom: #696969 solid 2px;
}

#TopBlock img {
border: none;
}

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

/*ページタイトル文字色の設定*/
.TopTitleFont {
color: darkslateblue;
font-size: 140%;
font-weight: bold;
}

/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
padding: 0px 10px 30px 20px;
border-bottom: #696969 dashed 1px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
clear: both;
height: 15px;
padding: 5px 10px 10px 10px;
text-align: center;
border-top: #696969 solid 2px;
border-left: #696969 solid 2px;
border-right: #696969 solid 2px;
/* background-image: url("http://file.redmoons.blog.shinobi.jp/yukiback3.jpg"); */
background-color: lightgrey;
}

#FooterBlock a {
color: grey;
text-decoration: none;
}

#FooterBlock a:hover {
color: #663333;
}

#FooterBlock img {
height: 20px;
margin-bottom: -5px;
}

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

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
padding: 0px;
margin: 20px 10px 20px 10px;
background-color: none;
border-left: #697191 1px solid;
border-right: #697191 1px solid;
border-bottom: #697191 1px solid;
}

/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
color: #ffffff;
font-weight: bold;
padding: 5px;
margin: 0px;
background-image: url("http://file.redmoons.blog.shinobi.jp/yukijiru_plug2.jpg");
background-color: #697191;
border-top: #697191 1px solid;
}

/*プラグインの説明部分の設定*/
.PluginExplanation {
padding: 0px;
}

/*プラグインが表示される場所の設定*/
.PluginContents {
padding: 10px;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し前の自己広告部分*/
#EntryBlockBefore {
display:table;
height:20px;
margin: 20px auto 0;
}

#EntryBlockBefore img {
border: solid 0px black;
margin: 1px;
}

#EntryBlockBefore .cus_pagelink,
.PageLinkBlock .cus_pagelink {
display:table-cell;
vertical-align: center;
border: 1px solid #fff;
width:30px;
background-color:#eee;
color:#f00;
}

#EntryBlockBefore .cus_pagelink a,
.PageLinkBlock .cus_pagelink a  {
display:block;
border: 1px solid #ccc;
padding-top:6px;
width:28px;
height:18px;
background-color:#eee;
text-decoration:none;
color:#aaa;
}

#EntryBlockBefore .cus_pagelink a:hover,
.PageLinkBlock .cus_pagelink a:hover  {
background-color:gold;
color:#555;
}

#EntryBlockBefore a.cus_link:hover,
.PageLinkBlock a.cus_link:hover {
background-color:orange;
color:#555;
}

/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width: 530px;
float: left;
}

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
text-align: left;
padding: 0px;
margin: 20px;
background-color: #ffffff;
border-left: #696969 solid 1px;
border-bottom: #696969 solid 1px;
border-right: #696969 solid 1px;
}

/*各記事タイトル部分の設定*/
.EntryTitle {
text-align: left;
padding: 6px 5px 2px 10px;
margin: 0 -1px 0 -1px;
background-image: url("http://file.redmoons.blog.shinobi.jp/yukijiru_entrytop2.jpg");
background-color: gold;
}

body:first-of-type .EntryTitle {
padding: 6px 5px 3px 10px;
}

/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color: darkslateblue;
font-weight: bold;
line-height: 1.4em;
}

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

/*記事本文が記載される部分*/
.EntryText {
position: relative;
padding: 10px;
/line-height: 1.3em;
}

/*追記文書が記載される部分*/
.EntryPsText {
padding: 10px;
/line-height: 1.3em;
}

.EntryPsText p.NinjaClap {
display: none;
}

.EntryPsBtn {
text-align: right;
}

/*追記タイトルが記載される部分*/
.EntryPsTitle {
text-align: center;
width:100%;
margin: 1em 0;
padding: 5px 0;
background-color: #EEEEEE;
}

.EntryPsBtn a {
display: block;
text-align: center;
text-decoration: none;
border: 1px silver solid;
background-color: whitesmoke;
margin: 0.5em 10px 1em auto;
padding: 3px 10px 1px;
/padding: 2px 10px;
width: 200px;
line-height: 1.4em;
}

.EntryPsBtn a:hover {
border: 1px cornflowerblue solid;
background-color: lavender;
}

/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
font-size: 85%;
text-align: left;
padding: 2px 10px 2px 5px;
background-color: gainsboro;
}

.EntryFooter2 {
font-size: 70%;
text-align: right;
padding: 0px 10px 5px 0px;
background-color: whitesmoke;
}

/*記事の投稿者名が記載されている部分*/
.EntryUserName {
margin-left: 5px;
}

/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
margin-left: 5px;
}

/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
margin-left: 5px;
}

/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left: 5px;
}

/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left: 5px;
}

/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
display:table;
height:20px;
text-align:center;
margin: 10px auto 30px;
}

/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
margin: 40px 20px;
}

/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
color: #FFFFFF;
font-weight: bold;
text-align: left;
padding: 5px 5px 5px 10px;
/* background-image: url("http://bfile.shinobi.jp/3066/stripe_yellow.gif"); */
background-color: darkgray;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin: 5px 0px 15px 0;
border: 1px solid darkgray;
}

/*コメントのタイトル部分*/
.CommentTitle{
color: whitesmoke;
background-color: silver;
text-align: left;
padding: 3px 10px;
}

/*コメント部分*/
.CommentText{
text-align: left;
padding: 10px;
line-height: 100%;
}

/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
text-align:right;
padding:5px 5px 2px 5px;
font-size: 85%;
background-color: whitesmoke;
}

/*投稿者名の部分*/
.CommentUserName{
margin-left: 5px;
}

/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left: 5px;
}

/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left: 5px;
}

/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left: 2px;
font-size: 80%;
}

/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
margin-bottom: 20px;
padding: 10px 20px 0px 20px;
background-color: whitesmoke;
>padding: 0;
}

/*コメントフォーム用テーブル*/
.CommentFormTable{
border-collapse: separate;
border-spacing: 2px;
width: 100%;
>margin: 0;
>width: 90%;
}

/*コメントフォームTHタグ設定*/
.CommentFormTh{
width: 80px;
font-size: 70%;
padding: 2px 5px;
text-align: left;
background-color: lightgrey;
>padding: 2px 0px;
>width: 70px;
}

/*コメントフォームTDタグ設定*/
.CommentFormTd{
font-size: 80%;
padding: 2px 10px 2px 3px;
text-align:left;
>font-size: 70%;
>padding: 2px 2px;
}

/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
font-size: 80%;
padding: 5px 5px 5px 5px;
text-align:center;
>padding: 5px 0px;
}

/*inputタグやtextareaの設定*/
.CommentForms{
>padding: 0px;
}

/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
text-align: left;
margin: 20px;
background-color: gainsboro;
font-size: 90%;
}

/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
color: #FFFFFF;
font-weight: bold;
text-align: left;
/* background-image: url("http://bfile.shinobi.jp/3066/stripe_yellow.gif"); */
background-color: darkgray;
padding: 2px 2px 2px 10px;
}

/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin: 2px 0px;

}

/*トラックバックタイトルの部分*/
.TrackbackTitle{
color: #e5b205;
background-color: #fff4c9;
padding: 2px 10px;
}

/*トラックバックの記事部分*/
.TrackbackText{
padding: 10px;
}

/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
padding:5px 10px 5px 5px;
}

/*トラックバック元のブログ名部分*/
.TrackbackUserName{
margin-left: 5px;
}

/*トラックバック元へのリンク部分*/
.TrackbackFromURL{
margin-left: 5px;
}

/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left: 5px;
}

/*この記事のトラックバック　と書かれた部分の設定*/
.TrackbackURLTitle{
text-align: left;
padding: 10px;
margin-bottom: 40px;
}

/*トラックバックする為のURLが記載されているフォーム部分の設定*/
.TrackbackURL{
}

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

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

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
width:80%;
padding:3px;
margin-left: auto;
margin-right: auto;
}

/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
font-size: 80%;
}

/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}

/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
}

/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}

/*カレンダー表示用テーブル*/
.CalendarTable {
width:80%;
padding:3px;
margin-left: auto;
margin-right: auto;
}

/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
font-size: 80%;
}

/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}

/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}

/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
font-size: 80%;
}

/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}

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

/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}

/*記事が存在する場所の設定*/
.CalendarTdLink {
}

/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
text-align: left;
margin-top: -10px;
padding: 10px 20px 10px 40px;
}

.CommentResBox {
margin: 5px 0px;
border: 1px solid #ddd;
}

.CommentResTitle {
color: whitesmoke;
background-color: gainsboro;
text-align: left;
padding: 1px 10px;
}

.CommentResText {
text-align: left;
padding: 10px 5px 10px 60px;
background-image: url("http://file.redmoons.blog.shinobi.jp/Re.jpg");
background-repeat: no-repeat;
}

.CommentResFooter {
text-align:right;
padding:2px 10px 2px 5px;
font-size: 85%;
background-color: whitesmoke;
}

/*-------------------------------------------------------
  ツイッター
-------------------------------------------------------*/

.twtr_plg {
height: 406px;
}

.twtr-img {
width: 20px !important;
height: 20px !important;
}

.twtr-img img {
width: 20px !important;
height: 20px !important;
}

.twtr-tweet-text {
font-size: 100% !important;
}

.twtr-widget .twtr-tweet-wrap {
font-size:11px !important;
padding:5px 5px !important;
}

.twtr-avatar {
width:20px !important;
height:20px !important;
}

#twtr-widget-1 .twtr-user,
#twtr-widget-1 .twtr-reply,
#twtr-widget-1 .twtr-rt,
#twtr-widget-1 .twtr-fav{
display:none !important;
}

#twtr-widget-1
.twtr-tweet-text {
margin-left: 25px !important;
}

.twtr-ft {
font-size: 10px !important;
color: #333333 !important;
}

.twtr-hd,
.twtr-ft {
	display:none;
	}

/*-------------------------------------------------------
  複眼
-------------------------------------------------------*/
#images {position:relative !important;}

#images .text {
    position:absolute !important;
	top:20px;
    color:red !important;
	}

#images .text a {
    color:#F00 !important;
	}


/* =======================================================
　トップヘッダメニュー設定
 ======================================================= */
div.topheadermenu {
background-color: #eee;
font-size: 90%;
border-right: 2px solid #aaa;
border-left: 2px solid #aaa;
border-bottom: 2px solid #aaa;
width: 770px;
}
div.topheadermenu a{display:table-cell;height:40px;}
div.topheadermenu a.info{width:110px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/info.jpg");}
div.topheadermenu a.info:hover{width:110px;background-position:bottom;}
div.topheadermenu a.entry{width:150px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/entry.jpg");}
div.topheadermenu a.entry:hover{width:150px;background-position:bottom;}
div.topheadermenu a.jam{width:150px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/jam.jpg");}
div.topheadermenu a.jam:hover{width:150px;background-position:bottom;}
div.topheadermenu a.top{width:120px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/top.jpg");}
div.topheadermenu a.top:hover{width:120px;background-position:bottom;}
div.topheadermenu a.ga{width:120px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/ga.jpg");}
div.topheadermenu a.ga:hover{width:120px;background-position:bottom;}
div.topheadermenu a.link{width:120px;background-image:url("http://saru.boy.jp/redmoons/parts/blog/link.jpg");}
div.topheadermenu a.link:hover{width:120px;background-position:bottom;}

/* =======================================================
　拍手設定
 ======================================================= */
.NinjaClap {
display: inline;
position : absolute;
top: -32px;
right: 5px;
/top: -23px;
/right: 30px;
font-size: 10px !important;
color: #aaaaaa;
}

.NinjaClap img {
margin-right:5px;
}

/* =======================================================
　RSS用画像設定
 ======================================================= */
img.rssi {
position: absolute;
top:0;
left:0;
width: 50px;
filter: alpha(opacity=0);
-moz-opacity:0;
opacity:0;
}


/*-------------------------------------------------------
  IE用、詳細修正
-------------------------------------------------------*/
input.box {
>width: 120px;
}

body:first-of-type input.box {
width: 120px;
}

#CalendarBlock a {
font-weight: bold;
color: grey;
text-decoration: none;
}

#CalendarBlock a:hover {
font-weight: bold;
color: #663333;
text-decoration: none;
}


/*-------------------------------
  iphoneハック
--------------------------------*/
/* iPhone / mobile webkit */
@media screen and (max-device-width: 480px) {
.EntryPsBtn a {padding:15px;}
div.topheadermenu {border-top:5px #aaa solid;border-bottom:5px #aaa solid;}
* {-webkit-text-size-adjust:100%;}
}