body {
background-image: url("fig/background.gif");
background-attachment: fixed;
color: #444444;
font-size: 14px;
}
a:link { color: #aaaaaa; }
a:visited { color: #aaaaaa; }
a:hover { color: #444444; }
a:active { color: #444444; }
.topadpc{
background-color: #f3f3f3;
width: 668px;
margin: 0px;
padding: 0px;
}
.topadmobile{
background-color: #f3f3f3;
width: 468px;
margin: 0px;
padding: 0px;
display: none;
}
.main{
margin: 0pt auto;
text-align: left;
width:668px;
padding: 0px;
}
.bottom{
width:668px;
margin: 0pt auto 100pt auto;
clear:left;
}
.gossip{
background-color: #f3f3f3;
width:638px;
margin: 10px 10px 10px 0px;
padding: 10px;
}
.gossip{
width:638px;
margin: 10px 10px 10px 0px;
padding: 10px;
border: 1px solid #e1e8ed;
background-color: #fff;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.center{
text-align:center
}
.blockcenter{
margin: 0pt auto;
}
.iconimage{
width:44px;
height:44px;
margin-right: 5px;
border-radius: 50%;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
vertical-align: middle;
float:left;
}
.gossipcontents{
word-wrap: break-word;
margin: 0px;
padding: 0px;
text-align:left;
}
.gossiptop{
padding: 0px;
margin: 0 0 12px 0;
overflow: hidden;
}
.footerleft{
width: 50%;
text-align: left;
float: left;
}
.footerright{
width: 50%;
text-align: right;
float: left;
}
.small{
font-size: small;
}
img.twitter-emoji{
width: auto;
max-height: 2ex;
}
.whitebox{
background-color: #ffffff;
width: 616px;
padding: 0px;
margin: 0px auto;
}
.column{
width: 300px;
}

/* 円グラフのフロート */
img.floatgraph{
float: right;
clear: left;
margin-left: 10px;
}
.clearfix:after{
content: "";
clear: both;
display: block;
}


.gossip{
width:658px;
margin: 10px 10px 10px 0px;
padding: 0px;
border: 0px solid #e1e8ed;
background-color: #fff;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.gossipinfeed{
width:616px;
margin: 10px 10px 10px 0px;
padding: 20px;
border: 1px solid #e1e8ed;
background-color: #fff;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
}
.imobile_infeed_body{
width: 570px !important;
}
.gossiptitle{
font-size:14px !important;
height:36px !important;
line-height: 1.3 !important;
color: black;
margin-bottom: .85rem;
font-weight: bold;
}
.gossipat{
font-size:.875rem !important;
font-weight: normal;
color: #697882;
}
iframe.twitter-tweet {
margin: 0px !important;
width: 658px !important;
background-color: #a2d7eb;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
h1 {
font-size: x-large;
margin: 0px;
}
.ad-image{
float:left;
margin:0px 12px 1px 0px;
}
.ad-info{
line-height:120%;
margin-bottom: 10px;
}
.ad-name{
margin-bottom:10px;
line-height:120%;
}
.ad-footer{
clear: left;
}
.fam_ad {
    background-color: white;
}
.fam_ad a:link {
    color: black;
    text-decoration: none;
}

dt {
display: table-cell; /*上下中央*/
width: 616px;
max-height: 616px;
text-align: center; /*左右中央*/
vertical-align: middle; /*上下中央*/
layout-grid-line: 166px; /*IE7*/
}

dt img {
background-color: #f3f3f3;
width:auto;
height:auto;
max-width:616px;
max-height:616px;
vertical-align: middle;/*IE7*/
}

dd {
margin-bottom:15px;
}

.twitter_footer {
    height: 24px;
}
.twitter_line {
    border: 0 none; 
    height: 1px; 
    color: lightgray;
    background-color: lightgray;
}


@media screen and (max-width:640px){
.main{
width: 368px;
}
.bottom{
width: 368px;
}
.topadpc{
display:none;
}
.topadmobile{
display:inline;
}
.column{
width: 316px;
background-color: #f3f3f3;
}
.gossipinfeed{
width: 316px;
}
.whitebox{
width: 310px;
}
img{
margin-bottom:2px;
}
object{
width: 300px;
}

.imobile_infeed_spot{
width:338px !important;
}
.imobile_infeed{
width: 316px !important;
}
.imobile_infeed_body{
width: 270px !important;
}
.gossip{
width:358px;
}
.gossipinfeed{
width:316px;
}
.imobile_infeed_body{
width: 270px !important;
}
iframe.twitter-tweet {
width: 358px !important;
}

dt {
width: 310px;
max-height: 310px;
}

dt img {
max-width:310px;
max-height:310px;
}
}