@charset "utf-8";
/*--------------------------------------------------
skin.css
$Id: skin.css,v 1.13 2011/10/11 09:01:31 moteki_miyuki_gn Exp $
--------------------------------------------------*/

/*TOC===============================================

カラー設定
	A 基本カラー設定
	B 記事/メッセージ　カラー設定
	C サイドバー　カラー設定
	D 枠の外の配色
ボタンのスタイル
ブロックごとのスタイル

==================================================*/




/*==============================================

　カラー設定

==============================================*/


/* 【A　基本カラー設定】
============================================*/

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

/* 地色テキスト */
.skinTextColor,
.skinBaseTextColor,
.skinBlock,
body{
color:#717171;			/* 【CSS規則】colorのみ指定可能 */
}


/* リンク色（基本） */
.skinAnchorColor,
.skinBaseAnchorColor,
.skinBlock a,
a{
color:#ff5c6d;			/* 【CSS規則】colorのみ指定可能 */
}


/* リンク色（visited） */
.skinAnchorVisitedColor,
.skinBaseAnchorVisitedColor,
.skinBlock a:visited,
a:visited{
color:#d056d8;			/* 【CSS規則】colorのみ指定可能 */
}


/* リンク色（hover） */
.skinAnchorHoverColor,
.skinBaseAnchorHoverColor,
.skinBlock a:focus,
.skinBlock a:hover,
a:focus,
a:hover{
color:#fcaac7;			/* 【CSS規則】colorのみ指定可能 */
}


/* 淡　テキスト色 */
.skinWeakColor,
.skinBaseWeakColor{
color:#b3b3b3;			/* 【CSS規則】colorのみ指定可能 */
}


/* 強調　テキスト色 */
.skinStrongColor,
.skinBaseStrongColor{
color:#ffcc00;			/* 【CSS規則】colorのみ指定可能 */
}




/* 背景色
--------------------------------------------*/
/* 背景色 */
.skinBgColor,
.skinBaseBgColor,
.skinBlock{
/*background-color:#ffffff;*/		/* 【CSS規則】background-colorのみ指定可能 */
}


/* 淡　背景色 */
.skinWeakBgColor,
.skinBaseWeakBgColor{
background-color:#fff5ce;	/* 【CSS規則】background-colorのみ指定可能 */
}


/* 強調　背景色 */
.skinStrongBgColor,
.skinBaseStrongBgColor{
background-color:#fffbec;	/* 【CSS規則】background-colorのみ指定可能 */
}



/* 枠線色（一覧ページの枠線色など）
--------------------------------------------*/
.skinBorderColor,
.skinBaseBorderColor,
.skinBlock{
border-color:#e7e7e7;		/* 【CSS規則】border-colorのみ指定可能 */
}



/* リスト境界線色（メインカラム一覧ページのリストなど　※サイドバー内のリスト境界線色は別）
--------------------------------------------*/
.skinBorderHr,
.skinBorderList li{
border-color:#cccccc;	/* 【CSS規則】border-colorのみ指定可能 */
}





/* 【B　記事/メッセージ　カラー設定】
============================================*/
/*
 *
 * ※基本カラー設定と配色を変える箇所のみ指定
 * ※テキストの色のみ
 *
 */

/*
.skinMainArea,
.skinMainArea .skinTextColor,
.skinArticleTextColor,
.skinArticleBlock{}

.skinMainArea .skinAnchorColor,
.skinArticleAnchorColor,
.skinMainArea a,
.skinArticleBlock a{}

.skinMainArea .skinAnchorVisitedColor,
.skinArticleAnchorVisitedColor,
.skinMainArea a:visited,
.skinArticleBlock a:visited{}

.skinMainArea .skinAnchorHoverColor,
.skinArticleAnchorHoverColor,
.skinMainArea a:focus,
.skinMainArea a:hover,
.skinArticleBlock a:focus,
.skinArticleBlock a:hover{}

.skinMainArea .skinWeakColor,
.skinArticleWeakColor{}

.skinMainArea .skinStrongColor,
.skinArticleStrongColor{}
*/





/* 【C　サイドバー　カラー設定】
============================================*/
/*
 *
 * ※基本カラー設定と配色を変える箇所のみ指定
 * ※テキストの色のみ
 *
 */

