@charset "UTF-8";
/*
-----------------------------------------------------
ameba Portal CSS Settings for comment popup
FileName:   pop_common.css
$Date: 2010/12/14 04:47:17 $
$Revision: 1.2 $
-----------------------------------------------------
*/
*{
margin:0;
padding:0;
}

body {
color:#333333;
background:#ffffff;
text-align:center;
font-size:12px;
margin:0px;
}

body,input,textarea,select {
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
}

input#user_pwd,
input#password,
input#passwordre {
font-family: Times,"Times New Roman",serif;
}

input,textarea{
font-size:12px
}

li{
list-style-type:none;
}

img{
border:0;
}

a{
color:#0066CC;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

a:active{
color:#CC0000;
}

a:visited{
color:#993399;
}

/*---clearfix---*/
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix{
display: inline-table;
}
/* Hides from IE-mac \*/
.clearFix{>height: 1%;}
.clearFix{display: block;}
/* End hide from IE-mac */

/*---layout---*/
#contentsArea{
width:352px;
margin:0 auto;
text-align:center;
}

#mainContentsArea{
width:352px;
margin:14px auto;
text-align: left;
}

/*--logo--*/
img#logo{
margin:0px;
padding-top:14px;
padding-bottom:14px;
vertical-align:baseline;
}

/*--mainContentsArea--*/
#mainContentsArea p#coSubmit {
margin:10px auto 5px;
text-align: right;
}

#mainContentsArea p#coSubmit .button {
margin-left: 5px;
font-size: 11px;
width: 80px;
}

#coSubmit p{
vertical-align:center;
}

/*--comment_title--*/
#mainContentsArea h2{
margin-bottom:10px;
padding:0px 0px 0px 20px;
background:url("http://stat.ameba.jp/blog/ucs/img/ico_commentshow.gif") no-repeat left top;
font-size:12px;
text-align:left;
}

/*--comment_entry--*/
#comment_entry {
clear:both;
margin:5px auto 0px;
padding:0px;
border:1px solid #818C87;
}

#comment_entry h3{
padding:0px;
font-size:12px;
text-align:left;
font-weight:normal;
}

#comment_entry p#desc{
margin:1px;
padding:5px 14px;
font-size:12px;
font-weight: bold;
text-align:left;
background:#EAECEB;
}

#comment_entry dl{
margin:0px;
padding:14px 14px 7px;
border-top:1px solid #818C87;
}

#comment_entry dt{
clear:both;
float:left;
width:65px;
padding-bottom:3px;
text-align: right;
}

#comment_entry dd{
width:240px;
padding-bottom:3px;
}

#comment_entry dt#b_name{
background:url("/img/ico_blog.gif") no-repeat 2px 0px;
}

#comment_entry dt#e_name{
background:url("/img/ico_entrytitle.gif") no-repeat 0px 0px;
}

#comment_entry dd#e_title{
padding-top:1px;
}

/*--comment_module--*/
#comment_module{
clear:both;
margin-top:10px;
_margin-bottom:7px;
padding:0;
padding-bottom:10px;

}

#comment_module h3.title {
margin-bottom: 0px;
}

#comment_module p.list {
margin: 0px 0px 10px 0px;
padding: 0px;
}

#comment_module .each_comment {
margin-bottom: 10px;
}

#comment_module .comment_footer {
margin-top: 5px;
padding-top: 5px;
border-top: 1px dashed  #000000;
}

#comment_module .error{
margin-top: 20px;
padding-bottom: 10px;
}
#comment_module .icon{
padding:2px;
display:block;
text-align:right;
}

#comment_module label{
display: block;
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 0;
min-height: 20px;
padding-left: 5px;
padding-top: 3px;
text-align: left;
width: 80px;
}
#comment_module li textarea#comment_text,
#comment_module li label.form_com,
#comment_module li label.form_secIn{
height:100px;
}
#comment_module li span{
margin-left:7px;
}

span.error{
color:#FF0000;
}

#f_name,#f_url,#f_title,#comment_text,#f_id{
float:right;
width:258px;
margin:0px;
padding:3px 0 0 3px;
}

#f_url {
background-color:#FFEDA4;
}

.commentURLAttention {
color:#FF0000;
}

a#kaomojiIconToCommentText{
padding:2px;
display:block;
text-align:right;
vertical-align:bottom;
}
#commnetList #kaomoji{
padding:0;
margin:0;
top:-6px !important;
left:22px !important;
}

a#f_name{
margin-left:7px;
}

comment_module ul{
margin-top:0px;
margin-left: auto;
margin-right: auto;
padding-top:0px;
}

