@charset "UTF-8";
/*--------------------------------------------------
for Room user general
$Id: idx.0.002.css,v 1.2 2013/02/20 11:29:49 koyama_sumiko Exp $
--------------------------------------------------*/
/*TOC===============================================
layout
leftArea
==================================================*/

/*layout
--------------------------------------------*/
#contentsArea { width:800px; margin:0 auto; text-align:left; }
#contentsArea #leftArea { float:left; width:300px; }
#contentsArea #rightArea { float:right; width:482px; overflow:hidden; }
#rightArea #blogSpace #none,
#leftArea #myMessage .noInput,
#leftArea #myMessage .forEdit,
#leftArea #myMessage .freeText { clear:both; }

/*amebaBar overwrite
--------------------------------------------*/
ul#amebaBar {min-width:800px;}
#amebaBar li#barLogoTop {width:450px;}

/*header overwrite
--------------------------------------------*/
#header { overflow:hidden; padding:10px 0 0; border-bottom:none; }
#headerAd { width:728px;height:90px; margin:20px auto 0; text-align:right; }
#navList { min-width:400px; }
#navList a { white-space:nowrap; }
p#category { white-space:nowrap; }

/*leftArea
--------------------------------------------*/
/*profDetl*/
#leftArea #profileDetail { margin:0 0 10px; padding:5px; overflow:hidden; }
#leftArea #userfDetl {  }
#leftArea #userImg { float: left; width: 151px; height: 151px; position:relative; background-color:#FFFFFF; border:1px solid #D4D4D4; padding:1px; text-align:center; }
#leftArea #userImg #imgPassClick{ display:block; width:151px; height:151px; position:absolute; left:0; top:0; }
#leftArea #userImg #imgPassClick:hover{ background:url(http://stat100.ameba.jp/room/img/ameba/general/general_top/next_image.png) no-repeat 2px 130px; }
#leftArea #userLink { float:right; width:120px; font-size:0.85em; }
#leftArea #userLink dt { float:left; padding:0 5px 0 0; font-size:0.85em; }
#leftArea #userLink dt:after { content:"："; }
#leftArea #userLink dd { margin:0 0 5px; padding:0 0 5px; border-bottom:1px dotted #BDBDBD; }
#leftArea #userLink li { margin:5px 0 10px; }
#leftArea #userLink #reader { background: url(http://stat100.ameba.jp/common_style/img/common/icon/reader.gif) no-repeat 0 0; padding:2px 0 2px 23px; }
#leftArea #userLink #msg { background: url(http://stat100.ameba.jp/common_style/img/common/icon/mail.gif) no-repeat 0 3px; padding:2px 0 2px 23px; }
#leftArea #userLink #amember{ background: url(http://stat100.ameba.jp/common_style/img/common/icon/amember3.gif) no-repeat 0 0; padding:2px 0 2px 23px; }
#leftArea #userLink #present{ background: url(http://stat100.ameba.jp/common_style/img/common/icon/present.gif) no-repeat 0 0; padding:2px 0 2px 23px; }
#leftArea #userLink #piggtomo { background: url(http://stat100.ameba.jp/common_style/img/common/icon/pigg.gif) no-repeat 0 0; padding:2px 0 2px 23px; }
#leftArea #userLink #peta { background: url(http://stat100.ameba.jp/common_style/img/common/icon/peta.gif) no-repeat 0 0; padding:2px 0 2px 23px; }

