@charset "utf-8";

/***************************************************
	g[JCh~g[pX^CV[g
	voice.css
	gbvy[WCAEgX^C`
***************************************************/

/* gbvy[W index.html
------------------------------------------------------------ */
/*-----contents-----*/

#contents {
	clear: both;
	width: 690px;
	margin: 20px 30px 10px 30px;
	background: url(../img/flow/midium_bg.gif) repeat-y;
}
#contents h2 {
	width: 690px;
	margin: 0 auto;
}
#contents h3 {
	width: 690px;
	margin: 20px 0 10px 0;
}
#contents p.text {
	width: 620px;
	margin: 10px 0 30px 62px;
}
#contents p.dot {
	margin:  30px 40px 0 40px;
	text-align: right;
	background: url(../img/voice/dot.gif) left top repeat-x;
}
#contents dl.smile {
	width: 580px;
	margin: 0 0 10px 50px;
	background: url(../img/voice/smile.gif) right center no-repeat;
}
#contents dl.fine {
	width: 580px;
	margin: 0 0 10px 50px;
	background: url(../img/voice/fine.gif) right center no-repeat;
}
#contents dt {
	width: 480px;
	padding: 15px 95px 15px 35px;
	background: url(../img/voice/person.gif) left center no-repeat;
	color: #004A80;
	font-weight: bold;
}
#contents dd p {
	padding: 10px 95px 10px 35px ;
	margin: 0;
	color: #004A80;
	background: url(../img/voice/weria_top.gif) left top no-repeat;
}
#contents dd {
	background: url(../img/voice/weria_bottom.gif) left bottom no-repeat;
}
#contents div.sita {
	width: 690px;
	background: url(../img/flow/bottom_bg.gif) bottom no-repeat;
}
#contents div.sita ul.icon li.i01 {
	float: left;
	width: 21px;
	padding: 5px 0px 30px 30px;
}
#contents div.sita ul.icon li.i02 {
	float: left;
	margin: 7px 0px 32px 10px;
}
#contents div.sita ul.icon li.i03 {
	float: right;
	width: 90px;
	padding: 10px 45px 20px 0px;
}

#contents p.at {
	padding: 80px 0 80px 40px;
}
#contents p.top {
	float: right;
	width: 90px;
	padding: 5px 50px 20px 0;
}