@charset "euc-jp";

/* ****************************************************************************
 * ログアウト（互換モード）用
 * **************************************************************************** */

/*---- #loginBodyArea:ログイン画面 ----*/
#loginBodyArea{
position:relative;
width:945px;
margin:0 38px 0 39px;
}

#loginBodyArea div#loginMain{
width:945px;
height:460px;
}

#loginBodyArea div#loginArea{
position:absolute;
top:90px;
left:575px;
width:223px;
*width:225px;
height:248px;
*height:250px;
line-height:1.3;
background: url(/img/basic/logout/loginArea_bg001.gif) no-repeat 0 0;
font-size:12px;
}

#loginBodyArea div#loginArea .loginUnit{
padding:12px 12px 10px;
}

#loginBodyArea p.registerMixi{
position:absolute;
top:212px;
left:245px;
}

#loginBodyArea p.aboutMixi{
position:absolute;
top:349px;
left:299px;
}

#loginBodyArea div#loginArea ul.loginForm li.inputForm{
position:relative;
height:20px;
margin-bottom:8px;
background:#FFF;
border:1px solid #DFDFDF;
}

#loginBodyArea div#loginArea ul.loginForm li.inputForm .coverText{
position:absolute;
top:0;
left:0;
padding:3px;
z-index:1;
color:#999;
}

#loginBodyArea div#loginArea ul.loginForm li.inputForm input{
position:absolute;
top:0;
left:0;
z-index:2;
width:199px;
height:20px;
background:transparent;
border:none;
}

#loginBodyArea div#loginArea ul.loginForm li.inputForm input.filled{
background:#FFF;
}

#loginBodyArea div#loginArea ul.loginForm li.autoLogin{
margin:0 0 5px;
text-align:center;
}

#loginBodyArea div#loginArea ul.loginForm li.autoLogin input{
margin:0 4px 0 2px;
vertical-align:middle;
}

#loginBodyArea div#loginArea ul.loginForm li.autoLogin label{
font-size:83%;
}

#loginBodyArea div#loginArea p.pwReminder{
font-size:83%;
text-align:center;
}

#loginBodyArea div#loginArea p.loginButton{
padding:10px 0 8px;
text-align:center;
}

#loginBodyArea div#loginArea p.loginButton input{
padding:0;
border:none;
background:none;
}

#loginBodyArea div#loginArea p.sslLink01{
text-align:center;
font-size:86%;
}

#loginBodyArea div#loginArea p.extraLink01{
margin-top:5px;
font-size:86%;
text-align:center;
}

#loginBodyArea div#loginArea .registerUnit{
padding:12px 12px 0;
border-top:1px solid #CCC;
}

#loginBodyArea div#loginArea .registerUnit p.extraLink01{
margin-top:8px;
*margin:5px 0 8px;
text-align:center;
}

#loginBodyArea div#loginArea p.or{
margin:8px 0 12px;
text-align:center;
}

#loginBodyArea p.httpLink{
position:absolute;
top:342px;
left:576px;
width:223px;
text-align:right;
}

#loginBodyArea p.httpLink a{
padding-left:8px;
background:url(/img/basic/icon/link_arrow002.gif) no-repeat 0 50%;
font-size:86%;
text-decoration:none;
}


/*---- keywordArea:mixiで話題のワード ----*/
.keywordArea{
margin:0 5px;
padding:20px 0 18px;
border-bottom:1px solid #CCC;
text-align:center;
}

.keywordArea .keywordList{
display:inline-block;
*display:inline;
*zoom:1;
font-size:83%;
}

.keywordArea .keywordList:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.keywordArea .keywordList dt,
.keywordArea .keywordList dd{
float:left;
margin:0 10px 2px 0;
color:#666;
}

.keywordArea .keywordList dd a{
color:#999;
white-space:nowrap;
}