@charset "utf-8";
/*--------------------------------------------------
skin.css
$Id: skin.css,v 1.18 2011/10/27 04:45:43 moteki_miyuki_gn Exp $
--------------------------------------------------*/

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

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




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

　カラー設定

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


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

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

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


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


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


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


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


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




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


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


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



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



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

 */

.skinFieldBlock {
background-color:#fff;
margin-top:10px;
padding:10px;
}



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

 ボタンのスタイル

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


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

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


/* 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_pastel.png);/* アイコン画像を指定 */
color:#333;
}
/*
ボタンのアイコン画像

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



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

.skinSimpleBtn,
.skinSimpleBtn:visited,
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
}
.skinSimpleBtn:hover,
.skinSimpleBtn:focus{
}







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

 ブロックごとのスタイル

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


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

/* skinBody bodyの代わり */
.skinBody{/* 【簡単カスタム対象】 */
}
.skinBody2{}
.skinBody3{}


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



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

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


/* skinHeaderFrame 広告もブログタイトルも囲う横幅のないヘッダーフレーム */
.skinHeaderFrame{}


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


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


/* skinTitleArea ブログタイトルのブロック */
.skinTitleArea{
padding-bottom:4px;
}


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


/* skinDescription ブログの説明ブロック */
.skinDescriptionArea{
}

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



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

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


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



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

.skinMainArea{}



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

.skinMessageBoard{
/* 注 blog.cssに margin-bottom の記述有り */
border-top:1px dotted #979797;
border-bottom:1px dotted #979797;
background:#fff;
}
.skinMessageBoard2{}
.skinMessageBoard3{
padding:16px 30px;
}

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

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




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

/* skinArticle 記事ブロック */
.skinArticle{
/* 注　blog.cssに margin-bottom の記述有り */
padding:16px 0;
border:1px solid #ddd;
background:#fff;
}
.skinArticle2{}
.skinArticle3{}

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

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


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


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


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


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




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

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





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


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

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



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

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



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



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

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

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


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

　オフィシャルモジュール

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

/*footer_ad_official*/
/*
#footer_ad_official #pureBlogLink{
padding:5px 0 10px 0;
}
*/
/**/
/*
#adArea #general .adObj,#adArea #general .adObjOn{
width:98.5%;
}
*/

/*カテゴリーアライアンス*/
/*
#footer_ad {
margin-top:10px !important;
height: auto !important;
}
*/
/*new amestaMod*/


/*new_rankingChecker*/
/*
.tabContent .ranking a{
font-size:10px;
}
.tabContent .top3 a{
font-size:12px;
}
*/
/**/



/* 
********************/
/*
#imgRnk .thumb{
background:#f2f2f2;
width:36px;
height:36px;
overflow:hidden;
}
#imgRnk .thumb img{
width:36px;
}
#imgRnk .top3 .thumb{
width:63px;
height:63px;
}
#imgRnk .top3 .thumb img{
width:63px;
}

#imgRnk .top3 span{
float:left;
}
#imgRnk .top3 h4 span img{
padding-top:0;
}
#imgRnk .top3 h4 a{
width:84px;
_width:83px;
padding-left:3px;
margin-top:6px;
display: block;
float:left;
overflow:hidden;
white-space:nowrap;
}
#imgRnk .top3 .thumb{
clear:left;
}
#imgRnk .ranking{
width:92px;
margin-bottom:17px;
}
#imgRnk .top3{
width:117px;
_width:115px;
height:101px;
margin-bottom:13px;
}
#newArea{
width:237px;
float:left;
}
#photoArea{
float:left;
}
#newArea li{
background:url(/common_style/img/common/icon/arrow13.gif) no-repeat 0 0;
padding-left:15px;
line-height:1.5;
}
#newArea li .new{
background: url(/common_style/img/common/icon/new.gif) no-repeat scroll 100% 2px;
padding-right: 25px;
}
#newArea li .hot{
background: url(/common_style/img/common/icon/hot1.gif) no-repeat scroll 100% -2px;
padding-right: 23px;
}
#photoArea li{
margin-bottom:3px
}
#photoArea #photoImage .thumb{
background:#f2f2f2;
width:86px;
height:86px;
border:none;
float:none;
}

#photoArea #updateTime{
background: url(/common_style/img/common/icon/up.gif) no-repeat 0 -1px;
padding:2px 0 0 18px;
line-height:1.2;
color: #E60012;
}
*/

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

