@charset "utf-8";

body {margin:10px;	padding:0; background-color:#000; color:#FFF; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:14px; line-height:1.5em;  -webkit-text-size-adjust:none;}

* html body {/* for IE6 */font-family:"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:88%;}

*:first-child+html body {/* for IE7 */font-family:"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif; font-size:88%; cursor:default;}

img{border:0;}

p{margin:0; line-height:1.5em;}

ul, li {margin:0; padding:0; list-style:none;}

h1{padding:0; text-align:left; font-size: 1.3em; line-height:1em;}

h1 img{vertical-align:middle; margin:0}

a {outline:none; text-decoration:underline;}

#wrapper {margin:0; padding:0;}

#pr {margin-bottom: .4em;}

#List{width:100%; border-top:1px dotted #ACACAC;}

.date{font-size:0.9em; color:#888; padding:5px 0 5px 5px; float:right;}

.title {font-weight:bold; font-size:1em; padding:5px 0 5px 5px; margin:0; float:left;}

.thumb {clear:both;}

.thumb img{width:80px;}

.thumb a {float:left; margin:3px 5px 3px 0; padding:2px;}

.comm {font-size:0.85em; color:#FFF; padding:0 0 5px 0; line-height:1.5em; height:5.3em; overflow:hidden;}

.comm a {color:#FFF !important; text-decoration:none;}

*+html .comm {margin-top:-20px;}

.by {font-size:0.9em; color:#888; clear:both; padding:0 5px 5px 0; border-bottom: 1px dotted #ACACAC; text-align:right; font-weight:bold;}

#copyright {padding-top:10px; font-size:.8em;}

#search {margin:0; padding:0;}

@media screen and (max-width: 500px) {
    .date {float:left; clear:both; text-align:left; line-height:.8em;}

    .title {clear:both; text-align:left; line-height:1.4em;}

    .thumb img{width:80px;}
}