@charset "utf-8";
/*
-----------------------------------------

 【CSS編集 目次】

　(1) 文字のスタイル
　(2) ボタンのスタイル
　(3) エリアのスタイル
　(4) その他、拡張

  ※CSS編集で広告を修正しないでください
  （規約違反に該当する可能性があります）

-----------------------------------------
*/



/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


　(1) 文字のスタイル


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/* (1-1) 全体の文字
--------------------------------------------*/


/* 通常文字 */
.skinTextColor,.skinBaseTextColor,.skinBlock,body{
color:#000000;
}


/* リンク */
.skinAnchorColor,.skinBaseAnchorColor,.skinBlock a,a{
color:#000099;
}


/* 訪問済のリンク */
.skinAnchorVisitedColor,.skinBaseAnchorVisitedColor,.skinBlock a:visited,a:visited{
color:#000099;
}


/* マウスオーバーしたときのリンク */
.skinAnchorHoverColor,.skinBaseAnchorHoverColor,.skinBlock a:focus,.skinBlock a:hover,a:focus,a:hover{
color:#6495ed;
}


/* 弱い文字 （日付など）*/
.skinWeakColor,.skinBaseWeakColor{
color:#666666;
}


/* 強い文字 （NEW! 更新!など）*/
.skinStrongColor,.skinBaseStrongColor{
color:#CB3059;
}



/* (1-2) ブログタイトル文字
--------------------------------------------*/


/* skinTitle ブログタイトル文字 */
.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus{
color:#000000;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;font-size:2.0em;
font-weight:normal;
}

a:hover.skinTitle,.skinTitle:visited,.skinTitle:hover,.skinTitle:focus {/*マウスをのせたときの文字色*/
    color:#333333;
}


/* skinDescription ブログの説明文字 */
.skinDescription{
color:#9A3F55;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
font-size:1.5em;
font-weight:bold;
}


/* (1-3) 記事／メッセージボード内の文字のスタイル
--------------------------------------------*/

/* skinArticleTitle 記事タイトル文字 */
.skinArticleTitle,.skinArticleTitle:hover,.skinArticleTitle:focus,.skinArticleTitle:visited{
font-size:1.35em;
font-weight:bold;
color:#000000;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif !important;
}



/* (1-4) サイドバー内の文字のスタイル
--------------------------------------------*/

/* skinMenuTitle サイドメニュータイトル文字 */
.skinMenuTitle{}






/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (2) ボタンのスタイル
 ※ボタンの背景画像や文字の色などを指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/* (2-1) ボタン[横180px 縦35px]
--------------------------------------------*/


/* ボタンの背景画像 ※[横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:#CC6666 !important;
}




/* (2-2) アイコン付きボタン[横128px 縦28px]
--------------------------------------------*/


/* アイコン付き ボタンの背景画像 ※[横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_black.png);
color:#333333 !important;　←ボタンの文字色 */
}


/* ボタンの背景画像カスタマイズ */
.profileBtnArea .readerBtn {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/a2/83/p/o0128002813552909677.png);/* 『読者になる』ボタン用画像のURL */
}
.profileBtnArea .amemberBtn {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/89/da/p/o0128002813552909880.png);/* 『アメンバーになる』ボタン用画像のURL */
}
.profileBtnArea .messageBtn {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/37/39/p/o0128002813552909879.png);/* 『メッセージを送る』ボタン用画像のURL */
}
.profileBtnArea .presentBtn {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/94/7f/p/o0128002813552910086.png);/* 『ピグともになる』ボタン用画像のURL */
}

.profileBtnArea .readerBtn:hover {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/f6/98/p/o0128002813552909678.png);/* 『読者になる』ボタン用画像のURL(オンマウス時) */
}
.profileBtnArea .amemberBtn:hover {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/4d/62/p/o0128002813552909679.png);/* 『アメンバーになる』ボタン用画像のURL(オンマウス時) */
}
.profileBtnArea .messageBtn:hover {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/69/68/p/o0128002813552909878.png);/* 『メッセージを送る』ボタン用画像のURL(オンマウス時) */
}
.profileBtnArea .presentBtn:hover {
  background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/af/92/p/o0128002813552910085.png);/* 『ピグともになる』ボタン用画像のURL(オンマウス時) */
}

.profileBtnArea .skinImgBtnS span{
  visibility:hidden;
}



