@charset "utf-8";
/*
-----------------------------------------------------
ameblo CSS Skin Settings
FileName  : skin
Version   : 2011.08
Update    : 2011.12.8
Skin for  : http://ameblo.jp/ameblo-book2/
Copyright (C) 24HR CREATE All rights reserved.
-----------------------------------------------------


【CSSコードの説明】

※ ご使用の際は、○○○:●●●; までをコピーして使ってください。
※ コードは全て半角英数字で書いてください。
※ 0px は 0 というように px を省いても反映します。


■文字（フォント）

・文字サイズ（数字を増減することで文字サイズが変更されます。）
    font-size    :12px; 標準のサイズ
    font-size    :11px; 標準より1px小さいサイズ
    font-size    :13px; 標準より1px大きいサイズ

・文字の太さ
    font-weight    :normal; 標準の太さ
    font-weight    :bold; 太字

・文字揃え
    text-align    :left; 左揃え
    text-align    :right; 右揃え
    text-align    :center; 中央揃え

・文字色（以下は例となります。本書付録のカラーチャートを参考にしてください。アルファベットは半角大文字、半角小文字どちらでも反映されま す。）
    color        :#ffffff; 白
    color        :#000000; 黒
    color        :#333333; 濃いグレー
    color        :#999999; 薄いグレー
    color        :#ff0000; 赤
    color        :#0000ff; 青

・文字の装飾
    text-decoration    :none; 装飾なし
    text-decoration    :underline; 下線
    text-decoration    :overline; 上線
    text-decoration    :line-through; 打ち消し線


■線（ボーダー）

    border        :solid 1px #000000; 線の種類 線の太さ 線の色

・線の種類
    none    線の非表示
    solid    1本線
    double    2本線
    dashed    破線
    dotted    点線


■背景画像

・背景画像のリピート（繰り返し）
    background    :url(画像アドレス) repeat 0 0; 全体にリピート
    background    :url(画像アドレス) repeat-x 0 0; 横（左右）にリピート
    background    :url(画像アドレス) repeat-y 0 0; 縦（上下）にリピート
    background    :url(画像アドレス) no-repeat 0 0; リピートさせない

    ↓↓↓以下のような書き方もできます↓↓↓

    background-image    :url(画像アドレス);
    background-repeat    :repeat;
    background-position    :0 0;

・背景画像をスクロールさせない
    background-attachment:fixed;


■スペース

・内側のスペース
    padding        :170px 230px 0px 20px; 上 右 下 左
    padding-top    :170px; 上
    padding-right    :230px; 右
    padding-bottom    :0px; 下
    padding-left    :170px; 左

・外側のスペース
    margin        :170px 230px 0px 20px; 上 右 下 左
    margin-top    :170px; 上
    margin-right    :230px; 右
    margin-bottom    :0px; 下
    margin-left    :170px; 左


■その他

・画像や文字など強制的に削除する
    display        :none;


-----------------------------------------------------
【CSSコードの説明】はここまで */


/*++++++++++++++++++++++++++++++++++++++++
スタイルリセット
++++++++++++++++++++++++++++++++++++++++*/
body {
    margin        :0px;
    padding        :0px;
}
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, span, pre, blockquote, th, td {
    margin        :0px;
    padding        :0px;
}
h1, h2, h3, h4, h5, h6 {
    font-size    :100%;
    font-weight    :normal;
}
img {
    border        :0;
}
address, th {
    font-style    :normal;
    font-weight    :normal;
}
table {
    border-collapse    :collapse;
    border-spacing    :0;
    font-size    :100%;
}
th {
    white-space    :nowrap;
    text-align    :left;
}
pre {
    font-family    :monospace;
}
textarea {
    font-size    :100%;
}
ol, ul {
    list-style-type    :none;
}
q:before, q:after {
    content        :'';  
}
form, input, label, select, textarea {
    margin        :0px;
    padding        :0px;
    font-size    :100%;
    vertical-align    :baseline;
}