#comment_module form li {
display: block;
margin-top:0px;
margin-bottom:7px;
padding:0px;
background:url("../img/comment_bg.gif") repeat-y left;
}

#comment_module form li:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

#comment_module form li{
display: inline-table;
}
/* Hides from IE-mac \*/
#comment_module form li{>height: 1%;}
#comment_module form li{display: block;}
/* End hide from IE-mac */

#comment_module form input.input_v {
float:left;
margin:0 0 0 86px;
ime-mode: disabled;
}

#comment_module li p{
margin:0 0 4px 90px;
}
.commentAttention, .commentURLAttention {
font-size:0.85em;
}

#comment_module a:link {
text-decoration:none;
}

#comment_module a:visited {
text-decoration: none;
}

#comment_module a:hover {
text-decoration: underline;
}

/*--ameblo_login--*/
#ameblo_login {
clear:both;
_width:80%;
margin-top:3px;
margin-right:0px;
margin-bottom:10px;
margin-left:0px;
padding:14px;
font-size:12px;
border:1px solid #818C87;
background:#EAECEB;
}

#ameblo_login form {
width:322px;
}

#ameblo_login h3{
margin-bottom:10px;
padding:0px 0px 0px 20px;
font-size:12px;
text-align:left;
background:url("http://stat.ameba.jp/blog/ucs/img/ico_reader.gif") no-repeat 0px 0px;
}

#ameblo_login p{
width:322px;
margin-bottom:10px;
padding:0px;
text-align:left;
}

#loginArea{
float:right;
margin-right:0px;
margin-left:0px;
}

#ameblo_login ul#login_form{
float:left;
}

#ameblo_login label{
display: block;
float:left;
width:65px;
padding-top:2px;
}

#ameblo_login li{
margin-bottom:5px;
}

#ameblo_login li input{
width:150px;
margin-bottom: 1px;
height:1.2em;
}

#ameblo_login input.btn{
float:left;
margin-left:10px;
height:36px;
}

#ameblo_login ul#loginlist{
clear:both;
margin:0px;
padding:0px;
font-size:10px;
text-align:right;
}

#ameblo_login ul#loginlist li{
margin:0px;
padding-right:12px;
background: url(http://stat.ameba.jp/blog/ucs/img/ico_arrow_gr.gif) no-repeat right center;
}

#ameblo_login .rem{
clear:both;
width:322px;
margin:0px;
padding-top:10px;
padding-bottom:3px;
padding-right:0px;
font-size: 10px;
text-align:right;
}

#ameblo_login .rem label{
display:inline;
float: none;
margin-left: 3px;
}

#ameblo_login .rem a{
display: block;
}

#ameblo_login span.error{
font-size: 10px;
line-height: 1.0em;
}

#ameblo_login form img{
clear: both;
}

#memberAttention #ameblo_login{
margin:0;
padding:0;
background:#ffffff;
line-height:1.4;
font-size:1em;
border:none;
}

div.explanation{
margin:15px 0 23px 0;
padding:12px;
background:#FFFFCC;
color:#333333;
text-align:center;
line-height:15px;
}

#memberAttention #ameblo_login div.explanation p{
background:url(http://stat.ameba.jp/common_style/img/ameba/common/icons/icon_attention.gif) no-repeat scroll 0 4px;
padding:2px 0 2px 22px;
margin:0;
}

#memberAttention #ameblo_login span.error{
font-weight:normal;
font-size:1em;
display:block;
margin:13px 0;
}

/*--finish--*/
#finish{
margin:10px auto;
}
#finish p{
text-align:center;
}

#finish p#desFinish {
font-size: 12px;
font-weight: bold;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 0px;
padding-left: 5px;
padding-right: 5px;
padding-top: 2px;
}

p#cautionDes{
width:204px;
margin:12px auto 20px;
background:url(http://stat.ameba.jp/common_style/img/ameba/common/icons/icon_attention.gif) no-repeat 0 0 ;
line-height:1.5em;
}

#finish p#coFinish {
display: block;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
padding-top: 2px;
width: 330px;
}


#finish p#coFinish a {
font-size:12px;
}

#finish p#nowFinish {
display: block;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
padding-top: 2px;
width: 330px;
}

#finish p#presentLink{
padding:15px 0 2px;
}

#finish p#readerLink{
padding:11px 0 14px 0;
}

#finish p#presentLink a{
background:url(http://stat100.ameba.jp/common_style/img/common/icon/present.gif) no-repeat 0 0 ;
padding:3px 0 4px 20px;
}

#finish p#readerLink a{
background:url(http://stat.ameba.jp/common_style/img/common/icon/reader.gif) no-repeat 0 0 ;
padding:1px 0 4px 20px;
}

