* {padding: 0px; margin: 0px;}
br {letter-spacing: 0px;}
img {margin: 0px; border: 0px;}
input {vertical-align: middle;}
#mainBlock .emoji {border: 0px; vertical-align: middle;}

/**************************************************************************************
文字エフェクト
**************************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Lato:900);
*, *:before, *:after{
  box-sizing:border-box;
}
body{
  font-family: 'Lato', sans-serif;
    ;
}
div.foo{
  width: 90%;
  margin: 0 auto;
  text-align: center;
}
.letter{
  display: inline-block;
  font-weight: 900;
  font-size: 8em;
  margin: 0.2em;
  position: relative;
  color: #00B4F1;
  transform-style: preserve-3d;
  perspective: 400;
  z-index: 1;
}
.letter:before, .letter:after{
  position:absolute;
  content: attr(data-letter);
  transform-origin: top left;
  top:0;
  left:0;
}
.letter, .letter:before, .letter:after{
  transition: all 0.3s ease-in-out;
}
.letter:before{
  color: #fff;
  text-shadow:
    -1px 0px 1px rgba(255,255,255,.8),
    1px 0px 1px rgba(0,0,0,.8);
  z-index: 3;
  transform:
    rotateX(0deg)
    rotateY(-15deg)
    rotateZ(0deg);
}
.letter:after{
  color: rgba(0,0,0,.11);
  z-index:2;
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(0deg)
    rotateZ(0deg)
    skew(0deg,1deg);
}
.letter:hover:before{
  color: #fafafa;
  transform:
    rotateX(0deg)
    rotateY(-40deg)
    rotateZ(0deg);
}
.letter:hover:after{
  transform:
    scale(1.08,1)
    rotateX(0deg)
    rotateY(40deg)
    rotateZ(0deg)
    skew(0deg,22deg);
}
/**************************************************************************************
全ブロックの共通設定
**************************************************************************************/
/*BODY全体に関する設定*/
body {
    color: #555;
    font-size: 12px;
    font-family: "ヒラギノ角ゴ","メイリオ", 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 2px;
    text-align: center;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-arrow-color: #f5f5f5;
    scrollbar-face-color: #f5f5f5;
    scrollbar-highlight-color: #ccc;
    scrollbar-shadow-color: #ccc;
    scrollbar-track-color: #fff;
    overflow: auto;
}

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

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

/*通常のリンクの設定*/
a {color: #999; text-decoration: none;}
a:hover {color: #555; text-decoration: underline; }

/*全体の設定*/
#mainBlock {
    width: 775px;
    text-align: left;
    margin: 0px auto;
    background-color: #fff;
}

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

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

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

/*引用*/
blockquote {  
    border-left: dashed 2px #bbb;
    padding: 0px 10px;  
    margin: 5px 0px;
    color: #2B6865;
    font-weight: bold;
}  

/**************************************************************************************
トップブロック用デザイン
**************************************************************************************/
/*一番上のブロック（タイトルが書かれる場所）の設定*/
#TopBlock {
    font-family: 'ＭＳ Ｐゴシック', sans-serif;
    text-align: left;
    padding-left: 1px;
}

/*ページタイトル文字部分の設定*/
#TopTitle {
    color: #aaa;
    font-size: 25px;
    letter-spacing: 5px;
    text-align: left;
}

/*ページタイトルのリンクの設定*/
#TopTitle a {color: #888;}
#TopTitle a:hover {color: #555;}

/*ページタイトルの下に来るブログの説明文書*/
#TopExplanation {
    color: #6f6f6f;
    text-align: left;
    line-height: 150%;
    margin: 10px 20px 0px 0px;
}

/**************************************************************************************
フッターブロック用デザイン
**************************************************************************************/
/*一番下のブロック（著作権表示が書かれる場所）の設定*/
#FooterBlock {
    clear: both;
    color: #999;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: right;
    margin: 50px 35px 20px 35px;
    cursor: default;
}

/**************************************************************************************
プラグインブロック用デザイン
**************************************************************************************/
/*プラグイン表示箇所全体の設定*/
#PluginBlock {
    float: right;
    width: 205px;
    color: #888;
    padding-top: 35px;
    margin-left: 50px;
    text-align: left;
    cursor: default;
    overflow: hidden;
}

