@charset "UTF-8";
/*
--------------------------------------------------
ameba Room import
FileName:   general_top.css
$Date: 2013/02/13 02:34:44 $
$Revision: 1.5 $
--------------------------------------------------
*/
#artistNavi{
display: none;
}
#roomNaviArea{
padding-top: 43px;
margin-bottom:35px;
}
h1{
font-size: 1.8em;
font-weight:bold;
margin: 0px;
padding: 0px 30px 0px 0px;
vertical-align: middle;
float: left;
}
#roomNaviArea ul{
padding-top: 11px;
vertical-align: middle;
font-weight:bold;
}
#roomNaviArea li{
float: left;
border-right: 1px solid #999999;
margin-right: 7px;
padding-right: 7px;
line-height: 1.0em;
}
#roomNaviArea li.lastItem{
border-right:none;
}
p#category{
float:right;
font-weight:bold;
}
p#category span#note{
font-size:16px;
font-weight:bold;
}

/* profileDetail */
#leftArea #profileDetail{
width:288px;
}
#leftArea #photo{
float: left;
width: 151px;
height: 151px;
margin:5px 0 0 6px;
_margin:6px 0 0 3px;
padding:0;
position:relative;
}
#leftArea #photo table{
width:151px;
height:151px;
margin:0 auto;
text-align:center;
border:1px solid #D4D4D4;
background-color: #FFFFFF;
}
#leftArea #photo table td{
padding:0;
margin:0;
}
#leftArea #photo table td a#imgPassClick{
display:block;
width:151px;
height:151px;
position:absolute;
left:0;
top:0;
}
#leftArea #photo table td a#imgPassClick:hover{
background:url(http://stat.ameba.jp/room/img/ameba/general/general_top/next_image.png) no-repeat 2px 130px;
}
#leftArea #profileData{
float: left;
margin:7px 3px 0 6px;
font-size: 0.8em;
}
#leftArea #profileMenu{
clear: both;
font-size: 0.8em;
margin: 3px 0px 0px 5px;
}
#leftArea #profileMenu li{
float: left;
margin-right: 8px;
height: 16px;
}
#leftArea #profileMenu li#peta{
background: url(http://stat.ameba.jp/room/img/ameba/common/icons/peta_icon.gif) no-repeat left bottom;
text-indent: 18px;
}
#leftArea #profileMenu li#message{
background: url(http://stat.ameba.jp/room/img/ameba/common/icons/message_icon.gif) no-repeat left bottom;
text-indent: 18px;
}

/* playerArea */
#leftArea #playerArea{
display:none;
margin: 10px 0;
width:268px;
}

#header h1,
#header #navList{
width:auto;
overflow: hidden;
}
#header #category{
width:auto;
}

/* myMessage */

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

/* amepro */
#leftArea #amepro{
margin: 10px 0;
padding: 15px 10px 15px 10px;
width:268px;
word-break:break-all;
}

#leftArea #amepro h2{
font-size: 1em;
margin: 0px 0px 5px 0px;
}

#leftArea #amepro dl{
margin: 0px;
word-break:break-all;
}

#leftArea #amepro dt{
float: left;
font-weight: bold;
word-break:break-all;
}

#leftArea #amepro dd{
float: left;
margin: 0px;
word-break:break-all;
}



/* qAndA */

#leftArea #any{
margin: 10px 0;
padding:5px 0;
_float:left;
width:288px;
word-break:break-all
}

#leftArea #qAndA{
margin-top: 10px;
padding: 0px 10px 0px 10px;
}

#leftArea #qAndA h2,#leftArea #anyqAndA h2,#leftArea #anyBest3 h2{
font-size: 1em;
float: left;
margin: 0px;
}

#leftArea #qAndA a#question{
display:block;
float: right;
background: url(http://stat.ameba.jp/room/img/ameba/common/question_btn.gif) no-repeat left top;
height: 19px;
width: 59px;
text-indent: -9999px;
}

#leftArea #anyqAndA,#leftArea #anyBest3{
margin: 10px 10px 0px 10px;
padding-bottom: 5px;
}

#leftArea #anyqAndA{
border-bottom: 1px dotted #818C87;
}


#leftArea #anyqAndA a.more,#leftArea #anyBest3 a.more{
float: right;
font-size: 0.8em;
}