/*++++++++++++++++++++++++++++++++++++++++
背景
++++++++++++++++++++++++++++++++++++++++*/
/* ■背景画像■ */
html {
    background    :#f5f5f5; /* 全体の背景色 */
}



/*++++++++++++++++++++++++++++++++++++++++
文字サイズ・行間
++++++++++++++++++++++++++++++++++++++++*/
/* ■文字サイズ■ */
body {
    font-size    :12px !important;
}
*:first-child+html body {font-size:62.5%;} /* IE7 */
html>/**/body body {font-size:62.5%;} /* IE8 */


/* ■行間■ */
body {
    line-height    :1.5;
}

/* 記事の行間 */
.skinArticleBody2 {
    line-height    :1.5;
}



/*++++++++++++++++++++++++++++++++++++++++
文字色・リンク
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体の文字色■ */
body {
    color        :#333333; /* 文字色 */
}


/* ■全体のリンク■ */
/* リンク */
a {
    color        :#0066ff; /* 文字色 */
    text-decoration    :underline; /* 文字の装飾 */
}

/* 訪問済みリンク */
a:visited {
    color        :#0066ff; /* 文字色 */
    text-decoration    :underline; /* 文字の装飾 */
}

/* マウスオーバーリンク */
a:hover {
    color        :#0066ff; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}


/* ■サイドのリンク■ */
/* リンク */
.columnC .skinSubA a ,
.columnC .layoutContentsB a {
    text-decoration    :none; /* 文字の装飾 */
}

/* 訪問済みリンク */
.columnC .skinSubA a:visited ,
.columnC .layoutContentsB a:visited {
    text-decoration    :none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
.columnC .skinSubA a:hover ,
.columnC .layoutContentsB a:hover {
    text-decoration    :underline; /* 文字の装飾 */
}



/*++++++++++++++++++++++++++++++++++++++++
カラムの設定
++++++++++++++++++++++++++++++++++++++++*/
/* ■全体幅■ */
.skinFrame {
    position    :relative;
    width        :980px; /* ヘッダ画像の幅 */
    margin        :0px auto 0px auto;
    padding        :0px 20px 0px 20px; /* 背景画像との左スペース */
    background    :#ffffff; /* ブログの背景色 */
}

/* ■記事カラム＋右サイドカラム■ */
.columnC .layoutContentsA {}

/* ■記事カラム■ */
.columnC .skinMainArea {}

/* ■左サイドカラム■ */
.columnC .layoutContentsB {}

/* ■右サイドカラム■ */
.columnC .skinSubA {}



/*++++++++++++++++++++++++++++++++++++++++
ヘッダ
++++++++++++++++++++++++++++++++++++++++*/
.skinHeaderFrame {}

/* ■ヘッダ画像■ */
.skinHeaderArea {
    background    :url(//stat.blogskin.ameba.jp/blogskin_images/20140227/08/c8/50/j/o09800300bondechoco1393456052554.jpg); /* ヘッダ画像 */
    background-repeat:no-repeat; /* ヘッダ画像のリピート */
    height        :300px; /* ヘッダ画像の高さ */
    padding-bottom    :70px; /* ヘッダ画像とメインの間のスペース */
}

/* ヘッダ画像のリンク */
.skinHeaderFrame h1.skinTitleArea a {
    display        :block;
}


/* ■ブログタイトル■ */
.skinHeaderFrame h1.skinTitleArea {
    font-weight    :bold; /* 文字の太さ */
    font-size    :1.2em; /* 文字サイズ */
    padding        :170px 230px 0px 20px; /* 上 右 下 左 からの位置 */
    text-align    :left; /* 文字揃え */
}

/* ブログタイトルのリンク */
/* リンク */
.skinHeaderFrame h1.skinTitleArea a {
    color        :#000000; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}

/* 訪問済みリンク */
.skinHeaderFrame h1.skinTitleArea a:visited {
    color        :#000000; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
.skinHeaderFrame h1.skinTitleArea a:hover {
    color        :#000000; /* 文字色 */
    text-decoration    :underline; /* 文字の装飾 */
}


/* ■ブログ説明■ */
.skinHeaderFrame h2.skinDescriptionArea {
    padding        :10px 230px 0px 120px; /* 上 右 下 左 からの位置 */
    text-align    :left; /* 文字揃え */
}
.skinDescription {
    font-weight    :nomal; /* 文字の太さ */
    color        :#999999; /* 文字色 */
}


/* ■ヘッダメニュー（フリースペース使用）■ */
ul#gnavi {
    position    :absolute;
    top        :300px; /* .skinFrameを基準とした上からの距離 */
    left        :20px; /* .skinFrameを基準とした左からの距離 */
    width        :980px; /* ヘッダメニューの幅 */
}
ul#gnavi li {
    float        :left;
    text-align    :center; /* 文字揃え */
}
ul#gnavi li a {
    display        :block;
    height        :50px; /* ヘッダメニューの高さ */
    width        :196px; /* ヘッダメニューの１つの幅 */
    background    :url(//stat.blogskin.ameba.jp/blogskin_images/20140227/08/9c/20/j/o09800100bondechoco1393456065975.jpg); /* ヘッダメニュー背景画像 */
    background-repeat:no-repeat; /* ヘッダ画像のリピート */
}


/* ヘッダメニューのリンク文字 */
ul#gnavi li a span {
    display        :block;
    padding-top    :15px;
}

/* リンク */
ul#gnavi li a {
    font-weight    :bold; /* 文字の太さ */
    font-size    :1.2em; /* 文字サイズ */
    color        :#ffffff; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}

/* 訪問済みリンク */
ul#gnavi li a:visited {
    color        :#ffffff; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}

/* マウスオーバーリンク */
ul#gnavi li a:hover {
    color        :#666666; /* 文字色 */
    text-decoration    :none; /* 文字の装飾 */
}


/* ヘッダメニュー1 */
/* リンク */
ul#gnavi li.menu1 a {
    background-position:0px 0px; /* 左 上 からの位置 */
}
/* マウスオーバーリンク */
ul#gnavi li.menu1 a:hover {
    background-position:0px -50px; /* 左 上 からの位置 */
}

