@charset "utf-8";

/* 紹介制度 Member
--------------------------------------------------*/
#skWrapper .skContNon {
	background: url(../images/member/cont_mid.gif) repeat-y 0px 0px;
	padding: 0px 11px 20px;
}
.skContNon .mainImaeg {
	position: relative;
}
.skContNon .mainImaeg .flash {
	position: absolute;
	top: 8px;
	width: 330px;
	left: 524px;
}
.skContNon .mainImaeg .btn {
	position: absolute;
	left: 45px;
	top: 179px;
}
.skContNon .skCont {
	padding: 15px 0px 0px 10px;
	width: 876px;
}
*html .skContNon .skCont {
	width: 846px;
}
.skContNon .skContFlow {
	background: #F8F3E7 url(../images/member/flow_bg.gif) no-repeat left bottom;
	padding: 6px 0px 20px 10px;
	width: 836px;
}
*html .skContNon .skContFlow {
	width: 846px;
	_width: 836px;
}
.skContNon .skContFlow ol.topFlow {
	padding-left: 1px;
}
.skContNon .skContFlow ol.topFlow li {
	float: left;
	list-style: none;
}
.skContNon .skContFlow .stepBox {
	clear: both;
	padding-top: 20px;
}
.skContNon .skContFlow .stepBox .picBox {
	float: left;
	width: 285px;
}
.skContNon .skContFlow .stepBox .textBox {
	float: left;
	width: 541px;
}
.skContNon .skContFlow .stepBox .textBox .emp {
	background: url(../images/member/flow_emp_top.gif) no-repeat 0px 0px;
	padding-top: 30px;
}
.skContNon .skContFlow .stepBox .textBox .emp p {
	background: url(../images/member/flow_emp_mid.gif) repeat-y 0px 0px;
	padding: 0px 20px 10px;
	font-size: 12px;
	line-height: 18px;
	color: #8B2101;
}
.skContNon .skContFlow .stepBox .textBox p.read {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding: 10px 10px 0px;
}
.skContNon .skContFlow .stepBox .textBox ul.attent {
	padding-top: 10px;
}
.skContNon .skContFlow .stepBox .textBox ul.attent li {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	background: url(../images/member/icon_attent.gif) no-repeat 10px 0px;
	list-style: none;
	padding: 2px 10px 3px 32px;
}
.skContNon .skContFlow .stepBox .textBox ul.btn {
	text-align: center;
	padding-top: 10px;
}
.skContNon .skContFlow .stepBox .textBox ul.btn li {
	display: inline;
}
.skContNon .skContFlow .stepBox .textBox ul.btn li.small img {
	padding: 5px 0px;
}

.skContNon .skAction {
	clear: both;
	padding-top: 20px;
}
.skContNon .skAction p {
	text-align: center;
}

.skContNon .voiceWrap {
	background: url(../images/member/voice_wrap_mid.gif) repeat-y 0px 0px;
	padding: 0px 16px 0px 19px;
}
.skContNon .voiceWrap .ftop,
.skContNon .voiceWrap .fbtm {
	clear: both;
}
.skContNon .voiceBox {
	background: url(../images/member/voice_mid.gif) repeat-y 0px 0px;
	padding: 0px 22px 0px 34px;
}
.skContNon .voiceBox .picBox {
	float: left;
	width: 167px;
	padding-right: 16px;
}
.skContNon .voiceBox .textBox {
	float: left;
	width: 572px;
}
.skContNon .voiceBox .textBox h3 {
	background: url(../images/member/voice_tit_line.gif) no-repeat left bottom;
	padding: 14px 0px;
}
.skContNon .voiceBox .textBox p {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.skContNon .voiceBox .textBox p.comment {
	padding-top: 10px;
}
.skContNon .voiceBox .textBox p.name {
	text-align: right;
	padding-top: 10px;
}