@charset "UTF-8";
/*--------------------------------------------------
ameblo top
FileName:   ameblo_top.css
$Date: 2011/02/04 10:20:06 $
--------------------------------------------------*/

/*global reset
--------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote { margin:0; padding:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
table { border-collapse: collapse; font-size:inherit; }
h1,h2,h3,h4,h5 { font-size:100%; line-height:1; }

/*common
--------------------------------------------*/
#headerNavigation #btn a,#contentsArea h1,#inputArea label,#submitBtn,
#blog h3,#blog ul,#official h3,#official ul,#pigg h3,#pigg ul,#other h3,#other ul,
#registerBtn a,#pcRegisterBtn a,#mobileArea{
text-indent:-9999px;
font-size:0.1em;
}

/*headerArea
--------------------------------------------*/
#headerArea{
position:relative;
width:840px;
height:42px;
margin:30px auto 10px auto;
text-align:left;
}
#headerArea #header_ad{
width:728px;
height:90px;
margin:0 0 10px 140px;
}
#headerArea #header_logo{
text-align:left;
}
#elseNavigation{
position:absolute;
right:0;
bottom:0;
text-align:right;
}
#elseNavigation #top a{
padding:2px 0 2px 20px;
background:url(http://stat100.ameba.jp/common_style/img/ameba/common/icons/home_icon.gif) no-repeat;
}
#headerNavigation{
position:absolute;
right:0;
top:0;
}
#headerNavigation #btn{
position:relative;
width:229px;
margin:10px 0 0 0;
}
#headerNavigation #btn a{
display:block;
width:112px;
height:29px;
overflow:hidden;
}
#headerNavigation #btn li.register a{
position:absolute;
left:0;
top:0;
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_header_register.gif) no-repeat;
}
#headerNavigation #btn li.login a{
position:absolute;
right:0;
top:0;
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_header_login.gif) no-repeat;
}
#headerNavigation #btn a:hover,
#headerNavigation #btn a:active{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}

/*contentsArea
--------------------------------------------*/
#contentsArea {
background-color:#4dac26;
}
#contentsArea h1{
position:relative;
width:950px;
height:64px;
left:-50px;
margin:0 auto;
padding-top:10px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/ttl_register.png) no-repeat;
}
* html #contentsArea h1{
left:-25px;
}
#noFlashPlayerArea{
display:none;
}
#external_videoPlayerArea{
height:326px;
background:#DCEFF0 url(http://stat100.ameba.jp/blog/img/blog_top/bg_videoplayer.png) repeat-x;
text-align:center;
}
#external_videoPlayerArea object,
#external_videoPlayerArea embed{
outline:none;
}
#registrationArea{
width:900px;
margin:0 auto;
padding:10px 0 12px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_register_btm.png) no-repeat center bottom;
}
#inputArea{
position:relative;
height:70px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_register_body.png) repeat-y;
}
*html #inputArea{
left:25px;
}
#inputArea label{
display:block;
position:absolute;
top:18px;
left:116px;
width:103px;
height:14px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/txt_mail.png) no-repeat;
}
#mailaddress{
position:absolute;
top:10px;
left:227px;
width:410px;
}
.textInput{
height:1.3em;
padding:5px 7px;
border:2px solid #CCCCCC;
font-size:1.21em;
ime-mode:disabled;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-collapse:collapse;
outline:none;
}
.textInputFocus{
border-color:#57b72e;
background:#f9fdf7;
}
.helpBox{
display:none;
position:absolute;
top:-63px;
left:227px;
width:413px;
padding:10px 15px 23px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_textbox.gif) no-repeat 0 100%;
border-top:3px solid #d3d3d3;
text-align:left;
}
.helpBox p{
padding-bottom:4px;
line-height:1.2;
}
.detailLink{
position:absolute;
top:46px;
left:227px;
}
.detailLink a {
background:url("http://stat100.ameba.jp/common_style/img/ucs/green/ico_arrow_green.gif") no-repeat right center;
padding:0 13px 0 0;
}
#submitBtn {
position:absolute;
top:5px;
right:100px;
display:block;
width:136px;
height:58px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_sendmail.gif) no-repeat;
border:none;
}
#submitBtn:hover{
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_sendmail.gif) no-repeat 0 -58px;
}
#notice{
width:900px;
margin:10px auto 0;
padding-bottom:52px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_notice.png) no-repeat right bottom;
color:#FFFFFF;
font-size:0.91em;
text-align:left;
}
#notice li:before{
content: "※"
}
#notice a{
color:#fff;
text-decoration:underline;
}
#subContentsArea{
background-color:#fff;
padding:25px 0 40px;
}
#about{
position:relative;
width:840px;
margin:0 auto;
}
#bnr_pigg{
width:840px;
height:172px;
margin:0 auto 15px;
}
#blog,#official,#pigg,#other{
float:left;
width:414px;
}
#blog,#pigg{
margin-right:12px;
}
#blog h3,#official h3,#pigg h3,#other h3{
height:44px;
}
#blog ul,#official ul,#pigg ul,#other ul{
height:122px;
margin-bottom:3px;
}
#blog h3{
background:url(http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_blog.png) no-repeat;
}
#blog ul{
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_mdl_blog.png) no-repeat;
}
#official h3{
background:url(http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_official.png) no-repeat;
}
#official ul{
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_mdl_official.png) no-repeat;
}
#pigg h3{
background:url(http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_pigg.png) no-repeat;
}
#pigg ul{
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_mdl_pigg.png) no-repeat;
}
#other h3{
background:url(http://stat100.ameba.jp/blog/img/blog_top/subttl_mdl_other.png) no-repeat;
}
#other ul{
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_mdl_other.png) no-repeat;
}
#mobileArea{
clear:both;
width:840px;
height:318px;
margin-bottom:28px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/bg_mobile.png) no-repeat right 32px;
}
#bottomLinks{
top:690px;
left:25px;
}
#registerBtn{
width:490px;
height:60px;
margin:0 auto;
}
#registerBtn a{
display:block;
width:490px;
height:58px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_register.png) no-repeat;
}
#registerBtn a:hover{
background-position:0 -58px;
}
#pcRegisterBtn{
width:486px;
height:57px;
margin:0 auto;
}
#pcRegisterBtn a{
display:block;
width:486px;
height:57px;
background:url(http://stat100.ameba.jp/blog/img/blog_top/btn_bottom_register.gif) no-repeat;
overflow:hidden;
}
#pcRegisterBtn a:hover,
#pcRegisterBtn a:active{
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
#linkMyPage{
width:840px;
padding-top:20px;
font-size:1.33em;
font-weight:bold;
}

/*footerArea
--------------------------------------------*/
#footerArea{
margin-top:0;
}