@charset "utf-8";
/*--------------------------------------------------
skin.css
$Id: skin.css,v 1.11 2012/07/04 03:26:22 kishimoto_mayumi_gn Exp $
--------------------------------------------------*/

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

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

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




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

　カラー設定

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


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

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

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


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


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


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


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


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




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


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

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



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


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

 */





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

 ボタンのスタイル

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


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

/* skinImgBtnM (180px) */
.skinImgBtnM{
background: url(../img/skin_btn_m.png) no-repeat;;
}
.skinImgBtnM:hover span,
.skinImgBtnM:focus span,
.skinImgBtnM span{
color:#ffffff;
}


/* skinImgBtnS (128px) */
.skinImgBtnS{
background: url(../img/skin_btn_s.png) no-repeat;;
}
.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{
background:#fff;
color:#f24598 !important;
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
background:#f77c7c;
color:#ffffff !important;
}


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

 ブロックごとのスタイル

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


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

/* skinBody bodyの代わり */
.skinBody{/* 【簡単カスタム対象】 */
	background: url(../img/bg_main.png);
	padding-bottom: 20px;
}
.skinBody2{
background: url(../img/skin_footer_bg.png) repeat-x bottom;
}
.skinBody3{
	background: url(../img/skin_footer.png) no-repeat bottom;
	padding-bottom: 282px;
}


/* skinFrame 横幅を指定したいときなどに使うフレーム */
.skinFrame{
	padding: 0 0 0 0;
}



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

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


/* skinHeaderFrame 広告もブログタイトルも囲う横幅のないヘッダーフレーム */
.skinHeaderFrame{
	background: url(../img/skin_header_btm.png) bottom repeat-x;
	padding-bottom: 15px;
}

/* skinHeaderArea ブログヘッダー */
.skinHeaderArea{/*【簡単カスタム対象】*/
/* 注 blog.cssにwidth:980px;の記述有り */
/* 【簡単カスタム対象】注 margin,paddingの指定禁止 .skinBlogHeadingGroupAreaに指定すること*/
	background-color:#FCE6DE;
	width:100%;
}
.skinHeaderArea2{
	width: 1204px;
	height: 392px;
	background:url(../img/skin_header.png) right top no-repeat;
	margin:0 auto;
/* 【簡単カスタム対象】注 margin,paddingの指定禁止 .skinBlogHeadingGroupAreaに指定すること*/
}


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


/* skinTitleArea ブログタイトルのブロック */
.skinTitleArea{/*【簡単カスタム対象】*/
	margin-bottom:8px;
	word-wrap: break-word;
}


/* skinTitle ブログタイトル文字 */
.skinTitle,
.skinTitle:visited,
.skinTitle:hover,
.skinTitle:focus{
	color:#996600;
	font-weight:bold;
	font-size:2.11em;
	line-height:1.1em;
}


/* skinDescription ブログの説明ブロック */
.skinDescriptionArea{/*【簡単カスタム対象】*/
	width:520px;
	word-wrap: break-word;
}

/* skinDescription ブログの説明文字 */
.skinDescription{
color:#996600;
}



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

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


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



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

.skinMainArea{}



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

.skinMessageBoard{
/* 注 blog.cssに margin-bottom の記述有り */
}
.skinMessageBoard2{
}
.skinMessageBoard3{
	background:#ffffff;
	padding:25px 30px;
/*background:url(../img/message_body_3col.png) repeat-y scroll left top transparent;*/
}

/* カラム別の記述*/
.columnA .skinMessageBoard,
.columnB .skinMessageBoard{
	padding-top:5px;
	background:url(../img/message_top665.png) no-repeat left top;
}

.columnC .skinMessageBoard,
.columnD .skinMessageBoard,
.columnE .skinMessageBoard{
	padding-top:5px;
	background:url(../img/message_top470.png) no-repeat left top;
}

.columnA .skinMessageBoard2,
.columnB .skinMessageBoard2{
	padding-bottom:5px;
	background:url(../img/message_btm665.png) no-repeat left bottom;
}