#leftArea .profLoginarea { padding:5px; margin:0 auto;color: #ffffff !important; }
#leftArea .profLoginarea a {
text-decoration: none;
color: #ffffff !important;
font-size: 12px;
font-weight: bold;
text-align: center;
display: block;
padding:10px 20px;
border:2px solid #ff7300;
border-radius: 5px;
background-color: #ff7300;
background: -moz-linear-gradient(top, #ff9c49, #ff7300);
background: -webkit-gradient(linear, center top, center bottom, from(#ff9c49), to(#ff7300));
background: -ms-linear-gradient(top, #ff9c49, #ff7300);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffff9c49', endColorstr='#ffff7300');
}
#leftArea .profLoginarea a:hover {
background: -moz-linear-gradient(top, #ff7300, #ff7300);
background: -webkit-gradient(linear, center top, center bottom, from(#ff7300), to(#ff7300));
background: -ms-linear-gradient(top, #ff7300, #ff7300);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffff7300', endColorstr='#ffff7300');
}

/* nowModule */
#nowModule { position:relative; width:280px; margin:5px auto 0; background:url(http://stat100.ameba.jp/room/img/ameba/common/line_now.gif) no-repeat 0 0; }
#nowModule h2 { width:200px; padding:20px 0 8px; }
#nowModule p.date { position:absolute; top:19px; right:0; color:#999999; font-size:0.85em; }
#nowModule .detailLink { margin:5px 0 0; }
#nowModule .detailLink a { padding:0; background:none; }
#nowModule #notEntry { padding:20px 0 10px; text-align:center; line-height:1.6em; }
#nowModule #notEntry span { font-size:0.85em; }

/* profData */
#profData { margin:10px 0 0; padding:15px 0 0; border-top:1px dotted #BDBDBD; }
#profData h2 { margin:0 0 8px; }
#profData dt { float:left; padding:0 5px 0 0; font-size:0.85em; }
#profData dt:after { content:"："; }
#profData dd { margin:0 0 5px; padding:0 0 5px; border-bottom:1px dotted #BDBDBD; }

/*flashContents*/
.flashContents{ margin:0 0 10px; text-align:center; }
.flashContents p{ text-align:left; }

/*myMessage*/
#myMessage{ margin:0 0 10px; padding:5px; }
#myMessage h2 { margin:0 0 8px; }

/*profileList*/
#profileList { margin:0 0 10px; padding:5px; }
#profileList h2 { margin:0 0 8px; }
#profileList dl { margin:5px 0 0; }
#profileList dt { float:left; padding:0 5px 0 0; font-size:0.85em; }
#profileList dt:after { content:"："; }
#profileList dd { margin:0 0 5px; padding:0 0 5px; border-bottom:1px dotted #BDBDBD; }
#profileList dd:last-child { margin:0; padding:0; border-bottom:none; }
#profileList dd#genre { font-size:0.85em; padding-bottom: 5px; }
/* artistProfileList */
#leftArea #artistProfileList { display: none; }

/*myProfileArea*/
#myProfileArea { padding:0 0 5px; clear:both; }
#myProfileArea #myProfileStandard,
#myProfileArea #myProfileTaste,
#myProfileArea #myProfileOther { padding:10px 0 0; clear:both; }
#myProfileArea .myProfileTtl { border-bottom:1px solid #BDBDBD; padding:0 0 3px; }
#myProfileArea .myProfileTtl h3 { line-height:20px; background:url(http://stat100.ameba.jp/common_style/img/common/icon/arrow8.gif) no-repeat 0 5px; padding:0 0 0 14px; }

/*rightArea
--------------------------------------------*/
#rightArea .subTitle { margin-bottom:4px; padding: 2px 0 0 7px; text-align: left; width:inherit; height: 21px; background:#EFEFEF; }
#rightArea h2 { font-size: 1.2em; float:left; }
#rightArea a.more { font-size:0.85em; margin:3px 5px 0 0; float:right; }

/* artistPlayerArea */
#rightArea #artistplayerSpace { display: none; }

/* freeSpace */
#rightArea #freeSpace { margin:0 0 10px; }
#rightArea #freeSpace #freeArea { margin-bottom: 15px; padding:0 15px 15px; overflow:hidden; clear:both; }
#rightArea #freeSpace #freeArea img.large { margin:0 -15px 0 -15px; }

/* eventSpace */
#rightArea #eventSpace { display: none; }

/* discographySpace */
#rightArea #discographySpace { display: none; }

/* photoSpace */
#rightArea #photoSpace { margin:0 0 10px; padding-bottom:10px; position: relative; }
#rightArea #photoSpace #flashArea { text-align: center; }
#rightArea #photoSpace #defaultArea { display:block; width:214px; margin:0 auto; padding:10px 0 0; text-align:center; }
#rightArea #photoSpace #defaultArea input { display:block; margin:0 auto; }
#rightArea #photoSpace #defaultArea img { border:1px solid #cacaca; padding:6px; margin:0 0 7px; }
#rightArea #photoSpace #defaultArea a { color:#cacaca; }

/* movieSpace */
#rightArea #movieSpace { margin-bottom: 25px; position: relative; }
#rightArea #movieSpace ul { padding: 0 15px 0 15px; }
#rightArea #movieSpace li { float: left; margin-right: 25px; }
#rightArea #movieSpace li#lastItem { margin-right: 0; }
#rightArea #movieSpace img { border: 1px solid #D4D4D4; padding: 1px; }
#rightArea #movieSpace p { font-size:0.85em; }

/* blogSpace */
#rightArea #blogSpace { padding-bottom:10px; position: relative; }
#rightArea #blogSpace h3 { font-size: 1em; margin: 0 0 0 12px; padding-top: 1px; float:left; }
#rightArea #blogSpace ul { padding: 0 15px 0 15px; font-size: 1em; line-height: 1.5em; clear:both; }
#rightArea #blogSpace ul li.blogRight { font-size: 0.9em; }
#rightArea #blogSpace span.update { color: #FF0000; margin-right: 5px; }
#rightArea #blogSpace li.blogLeft { float:left; width:340px; overflow:hidden; }
#rightArea #blogSpace li.blogRight { padding-left: 15px; float:right; }
#rightArea #blogSpace p#none { margin-left:15px }

/* bbsSpace */
#rightArea #bbsSpace { margin-bottom:10px; position: relative; }
#rightArea #bbsSpace .bbsGroup { margin:0 15px 15px 15px; border-bottom: 1px dotted #BDBDBD; padding-bottom: 7px; }
#rightArea #bbsSpace .bbsGroup:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#rightArea #bbsSpace .bbsGroup{ display: inline-table; }
/* Hides from IE-mac \*/
#rightArea #bbsSpace .bbsGroup{>height: 1%;}
#rightArea #bbsSpace .bbsGroup{display: block;}
/* End hide from IE-mac */
#rightArea #bbsSpace .bbsGroup img.UP { margin-bottom:4px; }
#rightArea #bbsSpace .bbsGroup img.thumb { border:1px solid #D4D4D4; float:left; height:45px; padding:1px; width:45px; }
#rightArea #bbsSpace .bbsGroup .bbsRight { float:left; padding-left:15px; width:385px; }
#rightArea #bbsSpace .bbsGroup p.textLeft { float:left; font-weight:bold; }
#rightArea #bbsSpace .bbsGroup p.textRight { float:right; font-size:0.85em; }
#rightArea #bbsSpace .bbsGroup .bbsMain { clear:both; margin-top:3px; padding-left:10px; }
#rightArea #bbsSpace p.bbsRegist,
#rightArea #bbsSpace p#bbsClose { margin: 0 15px 20px 15px; }
#rightArea #bbsSpace p#systemMessage { height:20px; }
#rightArea #bbsRegistArea { margin: 20px 15px 20px 15px; }
#rightArea #bbsSpace h3 { margin:12px 0 10px; padding:0; font-size: 1em; font-weight: normal; text-align: center; }
#mainArea { padding:13px 20px 25px 20px; background:none; }

#rightArea #bbsUnLoginMain { width: 398px; margin: 10px 0 0 25px; padding:5px 15px 10px; background-color:#ffffff; border: 1px solid #7E8984; }
#rightArea #bbsRegistArea dt,#rightArea #bbsRegistArea dd { float: left; margin: 0; }
#rightArea #bbsRegistArea dt img { padding-top: 3px; }
#rightArea #btnLogin { float: right; }
#rightArea #bbsRegistArea ul#bbsCheck { clear: both; border-bottom: 1px dotted #BDBDBD; width: 398px; margin-bottom: 5px; }
#rightArea #bbsRegistArea ul#bbsCheck li { float: left; font-size:0.85em; padding-right: 10px; vertical-align: middle; }
#rightArea #bbsRegistArea input#rem { vertical-align: middle; margin-right: 5px; }
#rightArea #bbsRegistArea ul#bbsInfo { float: left; font-size:0.85em; }
#rightArea #bbsUnLoginBottom img { float: right; margin-top: 10px; }
#rightArea #bbsRegistAreaText { margin: 0 15px 20px 15px; border: 1px solid #7E8984; }
#rightArea #bbsRegistMain { margin:4px 0 0 0; padding:0; }
#rightArea #bbsRegistMain ul { float: left; width: 398px; }
#rightArea #bbsRegistMain li { float: left; padding-right: 5px; }
#rightArea #bbsRegistMain textarea { width: 398px; height: 100px; }
#rightArea #bbsRegistMain #entryArea { clear: both; padding-top: 5px; text-align: center; }
#rightArea #bbsRegistMain #entryArea p { font-size:0.85em; margin-top: 5px; }
#rightArea #bbsRegistMain #entryArea p#bbsSubmit { margin: 15px 0; text-align: center; }
#rightArea #comment_text { background-color:transparent; }

/* RecommendSpace */
#rightArea #RecommendSpace{ position: relative; padding-bottom:15px; margin:0 0 25px 0; }
#rightArea #RecommendSpace .RecommendGroup { margin: 0 15px 5px 15px; width: 450px; border-bottom: 1px dotted #BDBDBD; padding-bottom: 7px; }
#rightArea #RecommendSpace h3 { font-size: 1em; }
#rightArea #RecommendSpace li { float: left; width: 200px; padding-right: 15px; }
#rightArea #RecommendSpace img { float: left; }
#rightArea #RecommendSpace p { float: left; padding-left: 10px; width: 120px; }

/*blog_div*/
#rightArea #blog_div {margin-bottom:10px;}

/*amemberList*/
#amemberList { padding-bottom:10px; margin-bottom:10px; }
#amemberList #amepass { margin-top:5px; margin-bottom:5px; padding-left:5px; width: 470x; }
#amemberList #amepass img { margin-top:1px; float:left; }
#amemberList h3 { margin:0px 0 0 3px; font-size:11px; font-weight:lighter; float:left; }
#amemberList #more { float:right; font-size:0.85em; margin-right:3px; }
.nobody { margin-left:153px; margin-top:2px; }
#amemberList #showamember { margin-top:0px; margin-bottom:5px; padding-top:2px; padding-left:5px; }
.amembername { margin-top:2px; margin-right:4px; line-height: 1.0; text-align:center; font-size:0.85em; }
#amemberOne { width: 90px; height:110px; float: left; margin-left:4px; padding-left:0px; overflow:hidden; }
#amemberOne .wakusen { width: 84px; height:84px; background-color: #FFFFFF; border:1px solid #CCCCCC; }
.amembername { margin-top:2px; margin-right:4px; line-height: 1.0; text-align:center; }
#amemberOne table#photo { width:84px; height:84px; text-align:center;  border-collapse:collapse; float:left; }
.amemberAttention { padding-right: 0; padding-left: 35px; background: url(http://stat100.ameba.jp/common_style/img/ameba/common/icons/ico_exclaim.gif) no-repeat left top; padding-bottom: 0; margin: 10px 0 0 90px; padding-TOP: 0 }
#amembeFooter { text-align:center; }
.amemberMailLink { background:transparent url(http://stat100.ameba.jp/amember/img/pc/common/icon_mail_a.gif) no-repeat scroll left center; display:inline; padding:20px; }
#artistMusic_div { margin-bottom:20px; }
span.error { color:#FF0000; display:inline; line-height:1.3; margin-top:10px; text-align:left; }

/*groupList*/
#rightArea #guruppoArea { clear:both; margin-bottom:10px; padding-bottom:10px; }
#guruppoArea h3 { float:left; margin:0px 0 0 3px; font-size:11px; font-weight:lighter; }
#rightArea #guruppoArea h3.ttlGroup { margin:10px 0 0!important; width:150px; height:17px; padding:0 0 0 5px; }
#rightArea #guruppoArea p#none { clear:both; margin-left:15px; }
#rightArea #guruppoArea p#entry { clear:both; margin-bottom:5px; margin-top:5px; }
#entry .guruppoName { display:block; font-size:1em; padding:1px 10px; text-align:left !important; }
ul#guruppoList { clear:both; width:480px; margin:0 auto; }
#guruppoList.itemList li { float:left; height:11em; margin-left:4px; min-height:110px; text-align:center; width:90px; }
#guruppoList table { width:86px; height:86px; margin-bottom:2px; }
#guruppoList p { overflow:hidden; margin-bottom:5px; font-size:0.85em; }
/**adjust**/
#guruppoList.itemList li { overflow:hidden; }

/*presentSpace*/
#rightArea #presentSpace { margin:0 0 10px; }

/*birthday*/
#birthday{ margin:0 0 20px; padding:0 0 5px; background: #fff; border: 1px solid #ff9900; }
#birthday .title{ margin:0 0 3px; padding: 3px 0 3px 25px; background: #fff0b2 url(http://stat100.ameba.jp/room/img/ameba/room_profile/birthday/icon_cake.gif) no-repeat 4px 2px; font-weight: bold; }
#birthday .detail{ overflow:hidden; }
#birthday .detail{ display: inline-block; }/*for IE*/
#birthday .detail{ display: block; }/*for IE*/
#birthday .detail p{ float:left; width:300px; }
#birthday .detail p img{ margin:0 0 0 5px; }
#birthday .detail ul{ float:right; width:125px; padding:2px 0 0; font-size:0.85em; line-height:1.6; }
#birthday .detail li{ margin:1px 0 0; }
#birthday .message a{ background: url(http://stat100.ameba.jp/common_style/img/common/icon/mail.gif) no-repeat 0 4px; padding:2px 0 2px 23px; }
#birthday .present a{ background: url(http://stat100.ameba.jp/common_style/img/common/icon/present.gif) no-repeat -1px 3px; padding:5px 0 5px 23px; }

/*-- Ajax Error --*/
#rightArea #amember_divErrorMessage,
#rightArea #guruppoAreaErrorMessage{margin-bottom:-10px;}

#rightArea #blog_divErrorMessage,
#rightArea #amember_divErrorMessage,
#rightArea #guruppoAreaErrorMessage{padding: 30px; text-align: center;}

/*adBanner*/
.adBanner{
position: absolute;
bottom: 0;
}