@charset 'utf-8';

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
margin:10px 0 30px;
padding:40px 10px;
text-align:left;
line-height:1.5;
border-bottom:1px solid #eeeeee;
background-image:url(http://skytouch.yy-yuri.net/yasete.jpg);
height: 120px;
}

/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
margin:0;
padding:0;
color:#666666;
font-size:small;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','メイリオ','meiryo','osaka','verdana',sans-serif;
background-color:#ffffff;
}
/*通常のリンクの設定*/
a:link {
text-decoration:none;
color:#666666;
}
/*過去に見たことがあるページのリンクの設定*/
a:visited{
text-decoration:none;
color:#666666;
}
/*カーソルが合っている状態のリンクの設定*/
a:hover {
text-decoration:underline;
color:#ff0000;
}
/*アクティブ状態のリンクの設定*/
a:active {
text-decoration:none;
color:#000000;
}
/*<img>の全体設定*/
img {
border:none;
}
/*フォームの設定*/
form{
margin:0;
}
/*全体の設定*/
#mainBlock {
width:730px;
text-align:center;
margin:0 auto;
padding:0;
}
/*テキスト左寄せ*/
.left {
text-align:left;
}
/*テキスト中央寄せ*/
.center {
text-align:center;
}
/*テキスト右寄せ*/
.right {
text-align:right;
}
/*クリアー*/
.clr {
font:1px/1px tahoma,sans-serif;
clear:both;
}


/*ページタイトル文字部分の設定*/
#TopTitle {
}
/*ページタイトル文字色の設定*/
.TopTitleFont {
font-weight:bold;
font-size:large;
color:#ffffff;
}
/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
font-size:x-small;
color:#ffffff;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
margin:30px;
text-align:center;
line-height:1.8;
font-size:x-small;
font-family:osaka,verdana,sans-serif;
clear:both;
}

/**************************************************************************************
  プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
.PluginBlock {
margin-right:10px;
width:180px;
text-align:left;
float:right;
line-height:1.5;
}
/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
margin-bottom:40px;
}
/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
margin-bottom:5px;
color:#000000;
font-size:small;
font-weight:bold;
}
/*プラグインの説明部分の設定*/
.PluginExplanation {
margin-bottom:5px;
font-size:x-small;
}
/*プラグインが表示される場所の設定*/
.PluginContents {
margin:0 0 5px 15px;
font-size:x-small;
}

