@charset "utf-8";

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

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

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




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

　カラー設定

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


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

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

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

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

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

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

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

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

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

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

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

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

/* リスト境界線色（メインカラム一覧ページのリストなど　※サイドバー内のリスト境界線色は別）
--------------------------------------------*/
.skinBorderHr,
.skinBorderList li {
	border-color: #317ce1;	/* 【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(../img/skin_btn_m.png);
}

.skinImgBtnM:hover span,
.skinImgBtnM:focus span,
.skinImgBtnM span {
	color: #fff;
}

/* skinImgBtnS (128px) */
.skinImgBtnS {
	background-image: url(../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: #fff;
}

/*
ボタンのアイコン画像

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 #4F3E13;*/
	background: #fff;
	color: #005ddb;
}

.skinSimpleBtn:hover,
.skinSimpleBtn:focus {
	background: #dad6ff;
}

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

 ブロックごとのスタイル

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


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

/* skinBody bodyの代わり（アメーババー含む） */
.skinBody {
	background: url(../img/body_bk.gif) repeat scroll 0 0;/* 【簡単カスタム対象】 *//*padding-top: 20px;*/
}

.skinBody2 {
	width: auto;
	padding:0 0 60px;
}

.skinBody3 {
	background: url(../img/footer_bk.png) no-repeat center bottom;
	margin: 0 auto;
}

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

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

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

/*
 * .headerBnrArea 広告が出力されるエリア
 * 広告が出力されないときも、高さを維持したい時に使う
 *
 */
.headerBnrArea {
/* 注 blog.cssにpadding-bottom:15px;記述有り */
}

/* skinHeaderFrame 広告もブログタイトルも囲う横幅のないヘッダーフレーム */
.skinHeaderFrame {
	background: url(../img/header_bk.png) no-repeat scroll;
	background-position: 50% 100%;
	margin: 0 auto;
	height: 423px;
}

/* skinHeaderArea ブログヘッダー */
.skinHeaderArea {/*【簡単カスタム対象】*/
/* 注 blog.cssにwidth:980px;の記述有り */
/* 【簡単カスタム対象】注 paddingの指定禁止 .skinBlogHeadingGroupAreaに指定すること*/
}

.skinHeaderArea2 {
/* 【簡単カスタム対象】注 margin,paddingの指定禁止 .skinBlogHeadingGroupAreaに指定すること*/
}

/* skinBlogHeadingGroupArea 【簡単カスタム対象】*/
.skinBlogHeadingGroupArea {
	padding: 0px 0px 0px 0px;/* 【簡単カスタム対象】ブログタイトルと説明のpaddingのみ指定可能 */
}

/* skinTitleArea ブログタイトルのブロック */
.skinTitleArea {
	padding: 167px 250px 0;
	line-height: 1.2;
	word-break: break-all;
	text-align:center;
	min-height: 190px; /*★追加*/
}

/* skinTitle ブログタイトル文字【簡単カスタム対象】 */
.skinTitle,
.skinTitle:visited,
.skinTitle:hover,
.skinTitle:focus {
	color: #fff;
	font-weight: bold;
	font-size: 2.11em;
}

/* skinDescription ブログの説明ブロック */
.skinDescriptionArea {
	text-align:center;
	padding: 0 170px 15px;
	color: #005ddb;
	word-break: break-all;
}

/* skinDescription ブログの説明文字【簡単カスタム対象】 */
.skinDescription {
/*color: #412F00;*/
}

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

/* skinContentsFrame コンテンツを囲う横幅の無いフレーム */
.skinContentsFrame {
	background: url(../img/main_bk.png) repeat-y 50% 0;
}

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

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

.skinMainArea {
}

/* メッセージボード
--------------------------------------------*/
.skinMessageBoard3 {
	/*padding:15px 30px 0;*/
	background-color: #c1baff;
}

.skinMessageBoard {
	/* 注 blog.cssに margin-bottom の記述有り */
	background: url(../img/message_header_3col.png) no-repeat 10px 0 transparent;
	padding-top: 24px;
	background-color: #c1baff;
}

.skinMessageBoard2 {
/*background:url(../img/message_header_2col.png) no-repeat 0 bottom transparent;*/
}

.skinMessageBoard3 {
	background: url(../img/message_header_3col.png) no-repeat 10px bottom #c1baff;
	/*min-height: 90px;*/
	padding: 10px 30px 34px; /*★padding-bottom→padding*/
}

/* カラム別の記述*/
.columnA .skinMessageBoard,
.columnB .skinMessageBoard {
	background: url(../img/message_header_2col.png) no-repeat 0 0 transparent;
	padding-top: 24px;
	background-color: #c1baff;
}

.columnA .skinMessageBoard2,
.columnB .skinMessageBoard2 {
/*background: url(../img/message_body_2col.png) repeat-y 0 0 transparent;*/
}

.columnA .skinMessageBoard3,
.columnB .skinMessageBoard3 {
	background: url(../img/message_header_2col.png) no-repeat 0 bottom #c1baff;/*padding-bottom: 34px;*/
	/*min-height: 90px;
	padding-bottom: 28px;*/
}

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

/* skinArticle 記事ブロック */
.skinArticle {
	/* 注　blog.cssに margin-bottom の記述有り */
	background: #aed0ff;
	/*padding-top: 10px;*/
	border-radius: 8px; /*★追加*/
}