/*
.skinSubArea,
.skinSubArea .skinTextColor,
.skinSubTextColor,
.skinSubBlock{}

.skinSubArea a,
.skinSubArea .skinAnchorColor,
.skinSubAnchorColor,
.skinSubBlock a{}

.skinSubArea a:visited,
.skinSubArea .skinAnchorVisitedColor,
.skinSubAnchorVisitedColor,
.skinSubBlock a:visited{}

.skinSubArea a:focus,
.skinSubArea a:hover,
.skinSubArea .skinAnchorHoverColor,
.skinSubAnchorHoverColor,
.skinSubBlock a:focus,
.skinSubBlock a:hover{}

.skinSubArea .skinWeakColor,
.skinSubWeakColor{}

.skinSubArea .skinStrongColor,
.skinSubStrongColor{}
*/





/* 【D 枠の外の配色 】
============================================*/
/*
 *
 * 記事やサイドが枠で囲われているデザインで、
 * 枠の外の文字の可読性が低い場合に文字の色か、文字の背景を指定する
 *

.skinFieldBlock a,
.skinFieldBlock a:visited,
.skinFieldBlock a:focus,
.skinFieldBlock a:hover,
.skinFieldBlock {}

 *
 * 記事一覧
 * ※visited hover時の色にも注意
 *
.skinPagingListColor{
color: !important;
}

 */





/*==============================================

 ボタンのスタイル

==============================================*/


/* skinImgBtn 読者になるなどのボタン
--------------------------------------------*/

/* skinImgBtnM (180px) */
.skinImgBtnM{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_simpleflower/img/skin_btn_m.png);
}
.skinImgBtnM:hover span,
.skinImgBtnM:focus span,
.skinImgBtnM span{
color:#eb293e;
}


/* skinImgBtnS (128px) */
.skinImgBtnS{
background-image:url(//stat100.ameba.jp/p_skin/wu_pf_simpleflower/img/skin_btn_s.png);
}
.skinImgBtnS:hover span,
.skinImgBtnS:focus span,
.skinImgBtnS span{
background-image:url(//stat100.ameba.jp/common_style/img/skin/cmn/icons/menu_icons/menu_icons_white.png);/* アイコン画像を指定 */
color:#FFFFFF;
}
/*
ボタンのアイコン画像

menu_icons_pastel.png
menu_icons_gray.png
menu_icons_black.png
menu_icons_white.png
*/



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

.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
border:1px solid #d8d8d8;
background:#fff;
color:#ff5c6d !important;
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background:#ffffed;
}







/*==============================================

 ブロックごとのスタイル

==============================================*/


/* ボディ　【CSS規則】bodyタグ自体にはスタイルをあてない
--------------------------------------------*/

/* skinBody bodyの代わり（アメーババー含む） */
.skinBody{/* 【簡単カスタム対象】 */
background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/aeri-ikeda-back.jpg) repeat scroll 50% 0; /* #ffffff;*/
}
.skinBody2{}
.skinBody3{}



/* skinFrame ブログ全体を囲うブロック
--------------------------------------------*/
/* （ヘッダーバナー含む） */
.skinFrame{}

/* （ヘッダーバナー含まない） */
.skinFrame2{}



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

/*ヘッダー*/
.skinHeaderArea{
width:980px;/*画像の横*/
}
.skinTitleArea a{
background-image:url(//stat100.ameba.jp/p_skin/official_a/ikeda-aeri/img/header.jpg);
width:980px;/*画像の横*/
height:400px;/*画像の縦*/
background-repeat:no-repeat;/*繰り返さない*/
background-position: center top;/*中央上に*/
display:block;
text-indent:-9999px;
text-decoration:none;
overflow:hidden;
outline:none;
}

.skinHeaderArea h2{
display:none;/*概要を非表示*/
}




/* コンテンツエリア
--------------------------------------------*/

/* skinContentsFrame コンテンツを囲う横幅の無いフレーム */
.skinContentsFrame{}


/* skinContentsArea コンテンツ980pxブロック */
.skinContentsArea{
/* 注 blog.cssに width:980px;, padding-bottom の記述有り */
}



/* メインエリア
--------------------------------------------*/

.skinMainArea{}



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

.skinMessageBoard{
/* 注 blog.cssに margin-bottom の記述有り */
border:1px dashed #dfdfdf;
background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/contents_bk.png) repeat scroll 0 0 transparent;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 29px;
}

/* カラム別の記述
.columnA .skinMessageBoard,
.columnB .skinMessageBoard{}

.columnC .skinMessageBoard,
.columnD .skinMessageBoard,
.columnE .skinMessageBoard{}
*/




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

/* skinArticle 記事ブロック */
.skinArticle{
/* 注　blog.cssに margin-bottom の記述有り */
padding:16px 0;
border:1px dashed #dfdfdf;
background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/contents_bk.png) repeat scroll 0 0 transparent;
}
.skinArticle2{}
.skinArticle3{}

