@charset "utf-8";

/************************************************************
      CSS for http://ameblo.jp/momocats/
                                2014/02/04 by wazameba
************************************************************/

/*----------------------------------------------------------
  フォント
----------------------------------------------------------*/

body {
  font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',arial,sans-serif;
}

/*----------------------------------------------------------
  各種テキスト色
----------------------------------------------------------*/

/* 地色テキスト */
.skinTextColor, .skinBaseTextColor, .skinBlock, body{
  color:#333;
}

/* リンク色（基本） */
.skinAnchorColor, .skinBaseAnchorColor, .skinBlock a, a{
  color:#f69;
}

/* リンク色（visited） */
.skinAnchorVisitedColor, .skinBaseAnchorVisitedColor, .skinBlock a:visited, a:visited{
  color:#969;
}

/* リンク色（hover） */
.skinAnchorHoverColor, .skinBaseAnchorHoverColor, .skinBlock a:focus, .skinBlock a:hover, a:focus, a:hover{
  color:#f69;
}

/* テキスト色(淡) */
.skinWeakColor, .skinBaseWeakColor{
  color:#999;
}

/* テキスト色(強調) */
.skinStrongColor, .skinBaseStrongColor{
  color:#f90;
}


/*----------------------------------------------------------
  各種テキスト背景色
----------------------------------------------------------*/

/* 背景色 */
.skinBgColor, .skinBaseBgColor, .skinBlock{
  background-color:#fff;
}

/* 背景色(淡) */
.skinWeakBgColor, .skinBaseWeakBgColor{
  background-color:#ffecf2;
}

/* 背景色(強調) */
.skinStrongBgColor,.skinBaseStrongBgColor{
  background-color:#ffecf2;
}


/*----------------------------------------------------------
  記事一覧ページ等
----------------------------------------------------------*/

/* 枠線色  */
.skinBorderColor, .skinBaseBorderColor, .skinBlock{
  border-color: #f69;
}

/* リスト境界線色 */
.skinBorderHr, .skinBorderList li{
  border-color: #f69;
}

/*----------------------------------------------------------
  ページングの次へ、前へボタン
----------------------------------------------------------*/

.skinSimpleBtn, .skinSimpleBtn:visited, .skinSimpleBtn:hover, .skinSimpleBtn:focus{
  border: 1px solid #f69;
  background: #fff;
  color: #f69;
}
.skinSimpleBtn:hover, .skinSimpleBtn:focus{
  background: #fff7f7;
}


/*----------------------------------------------------------
  メッセージボード
----------------------------------------------------------*/

.skinMessageBoard{
  border-top: 1px dotted #f69;
  border-bottom: 1px dotted #f69;
  background: #fff;
}


/*----------------------------------------------------------
  記事
----------------------------------------------------------*/

/* 記事ブロック外枠 */
.skinArticle{
  padding: 16px 0;
  border: 1px solid #f69;
  background: #fff;
}

/* 記事ヘッダーブロック */
.skinArticleHeader{
  margin: 0 29px;
  padding: 2px 10px;
  border-left: 5px solid #f69;
}
.skinArticleHeader2{}


/* 記事タイトル文字 */
.skinArticleTitle, .skinArticleTitle:hover, .skinArticleTitle:focus, .skinArticleTitle:visited{
  font-size: 1.31em;
  font-weight: bold;
  color: #f69;
}


/* 記事本文ブロック */
.skinArticleBody{
}
.skinArticleBody2{
  margin: 0 29px;
}

/* 記事フッターブロック */
.skinArticleFooter{
  margin: 10px 29px 0;
  border-top: 1px dotted #f69;
}

/* 記事内画像 */
.articleText .detailOn img {
  max-width: 100%;
  height: auto;
}


/*----------------------------------------------------------
  サイドメニュー
----------------------------------------------------------*/

/* サイドメニュー外枠 */
.skinMenu{
  margin-bottom: 10px;
  background: #ffdfea;
}

/* サイドメニューヘッダー部 */
.skinMenuHeader{
  padding: 5px 10px;
  background: #f69;
}

/* サイドメニュータイトル文字 */
.skinMenuTitle{
  color: #fff;
  font-weight: bold;
}

/* サイドメニュー本文ブロック */
.skinMenuBody{
  margin: 10px;
  padding: 10px;
  background: #fff;
}

/* サイドメニュー リスト項目、境界線 */
.skinSubList li, .skinSubHr{
  margin-bottom: 3px;
  padding-bottom: 3px;
  border-bottom: 1px dotted #f69;
}


/*----------------------------------------------------------
  ヘッダー
----------------------------------------------------------*/

/* ヘッダー部の調整 */
.skinHeaderArea {
  margin-bottom: 0px;
  background: transparent url() no-repeat center top;
  height: 300px;
}
.skinBlogHeadingGroupArea {
  padding: 0;
}
.skinTitleArea {
  padding: 0;
}
.skinTitle {
  display: block;
}

/* ブログタイトルを画面外に飛ばして見えなくする */
.skinTitleArea {
  text-indent: -9999px;
}

/* ブログ説明文を非表示にする */
.skinDescriptionArea {
  display: none;;
}


