@charset "utf-8";
/* CSS information ================================================
ディテール画面のコメントインラインフレーム
=================================================================== */

html {
	overflow:hidden;
	overflow-y:auto;
}
body {
	width:100%;						/* センタリング */
	text-align: center;/* ie6 */
	background:#FFFFFF;
}
textarea,
input {
	resize:none;
	font-size:14px;
	line-height:1.4;
	color:#333;
}
.layer_3 p {			/* 吹き出し内 */
	font-size:14px;
	line-height:1.4;
	color:#333;
}

/* コメントタイトル
---------------------------------------------------------------------------------- */
.publicCmmnt h3,
.privateCmmnt h3 {
	width:712px;
	line-height:27px;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;	
	text-align:center;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
.publicCmmnt h3 {
	background:url(/images/cmmnt.png) no-repeat left -56px;
}
.privateCmmnt h3 {
	background:url(/images/cmmnt.png) no-repeat left -83px;
}

/* コメントを書く
---------------------------------------------------------------------------------- */
.cmmntWrite {
	background:url(/images/cmmnt.png) no-repeat left -111px;
	width:712px;
	height:167px;
	overflow:hidden;
	_zoom:1;/*ie6*/
	position:relative;	
}
.cmmntWrite .author {
	float:left;
	width:101px;
	height:147px;
}
.cmmntWrite .icon {
	width:62px;
	margin:10px auto 0;
}
.cmmntWrite dd {
	float:left;
	margin-left:10px;
	width:600px;
	height:168px;
	overflow:hidden;
	_zoom:1;
	padding-top:10px;	
	font-size:13px;
}
.send {
	background:#F0F0F0;
	border:#C0C0C0 1px solid;
	margin:0 auto;
	padding:5px;
	text-align:center;	
}
.multi .send {
	border:none;
	border-top:#C0C0C0 1px solid;
}
send {
	margin:0 auto;
	text-align:center;
	padding-top:7px;
	height:37px;
}
.send input {
	margin:0 8px;
	vertical-align:middle;
}
.cmmntNum p {		/* ○○件のコメントがあります */
	font-size:12px;
	height:2em;
	line-height:2em;
	text-align:center;
	background:#DDDDDD;
	border-left:#B1B1B1 1px solid;
	border-right:#B1B1B1 1px solid;
	border-bottom:#B1B1B1 1px solid;
}
.cmmntNum p.open {	/*　コメントを見る（テキストリンク）　*/
	display: block;
}
.cmmntNum p.close {	/*　コメントを隠す（テキストリンク）　*/
	display: none;
}
.cmmntNum p span {
	text-decoration:underline;
	color: #3E79F4;
	cursor:pointer;
}
.cmmntNum p span:visited {
	color: #551A8B;
}
.cmmntNum p span:hover {
	color: #FF6600;
}
.cmmntNum p span:active {
	color: #FF6600;
}
.cmt_tree .cmmntWrite p a {
	width:94px;
	height:17px;
	float:right;
	margin:8px 15px 0 0;
}
.cmt_tree .cmmntWrite .public a {				/* 「コメントを書く」ボタン */
	background:url(/images/cmmnt.png) no-repeat left -280px;
}
.cmt_tree .cmmntWrite .public a:hover {				/* 「コメントを書く」ボタン */
	background:url(/images/cmmnt.png) no-repeat -96px -280px;
}
.cmt_tree .cmmntWrite .private a {				/* 「コメントを書く」ボタン */
	background:url(/images/cmmnt.png) no-repeat -192px -280px;
}
.cmt_tree .cmmntWrite .private a:hover {				/* 「コメントを書く」ボタン */
	background:url(/images/cmmnt.png) no-repeat -288px -280px;
}

/* コメントツリー
---------------------------------------------------------------------------------- */
.cmt_tree {
	width:712px;
	margin:0 auto;
	overflow:hidden;
	_zoom:1;
}
.cmt_tree .writer {				/*　○○さんのコメント　*/
	padding:0 40px 0 15px;
	line-height:23px;
	height:23px;
	/*border-top:#CCCCCC 1px solid;*/
	border-bottom:#CCCCCC 1px solid;
}
.cmt_tree .publicCmmnt {
	background:#E0EEB7;
}
.cmt_tree .privateCmmnt {
	background:#FFE9C8;
}
.cmt_tree .writer .date {	/* タイムスタンプ */
	display:inline-block;
	float:right;
	.margin-top:-23px;/* ie6 */
}
.cmt_tree .item {
	margin:13px auto 11px;
	overflow:hidden;
	_zoom:1;
}
.cmt_tree .icon {			/* ユーザアイコン */
	float:left;
	width:89px;
}
.cmt_tree .icon .premium,
.cmt_tree .icon .regular {
	margin:0 auto;
}
.cmt_tree .base {			/* 吹き出し */
	float:left;
	width:588px;
	overflow:hidden;
	_zoom:1;
}
.cmt_tree .layer_1 {
	background:url(/images/cmmntSingle_1.gif) repeat-y;
}
.cmt_tree .layer_2 {
	background:url(/images/cmmntSingle_2.gif) no-repeat top;
}
.cmt_tree .layer_3 {
	background:url(/images/cmmntSingle_3.gif) no-repeat bottom;
	padding-bottom:9px;
	height:auto;
}
.cmt_tree .layer_3 .comment {
	padding:9px 9px 0 20px;
	word-wrap: break-word;
	min-height:43px;		/* コメント1行分の高さ */
	_height:43px;/* ie6 */
}
.cmt_tree .layer_3 .comment textarea {
	width:535px;
	height:102px;
}
.cmt_tree .writing {
	float:right;
	overflow:hidden;
	_zoom:1;
	margin:0 15px 11px 0;
}
.cmt_tree .writing .public a {	/* 「コメントを書く」ボタン（グリーン） */
	background:url(/images/cmmnt.png) no-repeat left -280px;
	width:94px;
	height:17px;
}
.cmt_tree .writing .public a:hover {
	background:url(/images/cmmnt.png) no-repeat -96px -280px;
}
.cmt_tree .writing .private a {	/* 「コメントを書く」ボタン（オレンジ） */
	background:url(/images/cmmnt.png) no-repeat -192px -280px;
	width:94px;
	height:17px;
}
.cmt_tree .writing .private a:hover {
	background:url(/images/cmmnt.png) no-repeat -288px -280px;
}

/* cmmntMultiのスタイル
---------------------------------------------------------------------------------- */
.multi .publicCmmnt h3,
.multi .privateCmmnt h3 {
	width:674px;
	margin:9px auto 0;
}
.multi .publicCmmnt h3 {
	background:url(/images/cmmnt.png) no-repeat left top;
}
.multi .privateCmmnt h3 {
	background:url(/images/cmmnt.png) no-repeat left -28px;
}
.multi .cmt_tree .writer {
	padding:0 32px 0 8px;
	width:634px;
}
.multi .cmt_tree {
	width:672px;
	border:solid 1px #C6C6C6;
	border-top:none;
}
.multi .cmt_tree .base {
	width:572px;
	position:relative;
}
.multi .cmt_tree .layer_1 {
	background:url(/images/cmmntMulti_1.gif) repeat-y;
}
.multi .cmt_tree .layer_2 {
	background:url(/images/cmmntMulti_2.gif) no-repeat top;
}
.multi .cmt_tree .layer_3 {
	background:url(/images/cmmntMulti_3.gif) no-repeat bottom;
}
.whenInput .layer_3 {
	margin-bottom:1.5em;
}
.counter {				/* カウンター */
	font-size:11px;
	color:#666;
	text-align:right;
	width:3em;
}
.multi .counter {		/* 自分のデジブックにコメントを入力するときのカウンター */
	position:absolute;
	font-size:11px;
	left:530px;
	top:130px;
}