@charset 'utf-8';

/*詳細*/
#detail.dice .body .title.topic {
background:#353F41 url(../img/ttl_topic.gif) no-repeat scroll 0%;
}


/* -----------------------------------------------------------------

	body > container > main > dice-list

------------------------------------------------------------------ */

#list.topic .body .title {
	background:#353F41 url(../img/ttl_topic.gif) no-repeat;
}

#list.topic .body ul {
background:none;
}

#list.topic .body ul li.head {
background:none;
padding:15px;
display:block;
float:left;
width:54px;
}

#list.topic .body ul li.day {
	float:right;
	width:467px;
	padding:15px 15px 0 0;
	margin:0;
}

/* -------------------------- */

#list.topic .body ul li.day .box {
	padding:0 0 35px 0;
}

#list.topic .body ul li.day .box .main {
	overflow:hidden;
	width:467px;
}

#list.topic .body ul li.day .box .withimg {
	float:left;
	width:295px;
}

#list.topic .body ul li.day .box .sub {
	float:right;
	width:166px;
	padding:0 0 10px 0;
}

#list.topic .body ul li.day .box .main h3 {
	font-size:16px;
	font-weight:800;
	line-height:1.6;
	margin:5px 0;
	clear:both;
}

#list.topic .body ul li.day .box .text p.category {
	margin:0;
	padding:0;
	width:50px;
	float:left;
	font-size:10px;
	line-height:12px;
}

#list.topic .body ul li.day .box .text p.date{
	margin:0;
	padding:0 3px 0 0;
	float:right;
	background:#EDEDED;
	width:414px;
	text-align:right;
	font-size:10px;
	line-height:12px;
}

#list.topic .body ul li.day .box .noimg p.date{
	width:242px;
}

#list.topic .body ul li.day .box .main .topics-body {
	margin:0;
	float:none;
	width:467px;
}
#list.topic .body ul li.day .box .main .topics-body .youtube {
	margin:0 20px;
	padding:0;
}

#list.topic .body ul li.day .box .main.noimg .topics-body {
	margin:0;
	float:left;
	width:295px;
}

#list.topic .body ul li.day .box .main p {
	font-size:12px;
	line-height:1.6;
}

#list.topic .body ul li.day .box .main .img{
	float:right;
	margin:0 0 10px;
}


#list.topic .body ul li.day .box .foot {
	clear:both;
	font-size:10px;
	border-top:1px dotted #A9B8C7;
	border-bottom:1px dotted #A9B8C7;
}

#list.topic .body ul li.day .box .foot span {
	margin:0 5px 0 0;
}

#list.topic .body .box .foot p.info span.hatena {
padding:0pt 0pt 0pt 2px;
}
#list.topic .body .box .foot p.info span.hatena img {
vertical-align:middle;
}
#list.topic .body .box .foot p.info span.hatena a {
text-decoration:none;
}

#list.topic .body li.head .date {
	background:#FFF;
	border:2px solid #141414;
	color:#FFF;
	width:50px;
	text-align:center;
}

#list.topic .body li.head .date p.year {
	font-size:10px;
	border-bottom:1px #141414 solid;
	padding:0 3px;
	color:#141414;
}

#list.topic .body li.head .date p.month {
	font-size:10px;
	border-bottom:1px #141414 solid;
	background:#141414;
	color:#FFF;
	padding:0 3px;
}

#list.topic .body li.head .date p.day {
	font-size:26px;
	font-weight:800;
	line-height:1.4;
	padding:0 3px;
	color:#141414;
	font-family:'impact', sans-serif;
}

#list.topic .body li.box p.category {
	margin:0 0 5px 0 !important;
}

#list.topic .body li.box p.serial {
	margin:0 0 10px;
	padding:0 0 0 34px;
	background:url(../img/icon_serial.gif) no-repeat left center;
}

#list.topic .body ul li.box .main h3 {
	font-size:14px;
	font-weight:800;
	margin:-3px 0 10px 0;
	color:#53718D;
}

#list.topic .body ul li.box .main p {
	font-size:12px;
	/*color:#53718D;*/
	margin:0 0 15px 0;
	overflow:hidden;
}

#list.topic .body ul li.box .main p.author {
	margin:10px 0 25px 0;
	font-size:10px;
}

/* -------------------------- */

#list.topic .body ul li.box .foot {
	font-size:10px;
	clear:both;
	text-align:right;
	padding:5px 0 5px 0;
	border-top:1px solid #A9B8C7;
	border-bottom:2px solid #000;
}

#list.topic .body ul li.box .foot p.info {
	float:left;
}

#list.topic .body ul li.box .foot p.info span.comment {
	background:url(../img/icon_comment.gif) no-repeat left center;
	padding:0 5px 0 15px;
}

#list.topic .body ul li.box .foot p.info span.review {
	background:url(../img/icon_review.gif) no-repeat left center;
	padding:0 5px 0 17px;
}

#list.topic .body ul li.box .foot p.info span.trackback {
	background:url(../img/icon_trackback.gif) no-repeat left center;
	padding:0 5px 0 20px;
}

#list.topic .body ul li.box .foot p.more {
	float:right;
}


#list.topic .border {
	height:1px;
	margin:0 1px 0 1px;
	background:#A9B8C7;
	clear:both;
}