/**************************************************************************************
  記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
width:450px;
margin:0px 10px;
float:left;
text-align:left;
}
/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
margin-bottom:50px;
text-align:left;
}
/*各記事タイトル部分の設定*/
.EntryTitle {
text-align:left;
padding-bottom:10px;
color:#cccccc;
line-height:1.3;
}
/*各記事タイトル部分の文字色設定*/
.EntryTitleFont {
color:#000000;
font-weight:bold;
}
/*各記事やコメント、トラックバックなどの総合のブロック部分*/
.EntryTextBox {
margin:5px 0;
}
/*記事本文が記載される部分*/
.EntryText {
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','osaka','ms ui gothic','verdana',sans-serif;
line-height:1.5;
}
/*記事内通常のリンクの設定*/
.EntryText a:link {
text-decoration:none;
color:#333333;
}
/*記事内過去に見たことがあるページのリンクの設定*/
.EntryText a:visited{
text-decoration:underline;
color:#666666;
}
/*記事内カーソルが合っている状態のリンクの設定*/
.EntryText a:hover {
text-decoration:none;
color:#cccccc;
}
/*記事内アクティブ状態のリンクの設定*/
.EntryText a:active {
text-decoration:none;
color:#cccccc;
}
/*記事内画像のスタイル*/
.EntryText img{
margin:5px;
text-decoration:none;
border:none;
}
/*記事内引用（blockquote）のスタイル*/
.EntryText blockquote{
margin:10px 5px;
padding:10px;
background-color:#f5f5f5;
}
/*追記文書が記載される部分*/
.EntryPsText {
padding:20px;
text-align:right;
}
/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
text-align:right;
padding:20px 5px;
font-size:x-small;
clear:both;
color:#cccccc;
}
/*記事の投稿者名が記載されている部分*/
.EntryUserName {
margin-left:5px;
color:#666666;
}
/*記事を投稿した日が記載されている部分*/
.EntryWriteDate {
font-size:x-small;
}
/*記事のカテゴリ名が記載されている部分*/
.EntryCategory {
font-size:x-small;
}
/*記事へのコメントリンクが記載されている部分*/
.EntryComment {
margin-left:5px;
}
/*記事へのトラックバックリンクが記載されている部分*/
.EntryTrackback {
margin-left:5px;
}
/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock{
text-align:center;
padding:10px 10px 20px;
font-size:x-small;
color:#cccccc;
}
/**************************************************************************************
  各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock{
margin-bottom:20px;
padding:10px;
border-top:1px solid #eeeeee;
}
.CommentBlock a:link{
text-decoration:underline;
color:#333333;
}
.CommentBlock a:visited{
text-decoration:underline;
color:#666666;
}
.CommentBlock a:hover{
text-decoration:none;
color:#cccccc;
background-color:#ffffff;
}
.CommentBlock a:active {
text-decoration:none;
color:#000000;
}
/*この記事にコメントする　と書かれてる部分の設定*/
.CommentMenuTitle{
text-align:left;
padding:10px 0;
color:#000000;
font-weight:bold;
}
/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox{
margin:10px;
padding:10px;
line-height:1.5;
}
/*コメントのタイトル部分*/
.CommentTitle{
text-align:left;
padding:10px 0;
font-weight:bold;
color:#454545;
}
/*コメント部分*/
.CommentText{
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','osaka','ms ui gothic','verdana',sans-serif;
}
/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter{
padding-top:10px;
text-align:right;
font-size:x-small;
color:#cccccc;
}
/*投稿者名の部分*/
.CommentUserName{
color:#666666;
}
/*投稿者のホームページへのリンク部分*/
.CommentURL{
margin-left:5px;
}
/*投稿された時間が記載されている部分*/
.CommentWriteDate{
margin-left:5px;
color:#666666;
}
/*コメント編集へのリンク部分*/
.CommentEdit{
margin-left:5px;
}
/*コメントを投稿するフォーム全体の設定*/
.CommentFormBlock{
}
/*コメントフォーム用テーブル*/
.CommentFormTable{
margin:10px;
}
/*コメントフォームTHタグ設定*/
.CommentFormTh{
padding:5px 5px 0 0;
text-align:right;
}
/*コメントフォームTDタグ設定*/
.CommentFormTd{
padding-top:5px;
text-align:left;
}
/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit{
text-align:right;
}
/*コメントフォーム送信ボタン*/
.CommentFormSubmit input{
border:1px solid #cccccc;
color:#666666;
background-color:#eeeeee;
margin-bottom:15px;
padding:2px 0 0 0;
}
/*inputタグとtextareaの設定*/
.CommentForms{
border:1px solid #cccccc;
}

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
}
.CommentResBox {
margin:10px;
padding:10px;
background-color:#f5f5f5;
line-height:1.5;
}
.CommentResTitle {
text-align:left;
padding-bottom:10px;
font-weight:bold;
color:#454545;
}
.CommentResText {
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','osaka','ms ui gothic','verdana',sans-serif;
}
.CommentResFooter {
padding-top:10px;
text-align:right;
font-size:x-small;
}

/**************************************************************************************
  トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock{
margin-bottom:20px;
padding:10px;
border-top:1px solid #eeeeee;
}
/*トラックバック全体のリンク設定*/
.TrackbackBlock a:link{
text-decoration:underline;
color:#666666;
}
.TrackbackBlock a:visited{
text-decoration:underline;
color:#666666;
}
.TrackbackBlock a:hover{
text-decoration:none;
color:#cccccc;
background-color:#ffffff;
}
.TrackbackBlock a:active {
text-decoration:none;
color:#000000;
}
/*トラックバックメニューのタイトル部分*/
.TrackbackMenuTitle{
text-align:left;
padding:10px 0;
color:#000000;
font-weight: bold;
}
/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox{
margin:10px;
padding:10px;
line-height:140%;
}
/*トラックバックタイトルの部分*/
.TrackbackTitle{
text-align:left;
padding:5px 0;
color:#000000;
font-weight:bold;
}
/*トラックバックの記事部分*/
.TrackbackText{
text-align:left;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro W3','osaka','ms ui gothic','verdana',sans-serif;
}
/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter{
text-align:right;
font-size:x-small;
color:#cccccc;
}
/*トラックバック元のブログ名部分*/
.TrackbackBlogTitle{
color:#666666;
}
/*トラックバック元へのリンク部分*/
.TrackbackHomepageLink{
margin-left:5px;
}
/*トラックバックされた日付部分*/
.TrackbackWriteDate{
margin-left:5px;
color:#666666;
}
/*この記事のトラックバック(TrackbackURL)と書かれた部分の設定*/
.TrackbackURLTitle{
text-align:left;
margin:10px;
font-size:x-small;
}
/*トラックバックする為のURLが記載されているフォーム部分の設定*/
#TrackbackURL{
border:1px solid #cccccc;
width:280px;
background-color:#f5f5f5;
}
/**************************************************************************************
  各プラグイン共通項目用設定
**************************************************************************************/
/*各プラグイン処理内の基本デザイン*/
.Plugin_data {
text-align:left;
padding:5px;
}
/*各プラグイン処理内基本デザインの下に記載する日付など*/
.Plugin_data_date {
text-align:right;
}