/* (2-3) ページ送りボタンの  << 次へ 、前へ >> 、「次の記事タイトル」 >> ボタン
--------------------------------------------*/


.skinSimpleBtn,.skinSimpleBtn:visited,.skinSimpleBtn:hover,.skinSimpleBtn:focus{
border:1px solid #cccccc;
background:#F6EBD8;
color:#000000 !important;
font-weight: normal;
}


/* ボタンにマウスオーバー */
.skinSimpleBtn:hover,.skinSimpleBtn:focus{
background:#E2D6C6;
}





/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (3) エリアのスタイル
 ※背景画像、サイズ、ボーダーなどを各部分ごとに指定


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/



/* (3-1) ボディ（全体）
--------------------------------------------*/


/* skinBody ボディ */
.skinBody{
	background:url(//stat.blogskin.ameba.jp/blogskin_images/20160129/10/d7/ZK/p/o00750075keym20101454031958395.png) repeat fixed;
	}/* ←ブログ全体に背景を敷きたいとき */
.skinBody2{
	background-color:#FFF; width:1020px; margin:auto;}
.skinBody3{}




/* (3-2) ブログヘッダー
--------------------------------------------*/


/* skinHeaderArea ブログヘッダー980pxエリア */
.skinHeaderArea{
	background:url(//stat.blogskin.ameba.jp/blogskin_images/20160130/20/0c/VV/p/o10200250keym20101454151923915.png) no-repeat;
	width: 1020px;
	height: 250px;
	margin-top:-22px;
	}/* ←ブログヘッダーに背景画像を敷きたいとき */


/* skinBlogHeadingGroupArea タイトルと説明を囲うエリア */
.skinBlogHeadingGroupArea{
	padding:0;
}


/* skinTitleArea ブログタイトルのエリア */
.skinTitleArea{
}


/* skinDescriptionArea ブログの説明エリア */
.skinDescriptionArea{
}


/* (3-3) コンテンツエリア
--------------------------------------------*/


/* skinContentsArea コンテンツエリア */
.skinContentsArea{
	background-color:#FFF;
	line-height:180%;
	margin-top:100px;
/* 注 ベースのcssにwidth:980px;の記述有り */
}

.layoutContentsA {
}


/* (3-4) メインエリア
--------------------------------------------*/


.skinMainArea {
}



/* (3-5) メッセージボード
--------------------------------------------*/


.skinMessageBoard{
/* 注 ベースのcssに margin-bottom の記述有り */
border-top:1px dotted #333333;
border-bottom:1px dotted #333333;
background:#ffffff;/* ←メッセージボードに背景を敷きたいとき */
font-size:120%;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}




/* (3-6) 記事
--------------------------------------------*/

/* skinArticle 記事エリア */
.skinArticle{
/* 注　ベースのcssに margin-bottom の記述有り */
padding:16px 0;
background:#ffffff;/* ←記事に背景を敷きたいとき */
}
.skinArticle2{}
.skinArticle3{}


/* skinArticleHeader 記事タイトルエリア */
.skinArticleHeader{
background-image:url(//stat.ameba.jp/user_images/20160202/16/keym2010/74/0d/p/o0580006413556527337.png);/*背景画像ＵＲＬ*/
width:580px;/*背景画像の横幅*/
height:64px;/*背景画像の縦幅*/
margin:0 0 10px 25px;;
padding:0;
border:none;
margin-top:20px;
}
.skinArticleHeader h1{
padding-top:15px;/*文字の上の隙間*/
padding-left:60px;/*文字の左の隙間*/
line-height:160%;
padding-right:20px;
}
a:hover.skinArticleHeader h1 {/*マウスをのせたとき*/
text-decoration:none;
}
.skinArticleHeader2{}


/* skinArticleBody 記事本文エリア */
.skinArticleBody{}
.skinArticleBody2{
margin:0 29px;
}


/* skinArticleFooter 記事フッターエリア */
.skinArticleFooter{
margin:10px 29px 0;
border-top:1px dotted #A88957;
}


/* 記事本文のみ文字サイズを大きくする */
.articleText{
  font-size:14px;
  line-height:1.5em;
}

/* 記事枠線を消す 
.skinArticle{
border-style:none;
}*/



/* (3-7) サイドバーエリア
--------------------------------------------*/


.skinSubArea{} /* サイドバーエリア共通 */

.skinSubA{
	} /* 300pxのサイドバーエリア */

.skinSubB{
} /* 180pxのサイドバーエリア */





/* (3-8) サイドバー　メニュー
--------------------------------------------*/


/* skinMenu サイドバー　メニューのエリア */
.skinMenu{
/* 注　ベースのcssに margin-bottom の記述有り */
background:#f7f7f7;/* ←サイドメニューに背景を敷きたいとき */
}
.skinMenu2{}


/* skinMenuHeader サイドメニュータイトルエリア */
.skinMenuHeader{
background-color:transparent;/*元のメニューヘッダー背景を消す*/
}
.skinMenu{
background-color:transparent;/*元のブロック枠を消す（注）*/
}
.skinMenuHeader{
margin: 0;
padding: 0;
text-indent:-9999px;/*メニュータイトルを消す*/
background-position:center;
background-repeat:no-repeat;
}



.recentEntriesMenu .skinMenuHeader{/*最新の記事*/
background-image:url(//stat.ameba.jp/user_images/20160130/21/keym2010/26/9b/p/o0301007113554067108.png);
height:71px;/*画像の縦*/
}
.themeMenu .skinMenuHeader{/*テーマ*/
background-image:url(//stat.ameba.jp/user_images/20160130/21/keym2010/66/58/p/o0301007113554067109.png);
height:71px;/*画像の縦*/
}
.profileMenu .skinMenuHeader{/*プロフィール*/
background-image:url(//stat.ameba.jp/user_images/20160202/15/keym2010/5f/6f/p/o0301007613556478068.png);
height:76px;/*画像の縦*/
}
.readerMenu .skinMenuHeader{/*このブログの読者*/
background-image:url(//stat.ameba.jp/user_images/20160202/15/keym2010/35/a4/p/o0301007913556478069.png);
height:79px;/*画像の縦*/
}



/* skinMenuBody サイドメニュー本文エリア */
.skinMenuBody{
margin:10px;
padding:10px;
background:#ffffff;/* ←サイドメニューの本文に背景を敷きたいとき */
font-size:110%;
}



/* (3-9) サイドバーの　リスト画像、ボーダー　※要素のbottomに指定すること
--------------------------------------------*/

.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:3px;
border-bottom:1px dotted #A88957;
}


/* (3-付け足し) サイドバーのリンク文字色（個別に色指定）
--------------------------------------------*/

div.skinMenuBody a:link,
div.freespaceArea a:link,
div.plugin a:link{
color:#000000; /*未訪問のリンク*/
}
div.skinMenuBody a:visited,
div.freespaceArea a:visited,
div.plugin a:visited{
color:#000099; /*訪問済みのリンク*/
}
div.skinMenuBody a:hover,
div.freespaceArea a:hover,
div.plugin a:hover{
color:#6495ed; /*カーソルがのっている時のリンク*/
}
div.skinMenuBody a:active,
div.freespaceArea a:active,
div.plugin a:active{
color:#6495ed; /*クリック中のリンク*/
}



/* (3-10) コメント欄、記事一覧などの一覧
--------------------------------------------*/


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


/* 弱い背景色 */
.skinWeakBgColor,.skinBaseWeakBgColor{
background-color:#f7f7f7;
}


/* 強い背景色 */
.skinStrongBgColor,.skinBaseStrongBgColor{
background-color:#f7f7f7;
}


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


/* 境界線の色 */
.skinBorderHr,.skinBorderList li{
border-color:#E0C6B9;
}




/*
＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊


 (4) その他、拡張


＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊:::＊
*/


/* その他、拡張があれば記述 */



/* (4-1) メニューアイコン画像
--------------------------------------------*/

#.skinFrame2 {/*おまじない（すでにある場合は必要ないです）*/
position: relative;
}

#topmenu{
position: absolute;
top:290px;/*上から*/
left:auto;/*左から*/
right:auto;
z-index: 100;
}

#topmenu ul{
width:978px;/*ベーシックの場合は800pxです*/ ←実際のメニューの横幅を設定
height:50px;/*画像の高さ*/
margin:0 auto;/*注1*/　　← auto を付けて中央寄せにします
padding: 0;
dislay: block;
}
#topmenu li{
width:163px;/*1枚の画像の幅*/
height:50px;/*画像の高さ*/
margin:0 0 0 0;
padding:0;
float:left;
list-style-type:none;
background-repeat:no-repeat;
}
#topmenu li a{
text-decoration:none;
text-indent:-9999px;
display:block;
height:100%;
}
#topmenu li a:hover{
background-image:none;
}
#menu01 a{/*トライアルレッスン マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/e9/12/p/o0163005013555493412.png);
}
#menu01{/*トライアルレッスン Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/75/67/p/o0163005013555493410.png);
}
#menu02 a{/*レッスンメニュー マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/37/29/p/o0163005013555493414.png);
}
#menu02{/*レッスンメニュー Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/da/4e/p/o0163005013555493413.png);
}
#menu03 a{/*レッスンのご感想 マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/c6/4d/p/o0163005013555493763.png);
}
#menu03{/*レッスンのご感想 Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/ad/f8/p/o0163005013555493411.png);
}
#menu04 a{/*アクセス マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/2e/c9/p/o0163005013555493761.png);
}
#menu04{/*アクセス Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/17/43/p/o0163005013555493760.png);
}
#menu05 a{/*ご予約お問い合せ マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/b5/ed/p/o0163005013555493762.png);
}
#menu05{/*ご予約お問い合せ Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/7a/f3/p/o0163005013555493764.png);
}
#menu06 a{/*メールマガジン マウスなし*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/50/f5/p/o0163005013555493933.png);
}
#menu06{/*メールマガジン Key*/
background-image:url(//stat.ameba.jp/user_images/20160201/13/keym2010/62/82/p/o0163005013555493932.png);
}