/* カラム別の記述
.columnA .skinArticle,
.columnB .skinArticle{}

.columnC .skinArticle,
.columnD .skinArticle,
.columnE .skinArticle{}
*/


/* skinArticleHeader 記事ヘッダーブロック */
.skinArticleHeader{
margin:0 19px;
padding:10px 0 10px 50px;
background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/entry_title_bk.png) no-repeat scroll 0 50% transparent;
border:none;
}

.skinArticleHeader2{}


/* skinArticleTitle 記事ヘッダー文字 */
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
font-size:1.31em;
color:#ff5c6d;
}


/* skinArticleBody 記事本文ブロック */
/*
 * 【デザイン規則】記事の中身の横幅は 2カラム 605px、3カラム 410pxになるように
 */
.skinArticleBody{
}
.skinArticleBody2{
margin:0 29px;
}


/* skinArticleFooter 記事フッターブロック */
.skinArticleFooter{
margin:10px 29px 0;
padding-top:2px;
/*background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/line_bk.png) repeat-x scroll 0 0 transparent;*/
}




/* サイドエリア
--------------------------------------------*/

.skinSubArea {
}/* 共通 */
.skinSubA{}/* (300px) */
.skinSubB{}/* (180px) */





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


/* skinMenu サイドメニューのブロック */
.skinMenu{
/* 注　blog.cssに margin-bottom の記述有り */
border:1px dashed #dfdfdf;
}
.skinMenu2{
padding:10px 0;
/*border:1px solid #ffffff;*/
background:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/contents_bk.png) repeat scroll 0 0 transparent;
}

/* subA subB別の記述
.skinSubA .skinMenu{}
.skinSubB .skinMenu{}
*/



/* skinMenuHeader サイドメニューヘッダー */
.skinMenuHeader{
/*color:#1E4F6A;
padding: 0 10px;
font-weight:bold;
text-align:center;*/

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




.recentEntriesMenu .skinMenuHeader{/*最新の記事*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/recent-entries.png);
height:40px;/*画像の縦*/
}
.calendarMenu .skinMenuHeader{/*カレンダー*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/calendar.png);
height:40px;/*画像の縦*/
}
.themeMenu .skinMenuHeader{/*テーマ*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/theme.png);
height:40px;/*画像の縦*/
}
.archiveMenu .skinMenuHeader{/*月別*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/archives.png);
height:40px;/*画像の縦*/
}
.bookmarkMenu .skinMenuHeader{/*ブックマーク*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/bookmarks.png);
height:40px;/*画像の縦*/
}
.favoriteMenu .skinMenuHeader{/*お気に入りブログ*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/favorites.png);
height:40px;/*画像の縦*/
}
.profileMenu .skinMenuHeader{/*プロフィール*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/profile.png);
height:40px;/*画像の縦*/
}
.readerMenu .skinMenuHeader{/*このブログの読者*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/readers.png);
height:40px;/*画像の縦*/
}
.rankingMenu .skinMenuHeader{/*ランキング*/
background-image:url(http://fanta-star.co.jp/blog_image/aeri-ikeda/parts/ranking.png);
height:40px;/*画像の縦*/
}




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



/* skinMenuBody サイドメニュー本文ブロック */
/*
 * 【デザイン規則】サイドバーの中身の横幅は subA 260px、subB 140px
 */
.skinMenuBody{
margin:0 18px;
padding:10px 0;
}





/* サイドバーのリスト、境界線
--------------------------------------------*/
/*
 * 【CSS規則】
 * ・要素の下に表示すること
 * ・境界線が持つ余白（margin-bottom, padding-bottom）も設定すること
 *
 */
.skinSubHr,
.skinSubList li{
margin-bottom:3px;
padding-bottom:5px;
border:none;
}

/* skinSubA skinSubBで違う場合
.skinSubA .skinSubHr,
.skinSubA .skinSubList li{}

.skinSubB .skinSubHr,
.skinSubB .skinSubList li{}
*/




/*カレンダー曜日加工*/
#weekID .sun{/*日*/
border-right:1px solid #ff0000;
border-bottom:1px solid #ff0000;
}
#weekID .mon{/*月*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .tue{/*火*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .wed{/*水*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .thu{/*木*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .fri{/*金*/
border-right:1px solid #dddddd;
border-bottom:1px solid #dddddd;
}
#weekID .sat{/*土*/
border-right:1px solid #0000ff;
border-bottom:1px solid #0000ff;
}


/*「PR」文字非表示*/
.subAdBannerHeader span{
display:none !important;
}