/*プラグイン部分のリンクの設定*/
#PluginBlock a {color: #555;}
#PluginBlock a:hover {color: #999;}

/*プラグイン表示箇所の背景や余白設定*/
.PluginInnerBlock {
    line-height: 120%;
    margin: 20px 0px;
}

/*プラグインのタイトル（名称）部分の設定*/
.PluginTitle {
    color: #aaa;
    font-weight: bold;
    padding: 5px 0px;
    text-align: left;
}

/*プラグインの説明部分の設定*/
.PluginExplanation {
    font-size: 10px;
    font-family: Tahoma, 'MS UI Gothic', sans-serif;
    padding: 0px 0px 0px 7px;
}

/*プラグインが表示される場所の設定*/
.PluginContents {
    font-size: 10px;
    letter-spacing: 1px;
    padding: 8px 0px 8px 15px;
    margin-left: 10px;
    background-image: url(http://bfile.shinobi.jp/5544/line.gif);
    background-repeat: repeat-y;
}

/*プラグイン部分に表示されるフォームの設定*/
.PluginContents input {font-size: 10px;}
.PluginContents textarea {width: 170px; height: 80px; font-size: 10px;}

/**************************************************************************************
記事ブロック用デザイン
**************************************************************************************/
/*記事繰り返し処理全ての部分の設定*/
#EntryBlock {
    float: left;
    width: 520px;
    padding-top: 30px;
    margin-left: 0px;
    overflow: hidden;
}

/*記事表示部分の背景や余白等の設定*/
.EntryInnerBlock {
    line-height: 30px;
    margin: 50px 0px;
    text-align: left;
}

.EntryText img {
margin: 0px 0px 5px;
width: 99%;
height: auto;
}

/*各記事タイトル部分の設定*/
.EntryTitle {
    color: #aaa;
    font-size: 13px;
    font-weight: bold;
    padding: 0px 8px;
    line-height: 20px;
    border-left: 5px solid #aaa;
}

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

/*記事本文が記載される部分*/
.EntryText {
    line-height: 190%;
    margin: 10px 0px 20px 0px;
}

