@charset "UTF-8";

/* ------------------------------------------------------------------

-----------------------------


対象ファイル
-----------------------------
/c/services/collect/index.htm
-----------------------------

--------------------------------------------------------------------*/


/*	Pontaポイントのため方
-------------------------------------------------------------------*/
#howcollect{
	padding-bottom: 8px;
	background: #ff9123 url(/c/services/collect/img/table_main_bottom.gif) no-repeat 0 100%;
}

	#howcollect dd{
		padding: 0 0 0 8px;
	}

	#howcollect dd ul li{
		float: left;
		position: relative;
	}

	/* お店でためよう！ */
	#howcollect dd ul li#collect-shop{
		width: 204px;
		padding-bottom: 4px;
		margin-right: 6px;
	}
	
		#howcollect dd ul li#collect-shop .btn{
			position: absolute;
			top: 148px;
			left: 14px;
		}

	/* ネットでためよう！ */
	#howcollect dd ul li#collect-net{
		width: 414px;
		padding-bottom: 5px;
	}

		#howcollect dd ul li#collect-net .btn{
			position: absolute;
			top: 30px;
			left: 211px;
		}

		#howcollect dd ul li#collect-net .btn img{
			padding-bottom: 5px;
		}


	/* お店でも、ネットでも！ */
	#howcollect dd ul li#collect-shopnet{
		width: 302px;
		margin-right: 4px;
	}

		#howcollect dd ul li#collect-shopnet .btn{
			position: absolute;
			top: 80px;
			left: 14px;
		}

	/* ためる方法、他にも！ */
	#howcollect dd ul li#collect-other{
		width: 318px;
	}

		#howcollect dd ul li#collect-other .btn{
			position: absolute;
			top: 80px;
			left: 14px;
		}


/*	他共通
--------------------------------------------------------------------*/
#services-collect #main h2 {
	padding-top: 20px;
}

#services-collect #main h2.pad30 {
	padding-top: 30px;
}

#services-collect #main .txt {
	font-weight: bold;
	font-size: 116%;
	padding: 15px 15px 0 20px;
}

#services-collect #main .txtb {
	margin: 20px 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 100%;
	font-weight: bold;
	background: url(/c/u/common/img/icon_active.gif) no-repeat 4px 5px;
}

#services-collect #main .vis{
	padding: 30px 0 0 0;
}

#services-collect #main .caption {
	padding: 5px 0 0 20px;
}

#services-collect #main .subcaption{
	padding: 5px 0 0 40px;
}

#services-collect #main .link {
	margin: 5px 0 0 40px;
	padding-left: 20px;
	background: url(/c/common/img/arrow_m.gif) no-repeat 0 50%;
}

#services-collect #main .link a {
}


#services-collect #main .attention .frm p.txtlink {
	margin: 5px 0 0 0px;
	padding:0px 0px 6px 0px;
}

#services-collect #main .attention .frm p.txtlink a {
	padding:0px 0px 0px 15px;
	background: url(/c/common/img/arrow_m.gif) no-repeat 0 50%;
}

/* ページの先頭へ */
#services-collect #main .pagetop{
	padding-top: 10px;
	text-align: right;
}

	#services-collect #main .pagetop a{
		padding-left: 20px;
		background: url(/c/common/img/arrow_pt.gif) no-repeat 0 50%;
	}

/*	注意事項 */
#services-collect #main .attention{
	padding: 20px 0 0 10px;
}

	#services-collect #main .attention .frmt{
		width: 620px;
		padding-top: 7px;
		background: url(/c/web/group/img/table_top_attention.gif) no-repeat 0 0;
	}

	#services-collect #main .attention .frmb{
		width: 620px;
		padding-bottom: 7px;
		background: url(/c/web/group/img/table_bottom_attention.gif) no-repeat 0 100%;
	}

	#services-collect #main .attention .frm{
		padding: 0 15px 0 15px;
		background: url(/c/web/group/img/table_bg_attention.gif) repeat-y 0 0;
	}

		#services-collect #main .attention .frm p {
			padding: 15px 0 0 0;
			font-weight: bold;
		}

	#services-collect #main .attention .frm ul{
		margin-top: 5px;
		padding: 11px 0 10px 0;
		background: url(/c/u/LWEM200/img/dotline_attention.gif) no-repeat 0 0;
	}

		#services-collect #main .attention .frm ul li{
			background: url(/c/u/common/img/icon_active.gif) no-repeat scroll 0 6px;
			padding:0 10px 5px 12px;
		}

/*	Ponta提携店舗でためる
--------------------------------------------------------------------*/
#services-collect #main #collect-partner .link{
	margin-left: 20px;
}

#services-collect #main #collect-partner .card{
	padding-top: 15px;
	text-align: center;
}

/*	提携店舗サイトでためる
--------------------------------------------------------------------*/
#services-collect #main #collect-site .subt{
	font-weight: bold;
	margin: 15px 0 0 20px;
	padding: 0 0 0 20px;
	font-size: 116%;
	background: url(/c/common/img/icon_circle_orage.gif) no-repeat 0 50%;
}

/*	Pontaポイントモール
--------------------------------------------------------------------*/

/*	Pontaリサーチ（アンケート）でためる
--------------------------------------------------------------------*/