#leftArea #anyqAndA ul,#leftArea #anyBest3 ul{
clear: both;
}

#leftArea #anyqAndA li.question,#leftArea #anyBest3 li.question{
background: url(http://stat.ameba.jp/room/img/ameba/room_profile/icon_q.gif) no-repeat left top;
text-indent: 25px;
padding-bottom: 5px;
}

#leftArea #anyqAndA li.answer,#leftArea #anyBest3 li.answer{
background: url(http://stat.ameba.jp/room/img/ameba/room_profile/icon_a.gif) no-repeat left top;
text-indent: 25px;
padding-bottom: 5px;
}

#leftArea #anyqAndA p.questioner,#leftArea #anyBest3 p.questioner{
text-align: right;
font-size: 0.8em;
}


/*myProfileArea
--------------------------------------------*/
#myProfileArea #myProfileStandard,
#myProfileArea #myProfileTaste,
#myProfileArea #myProfileOther{
padding:15px 0 0;
clear:both;
}

/* rightArea */

/* artistPlayerArea */
#rightArea #artistMusic_div{
margin: 0px 0px 4px 0px;
text-align:center;
}
#rightArea p.linkForArtistRooms{
margin: 0px 0px 15px 0px;
text-align:center;
}

/* freeSpace */
#rightArea #freeSpace #freeArea img.large{
margin:0 -15px 0 -15px;
}

/* eventSpace */
#rightArea #eventSpace{
display:block;
margin:0 0 10px;
}

#rightArea #eventSpace .eventGroup{
margin:10px;
}

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

#rightArea #eventSpace .eventGroup p.eventDay{
float: left;
font-weight: bold;
}

#rightArea #eventSpace .eventGroup .right{
float: left;
width:375px;
margin-left: 15px;
word-break:break-all;
}

#rightArea #eventSpace .eventGroup h3{
font-size: 1em;
margin: 0px;
}

#rightArea #eventSpace p#none{
margin-left:15px;
}


/* discographySpace */

#rightArea #discographySpace{
display:block;
margin:0 0 10px;
}
#rightArea #discographySpace .discographyGroup:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#rightArea #discographySpace .discographyGroup{
display: inline-table;
margin:10px;
}
/* Hides from IE-mac \*/
#rightArea #discographySpace .discographyGroup{>height: 1%;}
#rightArea #discographySpace .discographyGroup{display: block;}
/* End hide from IE-mac */

#rightArea #discographySpace p.thumb{
float: left;
width: 125px;
}

#rightArea #discographySpace p.thumb img{
width: 125px;
}

#rightArea #discographySpace .right{
float: left;
margin-left: 15px;
font-size: 1.2em;
width: 300px;
word-break:break-all;
}

#rightArea #discographySpace .date{
margin: 0 0 0 20px;
}

#rightArea #discographySpace .artist{
padding: 0 0 0 20px;
background: url(http://stat.ameba.jp/room/img/ameba/artist/artist_top/icon_disco_artist.gif) no-repeat 0 0.3em;
font-weight: bold;
word-break:break-all;
}
#rightArea #discographySpace .title{
padding: 0 0 0 20px;
background: url(http://stat.ameba.jp/room/img/ameba/artist/artist_top/icon_disco_title.gif) no-repeat 0 0.3em;
font-weight: bold;
word-break:break-all;
}
#rightArea #discographySpace .label{
padding: 0 0 0 20px;
background: url(http://stat.ameba.jp/room/img/ameba/artist/artist_top/icon_disco_label.gif) no-repeat 0 0.3em;
word-break:break-all;
}
#rightArea #discographySpace .price{
padding: 0 0 0 20px;
background: url(http://stat.ameba.jp/room/img/ameba/artist/artist_top/icon_disco_price.gif) no-repeat 0 0.3em;
word-break:break-all;
}


/* photoSpace */
#rightArea #photoSpace #flashArea{
text-align: center;
margin: 0px;
}

/* movieSpace */
#rightArea #movieSpace ul{
padding: 0px 15px 0px 15px;
}

#rightArea #movieSpace li{
float: left;
margin-right: 25px;
}

#rightArea #movieSpace li#lastItem{
margin-right: 0px;
}

#rightArea #movieSpace img{
border: 1px solid #D4D4D4;
padding: 1px;
}