/* ヘッダメニュー2 */
ul#gnavi li.menu2 a {
    background-position:-196px 0px;
}
ul#gnavi li.menu2 a:hover {
    background-position:-196px -50px;
}

/* ヘッダメニュー3 */
ul#gnavi li.menu3 a {
    background-position:-392px 0px;
}
ul#gnavi li.menu3 a:hover {
    background-position:-392px -50px;
}

/* ヘッダメニュー4 */
ul#gnavi li.menu4 a {
    background-position:-588px 0px;
}
ul#gnavi li.menu4 a:hover {
    background-position:-588px -50px;
}

/* ヘッダメニュー5 */
ul#gnavi li.menu5 a {
    background-position:-784px 0px;
}
ul#gnavi li.menu5 a:hover {
    background-position:-784px -50px;
}



/*++++++++++++++++++++++++++++++++++++++++
メインカラム
++++++++++++++++++++++++++++++++++++++++*/
.skinMainArea{}

/* ■メッセージボード■ */
.skinMessageBoard {
    margin        :0px 0px 30px 0px;
    border        :1px dashed #cccccc; /* 線 */
}
.skinMessageBoard2 {}
.skinMessageBoard3 {
    padding        :20px;
}


/* ■記事全体■ */
.skinArticle {
    position    :relative;
    margin        :50px 0px 50px 0px;
    padding        :0px;
    border        :none;
}
.skinArticle2 {}
.skinArticle3 {}


/* ■記事ヘッダ■ */
.articleDetailArea {}

/* 日付 */
span.articleTime {
    position    :absolute;
    left        :0px;
    top        :-20px;
}
/* テーマ */
span.articleTheme {
    position    :absolute;
    right        :0px;
    top        :-20px;
}
/* 投稿者の表示 */
span.articleName {
    position    :absolute;
    left        :0px;
    top        :-20px;
    padding-left    :180px;
}


