@charset "utf-8";
@media screen,print {

#main #housing { padding: 0 16px; }

#housing .item { margin-top: 32px; }
#housing .item h2 { display: block;  margin-top: 16px; margin-bottom: 16px; }
#housing .item h2 img { display: block; }

#housing .item div  { background-color: #ececec; padding: 16px;  }
#housing .item div p { line-height: 160%; font-size: 85%;  }

#main .daily { padding: 32px 0 0; position: relative; }
#main .daily img { display: block; position: absolute; left: 502px; top: 16px; }

#main #housing-comment { margin-top: 32px; padding: 0; }
#housing-comment h3 { display: block; }
#housing-comment h3 img { display: block; }
#housing-comment .comment { padding: 24px 16px 16px; border-bottom: 1px solid #d7d7d7; }
#housing-comment .gray-bg { background-color: #e3e3e3; }
#housing-comment .comment img.male { float: left; padding: 0 16px 8px 0; display: block; }
#housing-comment .comment img.female { float: left; padding: 0 16px 8px 0;  display: block; }
#housing-comment .comment p { line-height: 160%; font-size: 85%; }
#housing-comment .comment p span { color: #0099cf; background-color: #0099cf; color: white; padding: 0 0.4em; margin-right: 4px; padding: 4px; }
#housing-comment .comment p.writer { color: black; text-align: right; margin-top: 16px; padding: 0 8px;  }


} /* end screen,print */

@media print {
} /* end print */