/*
#accessRnk .detailLink,
#trendRnk .detailLink,
#imgRnk .detailLink,
#newRnk .detailLink,
#updateinfoRnk .detailLink,
#matome .detailLink,
#news_more{
text-align: right;
width: 98%;
}
*/
/*
#footer_ad_official #accessRnk .detailLink,
#footer_ad_official #trendRnk .detailLink,
#footer_ad_official #imgRnk .detailLink,
#footer_ad_official #newRnk .detailLink{
margin-top: -20px;
*margin-top:-10px;
}
*/
/*
#updateinfoRnk .detailLink{
margin-top: 8px;
*margin-top:18px;
}
*/
/*
.tabContent .detailLink a, #blogNews .detailLink a, #amestamodule3 .detailLink a, #matome .detailLink a{
padding: 0 13px 0 0;
background: url(//stat100.ameba.jp/common_style/img/common/icon/detail_link1.gif) no-repeat right center;
font-size:0.85em;
}
*/
/*
.switchColumn{
padding:0 0 0 8px;
margin-bottom:6px;
}
*/
/*
.switchColumn h4, .switchBtn{
background-image:url(//stat100.ameba.jp/p_skin/cmn/img/rnkchecker_switchColumn.png);
background-repeat:no-repeat;
}
*/
/*
.switchColumn h4{
height:17px;
padding:4px 0 0 17px;
margin:0 0 4px 1px!important;
color:#666666 !important;
font-size:12px;
font-weight:normal;
line-height:1;
}
*/

/*imageRealTimeRanking*/
/*
#imgrelRank{
margin-top:20px;
}
#imgrelRank h3{
background:url("//stat.ameba.jp/common_style/img/common/icon/crown1.gif") no-repeat scroll 0 0 transparent;
padding:0 0 10px 17px;
margin-right:8px;
font-weight:bold;
line-height:1.3;
}
#imgrelRank h3 .update{
padding-left:12px;
color:#999999;
font-size:0.85em;
font-weight:normal;
}
#imgrelRank ul{
overflow:hidden;
margin-bottom:7px;
}

#imgrelRank li{
width:120px;
float:left;
text-align:center;
margin-right:15px;
}
#imgrelRank .thumb{
background:#f2f2f2;
width:118px;
height:118px;
margin-bottom:5px;
border:1px solid #cccccc;
display:block;
}
#imgrelRank .rankNum{
height:26px;
}
#imgrelRank .rankNum img{
padding-top:6px;
}
#imgrelRank .top3 .rankNum img{
padding-top:0;
}
#imgrelRank .last,.imagelist #mainArea #imgrelRank .last{
margin-right:0;
}
*/
/*拡大画像一覧ページ*/
/*
.imagelist #mainArea #imgrelRank{
margin-bottom:10px;
}

.imagelist #mainArea #imgrelRank li{
margin-right:10px;
}
.imagePage_list li{
margin-right:8px !important;
}
*/
/*
#registBtn{
width:166px;
height:157px;
margin-top:10px;
}
*/
/*
.register_front{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat 0px 0px;
}
.register_blog{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -170px 0px;
}
.register_fan{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -340px 0px;
}
.register_mail{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -510px 0px;
}
.register_peta{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -680px 0px;
}
.register_pigg{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -850px 0px;
}
.register_present{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat -1020px 0px;
}
#registBtn_ttl,#registBtn_btn,#registBtn_caption{
text-indent:-9999px;
}
#registBtn_ttl{
height:52px;
margin:0 !important;
}
#registBtn_btn{
background:url(//stat100.ameba.jp/p_skin/cmn/img/ameblo_registerBtn.png) no-repeat left -160px;
display:block;
width:157px;
height:35px;
margin:0 0 0 5px !important;
*margin:0 0 0 2px !important;
}
#registBtn_caption{
height:55px;
}
*/