/* ■記事タイトル■ */
/* 記事タイトル背景 */
.skinArticleHeader {
    margin        :0px;
    padding        :0px;
    border-top    :1px solid #999999; /* 記事タイトルの上の線 */
    border-bottom    :1px dashed #cccccc; /* 記事タイトルの下の線 */
    border-left    :none; /* 記事タイトルの左の線 */
    border-right    :none; /* 記事タイトルの右の線 */
}

/* 記事タイトル */
.skinArticleHeader2 {
    font-size    :1.0em; /* 文字サイズ */
    font-weight    :bold; /* 文字の太さ */
    margin        :15px 0px 15px 0px;
}

/* リンク */
.skinArticleHeader2 h1 a {
    text-decoration    :none; /* 文字の装飾 */
    color        :#0066ff; /* 文字色 */
}

/* 訪問済みリンク */
.skinArticleHeader2 h1 a:visited {
    text-decoration    :none; /* 文字の装飾 */
    color        :#0066ff; /* 文字色 */
}

/* マウスオーバーリンク */
.skinArticleHeader2 h1 a:hover {
    text-decoration    :underline; /* 文字の装飾 */
    color        :#0066ff; /* 文字色 */
}


/* ■記事本文■ */
.skinArticleBody {
    margin        :0px;
}
.skinArticleBody2 {
    margin        :0px;
    font-size    :1.1em; /* 記事の文字サイズ */
}


/* ■記事フッター■ */
.skinArticleFooter {
    margin        :10px 0px 0px 0px;
    padding        :0px;
    border-top    :1px dashed #cccccc; /* 線 */
}


/* ■ページ送りリンク■ */
.pagingArea {
    margin        :16px auto;
    min-height    :24px;
    position    :relative;
    text-align    :center;
}

/* ボタン */
.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
    border        :1px solid #dddddd; /* 線 */
    background    :#ffffff; /* 背景 */
    color        :#0066cc !important; /* 文字色 */
}

/* ボタンのマウスオーバーリンク */
.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
    background    :#f7f7f7; /* 背景 */
}


/* ■コメントエリア、トラックバックエリア■ */
/* 枠線（共通） */
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock {
    border-color    :#dddddd; /* 線色 */
}

/* 枠内（共通） */
.skinBgColor,
.skinBaseBgColor,
.skinBlock {
    background-color:#ffffff; /* 背景 */
}

/* コメントエリア */
.commentArea {
    border-style    :solid; /* 線種 */
    border-width    :1px; /* 線幅 */
    margin-top    :30px;
    overflow    :hidden;
    padding        :12px 14px 12px 14px;
}

/* トラックバックエリア */
.trackbackArea {
    border-style    :solid; /* 線種 */
    border-width    :1px; /* 線幅 */
    margin-top    :30px;
    padding        :10px 14px 10px 14px;
}



/*++++++++++++++++++++++++++++++++++++++++
サイドカラム
++++++++++++++++++++++++++++++++++++++++*/
.columnC .skinSubA ,
.columnC .layoutContentsB {
    line-height    :1.4;
}

/* ■サイド共通■ */
.skinMenu {
    background    :#ffffff; /* 背景 */
}

