@charset "utf-8";


/*---- header ----*/
#header .logo{
width:72px;
height:30px;
}


/*---- newsContent：ニュース ----*/
.newsContent .newsList{
float:left;
width:310px;
margin-left:15px;
}

.newsContent .newsList li{
margin-bottom:7px;
padding-left:10px;
background:url(/img/public/pc/icon/list003.gif) no-repeat 0 9px;
font-size:116%;
}

.newsContent .photoNews{
float:right;
margin-right:5px;
padding:2px 3px 10px;
}

.newsContent .photoNews ul li{
position:relative;
float:left;
width:158px;
height:242px;
margin-right:10px;
border:1px solid #e6e6e6;
}

.newsContent .photoNews ul li h3{
padding:6px 10px;
border-bottom:1px solid #ddd;
background:#eee;
color:#666;
font-size:100%;
font-weight:bold;
}

.newsContent .photoNews .photoUpIcon{
position:absolute;
top:-1px;
right:9px;
}

.newsContent .photoNews .photo{
margin-bottom:13px;
}

.newsContent .photoNews .photo a{
display:table-cell;
*display:block;
width:158px;
height:110px;
layout-grid-line:110px;
text-align:center;
vertical-align:middle;
}

.newsContent .photoNews .photo img{
max-width:158px;
max-height:110px;
_width:expression(this.width >= this.height ? "158px" : "auto");
_height:expression(this.width <= this.height ? "110px" : "auto");
vertical-align:middle;
}

.newsContent .photoNews .media,
.newsContent .photoNews .date,
.newsContent .photoNews .title{
padding:0 10px;
}

.newsContent .photoNews .title{
margin-bottom:5px;
font-size:116%;
}

.newsContent .photoNews .media,
.newsContent .photoNews .date{
font-size:83%;
color:#999;
}


/*---- loginFormArea：ログインフォーム ----*/
.loginFormArea{
padding:10px 11px 10px 10px;
}

.loginFormArea h2{
display:none;
}

.loginFormArea img{
vertical-align:top;
}

.loginFormArea .register{
margin-bottom:10px;
}

.loginFormArea .loginForm{
width:324px;
padding-bottom:3px;
background:url(/img/public/pc/common/login_bg_bottom001.gif) no-repeat 0 100%;
text-align:center;
}

.loginFormArea .loginForm .inner{
padding-top:3px;
background:url(/img/public/pc/common/login_bg_top001.gif) no-repeat 0 0;
}

.loginFormArea .loginForm .inner .contents{
padding:17px 0 22px;
background:#f1e6c1;
}

.loginFormArea .loginForm .inputArea{
position:relative;
width:258px;
height:40px;
margin:0 auto 10px;
background-color:#FFF;
font-size:116%;
}

.loginFormArea .loginForm .inputArea .coverText{
position:absolute;
top:10px;
left:10px;
z-index:1;
color:#999;
}

.loginFormArea .loginForm .inputArea input{
position:absolute;
top:0;
left:0;
z-index:2;
width:236px;
height:38px;
padding:0 10px;
border:1px solid #CCC;
background:transparent;
*line-height:38px;
}

.loginFormArea .loginForm .inputArea input.filled{
background-color:#FFF;
}

.loginFormArea .loginForm .autoLogin{
margin:10px 0;
}

.loginFormArea .loginForm .autoLogin input{
margin-right:10px;
}

.loginFormArea .loginForm .loginButton{
margin:10px 0;
}

.loginFormArea .loginViaOther{
margin:20px 0 0;
}

.loginFormArea .loginViaOther .loginButton{
display:block;
}


/*---- recommendWord：おすすめmixiワード ----*/
.recommendWord .contents{
padding:0 20px 20px;
}

.recommendWord ul li{
display:inline-block;
*display:inline;
*zoom:1;
margin:0 13px 7px 0;
padding-left:10px;
background:url(/img/public/pc/icon/list003.gif) no-repeat 0 9px;
font-size:116%;
}


/*---- mixiService：mixiのサービス ----*/
.mixiService .contents{
padding:0 20px 20px;
}

.mixiService ul li{
margin:0 13px 10px 0;
padding-left:30px;
font-size:116%;
}

.mixiService ul li.community{background:url(/img/public/pc/icon/community002.gif) no-repeat 0 0;}
.mixiService ul li.news{background:url(/img/public/pc/icon/news003.gif) no-repeat 0 0;}
.mixiService ul li.game{background:url(/img/public/pc/icon/game002.gif) no-repeat 0 0;}
.mixiService ul li.word{background:url(/img/public/pc/icon/word002.gif) no-repeat 0 0;}
.mixiService ul li.premium{background:url(/img/public/pc/icon/premium001.gif) no-repeat 0 0;}
.mixiService ul li.event{background:url(/img/public/pc/icon/event002.gif) no-repeat 0 0;}


/*---- clearfix ----*/
.newsContent,
.newsContent .photoNews ul{
zoom:1;
}

.newsContent:after,
.newsContent .photoNews ul:after{
content:"."; 
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*---- mixi_kamdeda - 2016-03-02 23:59:59 ----*/
#header .logo{
padding-right:10px;
}

.adBanner01{
text-align:left;
}