.columnC .skinMessageBoard2,
.columnD .skinMessageBoard2,
.columnE .skinMessageBoard2{
	padding-bottom:5px;
	background:url(../img/message_btm470.png) no-repeat left bottom;
}



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

/* skinArticle 記事ブロック*/
.skinArticle{

}

.skinArticle2{

}
.skinArticle3{}


/* カラム別の記述 */
/* 注　blog.cssに margin-bottom の記述有り */
/*
.columnA .skinArticle,
.columnB .skinArticle{
	background:url(../img/articlemiddle665.gif);
	border-radius:28px;
	position:relative;
}

.columnC .skinArticle,
.columnD .skinArticle,
.columnE .skinArticle{
	background:url(../img/articlemiddle470.gif);
	border-radius:28px;
	position:relative;
}

.columnA .skinArticle2, .columnB .skinArticle2{
	background:url(../img/articletop665.gif) left top no-repeat;
}

.columnC .skinArticle2, .columnD .skinArticle2, .columnE .skinArticle2{
	background:url(../img/articletop470.gif) left top no-repeat;
}


.columnA .skinArticle3,
.columnB .skinArticle3{
	background:url(../img/articlebottom665.gif) right bottom no-repeat;
}


.columnC .skinArticle3,
.columnD .skinArticle3,
.columnE .skinArticle3{
	background:url(../img/articlebottom470.gif) right bottom no-repeat;
}
*/




/* skinArticleHeader 記事ヘッダーブロック */
.columnA .skinArticleHeader, .columnB .skinArticleHeader{
	background: url(../img/entry_header665.png) no-repeat left top;
	height:65px;
	margin:0;
	padding:27px 10px 0 95px;
}

.columnC .skinArticleHeader, .columnD .skinArticleHeader, .columnE .skinArticleHeader{
	background: url(../img/entry_header470.png) no-repeat left top;
	height:65px;
	margin:0;
	padding:27px 10px 0 95px;
}
.skinArticleHeader2{}


/* skinArticleTitle 記事ヘッダー文字 */
.skinArticleTitle,
.skinArticleTitle:hover,
.skinArticleTitle:focus,
.skinArticleTitle:visited{
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	color:#ffffff;
}


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


/* skinArticle 記事ブロック */
.columnA .skinArticleBody, .columnB .skinArticleBody{
	margin:0;
	padding:0 0 40px 0;
	background: url(../img/entry_footer665.png) center bottom no-repeat;
}

.columnC .skinArticleBody, .columnD .skinArticleBody, .columnE .skinArticleBody{
	margin:0;
	padding:0 0 40px 0;
	background: url(../img/entry_footer470.png) center bottom no-repeat;
}

.skinArticleFooter{
	border-top: 1px solid #eaeaea;
	margin:10px 0;
}


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

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





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


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


/* subA subB別の記述 */
.skinSubA .skinMenu{
	background:url(../img/side_btm300.png) bottom no-repeat;
	padding-bottom:7px
}

.skinSubB .skinMenu{
	background: url(../img/side_btm180.png) bottom no-repeat;
	padding-bottom:7px
}


/* skinMenuHeader サイドメニューヘッダー */
.skinSubA .skinMenuHeader{
	height: 33px;
	padding: 12px 0px 0px 50px;
	background: url(../img/sub_title300_bk.png) top no-repeat;
}

.skinSubB .skinMenuHeader{
	height: 33px;
	padding: 12px 0px 0px 50px;
	background: url(../img/sub_title180_bk.png) top no-repeat;
}

/* skinMenuTitle サイドメニュータイトル文字 */
.skinSubA .skinMenuTitle, .skinSubB .skinMenuTitle{
	font-size:13px;
	font-weight:bold;
	color:#965500;
}

/* skinMenuBody サイドメニュー本文ブロック */
/*
 * 【デザイン規則】サイドバーの中身の横幅は subA 260px、subB 140px
 */

.skinMenuBody{
	margin: 0;
	padding: 10px 20px;
	background:  #ffffff;
}



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

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

#resPointAreaWrapper,
#footer_ad,
#adList {
	color:#a67c52;
}
#resPointArea {
	background-color: #fff;
}