#otherLinks{
width:352px;
margin:0 0 16px 0;
background-color:#F7F7F7;
}

#otherLinks p{
width:160px;
margin:0 auto;
text-align:left;
}

.ad_frame div{
margin:0 auto;
}

p.contributionCautions{
padding:0 0 0 12px;
margin:0 0 4px 0;
font-size:0.85em;
text-indent:-12px;
line-height:1.3em;
}
/* パレット位置：デザインが変更され高さが変われば調節が必要 */
#commnetList .makePalette{
top:204px;
left:0px;
display:inline;
visibility:visible;
}

/*20070517追加*/
div#noticeKeyword{
margin:8px 0 0 0;
padding:0;
background-color:#FFFFE6;
border:1px solid #333333;
}

div#noticeKeyword h3{
margin:0;
padding:0;
height:24px;
width:auto;
background:url(http://stat.ameba.jp/blog/img/comp_microad_ttl.gif) no-repeat left top;
text-indent:-9999px;
}

div#noticeKeyword p{
margin:0;
padding:8px 8px;
line-height:1.8em;
}

div#noticeKeyword a{
margin-right:8px;
}

div#noticeKeyword a.chrLarge{
font-size:180%;
font-weight:600;
}

div#noticeKeyword a.chrMiddle{
font-size:140%;
font-weight:600;
}

/*---for AdLantis---*/
.adlantiss_frame div{
margin:0 auto;
}

/* hide text */
.hidetxt {
text-indent:-9999px;
overflow:hidden;
}

.hidetxt a {
overflow:hidden;
}
/* Hide from mac IE5 \*/
.hidetxt a {
overflow: visible;
}
/* End Hide from mac IE5 */

/*login
--------------------------------------------*/
#login {
width:352px;
margin:15px auto;
}

#login #mainWrap {
position:relative;
width:317px;
padding:15px 14px 12px;
border:3px solid #EBE9E6;
}

#subMain {
position:relative;
width:317px; /* IE6 */
font-size:0.85em;
text-align:center;
}

#subMain p{
position:absolute;
top:15px;
left:0;
}

#textLoginEnjoy {
width:280px;
line-height:15px;
}

#button a {
display:block;
width:126px;
height:75px;
background:url(http://stat100.ameba.jp/home/img/common/btn_entry.gif) no-repeat;
}

#mainRight {
float:right;
width:177px;
margin-top:2px;
}

#mainRight dl {
width:114px;
float:left;
text-align:left;
}

#mainRight dd {
margin:0 0 3px 0;
}

#mainRight dd input {
width:110px;
}

#btnLogin {
position:absolute;
width:54px;
height:47px;
right:0;
top:15px;
}

#loginForm img{
padding-bottom:2px;
vertical-align:bottom;
}

#remInput {
float:left;
width:157px;
margin:3px 0 0 0;
text-align:left;
}

#remInput li {
display:block;
margin:3px 0 0 0;
}

#remInput .reminder{
padding-left:10px;
background:url(http://stat.ameba.jp/common_style/img/common/icon/arrow12.gif) no-repeat -6px -2px;
}

#etc {
clear:both;
margin:0 0 0 1px;
background:url(/common_style/img/common/line_dot.gif) repeat-x center top;
text-align:left;
}

#user_name {
width:110px;
ime-mode:disabled;
}

#user_pwd{
width:110px;
ime-mode:disabled;
}

#ssl{
clear:both;
padding:0 0 4px;
font-size:0.85em;
text-align:left;
}

#ssl li{
display:inline;
margin:4px 0 0 4px;
}

#etcLink {
clear:both;
padding:5px 0 0 0;
background:url(/common_style/img/common/line_dot.gif) repeat-x center top;
font-size:0.85em;
text-align:left;
}

#helpLink {
margin:40px 0 0 0;
padding:5px 0 0 0;
background:url(/common_style/img/common/line_dot.gif) repeat-x center top;
font-size:0.85em;
text-align:left;
}

#helpLink li {
display:inline;
}

input#usr_password{
font-family: Times,"Times New Roman";
}

/*#coSubmit
 * --------------------------------------------*/
#coSubmit{
margin: 20px 0;
text-align:center;
}

#coSubmit input {
vertical-align:middle;
}

#coSubmit .button {
width: 110px;
height: 37px;
margin:0 0 0 8px;
font-size: 16px;
}
#nowInput {
float: left;
margin-bottom: 0;
margin-left: 0;
margin-right: 0;
margin-top: 2px;
vertical-align: text-bottom;
width: 26px;
}