/* Comments　噴出し
----------------------------------------------- */
.commentlist {
	list-style: none;
	width: 82%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	margin-left: 100px;
}
.content .commentlist,
.commentlist > li.comment {
	background: #f6f6f6;
	border: 1px solid #bbbbbb;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 20px;
	position: relative;
}


.commentlist .avatar {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	left: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist > li:before {
	content: url(images/comment-arrow.png);
	left: -21px;
	position: absolute;
}


.commentlist .avatar2 {
	left: -102px;
	padding: 0;
	padding-top:70px;
	position: absolute;
	top: 0;
	font-size:12px;
}


















/* Comments　噴出し２　右に顔バージョン
----------------------------------------------- */
.commentlist2 {
	list-style: none;
	width: 82%;
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 40px;
	margin-left: 100px;
}
.content .commentlist2,
.commentlist2 > li.comment {
	background: #f6f6f6;
	border: 1px solid #bbbbbb;
	-moz-border-radius: 3px;
	border-radius: 3px;
	margin: 0 0 1.625em;
	padding: 20px;
	position: relative;
}


.commentlist2 .avatarright2 {
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	box-shadow: 0 1px 2px #ccc;
	right: -102px;
	padding: 0;
	position: absolute;
	top: 0;
}
.commentlist2 > li:before {
	content: url(images/comment-arrow-right.png);
	right: -21px;
	position: absolute;
}


.commentlist2 .avatarright {
	right: -102px;
	padding: 0;
	padding-top:70px;
	position: absolute;
	top: 0;
	font-size:12px;
}







/*
必須スタイルシート文字色のみ抜粋
---------------------------------------------------------*/

.red{color:#ee2222;}
.blue{color:#2222ee;}
.bold{font-size:110%;;}
.pink	{color:#ff00ad;}
.pinkk	{color:#0fa4b2;}
.sens	{color:#e59bb4;}

.b	{font-weight:700;}

.navy { font-size:110%; color:#000080;}
.fuchsia { font-size:110%; color:#ff00ff;}
.purple { font-size:110%; color:#800800;}
.gray { font-size:110%; color:#808080;}
.lime { font-size:110%; color:#00ff00;}
.green { font-size:110%; color:#008000;}
.teal { font-size:110%; color:#008080;}
.maroon { font-size:110%; color:#800000;}
.olive { font-size:110%; color:#808000;}