/* サイドタイトル */
.skinMenuHeader {
    height        :20px; /* サイドタイトルの高さ */
    margin        :0px 0px 10px 0px;
    padding        :10px 15px 5px 15px;
    font-weight    :bold; /* 文字の太さ */
    background    :url(//stat.blogskin.ameba.jp/blogskin_images/20140227/08/88/0e/j/o08000020bondechoco1393456107867.jpg); /* リストアイコン画像 */
    background-repeat:no-repeat;
}

/* サイド本文 */
.skinMenuBody {
    background    :#ffffff; /* 背景 */
    margin        :5px;
    padding        :0px;
}
.skinSubHr,
.skinSubList li {
    border-bottom    :none; /* 線 */
    margin-bottom    :3px;
    padding-bottom    :3px;
}

/* 「一覧を見る」リンク */
.listLink {
    padding-top    :6px;
    text-align    :right;
}


/* ■プロフィール■ */
.profileMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.profileMenu .skinMenuBody {
    margin        :10px;
    padding        :10px;
}


/* ■最近の記事■ */
.recentEntriesMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.recentEntriesMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■最近のコメント■ */
.recentCommentMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.recentCommentMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■テーマ一覧■ */
.themeMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.themeMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■過去の記事■ */
.archiveMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.archiveMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■カレンダー■ */
.calendarMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.calendarMenu .calendar table {
    width        :100%;
    line-height    :1.4;
}
.calendarMenu caption {
    font-weight    :bold;
    padding-bottom    :6px;
}
.calendarMenu caption a {
}
.calendarMenu .calendar th,
.calendarMenu .calendar td {
    padding        :2px 0px;
    text-align    :center;
}


/* ■アメブロランキング■ */
.rankingMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}


/* ■ブログの読者■ */
.readerMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.readerMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}

/* 読者になるボタン */
.readerMenu a.skinImgBtnS {
    background    :url(//stat.blogskin.ameba.jp/blogskin_images/20130102/22/73/de/p/o01350038co-light1357132949656.png); /* ボタン画像 */

    display        :block;
    margin        :0px auto 0px auto;
    width        :135px; /* 画像の幅 */
    height        :40px; /* 画像の高さ */
    text-indent    :-9999px;
}
.readerMenu a:hover.skinImgBtnS {

}


/* ■ブックマーク■ */
.bookmarkMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.bookmarkMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■お気に入りブログ■ */
.favoriteMenu .skinMenuHeader {
    background    :;
    background-repeat:no-repeat;
}
.favoriteMenu ul.skinSubList li {
    background    :url(http://amemari.cocolog-nifty.com/ameblo-book2/side_arrow.png); /* リストアイコン画像 */
    background-repeat:no-repeat; /* 画像のリピート */
    background-position:0px 3px; /* 画像のスタート位置 */
    padding-left    :14px;
}


/* ■ブログ内検索■ */
.blogSearchForm {
    margin        :20px 0px;
    position    :relative;
}



/*++++++++++++++++++++++++++++++++++++++++
ボタンのスタイル
++++++++++++++++++++++++++++++++++++++++*/

/* ■ボタン[横180px 縦35px]■ */

.skinImgBtnM {
    background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_m.png); /* 背景画像 */
}
.skinImgBtnM:hover span,
.skinImgBtnM:focus span,
.skinImgBtnM span {
    color        :#333333; /* 文字色 */
}


/* ■アイコン付きボタン[横128px 縦28px]■ */
.skinImgBtnS {
    background-image:url(//stat100.ameba.jp/p_skin/wu_pf_cssedit/img/skin_btn_s.png); /* 背景画像 */
}

/* アイコン */
.skinImgBtnS:hover span,
.skinImgBtnS:focus span,
.skinImgBtnS span {
/*
 アイコン画像は下記から指定
 menu_icons_pastel.png (パステル）
 menu_icons_gray.png（グレー）
 menu_icons_black.png（黒）
 menu_icons_white.png（白）
*/
    background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_gray.png); /* アイコン画像 */
    color        :#333333; /* 文字色 */
}



/*++++++++++++++++++++++++++++++++++++++++
その他追加タグなど
++++++++++++++++++++++++++++++++++++++++*/
/* ブログタイトルとブログ説明文を消す */
#header h1,.skinTitleArea{ /* ブログタイトルを消す */
  display:none;
}
#header h2,.skinDescriptionArea{ /* ブログ説明文を消す */
  display:none;
}

.articleText {
 /* 文字色 */
  color: #000000;
 /* 字体 */
  font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Osaka,sans-serif;
 /* 文字サイズ */
  font-size: 14px;
 /* 行の高さ */
  line-height: 1.75;
}
/*メッセージボード*/
.skinMessageBoard {
border:none;/*線を消す*/
}

p.imagelistLink {
   display:none;
}