#rightArea #movieSpace p{
font-size: 0.8em;
}


/* blogSpace */
#rightArea #blogSpace ul{
padding: 0px 15px 0px 15px;
font-size: 1em;
line-height: 1.5em;
}

#rightArea #blogSpace ul li.blogRight{
font-size: 0.9em;
}

#rightArea #blogSpace span.update{
color: #FF0000;
margin-right: 5px;
}


#rightArea #blogSpace li.blogLeft{
float: left;
word-break:break-all;
width:340px;
overflow:hidden;
}

#rightArea #blogSpace li.blogRight{
float: right;
padding-left: 15px;
word-break:break-all
}

#rightArea #blogSpace p#none{
margin-left:15px;
}


/* amemberSpace */

#rightArea #amemberSpace{
margin-bottom: 25px;
position: relative;
padding-bottom:5px;
_padding-bottom:20px;
}

#rightArea #amemberSpace table{
width:79px;
height:79px;
margin:0 auto;
text-align:center;
border:1px solid #D4D4D4;
border-collapse:collapse;
overflow: hidden;
word-break: break-all;
}

#rightArea #amemberSpace ul{
padding: 0px 15px 10px 15px;
}

#rightArea #amemberSpace li{
float: left;
padding-right: 10px;
font-size: 0.8em;
width: 79px;
}

#rightArea #amemberSpace li#thumbFirst{
padding-right: 13px;
}

#rightArea #amemberSpace li#thumbLast{
padding-right: 0px;
}


/* bbsSpace */
#rightArea #bbsSpace .bbsGroup{
margin: 0px 15px 15px 15px;
border-bottom: 1px dotted #818C87;
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{
float: left;
width:45px;
height:45px;
border: 1px solid #D4D4D4;
padding: 1px;
}

#rightArea #bbsSpace .bbsGroup .bbsRight{
float: left;
padding-left: 15px;
width: 385px;
}

#rightArea #bbsSpace .bbsGroup p.textLeft{
float: left;
font-weight: bold;
word-break:break-all
}

#rightArea #bbsSpace .bbsGroup p.textRight{
float: right;
font-size: 0.8em;
}

#rightArea #bbsSpace .bbsGroup .bbsMain{
clear: both;
margin-top: 3px;
padding-left: 10px;
}

#rightArea #bbsSpace p.bbsRegist,
#rightArea #bbsSpace p#bbsClose{
margin: 0px 15px 20px 15px;
}

#rightArea #bbsRegistArea{
margin: 0px 15px 20px 15px;
padding-bottom:20px;
}

#rightArea #bbsSpace h3{
margin:12px 0 0;
padding:0;
font-size: 1em;
font-weight: normal;
text-align: center;
}

#rightArea #bbsUnLoginMain{
width: 398px;
margin: 10px 0px 0px 25px;
padding:5px 15px 10px;
background-color:#ffffff;
border: 1px solid #7E8984;
}

#rightArea #bbsUnLoginMain form{
margin:0;
padding:0;
}
#rightArea #bbsUnLoginMain a{
color: #0066cc;
}

#rightArea #bbsRegistArea dl{
float: left;
}

#rightArea #bbsRegistArea dt,#rightArea #bbsRegistArea dd{
margin: 0px;
}

#rightArea #bbsRegistArea dt img{
padding-top: 3px;
}

#rightArea #bbsRegistArea dd input{
}

#rightArea #btnLogin{
float: right;
}

#rightArea #bbsRegistArea ul#bbsCheck{
clear: both;
border-bottom: 1px dotted #999999;
width: 398px;
margin-bottom: 5px;
}

#rightArea #bbsRegistArea ul#bbsCheck li{
float: left;
font-size: 0.8em;
padding-right: 10px;
vertical-align: middle;
}

#rightArea #bbsRegistArea ul#bbsCheck li.noCheck{
_padding-top: 4px;
}

#rightArea #bbsRegistArea input#rem{
vertical-align: middle;
margin-right: 5px;
}

#rightArea #bbsRegistArea ul#bbsInfo{
float: left;
font-size: 0.8em;
}

#rightArea #bbsUnLoginBottom img{
float: right;
margin-top: 10px;
}

#rightArea #bbsRegistAreaText{
margin: 0px 15px 20px 15px;
border: 1px solid #7E8984;
}

