@charset "UTF-8";
/*--------------------------------------------------
for sp ameblo.jp
$Id: sp_ameblo_top.css,v 1.4 2011/05/18 09:26:33 otani_go Exp $
--------------------------------------------------*/

/*common
--------------------------------------------*/
body{ width:100%; font-size:13px; }

/*spInfo
--------------------------------------------*/
#spInfo{ padding:10px 0 13px; text-align:center; }
#spInfo p{ margin:0 0 2px; padding:0 0 0 7px; color:#fff; font-weight:bold; text-align:left; }

/*registrationArea
--------------------------------------------*/
#registrationArea h1, #inputArea label, #submitBtn, #mobileArea{ font-size:1em; text-indent:0; }

/*headerArea
--------------------------------------------*/
#headerArea{ float:left; width:100%; height:auto; margin:10px 0; text-align:left; }
#headerArea #logo{ position:static; left:0; width:76px; height:auto; padding:0 0 0 7px; }
#headerArea #header_logo{ margin-left:0; }
#header_ad{ display:none; }

/*elseNavigation
--------------------------------------------*/
#elseNavigation{ float:right; width:auto; margin:10px 0 0; padding:0 7px 0 0; }

/*contentsArea
--------------------------------------------*/
#contentsArea{ clear:both; text-align:left; }

/*registrationArea*/
#registrationArea{ display:none; width:auto; padding:7px; background:none; }
#registrationArea h1{ height:auto; margin:0 0 5px; color:#fff; background:none; text-align:left; }
#inputArea{ position:static; height:auto; padding:4px; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
#inputArea label{ position:static; top:0; left:0; width:auto; height:auto; margin:0 0 2px; background:none; }
#mailaddress{ position:static; display:block; width:90%; margin:0 auto 7px; }
#submitBtn,
#submitBtn:hover{ position:static; width:120px; height:51px; margin:0 auto 10px; -moz-background-size:cover; -webkit-background-size:cover; background-size:cover; }
#submitBtn:hover{ background-position:0 -51px; }
.detailLink{ position:static; text-align:right; }
.helpBox{ display:none; left:-9999px; }

/*notice*/
#notice{ display:none; width:auto; margin:0; padding:0 7px; font-size:6px; }

/*subContentsArea*/
#subContentsArea{ padding:0; }

/*about*/
#about{ position:static; width:auto; height:auto; padding-left: 0 !important; }
#about h2{ position:static; display:none; }
#about h2 img{ width:320px; }
#blog, #official, #pigg, #other{ position:static; width:306px; margin:0 auto; }
#blog h3, #official h3, #pigg h3, #other h3{ height:34px; background-color:#4dac26; }
#blog ul, #official ul, #pigg ul, #other ul{ height:92px; }
#blog h3,
#blog ul,
#official h3,
#official ul,
#pigg h3,
#pigg ul,
#other h3,
#other ul{ -moz-background-size:306px auto; -webkit-background-size:306px auto; background-size:306px auto; }
#pigg.sp_a { position:relative; top:0; left:0; }
#pigg.sp_a h3{ background-image:url("http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_pigg_cm_a.gif"); }
#pigg.sp_a ul{ height:142px; background-image:url("http://stat100.ameba.jp/blog/img/blog_top/bg_mdl_pigg_cm_a.gif"); }
#pigg.sp_a a { display:block; overflow:hidden; position:absolute; top:123px; left:75px; width:166px; height:36px; text-indent:-9999px; }
#pigg.sp_i h3{ background-image:url("http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_pigg_cm_i.gif"); }


/*registerBtn*/
#bottomLinks{ position:static; margin:10px 0 0; }
#registerBtn{ width:300px; height:37px; margin:0 auto 7px; }
#registerBtn a,
#registerBtn a:hover{ width:300px; height:37px; -moz-background-size:300px 74px; -webkit-background-size:300px 74px; background-size:300px 74px; }
#registerBtn a:hover{ background-position:0 -37px; }
#linkMyPage{ width:auto; padding:0 7px 0 0; font-size:1em; text-align:right; }

/*footerArea*/
#mobileArea, #footerWrap{ display:none; }
#footerArea{ margin:40px 0 0; padding:0; background:#4dac26; border:none; }
#footerArea p#copyright{ margin:0; padding:7px 0; color:#fff; }
#copyright a{ display:none; }