@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : contents.css
 Author     : MIYA
 Style Info : コンテンツ内のスタイル
=================================================================== */

#contents p	{
	padding: 0;
}
#contents p.dl	{
	margin: 0 10px 30px;
	text-align: right;
}
#contents	{
	padding-bottom: 15px;
}
/* サンプル1-1
----------------------------------------------------------- */
div.comment1-1	{
	width: 550px;
	padding: 0 10px;
	margin-bottom: 20px;
	position: relative;
}
div.comment1-1 .imgL	{
	float: left;
	text-align: center;
}
div.comment1-1 .imgL img	{
	border: 2px solid #CCC;
	padding: 3px;
	margin-bottom: 5px;
}
div.comment1-1 .commentContents	{
	width: 380px;
	float: right;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 12px 19px;
}
div.comment1-1 .commentContents	p	{
	margin-bottom: 1.2em;
}
div.comment1-1 p.img	{
	position: absolute;
	left: 110px;
	top: 20px;
}
div.comment1-1 p.data	{
	color: #999;
	text-align: right;
	margin-bottom:0;
}
div.comment1-1:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }
/* サンプル1-2
----------------------------------------------------------- */
div.comment1-2	{
	width: 550px;
	padding: 0 10px;
	margin-bottom: 20px;
	position: relative;
}
div.comment1-2 .imgL	{
	float: left;
	text-align: center;
}
div.comment1-2 .imgL img	{
	border: 2px solid #CCC;
	padding: 3px;
	margin-bottom: 5px;
}
div.comment1-2 .commentContents	{
	width: 420px;
	float: right;
	background: url(../image/comment_bottom.gif) no-repeat left bottom;
}
div.comment1-2 .commentContents p	{
	margin-bottom: 1.2em;
}
div.comment1-2 .commentContents	div	{
	background: url(../image/comment_top.gif) no-repeat;
	padding: 12px 20px;
}
div.comment1-2 p.img	{
	position: absolute;
	left: 110px;
	top: 20px;
}
div.comment1-2 p.data	{
	color: #999;
	text-align: right;
	margin-bottom:0;
}
div.comment1-2:after	{ height:0;	visibility: hidden;	content: ".";	display: block;	clear: both; }

/* サンプル2-1
----------------------------------------------------------- */
div.comment2-1	{
	width: 540px;
	padding: 0 15px;
	margin-bottom: 20px;
}
div.comment2-1 .commentContents	{
	background: url(../image/comment2_bottom.gif) no-repeat bottom;
	padding-bottom: 25px;
}
div.comment2-1 .commentContents div	{
	background: url(../image/comment2_top.gif) no-repeat;
	padding: 12px 20px 0;
}
div.comment2-1 .commentContents p	{
	margin-bottom: 1.2em;
}
div.comment2-1 p.img	{
	margin: -1px 0 0 20px;
}
div.comment2-1 p.data	{
	margin-left: 5px;
}
div.comment2-1 p.data span	{
	color: #999;
}
/* サンプル2-2
----------------------------------------------------------- */
div.comment2-2	{
	width: 540px;
	padding: 0 15px;
	margin-bottom: 20px;
}
div.comment2-2 .commentContents	{
	background: url(../image/comment3_bottom.gif) no-repeat bottom;
	padding-bottom: 25px;
}
div.comment2-2 .commentContents div	{
	background: url(../image/comment3_top.gif) no-repeat;
	padding: 12px 20px 0;
}
div.comment2-2 .commentContents p	{
	margin-bottom: 1.2em;
}
div.comment2-2 p.data	{
	margin-left: 5px;
}
div.comment2-2 p.data span	{
	color: #999;
}