/*rankingchecker sidebar*/
/*
.rc_mdl{
width:auto !important;
position:relative;
border-top:none !important;
}
.rc_mdl #tab_ui li span{
background:none !important;
width:auto !important;
height:auto !important;
padding-right: 6px;
margin-right: 7px;
color:#0066cc;
text-indent:0px !important;
border-right:1px solid #cccccc;
cursor:pointer;
}
.rc_mdl #tab_ui li span:hover{
color:#ff3366;
text-decoration:underline;
}
.rc_mdl #tab_ui li .active{
color:#333333;
}
.rc_mdl #tab_ui li .active:hover{
color:#333333;
text-decoration:none;
cursor:default;
}

.rc_mdl #tab_ui #trendRnk_menu span{
border:none;
}

.rc_mdl #tab_ui{
width:288px !important;
padding:6px 0 6px 10px;
}
.rc_mdl #tabContent_wrap{
background:none;
height:135px;
padding-left:4px;
}
.rc_mdl .tabContent{
width:auto;
height:135px;
padding:0;
}
*html .rc_mdl .tabContent .thumb{
margin-right:0;
}
.rc_mdl .tabContent .ranking{
width: 98px;
}
.rc_mdl .tabContent .ranking span img{
padding-top:0;
}
.rc_mdl .tabContent .rankStatus{
width:9px;
height:9px;
padding-left:3px !important;
}
.rc_mdl .tabContent .top3 a{
font-size: 10px;
}
.rc_mdl .tabContent .top3 .rankStatus{
padding-top: 9px;
}
.rc_mdl h2 .update{
height:13px;
_padding-top:1px;
margin-top: -12px;
font-weight: normal;
text-align:right;
display:block;
}
.rc_mdl #imgRnk .ranking{
width:97px;
margin-bottom:10px;
}
.rc_mdl #imgRnk .top3{
width:97px;
}
.rc_mdl #imgRnk .thumb{
width:38px;
height:38px;
}
.rc_mdl #imgRnk .top3 .thumb{
width:48px;
height:48px;
}
.rc_mdl #imgRnk .top3 h4 a,.rc_mdl #imgRnk .top3 h4 span{
float:none;
}
.rc_mdl #imgRnk .top3 h4 a{
width:auto;
padding:0;
display:inline;
white-space:normal;
}
.rc_mdl #accsessRnk .detailLink,.rc_mdl #accessRnk .detailLink, .rc_mdl #trendRnk .detailLink, .rc_mdl #newRnk .detailLink{
top:112px;
right:0;
}
.rc_mdl .sidebar_rc_bottom{
border-top:1px dotted #cccccc;
padding:5px 0 0 10px !important;
margin: 0 4px !important;
}
.rc_mdl .sidebar_rc_bottom li{
padding-top:5px;
display:inline-block;
*display:inline;
*zoom:1;
}
.rc_mdl .sidebar_rc_bottom li a{
width:120px;
padding:1px 0 0 26px;
display:block;
}
.rc_mdl .sidebar_rc_bottom .label02,.rc_mdl .sidebar_rc_bottom .label04{
width:110px;
padding-left:20px;
}
.rc_mdl .sidebar_rc_bottom .label01{
background:url(//stat100.ameba.jp/common_style/img/common/icon/star.gif) no-repeat 3px 0;
}
.rc_mdl .sidebar_rc_bottom .label02{
background: url(//stat100.ameba.jp/common_style/img/common/icon/brogarticle1.gif) no-repeat 2px 2px;
}
.rc_mdl .sidebar_rc_bottom .label03{
background: url(//stat100.ameba.jp/common_style/img/common/icon/new.gif) no-repeat 0 4px;
}
.rc_mdl .sidebar_rc_bottom .label04{
background: url(//stat100.ameba.jp/common_style/img/common/icon/temple.gif) no-repeat 3px 1px;
}
*/


