@charset "utf-8";

/* ms-comment-list
--------- --------- --------- */
#contents .ms-comment-empty{
	margin-top: 30px;
}

#contents .comment-list-style .item{
	display: table;
	margin: 30px 0 0;
}

#contents .comment-list-style .item:first-child{
	margin: 0;
}

#contents .comment-list-style .item .user-item{
	width: 55px;
	margin: 2em 2em 0 0;
	text-align: center;
	position: relative;
}

#contents .comment-list-style .item .user-item .icon-user{
	position: absolute;
	top:0;
	left: 50%;
	margin-left: -12px;
	display: block;
	width: 25px;
	height: 32px;
	background: url(../img/icon_user_bl_m.png) 0 0 no-repeat;
}

#contents .comment-list-style .item .user-item .year{
	padding-top: 35px;
	display: block;
}

#contents .comment-list-style .item .comment-box-wrap {
	display: table-cell;
	width: 100%;
	vertical-align: top;
	color: #333;
	position: relative;
}

#contents .comment-list-style .item .comment-box-wrap .link-color {
	color: #0077dd;
}

#contents .comment-list-style .item .comment-box-wrap:hover {
	text-decoration: none;
}

#contents .comment-list-style .item .comment-box{
	display: table-cell;
	width: 100%;
	border: 1px solid #e0e0e0;
	border-radius: 3px;
	vertical-align: top;
	position: relative;
}

#contents .comment-list-style .item .comment-box:before,
#contents .comment-list-style .item .comment-box:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-width: 10px 15px 10px 10px;
}

#contents .comment-list-style .item .comment-box:before{
	top: 30px;
	left: -25px;
	border-color: transparent #e0e0e0 transparent transparent;
}

#contents .comment-list-style .item .comment-box:after{
	top: 30px;
	left: -23px;
	border-color: transparent #fff transparent transparent;
}

#contents .comment-list-style .item .comment-box-wrap .comment-box:hover{
	background: #f0f0f0;
}
#contents .comment-list-style .item .comment-box-wrap .comment-box:hover:after{
	border-color: transparent #f0f0f0 transparent transparent;
}

#contents .comment-list-style .item .comment-box .section{
	padding: 15px;
	width: 730px;
}