@import url(ui.common.css);
#container {
background-color:#fff;
}
h3 {
margin: 8px 0;
font-size: 80%;
}
.end {
margin:16px 0;
}

#footer {
width:800px;
padding-top:32px;
font-size:80%;
text-align:center;
margin:auto auto 16px;
}
#footer ul {
margin-top:4px;
}
#footer li {
display:inline;
}
h1{
padding: 8px 0 6px 12px;
}
#content{
padding: 12px 0;
}
#header{
position: relative;
margin:auto;
}
#login{
position:absolute;
top: 10px;
right: 55px;
font-size: 80%;
}
#login li{
display: inline;
}
h2{
margin: 0 0 8px 0;
}
h2.title span{
background: url(/img/16x16/block.gif) 12px 0 no-repeat;
margin-top: 24px;
padding-left: 36px;
color: #444;
}
#content h1{
margin: 58px auto 12px auto;
text-align:center;
}
#scroller_wrapper{
padding-top: 16px;
background:url(/img/portal/background.png) 0 0 repeat-x;
}
#scroller{
margin: auto;
width: 960px!important;
height: 200px;
overflow: hidden;
}
#scroller li{
margin-right: 24px;
width: 222px;
height:167px;
float: left;
}
.signup{
text-align:center;
margin: 16px 0;
}
.credit{
display: block;
margin-top: 32px;
text-align:center;
color: #ddd;
}
.credit a{
color: #ddd;
}
.description{
line-height: 170%;
text-align:center;
font-size:80%;
}
.description strong{
text-decoration:underline;
}
#numbers{
text-align:center;
font-size: 80%;
margin-bottom: 8px;
}
#users{
text-align:center;
margin-bottom: 8px;
}
#recommend{
width: 960px;
margin: auto;
}
#left{
width: 462px;
float: left;
}
.vertical_divider{
float: left;
margin: 0 16px;
border-left: 1px solid #ddd;
height: 880px;;
}
#right{
width: 462px;
float:right;
}
#left h2{
background: url(/img/home/magnifier-medium.png) 0 0 no-repeat;
padding-left: 24px;
}
#right h2{
background: url(/img/home/user--plus.png) 0 0 no-repeat;
padding-left: 24px;
}

#recommend .cnt{
text-align:right;
}
#recommend table{
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
width: 100%;
font-size: 80%;
}
#recommend td,
#recommend th{
padding: 2px;
border-bottom: 1px solid #ddd;
}
#recommend div.keyword{
background-color: #fafafa;
border: 1px solid #f5f5f5;
padding: 8px;
margin-bottom: 16px;
}
#recommend .link{
text-align:right;
font-size: 80%;
margin-top: 4px;
}

#recommend h3{
padding-left: 24px;
}
#recommend h3.status{
background:url(/img/home/balloon-twitter-left.png) #FFF no-repeat 0 0;
}

#recommend h3.friend{
background:url(/img/home/user--arrow.png) #FFF no-repeat  0 0;
}

#recommend h3.follower{
background:url(/img/home/user--plus.png) #FFF no-repeat 0 0;
}

#recommend h3.keyword{
background:url(/img/home/magnifier-medium.png) #FFF no-repeat 0 0;
}

#recommend td.cnt{
border-right: 1px solid #ddd;
}
#recommend tr.even{
background-color: #f5f5f5;
}
#recommend .left,
#recommend .center,
#recommend .right{
width: 308px;
}
#recommend .center{
margin-left: 18px;
}
#recommend .center,
#recommend .left{
float:left;
}
#recommend .right{
float:right;
}
#recommend .main{
background-color: #fafafa;
border: 1px solid #aaa;
height: 90px;
margin-bottom: 24px;
}
#recommend .main span{
display: block;
font-size: 180%;
margin-top: 24px;
font-weight: bold;
}
#left .main{
text-align: center;
}
#right .image{
float: left;
margin: 8px;
}
#right .body{
float: right;
width: 390px;
font-size: 80%;
}
#right .body div{
margin: 8px 8px 8px 0;
}
#right .body strong{
font-size: 130%;
}

.ajax_contents{
font-size: 80%;
text-align: center;
}

.user{
float: left;
text-align:center;
width: 64px;
height: 128px;
}
.user .image,
.user .body,{
float: left;
width: 50px;
}

/* プライバシーポリシー */
dl.privacy{
margin: 24px;
line-height: 130%;
}
dl.privacy dt{
border-left: 3px solid #888;
padding-left: 6px;
}
dl.privacy dd p{
line-height: 170%!important;
}

dl.privacy ul{
margin: 0 0 24px 24px;
font-size: 90%;
}
dl.privacy li{
background:url(/img/common/dot.gif) #FFF no-repeat 0 7px;
padding-left: 12px;
}

#over_capacity{
background-color:#C2DFEF;
height: 100%;
}
#over_capacity .header{
background-color:#FFF;
width: 755px;
margin: 24px auto 0 auto;
}
#over_capacity .header img{
display: block;
padding: 8px;
}
#over_capacity .header h1{
float: left;
width: 220px;
}
#over_capacity .header .text{
float: left;
width: 400px;
}
#over_capacity .header .home{
float: right;
width: 100px;
text-align:right;
font-size: 80%;
margin: 8px;
}
#over_capacity .header h2{
padding-top: 18px;
font-size: 130%;
margin: 0;
}
#over_capacity .header small{
color: #999;
font-size: 80%;
}
#over_capacity .container{
margin:auto;
width: 755px;
}
#news{
font-size: 80%;
border-top: 1px dotted #ddd;
padding-top: 16px;
width: 960px;
margin: 16px auto;
}