.skinArticle2 {
}

/*
.columnA .skinArticle2,
.columnB .skinArticle2{
background:url(../img/entry_body_2col.png) repeat-y scroll 0 0;
padding-bottom: 10px;
}

.columnC .skinArticle2,
.columnD .skinArticle2,
.columnE .skinArticle2{
background:url(../img/entry_body_3col.png) repeat-y scroll 0 0;
padding-bottom: 10px;
}
*/

.skinArticle3 {
/*padding-bottom: 90px;*/
}

.columnA .skinArticle3,
.columnB .skinArticle3 {
	background: url(../img/entry_header_2col.png) no-repeat scroll 0 20px transparent;
}

.columnC .skinArticle3,
.columnD .skinArticle3,
.columnE .skinArticle3 {
	background: url(../img/entry_header_3col.png) no-repeat scroll 20px 20px transparent;
}

/* カラム別の記述*/
.columnA .skinArticle,
.columnB .skinArticle {
/*background:url(../img/entry_header_2col.png) no-repeat scroll 0 0 transparent;*/
/*padding-top:10px;*/
}

/* skinArticleHeader 記事ヘッダーブロック */
.skinArticleHeader {
	margin: 0;
	padding: 20px 18px 0 110px;
	height: 90px;
}

.skinArticleHeader2 {
}

/* skinArticleTitle 記事ヘッダー文字 */
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited {
	font-size: 1.2em;
	color: #005ddb;
	font-weight: bold; /*★追加*/
}

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

.columnA .skinArticleBody,
.columnB .skinArticleBody {
	/*background:url(../img/entry_body_2col.png) repeat-y scroll 0 0;*/
	padding: 10px 0;
}

.columnC .skinArticleBody,
.columnD .skinArticleBody,
.columnE .skinArticleBody {
	/*background:url(../img/entry_body_3col.png) repeat-y scroll 0 0;*/
	padding: 10px 0;
}

.skinArticleBody2 {
	margin: 0 30px;/*border-left: 3px solid #f24598;
border-right: 3px solid #f24598;*/
}

/* skinArticleFooter 記事フッターブロック */

/* カラム別の記述*/
.skinArticleFooter {
	margin: 10px 30px 0;
	padding-top: 4px;
	/*padding-bottom: 10px;*/
	background: url(../img/entry_line_3col.png) no-repeat scroll 0 0 transparent;
}

.columnA .skinArticleFooter,
.columnB .skinArticleFooter {
	margin: 10px 30px 0;
	padding-top: 4px;
	padding-bottom: 10px;
	background: url(../img/entry_line_2col.png) no-repeat scroll 0 0 transparent;
}

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

.skinSubArea {
}/* 共通 */

.skinSubA {
}/* (300px) */

.skinSubB {
}/* (180px) */

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


/* skinMenu サイドメニューのブロック */
.skinMenu {
/* 注　blog.cssに margin-bottom の記述有り */
}

.skinMenu2 {
}

/* subA subB別の記述
.skinSubA .skinMenu{}
.skinSubB .skinMenu{}
*/
.skinSubA .skinMenu {
	background: url(../img/side_title_m_body.png) repeat-y scroll 0 0 transparent;
}

.skinSubB .skinMenu {
	background: url(../img/side_title_s_body.png) repeat-y scroll 0 0 transparent;
}

/* skinMenuHeader サイドメニューヘッダー */
.skinSubA .skinMenuHeader {
	padding: 3px 0px 16px 66px;
	background: url(../img/side_title_m.png) no-repeat scroll 0 0 transparent;
}

.skinSubB .skinMenuHeader {
	padding: 3px 0px 16px 60px;
	background: url(../img/side_title_s.png) no-repeat scroll 0 0 transparent;
}

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

/* skinMenuBody サイドメニュー本文ブロック */
/*
 * 【デザイン規則】サイドバーの中身の横幅は subA 260px、subB 140px
 */
.skinSubA .skinMenuBody {
	margin: 0;
	padding: 10px 20px 54px 20px;
	background: url(../img/side_title_m_bottom.png) no-repeat scroll 0 bottom transparent;
}

.skinSubB .skinMenuBody {
	margin: 0;
	padding: 10px 20px 54px 20px;
	background: url(../img/side_title_s_bottom.png) no-repeat scroll 0 bottom transparent;
}

/* サイドバーのリスト、境界線
--------------------------------------------*/
/*
 * 【CSS規則】
 * ・要素の下に表示すること
 * ・境界線が持つ余白（margin-bottom, padding-bottom）も設定すること
 *
 */
.skinSubB .skinSubHr,
.skinSubB .skinSubList li {
	margin-bottom: 4px;
	padding-bottom: 6px;
	/*border-bottom:1px dotted #F3B7D1;*/
	background: url(../img/skinSubList_border_s.png) no-repeat scroll 0 bottom transparent;
}

.skinSubA .skinSubHr,
.skinSubA .skinSubList li {
	margin-bottom: 4px;
	padding-bottom: 6px;
	/*border-bottom:1px dotted #F3B7D1;*/
	background: url(../img/skinSubList_border_m.png) no-repeat scroll 0 bottom transparent;
}

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

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

/* 記事内フッター変更
--------------------------------------------*/
.articleThemeListArea {
	margin: 36px 0 0 !important;
}