/*-- amestaMod blognews checker @blog mainPage --*/
/*
#footer_ad_official{
min-width:370px;
width:370px;
width:auto !important;
max-width:470px;
margin:0 auto;
_width:400px;
font-weight: normal;
}

#footer_ad_official .viewCountImg{
border:none !important;
}

#footer_ad_official li{
list-style:none;
}

#footer_ad_official a{
color:#0066CC !important;
font-weight: normal !important;
text-decoration: none !important;
}
*/
/*
#rcflash09{
margin-bottom:10px;
}

#amestamodule3, #inner1,
#amestamodule3 h3,
#amestamodule3 #inner3,
#amestamodule3 #inner3 ul,
#amestamodule3 #flag{
background: url(//stat100.ameba.jp/p_skin/cmn/img/ofclFooterMod_amestaSprite.png);
background-repeat:no-repeat;
_background:none;
}

#amestamodule3{
background-position:left -71px;
position:relative;
height:133px;
margin-bottom:10px;
}

#amestamodule3 #inner1{
background-position:right -213px;
padding:5px 5px 8px 5px;
_background: url(//stat100.ameba.jp/p_skin/cmn/img/ofclFooterMod_400_bg1.png) no-repeat left top;
}

#amestamodule3 #inner2{
background: url(//stat100.ameba.jp/p_skin/cmn/img/ofclFooterMod_amestaBG1.png) repeat left top;
_background:none;
height:122px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#amestamodule3 h3{
background-position:left -4px;
width:223px;
height:35px;
text-indent:-9999px;
margin:0 0 0 11px;
}

#amestamodule3 #flag{
background-position: -221px 0px;
width:127px;
height:71px;
text-indent:-9999px;
position:absolute;
right: 3px;
top: 3px;
}

#amestamodule3 #inner3{
background-position:left -366px;
margin:0 9px;
}

#amestamodule3 h3 a{
display: block;
text-indent: -9999px;
height:19px;
}

#amestamodule3 #inner3 ul{
background-position:right -456px;
height:70px;
padding:0 0 3px 0;
margin:0px;
text-align:center;
overflow:hidden;
}

#amestamodule3 li{
width:73%;
height:57px;
padding:10px 0 0 30px;
margin:0;
display:inline-block;
*display:inline;
*zoom:1;
list-style:none;
vertical-align:top;
position:absolute;
text-align:left;
top: 37px;
}

#amestamodule3 .single li{
left:10%;
}

#amestamodule3 .list1, #amestamodule3 .list2{
width:38%;
}

#amestamodule3 .list1{
left:10px;
}

#amestamodule3 .list2{
left:46%;
}

#amestamodule3 li p{
color:#333333 !important;
}

#amestamodule3 a{
color:#0066CC !important;
}

#amestamodule3 .statusIco{
position:absolute;
left: -2px;
top: -4px;
}

#amestamodule3 li .talentThumb{
width:54px;
height:54px;
margin-right:5px;
display:block;
float:left;
border:1px solid #cccccc;
}

#amestamodule3 li .talentThumb img{
width:52px;
padding:1px;
}

#amestamodule3 li .talentName,
#amestamodule3 li .cahatTitle{
margin-bottom:2px;
font-weight:bold;
}

#amestamodule3 li .talentName{
display:block;
line-height:1;
}

#amestamodule3 li .cahatTitle{
color:#ff3366 !important;
}

#amestamodule3 li .chatBoard{
height: 40px;
overflow: hidden;
font-size:10px;
line-height:1;
}

#amestamodule3 .detailLink{
padding-right:12px;
text-align:right;
line-height:normal;
}

#rc_module2 h3 a, #rc_module2 #tab_ui, #rc_module2 #tab_ui a, #rc_module2 .switchColumn h4, #feature a{
background: url(//stat100.ameba.jp/p_skin/cmn/img/ofclFooterMod_checkerSprite.png);
background-repeat:no-repeat;
}

#rc_module2{
background:#ffffff;
width:auto;
border:1px solid #cccccc;
}

#rc_module2 h3{
padding:0;
margin:0;
}

#rc_module2 h3 a{
background-position:center 0px;
height: 35px;
display:block;
text-align: center;
text-indent:-9999px;
}

#rc_module2 #blogNews{
position: relative;
margin: 0 0 10px 0;
overflow:hidden;
*zoom: 1;
}

#rc_module2 #blogNews h4{
background: url(//stat100.ameba.jp/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top;
padding: 7px 9px;
margin:0 0 5px 0;
color:#333333 !important;
font-weight: bold;
*font-size:12px;
line-height:1 !important;
}

#rc_module2 #blogNews h4 .update{
margin-top:-17px;
font-weight:normal;
padding: 5px 0 5px 0;
*float:right;
*padding-right:10px;
*margin-top:-23px;
}

#rc_module2 #blogNews ul{
padding:0 0 0 5px;
margin: 0 0 7px 0;
font-size:12px;
}
#rc_module2 #minWidthSize{
font-size:11px !important;
}
#rc_module2 #maxWidthSize{
padding:0 0 0 10px !important;
}
#rc_module2 #blogNews li{
background: url(//stat100.ameba.jp/common_style/img/common/icon/arrow12.gif) no-repeat -6px 0px;
width:47%;
padding: 0 0 2px 8px;
margin:0 2px 0 0;
line-height:1.5;
display:inline-block;
*display:inline;
*zoom:1;
}

#rc_module2 #blogNews .formac{
font-size:11px;
}
#rc_module2 #maxWidthSize .formac{
font-size:12px;	
}
#rc_module2 #blogNews .new{
background: url(//stat100.ameba.jp/common_style/img/common/icon/new.gif) no-repeat scroll 100% 2px;
padding-right: 25px;
}

#rc_module2 #blogNews .hot{
background: url(//stat100.ameba.jp/common_style/img/common/icon/hot1.gif) no-repeat scroll 100% -2px;
padding-right: 25px;
}

#rc_module2 #blogNews .detailLink{
padding-right:10px;
text-align:right;
}

#rc_module2 #blogNews .detailLink #clickRank{
margin-right:10px;
}
*/