/* (4-2) 広告
--------------------------------------------*/

.resPointTitle{
color:#cccccc;
}
#resPoint img{
display:none; 
}

/*サイド下広告スクロール*/
.subAdList{
height:150px;
overflow:auto;
}



/* (4-3) 読者になるボタン
--------------------------------------------*/

/*読者になるボタン*/
.readerRequestBtnArea a{
width:270px;/*画像の横*/
height:170px;/*画像の縦*/
background-image:url(//stat.ameba.jp/user_images/20160202/16/keym2010/da/80/p/o0270017013556516312.png) ;
background-repeat:no-repeat;
text-indent:-9999px;
display:block;
margin:0 auto;
}

.readerRequestBtnArea a:hover{/*マウスオーバー時*/
background-image:url(//stat.ameba.jp/user_images/20160202/16/keym2010/49/e2/p/o0270017013556516311.png);
background-repeat:no-repeat;
}



/* (4-4) 検索窓
--------------------------------------------*/
.blogSearchInput {
border: 1px solid #DCC3B4;/*枠線の色*/
background-color:#FEFAF1;/*枠の中の背景色*/
}
.blogSearchInput{
color:#A88957 !important;/*枠内の文字色*/
}



/* (4-5) 「ブログトップ」「記事一覧」「画像一覧」ボタン変更
--------------------------------------------*/
.globalLinkAreaInner .blogTopBtn{/* ブログトップ */
background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/9f/43/p/o0128002813552910236.png);
background-repeat:no-repeat;
width:128px;/* 画像の幅 */
height:28px;/* 画像の高さ */
text-indent:-9999px;
}
.globalLinkAreaInner .articleListBtn{/* 記事一覧 */
background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/89/ed/p/o0128002813552910237.png);
background-repeat:no-repeat;
width:128px;/* 画像の幅 */
height:28px;/* 画像の高さ */
text-indent:-9999px;
}
.globalLinkAreaInner .imageListBtn{/* 画像一覧 */
background-image:url(//stat.ameba.jp/user_images/20160129/13/keym2010/d0/55/p/o0128002813552910510.png);
background-repeat:no-repeat;
width:128px;/* 画像の幅 */
height:28px;/* 画像の高さ */
text-indent:-9999px;
}



/* (4-6) 読者数の文字を大きく！*/
.readerHeader em {
font-size:1.5em;
}


/* ▼ タイトルと説明文を消しヘッダー画像をトップへのリンクにする(ここから) ▼ */
.skinHeaderArea2,.skinBlogHeadingGroupArea{
padding:0;
}
.skinTitleArea{
display:block;
padding:0;
text-indent:-9999px;
}
.skinTitle{
display:block;
height:250px; /* ←各自ヘッダー画像の高さと同じに指定する */
}



/* アメンバーになるボタンを非表示 */
.profileMenu .profileBtnArea>li:first-child+li{display:none;}

/* プレゼントを贈るボタンを非表示 */
.profileMenu .profileBtnArea>li:first-child+li+li+li{display:none;}