@charset "utf-8";

/* 紹介制度 Campaign
--------------------------------------------------*/
.skContNml .mainImaeg {
	position: relative;
}
.skContNml .mainImaeg .btn1 {
	position: absolute;
	left: 61px;
	top: 165px;
}
.skContNml .mainImaeg .btn2 {
	position: absolute;
	left: 275px;
	top: 165px;
}
.skContNml .mainImaeg .mailinfo {
	position: absolute;
	left: 75px;
	top: 215px;
}
.skContNml .mainImaeg .present {
	position: absolute;
	top: 10px;
	width: 282px;
	left: 556px;
}

.skCont {
	background: url(../images/campaign/cont_bg.gif) repeat-y 0px 0px;
	padding: 0px 23px 0px 25px;
	width: 818px;
}
*html .skCont {
	width: 866px;
}
.skCont h2 {
	padding-bottom: 15px;
}
.skCont p.readText {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
	padding: 15px 17px 15px 15px;
}
.skCont .contBox {
	background: url(../images/campaign/cont_box_bg.gif) repeat-y 15px 0px;
	padding: 0px 17px 0px 15px;
	width: 786px;
}
*html .skCont .contBox {
	width: 818px;
}
.skCont .memBox {
	float: left;
	width: 385px;
	padding-right: 16px;
	_padding-right: 12px;
}
.skCont .memBoxInner,
.skCont .nonBoxInner {
	padding: 10px 12px 0px;
	width: 361px;
}
*html .skCont .memBoxInner,
*html .skCont .nonBoxInner {
	width: 385px;
	_width: 365px;
}
.skCont .memBoxInner p,
.skCont .nonBoxInner p {
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.skCont .memBox .subPicLeft {
	width: 170px;
	float: left;
	padding: 0px 8px 0px 13px;
}
*html .skCont .memBox .subPicLeft {
	width: 191px;
	_width: 171px;
}
.skCont .memBox .subPicRight {
	float: left;
	width: 170px;
}
.skCont .memBox .subPicLeft p,
.skCont .memBox .subPicRight p {
	font-size: 10px;
	line-height: 16px;
}
.skCont .memBox p.btn,
.skCont .nonBox p.btn {
	clear: both;
	text-align: center;
	padding-top: 10px;
}
.skCont .memBox p.btn2 {
	text-align: center;
	padding-top: 28px;
}
.skCont .memBox p.memFlowSub,
.skCont .nonBox p.nonFlowSub {
	text-align: center;
	padding: 20px 0px;
}
.skCont .memBox .memFlow,
.skCont .nonBox .nonFlow {
	padding: 0px 12px;
	width: 361px;
}
*html .skCont .memBox .memFlow,
*html .skCont .nonBox .nonFlow {
	padding: 0px 12px;
	width: 385px;
	_width: 365px;
}
.skCont .memBox .memFlow h4,
.skCont .nonBox .nonFlow h4 {
	padding-top: 5px;
}
.skCont .memBox .memFlow p,
.skCont .nonBox .nonFlow p {
	padding: 5px 5px 0px 80px;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.skCont .memBox .memFlow p.memArrow {
	background: url(../images/campaign/mem2_arrow.jpg) no-repeat 30px center;
}

.skCont .nonBox {
	float: left;
	width: 385px;
}
.skCont .nonBox .textRed {
	font-size: 10px;
	line-height: 16px;
	color: #FF0000;
	padding: 6px 12px 0px;
}
.skCont .nonBox .nonFlow p.nonArrow {
	background: url(../images/campaign/non2_arrow.jpg) no-repeat 30px center;
}

.skContNml .fbtm {
	clear: both;
}
.skContNml .marker {
	background: #FFFF33;
}

.skContNml ul.mailinfo {
	width:600px;
	border:#0099FF 2px solid;
	margin-top:15px;
	margin-left:125px;
	padding:15px;
}
.skContNml ul.mailinfo p {
	margin:7px 0px 10px 0px;
	background: url(../images/campaign/exclamation.gif) no-repeat;
}
.skContNml ul.mailinfo p span.red-text {
	font-size:16px;
	color:red;
	font-weight:bold;
	margin-left:25px;
}

.skContNml ul.mailinfo span {
	font-size:11px;
	margin-top:10px;
}
.skContNml ul .mailinfobox {
	background-color:#e5faff;
	border:#0099FF 1px dotted;
	margin-top:15px;
	padding:15px;
}

.skContNml ul.mailinfobox li {
	font-size: 10px;
	line-height: 16px;
	color: #333333;
	list-style: none;
}
.skContNml ul.atten {
	padding: 15px 30px;

}
.skContNml ul.atten li {
	font-size: 10px;
	line-height: 16px;
	color: #333333;
	list-style: none;
}