/* matome
***********/
/*
#rc_module2 #matome{
margin: 0 0 10px 0;
overflow:hidden;
*zoom: 1;
}

#rc_module2 #matome h4{
background: url(//stat100.ameba.jp/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top;
padding: 7px 9px;
margin:0 0 5px 0;
color:#333333 !important;
font-weight: bold;
*font-size:12px;
line-height:1 !important;
}

#rc_module2 #matome #matomeWrap{
padding:0 10px;
}

#rc_module2 #matome #matomeLeft{
position:relative;
float:left;
padding:3px 0 0 0;
width:48%;
}

#rc_module2 #matome #matomeLeft .talentThumb{
width:52px;
height:52px;
margin-right:4px;
float:left;
display:block;
}

#rc_module2 #matome #matomeLeft .talentThumb img{
width:48px;
height:48px;
padding:1px;
border:1px solid #cccccc;
}

#rc_module2 #matome #matomeLeft a.topicTitle{
padding:0 0 1em 0;
}


#rc_module2 #matome #matomeLeft .view{
position:absolute;
bottom:0;
right:5px;
padding:0 10px 0 0;
text-align:right;
color:#999;
}

#rc_module2 #matome #matomeRight{
position:relative;
float:right;
width:50%;
}

#rc_module2 #matome #matomeRight #rightWrap{
padding:0 0 0 0;
}
#rc_module2 #matome #matomeRight ul{
margin:0;
padding:0;
}
#rc_module2 #matome #matomeRight li{
background: url(//stat100.ameba.jp/common_style/img/common/icon/arrow12.gif) no-repeat -6px 0px;
padding: 0 0 2px 8px;
margin:0 2px 0 0;
width:100%;
line-height:1.5;
display:block;
*zoom:1;
}

#rc_module2 #tab_ui{
background-position:center -430px;
width:100%;
padding:1px 0;
margin:0;
overflow:hidden;
zoom:1;
}

#rc_module2 .activeUpdateinfo{
background-position:right -500px !important;
}

#rc_module2 #tab_ui li{
width:25%  !important;
display:inline-block;
*display:inline;
*zoom:1;
padding:0;
margin:0;
overflow:hidden;
}

#rc_module2 #tab_ui #accessRnk_menu,
#rc_module2 #tab_ui #newRnk_menu,
#rc_module2 #tab_ui #trendRnk_menu{
border-right:1px solid #cccccc;

}

#rc_module2 #tab_ui #updateinfo_menu{
width:23.9% !important;
}

#rc_module2 #tab_ui li a{
height:30px;
display:block;
text-indent:-9999px;
}

#rc_module2 #tab_ui #accessRnk_menu a{
background-position:center -41px;
}

#rc_module2 #tab_ui #newRnk_menu a{
background-position:center -73px;
}

#rc_module2 #tab_ui #trendRnk_menu a{
background-position:center -105px;
}

#rc_module2 #tab_ui #updateinfo_menu a{
background-position:center -137px;
}

#rc_module2 #tab_ui #accessRnk_menu a:hover{
background-position:center -169px;
}

#rc_module2 #tab_ui #newRnk_menu a:hover{
background-position:center -201px;
}

#rc_module2 #tab_ui #trendRnk_menu a:hover{
background-position:center -233px;
}

#rc_module2 #tab_ui #updateinfo_menu a:hover{
background-position:center -265px;
}

#rc_module2 #tab_ui #accessRnk_menu a.active,
#rc_module2 #tab_ui #newRnk_menu a.active,
#rc_module2 #tab_ui #trendRnk_menu a.active{
border-right:1px solid white;
}

#rc_module2 #tab_ui #accessRnk_menu a.active,
#rc_module2 #tab_ui #newRnk_menu a.active,
#rc_module2 #tab_ui #trendRnk_menu a.active,
#rc_module2 #tab_ui #updateinfo_menu a.active{
border-left: 1px solid white;
margin-top: 1px;
}

#rc_module2 #tab_ui #accessRnk_menu a.active{
background-position:center -298px;
}

#rc_module2 #tab_ui #newRnk_menu a.active{
background-position:center -331px;
}

#rc_module2 #tab_ui #trendRnk_menu a.active{
background-position:center -364px;
}

#rc_module2 #tab_ui #updateinfo_menu a.active{
background-position:center -396px;
}

#rc_module2 #tabContent_wrap{
width:98%;
height:184px;
padding-left:10px;
overflow:hidden;
*zoom:1;
}

#rc_module2 .tabContent{
width:100%;
height:184px;
padding-left:0 !important;
_padding:0 !important;
}

#rc_module2 p.update{
position: absolute;
top: 2px;
right: 2px;
padding:5px 10px 5px 0;
font-size:0.85em;
text-align:right;
color:#999999;
display:block;
_padding:5px 10px 5px 0;
}

#rc_module2 .update{
padding:5px 10px 5px 0;
font-size:0.85em;
text-align:right;
color:#999999;
display:block;
_padding:5px 10px 5px 0;
}

#rc_module2 .tabContent ul, #rc_module2 .switchColumn ul{
padding:0 !important;
margin:0 !important;
overflow:hidden;
}

#rc_module2 ul h4{
margin:0 !important;
}

#rc_module2 .ranking{
width:24.5%;
height:42px;
padding:0;
margin:0 0 8px 0;
float:left;
overflow:hidden;
color:#33333;
}

#rc_module2 .ranking a{
font-weight:normal;
}

#rc_module2 .thumb{
width:38px;
height:38px;
padding:1px;
margin-right:3px;
display:block;
float:left;
border:1px solid #cccccc;
text-align:center;
}

#rc_module2 .ranking span img{
vertical-align:top;
padding:1px 0 0 0;
}

#rc_module2 .ranking h4 span{
display:block;
padding-bottom:3px;
}

#rc_module2 .ranking h4 a{
padding-bottom:2px;
line-height:1.1;
}

#rc_module2 .top3{
width:33%;
height:52px;
}

#rc_module2 .top3 .thumb{
width:48px;
height:48px;
}

#rc_module2 .top3 .rankStatus{
padding-top:5px;
}

#rc_module2 .rankStatus{
padding-left:5px !important;
_padding-left:2px !important;
}

#rc_module2 #updateinfoRnk .ranking{
width: 32%;
height: 52px;
padding-right: 2px;
}

#rc_module2 #updateinfoRnk h4{
margin-bottom:3px;
}

#rc_module2 #updateinfoRnk h4 a{
display: block;
height: 15px;
overflow: hidden;
line-height: 1.4;
font-size:12px;
}

#rc_module2 #updateinfoRnk .top3{
margin-bottom: 20px;
}

#rc_module2 #updateinfoRnk .thumb{
width:48px;
height:48px;
}

#rc_module2 #updateinfoRnk .article{
padding-left:24px;
}

#rc_module2 #updateinfoRnk .article a{
line-height:1.3;
font-size:10px;
}

#rc_module2 #updateinfoRnk .updinfoIco{
display: block;
background: url(//stat100.ameba.jp/common_style/img/common/icon/up.gif) no-repeat 2px 1px;
text-align: left;
padding: 4px 0px 0px 18px;
margin-left:52px;
color:#E60012;
font-weight: normal;
line-height:1.4;
font-size:12px;
}

#rc_module2 #updateinfoRnk .article .formac{
line-height:1.6;
}

#rc_module2 .switchColumn{
padding:0 0 0 8px;
margin-bottom:6px;
}

#rc_module2 .switchColumn h4{
height:17px;
padding:4px 0 0 17px;
margin:0 0 4px 1px!important;
color:#666666 !important;
font-size:12px;
font-weight:normal;
line-height:1;
}

#rc_module2 .switchColumn .switchBtn{
width:43px;
margin-top:-3px;
display:inline-block;
font-size:10px;
color:#0066cc;
float: right;
cursor:pointer;
*margin-top:-16px;
*display:inline;
*zoom:1;
}

#rc_module2 .switchColumn .talentThumb,
#rc_module2 #recommend .talentThumb{
width:40px;
height:40px;
margin-right:4px;
float:left;
display:block;
}

#rc_module2 .switchColumn .talentThumb img,
#rc_module2 #recommend .talentThumb img{
width:36px;
height:36px;
padding:1px;
border:1px solid #cccccc;
}

#rc_module2 .switchColumn .talentThumb:hover img,
#rc_module2 #recommend .talentThumb:hover img{
border:1px solid #ffcc33;
}

#rc_module2 .switchColumn .talentName,
#rc_module2 #recommend .talentName{
width:40px;
_width:30px;
padding-top: 5px;
margin-left:44px;
_margin-left:40px;
display: block;
font-size:10px;
line-height: 1.1;
word-break:break-all;
}

#rc_module2 #recommend h4{
background: url(//stat100.ameba.jp/ofcl/img/screen/portal/common/bg_mbl_title.gif) repeat-x left top;
padding: 7px 9px;
margin:0 0 5px 0;
color:#333333 !important;
font-weight: bold;
*font-size:12px;
line-height:1 !important;
}

#rc_module2 #temple {
padding:10px 0 10px 9px;
margin-bottom:10px;
border-bottom:1px dotted #cccccc;
display:block !important;
}
#rc_module2 #recommend{
padding:0 0 10px 0;
text-align:left;
border-bottom:1px solid #cccccc;
}
#rc_module2 #temple h4{
background-repaet:no-repeat;
background-position:0px -529px;
}

#rc_module2 #recommend ul{
overflow:hidden;
_zoom:1;
margin:0 0 0 10px;
padding:0 0 0 0;
}
#rc_module2 #recommend li.min {
width: 16.2% !important;
*width: 16.5% !important;
padding: 0;
margin:0;
float:left;
}
#rc_module2 #recommend li.max {
width: 14.2%;
*width: 14%;
padding: 0;
margin:0;
float:left;
}
#rc_module2 #recommend .last{
width:52px !important;
margin-right:0;
}
#rc_module2 #recommend li a{
float:initial;
}
#rc_module2 #recommend li .talentName {
width: 52px;
text-align:center;
margin-left:0;
display:block;
}
#rc_module2 #recommend .talentThumb{
width:52px;
height:52px;
}
#rc_module2 #recommend li .talentThumb img{
width:48px;
height:48px;
}
#rc_module2 #recommend .switchBtn{
display:none;
}

#rc_module2 .switchColumn ul{
overflow:hidden;
_zoom:1;
margin-left:10px;
}
#rc_module2 .switchColumn li {
width: 26%;
*width: 25%;
padding: 0;
margin:0;
float:left;
}
#rc_module2 .switchColumn .last{
width:52px;
margin-right:0;
}
#rc_module2 .switchColumn li a{
float:initial;
}
#rc_module2 .switchColumn li .talentName {
width: 52px;
text-align:center;
margin-left:0;
display:block;
}
#rc_module2 .switchColumn .talentThumb{
width:52px;
height:52px;
}
#rc_module2 .switchColumn li .talentThumb img{
width:48px;
height:48px;
}
#rc_module2 .switchColumn .switchBtn{
display:none;
}

#rc_module2 #rc_module_nav_wrap{
margin:0;
padding:2px 0 0 0;
width:100%;
height:55px;
background:url(//stat100.ameba.jp/p_skin/cmn/img/ofclRnkMod_btn.png) repeat-x left -285px;
}

#rc_module2 #rc_module_nav{
height:57px;
padding:0;
margin:0;
overflow: hidden;
}

#rc_module2 #rc_module_nav li{
display:inline-block;
width:20%;
height:55px;
margin:0;
padding:0 0 0 0;
*display:inline;
*zoom:1;
border-right:1px solid #ccc;
}

#rc_module2 #rc_module_nav li a{
display:block;
height:55px;
text-indent:-9999px;
white-space:nowrap;
overflow:hidden;
background:url(//stat100.ameba.jp/p_skin/cmn/img/ofclRnkMod_btn.png) no-repeat;
}

#rc_module2 #rc_module_nav li#ofclMatome{
	width:18%;
	border:none;
}

#rc_module2 #rc_module_nav li#ofclTop a{
	background-position: center 0;
}

#rc_module2 #rc_module_nav li#ofclFlash a{
	background-position: center -57px;
}

#rc_module2 #rc_module_nav li#ofclRanking a{
	background-position: center -114px;
}

#rc_module2 #rc_module_nav li#ofclBlogNews a{
	background-position: center -171px;
}

#rc_module2 #rc_module_nav li#ofclMatome a{
	background-position: center -228px;
}


#rc_module2 #feature {
width:100%;
text-align:center;
padding:0 0 0 0;
margin:0;
}
#rc_module2 #feature li{
display:inline-block;
width:36%;
padding:0 0 0 0;
margin:0 0 10px 0;
*display:inline;
*zoom:1;
}

#rc_module2 #feature li a{
display:block;
height:20px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#rc_module2 #feature #f-AmebaTop {
width:38%;
}
#rc_module2 #feature #f-AmebaShop {
width:28%;
}

#rc_module2 #feature #f-AmebaStudio {
width:105px;
}

#rc_module2 #feature #f-AmebaTop a{
background-position:0px -646px;
}
#rc_module2 #feature #f-AmebaShop a{
background-position:-241px -646px;
}
#rc_module2 #feature #f-AmebaStudio a{
background-position:0px -671px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
.switchColumn #userRecommend_ttl{font-size:11px;}
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.switchColumn #userRecommend_ttl{font-size:11px;}
}
*/
/*
#amestaBlogParts{
    background: url(//stat100.ameba.jp/p_skin/cmn/img/amestaBlogParts_bg.png) repeat-x left top;
    border: 2px solid #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    cursor: pointer;
    display: none;
    font-size: 12px;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto 10px;
    padding: 8px;
    text-align: left !important;
    width: 140px;
}

#amestaBlogParts a:hover{
    text-decoration: none !important;
}
#amestaBlogParts img{
    float: left !important;
    padding-right: 7px !important;
}
#amsbpSchedule{
    background: #fff;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #333;
    padding: 8px 3px 10px 3px;
    position: relative;
    margin-bottom: 15px;
    width: 136px;
}
#amsbpSchedule h3 {
    background: url(//stat100.ameba.jp/p_skin/cmn/img/amestaBlogParts_sprite.png) no-repeat 0 0 !important;
    margin: 0 !important;
    padding: 0 0 8px 0 !important;
    width: 126px !important;
    text-indent: -9999px !important;
    overflow:hidden !important;
    white-space:nowrap !important;
}
#amsbpSchedule h4{
    font-size: 12px !important;
    font-weight: normal !important;
    line-height: 1.3 !important;
    margin: 0 !important;
    padding: 0 0 10px 2px !important;
}

#amsbpSchedule a{
    color: #333 !important;
}
#amsbpSchedule img{
    float: left !important;
}
#amsbpTalentName{
    margin: 0;
}
#downArrow {
    background: url(//stat100.ameba.jp/p_skin/cmn/img/amestaBlogParts_sprite.png) no-repeat -130px 0;
    display: block;
    left: 13px;
    height: 7px;
    position: absolute;
    bottom: -7px;
    width: 13px;
}
#amsbpSchedule p {
    font-family: Arial, Helvetica, "ヒラギノ角ゴ Pro W3" !important;
    letter-spacing: 1px !important;
    margin: 0 auto !important;
    width: 115px !important;
}
#broadcastDay {
    font-size: 22px;
    font-weight: bold;
    padding: 0 0 3px 1px;
}
#broadcastDay span{
    display: inline-block !important;
    font-size: 14px !important;
    letter-spacing: 0 !important;
    margin-top: 5px !important;
    padding-left: 5px !important;
    vertical-align: top !important;
    *display: inline !important;
    *zoom: 1 !important;
}
#broadcastTime {
    font-size: 30px;
    font-weight: bold;
}
#broadcastToday {
    background: #e6147e;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    color: #fff;
    line-height: 22px;
    margin: -4px 0 0 7px !important;
    padding: 0 4px 0 0;
    position: relative;
    vertical-align: middle !important;
    *margin-top: 0 !important;
}

#broadcastToday small{
    background: url(//stat100.ameba.jp/p_skin/cmn/img/amestaBlogParts_sprite.png) no-repeat -130px -9px !important;
    height: 8px !important;
    left: -8px !important;
    position: absolute !important;
    top: 7px !important;
    width: 8px !important;
}
#amsbpNowOnAir {
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}
#amsbpNowOnAir a{
    color: #e6147e !important;
}
#amsbpTalentName {
    color: #fff;
    padding: 3px 0 0 47px;
    line-height: 1.4;
}
#amsbpTalentName a{
	background: none !important;
    color: #fff !important;
}
#amsbpTalentName span {
    font-size: 15px !important;
    line-height: 1.2 !important;
    padding-right: 4px !important;
}
*/





/*
#amestamodule3 .viewCount{
background:  url("http://vc.ameba.jp/view?vci=3231&guid=ON") no-repeat left top;
}
#rc_module2 #blogNews .viewCount{
background:  url("http://vc.ameba.jp/view?vci=3228&guid=ON") no-repeat left top;
}
#rc_module2 #accessRnk .viewCount{
background:  url("http://vc.ameba.jp/view?vci=2246&guid=ON") no-repeat left top;
}

#rc_module2 #newRnk .viewCount{
background:  url("http://vc.ameba.jp/view?vci=3239&guid=ON") no-repeat left top;
}

#rc_module2 #trendRnk .viewCount{
background:  url("http://vc.ameba.jp/view?vci=2247&guid=ON") no-repeat left top;
}

#rc_module2 #updateinfoRnk .viewCount{
background:  url("http://vc.ameba.jp/view?vci=3238&guid=ON") no-repeat left top;
}

#rc_module2 #recommend .viewCount{
background:  url("http://vc.ameba.jp/view?vci=2865&guid=ON") no-repeat left top;
}
*/