/**********************************************************

  グローバルナビ for アメブロCSS編集用デザイン
                              -- CSSテンプレート

  http://ameblo-customize.com/index.php?globalnav

  2013/07/23 わざめーば(http://ameblo.jp/wazameba/)

**********************************************************/

/* 基本設定 */
.skinContentsArea {
    position: relative;
}
nav.navArea {
    position: absolute;
    display: block;
    width: 100%;
    left: 0px;
}
nav.navArea .navMenu {
    margin: 0px auto;
    padding: 0px;
    width: auto;
    zoom: 1;
    overflow: visible;
}
nav.navArea .navMenu:after {
    display: block;
    clear: both;
    content: ".";
    height: 0px;
    overflow: hidden;
    visibility: hidden;
}
nav.navArea .navMenu li {
    margin: 0px;
    padding: 0px;
    overflow: hidden;
}
nav.navArea .navMenu>li {
    position: relative;
    float: left;
}
nav.navArea .navMenu>li:hover {
    overflow: visible;
}
nav.navArea .navMenu li a, nav.navArea .navMenu li span {
    display: block;
    margin: 0px;
    padding: 0px;
    outline: 0px none;
    text-align: center;
    text-decoration: none;
}
nav.navArea .subMenu {
    position: absolute;
    z-index: 99999;
    top: 99999px;
}

/* メニューの位置・サイズ設定 */
.skinContentsArea {
  /* 高さ＋上余白＋下余白 */
    padding-top: 60px;
}
nav.navArea {
  /* 縦位置(上余白) */
    top: 0px;
}
nav.navArea .navMenu {
  /* 横位置(左余白) */
    margin-left: 0px;
  /* 横幅 */
    width: 980px;
  /* 高さ */
    line-height: 48px;
}

/* ボタンの横幅設定 */
nav.navArea li a, nav.navArea li span {
  /* 基本 */
    width: 108px;
}
nav.navArea .navMenu>li:first-child>a, nav.navArea .navMenu>li:first-child>span {
  /* 第一ボタン(調整用) */
    width: 106px;
}
nav.navArea .subMenu>li>a, nav.navArea .subMenu>li>span {
  /* 基本のサブメニュー */
    width: 205px;
  /* 高さ */
    line-height: 36px;
}
nav.navArea .navMenu>li:first-child .subMenu>li>a, nav.navArea .navMenu>li:first-child .subMenu>li>span {
  /* 第一ボタンのサブメニュー */
    width: 204px;
}

/* ボタンの枠線設定 */
nav.navArea li a, nav.navArea li span {
  /* 基本 */
    border: 1px solid #f69;
}
nav.navArea .navMenu>li>a, nav.navArea .navMenu>li>span {
  /* メインメニュー */
    border-style: solid solid solid none;
}
nav.navArea .navMenu>li:first-child>a, nav.navArea .navMenu>li:first-child>span {
  /* メインメニューの第一ボタン */
    border-style: solid;
}
nav.navArea .subMenu>li>a, nav.navArea .subMenu>li>span {
  /* サブメニュー */
    border-style: none solid solid solid ;
}
nav.navArea .subMenu>li:first-child>a, nav.navArea .subMenu>li:first-child>span {
  /* サブメニューの第一ボタン */
    border-style: solid;
}

/* サブメニューの縦位置設定 */
nav.navArea .navMenu>li:hover .subMenu {
    top: 43px;
}

/* サブメニューの横位置設定 */
nav.navArea .subMenu {
  /* 基本 */
    left: 15px;
}
nav.navArea .navMenu>li:first-child .subMenu {
  /* 第一ボタンのサブメニュー */
    left: 16px;
}

/* ボタン文字色設定 */
nav.navArea .navMenu li a, nav.navArea .navMenu li span {
  /* 通常時 */
    color: #f69;
}
nav.navArea .navMenu li a:hover {
  /* オンマウス時 */
    color: #f69;
}

/* ボタン背景色設定 */
nav.navArea .navMenu li a, nav.navArea .navMenu li span {
  /* 通常時 */
    background-color: #fff7f7;
}
nav.navArea .navMenu li a:hover {
  /* オンマウス時 */
    background-color: #ffffff;
}

/* ボタン文字 */
nav.navArea .navMenu li a, nav.navArea .navMenu li span {
  font-size: 12px;
  text-shadow: 1px 1px 0px #fff, 2px 2px 2px #f9c;
}

/* 2行ボタンの設定 */
nav.navArea .navMenu li.navItem3 a, nav.navArea .navMenu li.navItem9 a{
  line-height: 14px;
  padding-top: 10px;
  padding-bottom: 10px;
}

/***********************************************************

  ヘッダー画像を変えるときは、画像のURLと高さを変更します

***********************************************************/

/* ヘッダー『画像のURL』 */
.skinHeaderArea {
  background-image: url(//stat.blogskin.ameba.jp/blogskin_images/20140204/00/d9/4d/j/o09800400momocats1391441582931.jpg);
}

/* ヘッダー『高さ』 */
.skinHeaderArea, .skinTitle {
  height: 400px;
}