/*プラグインブロックの<table>全ての設定(=カレンダーテーブル)*/
.PluginBlock table {
border-collapse:collapse;
}
/*プラグインブロックの<th>の全ての設定(=カレンダーテーブル)*/
.PluginBlock th{
text-align:center;
font-size:10px;
font-family:arial,helvetica,sans-serif;
font-weight:normal;
padding:0;
border:1px solid #ffffff;
}
/*プラグインブロックの<td>の全ての設定(=カレンダーテーブル)*/
.PluginBlock td{
text-align:center;
font-size:10px;
font-family:arial,sans-serif;
padding:0;
border:1px solid #ffffff;
}
/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
width:100%;
margin:0 auto;
}
.CalendarMoveTable a:link {
color:#999999;
}
.CalendarMoveTable a:visited {
color:#999999;
}
/*カレンダー日付移動用テーブル、<tr>タグ部分のデザイン*/
.CalendarMoveTr {
}
/*カレンダー日付移動用テーブル内、左側td部分のデザイン*/
.CalendarPrevTd {
}
/*カレンダー日付移動用テーブル内、中央td部分のデザイン*/
.CalendarNowTd {
color:#666666;
}
/*カレンダー日付移動用テーブル内、右側td部分のデザイン*/
.CalendarNextTd {
}
/*カレンダー表示用テーブル*/
.CalendarTable {
width:100%;
margin:0 auto;
}
/*-------------------------------------------------------
  カレンダーテーブル -> 曜日表示部分デザイン
-------------------------------------------------------*/
/*曜日表示部分（<tr>タグ部分）のデザイン*/
.CalendarWdayTr {
color:#cccccc;
background-color:#f8f8f8;
}
/*曜日表示部分、日曜日の<th>タグ部分デザイン*/
.CalendarWdaySun {
}
/*曜日表示部分、平日の<th>タグ部分デザイン*/
.CalendarWday {
}
/*曜日表示部分、土曜日の<th>タグ部分デザイン*/
.CalendarWdaySat {
}

/*-------------------------------------------------------
  カレンダーテーブル -> 日付表示部分デザイン
-------------------------------------------------------*/
/*日付表示部分（<tr>タグ部分）のデザイン*/
.CalendarTr {
color:#dddddd;
background-color:#f8f8f8;
}
/*日付表示部分、日曜日の<td>タグ部分デザイン*/
.CalendarTdSun {
}
/*日付表示部分、土曜日の<td>タグ部分デザイン*/
.CalendarTdSat {
}
/*日付表示部分、平日曜日の<td>タグ部分デザイン*/
.CalendarTd {
}
/*記事が存在する場所の設定*/
.CalendarTdLink {
background-color:#eeeeee;
}
/*記事が存在する日付の文字色の設定*/
.CalendarTdLinkFont {
color:#666666;
}
/**************************************************************************************
  その他
**************************************************************************************/
/*検索ボックス*/
.box{
border:1px solid #cccccc;
width:100px;
}
.btn{
border:1px solid #cccccc;
color:#666666;
background-color:#eeeeee;
margin:1px 0 0 1px;
padding:2px 0 0 0;
}
/*拍手*/
.NinjaClap{
margin:20px 0px 0px;
font-size:x-small;
}
.NinjaClap img{
margin:0 5px;
border:none;
text-decoration:none;
}
/*絵文字*/
img.emoji{
margin:0;
padding:0;
border:none;
}