@import "common.css";
@import "clear_fix.css";



div#mainWrap strong img {
margin:0 0 10px;
}



div#mainWrap div.typeA,
div#mainWrap div.typeB,
div#mainWrap div.typeC {
width:580px;
padding:0 20px 25px 0;
}

div#mainWrap div.typeC {
padding:0 20px 25px 0;
margin-bottom:10px;
}


div#mainWrap div div.txtBox {
width:165px;
padding:10px 0 0 0;
}


/* TYPE A - B */
div#mainWrap div.typeA div.txtBox {
float:right;
}
div#mainWrap div.typeB div.txtBox {
float:left;
}

	div#mainWrap div div.txtBox p.userDeta {
	padding:0 0 15px 12px;
	color:#421;
	}
	
	div.typeA div.txtBox p.userDeta {
	background:url(../images/voice/dullet_arrow_left.gif) no-repeat left top;
	}
	div.typeB div.txtBox p.userDeta {
	background:url(../images/voice/dullet_arrow_right.gif) no-repeat left top;
	}
	
	div#mainWrap div div.txtBox span {
	color:#c66;
	font-size:10px;
	}

div#mainWrap div div.imgBox {
width:400px;
}

div#mainWrap div div.imgBox img {
border:1px #ccc solid;
}

	div#mainWrap div.typeA div.imgBox {
	float:left;
	}
	div#mainWrap div.typeB div.imgBox {
	float:right;
	}


/* TYPE C */
div#mainWrap div.typeC div.txtBox {
width:580px;
padding:0 20px 0 0;
float:none;
}

	div.typeC div.txtBox p.userDeta {
	width:160px;
	float:left;
	padding:0 0 0 12px;
	background: url(../images/voice/dullet_arrow_down.gif) no-repeat left top;
	}
	
	div.typeC div.txtBox div.usedItem {
	width:400px;
	float:right;
	margin-bottom:5px;
	}
	
	div.typeC div.txtBox div.usedItem span {
	width:70px;
	display:block;
	float:left;
	text-align:right;
	}
	
	div.typeC div.txtBox div.usedItem p {
	width:320px;
	float:right;
	}