.EntryText a {color: #999; text-decoration: none; font-weight: bold;}
.EntryText a:hover {color: #555; text-decoration: underline; font-weight: bold;}

.EntryText a img {border: solid 1px #999;}
.EntryText a:hover img {border: solid 1px #555}

/*忍者拍手のところ*/
.NinjaClap {
    color: #aaa;
    font-size: 10px;
    text-align: right;
    margin: 10px 0px 0px 0px;

}
/*忍者拍手の画像*/
.NinjaClap img {
    margin-right: 5px;
    vertical-align: middle;
}

/*追記文書が記載される部分*/
.EntryPsText {
    float: right;
    margin: 0px 1px 0px 1px;
    border: 1px dashed #bbb;
}

/*追記文書が記載される部分のリンクの設定*/
.EntryPsText a {
    cursor: pointer;
    display: block;
    line-height: 26px;
    padding: 0px 10px 0px 13px;
}

/*記事へのリンク（コメントやトラックバック等）の背景*/
.EntryFooter {
    color: #ccc;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 15px 0px 35px 0px;
    text-align: right;
    cursor: default;
}

/*記事の日付*/
.EntryDate{
    color: #aaa;
    font-size: 10px;
    letter-spacing: 0;
    line-height: 100%;
    text-align: right;
    margin-bottom: 17px;
    padding-right: 10px;
}


/*次の記事やHOMEへのリンクが表示される背景部分*/
.PageLinkBlock {
    color: #ccc;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 180%;
    margin-top: 20px;
    cursor: default;
}

/**************************************************************************************
各コメント表示部分の設定
**************************************************************************************/
/*コメント全体の設定*/
.CommentBlock {padding: 10px 0px;}

/*COMMENTと書かれている部分の設定*/
.CommentMenuTitle {
    color: #aaa;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 8px;
    margin: 20px 0px;
    border-left: 5px solid #aaa;
}

/*コメントのタイトル、コメント、コメント情報の全ての背景部分*/
.CommentTextBox {
    line-height: 30px;
    margin: 5px 0px 50px 0px;
    text-align: left;
    zoom: 1;
}

/*コメントのタイトル部分のリンク*/
.CommentTitle {
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0px;
    color: #999;
    letter-spacing: 3px;
    padding: 0px 9px 0px 1px;
}

/*コメント部分*/
.CommentText {
    color: #555;
    line-height: 190%;
    padding: 0 5px;
}

/*投稿者や投稿時間などが表示されている部分*/
.CommentFooter {
    color: #aaa;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 15px;
    margin-top: 10px;
    text-align: right;
    border-top: 1px dashed #ccc;
}

/*投稿者や投稿時間などが表示されている部分のリンク*/
.CommentFooter a {
    color: #888;
    padding: 0px 2px;
    border-bottom: 1px dotted #ccc;
}

/*ふれたとき*/
.CommentFooter a:hover {
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    background-color: #e5e5e5;
}

/*コメントを投稿するフォーム全体の設定*/
#CommentFormBlock {
}

/*コメントフォーム用テーブル*/
.CommentFormTable {
    float: right;
    color: #555;
    font-size: 12px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 2px;
    margin-bottom: 50px;
}

/*コメントフォームTHタグ設定*/
.CommentFormTh {
    text-align: right;
    vertical-align: top;
    padding-top: 10px;
}

/*コメントフォーム絵文字があるところのTHタグ設定*/
.CommentFormEmoji {
    text-align: right;
    vertical-align: bottom;
    padding: 0px 2px 2px 0px;
}

/*コメントフォームTDタグ設定*/
.CommentFormTd {
    font-size: 10px;
    line-height: 10px;
    padding-top: 8px;
    text-align: left;
    vertical-align: middle;
    cursor: default;
}

/*コメントフォーム送信ボタンのTDタグ設定*/
.CommentFormSubmit {text-align: right;}

/**************************************************************************************
トラックバック表示部分の設定
**************************************************************************************/
/*トラックバック全体の設定*/
.TrackbackBlock {padding: 10px 0px;}

/*TRACKBACKSと書かれたところ*/
.TrackbackMenuTitle {
    color: #aaa;
    font-size: 13px;
    font-weight: bold;
    line-height: 20px;
    padding: 0px 8px;
    margin: 20px 0px;
    border-left: 5px solid #aaa;
}

/*トラックバックのタイトル、記事、リンク部分の総合設定*/
.TrackbackTextBox {
    line-height: 30px;
    margin: 20px 0px 50px 0px;
    text-align: left;
    zoom: 1;
}

/*トラックバックタイトルの部分*/
.TrackbackTitle {
    font-size: 12px;
    font-weight: bold;
    margin: 5px 0px;
    color: #999;
    letter-spacing: 3px;
    padding: 0px 9px 0px 1px;
}

/*トラックバックの記事部分*/
.TrackbackText {
    color: #555;
    line-height: 190%;
    padding: 0px 5px;
}

/*投稿されたブログ名やリンクなどを表示する部分の設定*/
.TrackbackFooter {
    color: #aaa;
    font-size: 10px;
    letter-spacing: 1px;
    padding: 5px 15px;
    margin-top: 10px;
    text-align: right;
    border-top: 1px dashed #ccc;
}

/*投稿されたブログ名やリンクなどを表示する部分のリンク*/
.TrackbackFooter a {
    color: #888;
    padding: 0px 2px;
    border-bottom: 1px dotted #ccc;
}

/*ふれたとき*/
.TrackbackFooter a:hover {
    color: #999;
    border-bottom: 1px solid #e5e5e5;
    background-color: #e5e5e5;
}

/*この記事にトラックバックする　と書かれた部分の設定*/
.TrackbackURLTitle {
}

/*トラックバックする為のURLが記載されているフォーム部分の設定*/
#TrackbackURL {
    color: #aaa;
    width: 240px;
    margin-left: 5px;
}

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

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

/*プロフィール画像のところ*/
.profile_image {text-align: center;}

/**************************************************************************************
  カレンダープラグイン用デザイン
**************************************************************************************/
/*カレンダー日付移動用テーブル（前月、次月へのリンクなど）*/
.CalendarMoveTable {
    width: 175px;
    color: #aaa;
    font-size: 10px;
    line-height: 220%;
    padding: 3px;
    cursor: default;
}

/*前月、次月へのリンクの設定*/
.CalendarMoveTable a {display: block; width: 100%; color: #555;}
.CalendarMoveTable a:hover {color: #ccc;}

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

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

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

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

/*カレンダー表示用テーブル*/
.CalendarTable {
    width: 175px;
    color: #aaa;
    font-size: 10px;
    letter-spacing: 0px;
    line-height: 220%;
    cursor: default;
    zoom: auto;
}

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

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

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

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

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

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

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

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

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

/*記事が存在する場所のリンク*/
.CalendarTdLink a {display: block; width: 100%; height:100%; color: #555;}
.CalendarTdLink a:hover {font-weight: bold; color: #555 !important;}
.CalendarTdLink a:active {font-weight: bold; color: #ccc !important;}

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

/*-------------------------------------------------------
  コメント -> 管理者返信部分デザイン
-------------------------------------------------------*/
.CommentResBlock {
    letter-spacing: 2px;
    margin-left: 30px;
}

.CommentResBox {
    padding: 5px 15px;
    border: 1px dashed #ccc;
}

.CommentResTitle {
    color: #aaa;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
}

.CommentResText {
    color: #666;
    line-height: 190%;
    margin: 0px 10px;
}

.CommentResFooter {
    color: #aaa;
    font-size: 10px;
    letter-spacing: 1px;
    text-align: right;
}

/*-------------------------------------------------------
  フォームの設定
-------------------------------------------------------*/
/*一行テキストエリア*/
input {
    color: #555;
    font-size: 12px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 2px;
    padding: 1px;
    border: 1px solid #aaa;
}

/*コメントフォームの一行テキストエリアの幅*/
.inp {width: 300px; margin-left: 5px;}

/*テキストエリア*/
textarea {
    color: #555;
    font-size: 12px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 2px;
    padding: 1px;
    border: 1px solid #aaa;
    scrollbar-3dlight-color: #fff;
    scrollbar-darkshadow-color: #fff;
    scrollbar-arrow-color: #aaa;
    scrollbar-face-color: #fff;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #fff;
    scrollbar-track-color: #fff;
    overflow: auto;
}

/*コメントフォームのテキストエリアの幅*/
.tarea {
    width: 300px;
    height: 100px;
    margin-left: 5px;
}

/*コメントフォームの絵文字のところ*/
.CommentFormTd img {margin: 0px;}
.pas {width: 180px; margin: 0px 10px 4px 5px;}

/*コメントフォームの送信ボタン*/
.sub {
    color: #aaa;
    padding: 5px 0px;
    margin-top: 5px;
    border: 0px;
    cursor: pointer;
    background-color: #fff;
}

/*ブログ内検索のフォーム*/
.box {
    width: 100px;
    height: 18px;
    font-size: 10px;
    padding: 2px;
}

/*ブログ内検索の検索ボタン*/
.btn {
    height:18px;
    color: #aaa;
    font-size: 10px;
    padding: 1px 1px 3px 3px;
    background-color: #f5f5f5;
    cursor: pointer;
}

/*忍者メールフォーム*/
.submit_button ,.error_submit_button ,.result_submit_button {
    width:50px;
    color: #aaa;
    font-size: 10px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 2px;
    padding: 2px 0px 1px 2px;
    margin-bottom: 10px;
    border: 1px solid #cfcfcf;
    background-color: #f5f5f5;
    cursor: pointer;
}

.name_parts ,.mail_parts ,.url_parts ,.title_parts ,.text_parts ,.address_parts ,.tel_parts ,.mobile_parts {
    width: 120px;
    color: #555;
    font-size: 10px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    letter-spacing: 1px;
    padding: 1px;
    border: 1px solid #aaa;
}

.age_parts {width: 103px; margin-right: 5px;}

.sex_parts ,.answer_parts ,.pref_parts {
    height: 20px;
    color: #aaa;
    font-size: 10px;
    font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
    padding: 1px;
    border: 1px solid #aaa;
}

/*ブログペットのトラックバック機能のところ*/
.pet_theme_q {
    border: 1px solid #bbb;
    padding: 10px 20px;
    margin: 10px 0px;
}
.pet_theme_q a {display: block;}

/*リストの設定*/
ul {margin: 5px 0px;}
li {
    list-style-position: inside;
    list-style-type: circle;
}