#rightArea #bbsRegistMain{
margin:4px 0 0 0;
padding:0;
}

#rightArea #bbsRegistMain form{
margin: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.8em;
margin-top: 5px;
}

#rightArea #bbsRegistMain #entryArea p#bbsSubmit{
margin: 15px 0px;
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: 0px 15px 5px 15px;
width: 450px;
border-bottom: 1px dotted #818C87;
padding-bottom: 7px;
}

#rightArea #RecommendSpace h3{
font-size: 1em;
margin: 0px;
}

#rightArea #RecommendSpace li{
float: left;
width: 200px;
padding-right: 15px;
word-break:break-all
}

#rightArea #RecommendSpace img{
float: left;
}

#rightArea #RecommendSpace p{
float: left;
padding-left: 10px;
width: 120px;
word-break:break-all
}

/* Btn_Edit & Edit_room*/
.edit {
margin: 3px 5px 0 0;
float:right;
}
#leftArea #myMessage a.edit {
margin: -6px -5px 0px 0px;
text-align:right;
width:inherit;
_width:267px;
height: 18px;
}
#leftArea #artistProfileList a.edit, #leftArea #profileList a.edit {
margin: -3px -4px 0px 0px;
_margin: 0;
float:right;
width:40px;
}
#leftArea #qAndA a.edit,#leftArea #anyqAndA a.edit,#leftArea #anyBest3 a.edit{
margin: 0px 0px 0px 0px;
float:right;
}

p#editRoom{
position:absolute;
top:25px;
right:3px;
}

/*amemberList*/

#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 0px 0px 3px;
font-size:11px;
font-weight:lighter;
float:left;
}

#amemberList #more{
float:right;
font-size: 0.8em;
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.8em;
}


#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;
}

table#photo img{
vertical-align:bottom;
}

.amemberAttention {
PADDING-RIGHT: 0px;
PADDING-LEFT: 35px;
BACKGROUND: url(http://stat.ameba.jp/common_style/img/ameba/common/icons/ico_exclaim.gif) no-repeat left top;
PADDING-BOTTOM: 0px;
MARGIN: 10px 0px 0px 90px;
PADDING-TOP: 0px
}
#amembeFooter{
text-align:center;
}
.amemberMailLink{
background:transparent url(http://stat.ameba.jp/amember/img/pc/common/icon_mail_a.gif) no-repeat scroll left center;
display:inline;
padding:20px;
}

#artistMusic_div {
margin-bottom:20px;
}









#mainArea {
background-color:#FFFFFF;
border:1px solid #818C87;
margin:0pt auto;
min-height:150px;
padding:10px 0px 24px;
width:440px;
}

#mainTop {
font-size:1px;
height:10px;
margin:0pt auto;
padding:0pt;
width:440px;
}

#mainBottom {
float:left;
font-size:1px;
height:10px;
padding:0pt;
width:440px;
}


#textLoginEnjoy {
background:transparent url(http://www.ameba.jp/img/top/text_login_enjoy.gif) no-repeat scroll 0%;
height:30px;
width:194px;
}

#Button a {
background:transparent url(http://www.ameba.jp/img/top/btn_ameba_orange.gif) no-repeat scroll 0%;
display:block;
font-size:1px;
height:100px;
margin:10px 0px 15px 0px;
text-indent:-9999px;
width:194px;
}


#mainRight {
display:inline;
float:left;
width:200px;
}

#mainLeft {
display:inline;
float:left;
font-size:0.85em;
margin:0pt 17px 0pt 10pt;
text-align:center;
}

#idpass_input {
float:left;
margin:0px 0px 40px;
text-align:left;
width:110px;
}

#usr_name {
margin:0pt;
padding:0pt;
width:110px;
}

#usr_password {
margin:0pt;
padding:0pt;
width:110px;
}

#etc {
border-top:1px dotted #CCCCCC;
clear:both;
font-size:10px;
margin:0pt 0pt 0pt 1px;
padding:0pt;
text-align:left;
}

#rem li {
display:inline;
padding:0pt;
}


#btnLogin{
margin-top:8px;
}

form{
margin:0px;
padding:0px;
}

#textLoginEnjoy{
text-indent:-9999px;
}

span.error {
color:#FF0000;
display:inline;
line-height:1.3;
margin-top:10px;
text-align:left;
}