@charset "UTF-8";

/* TOPのみのスタイル
--------------------------------------------------------------------
0. 共通
1. メッセージボックス
2. TOPFLASH
3. どこでためられるの？
4. 来週のおトク！
5. ネットでためよう！
6. ネットでつかおう！
7. ポイントがたまるキャンペーン実施中
8. おしらせ
9. サイドナビ
10. ポンタメッセージ

ログイン後
--------------------------------------------------------------------
0. 初期状態セット
1. あなたへのオススメ
2. サイドナビ
--------------------------------------------------------------------*/


/* 0. 共通
--------------------------------------------------------------------*/

#wrapper {
	min-height: 500px;
}

/* リンク設定 */

#main {
	float: left;
	width: 600px;
	min-height: 600px;
	background: url(/c/home/img/loader.gif) no-repeat 50% 500px;
}

* html #main {
	height: 600px;
}

#sub {
	float: right;
	width: 300px;
	position: relative;
	z-index: 1;
}

.title h3{
	font-size: 123.1%;
}

/* hoverクラス */
#contents .box_hover a{
	color: #e76025;
	text-decoration: none;
}


/* 1. メッセージボックス
--------------------------------------------------------------------*/

/*初期設定
--------------------------*/
#error-pcadrs,
#msg-pointlimit,
#msg-groupjoin {
	display: none;
}

	/*エラー
	--------------------------*/
	.error {
		width: 720px;
		margin: 0 auto 15px auto;
		color: #ffffff;
	}

		.error a {
			color: #ffffff;
		}

		.error .frmt {
			width: 720px;
			padding-top: 8px;
			background: #c93030 url(/c/u/common/img/alert_red_top.gif) no-repeat 0 0;
		}

			.error .frmb {
				width: 720px;
				padding-bottom: 7px;
				background: #c93030 url(/c/u/common/img/alert_red_bottom.gif) no-repeat 0 100%;
			}

				/* エラーアイコンの表示 */
				.error .frm p {
					padding: 15px 10px 12px 65px;
					color: #ffffff;
					background: #c93030 url(/c/u/common/img/alert_red_icon.gif) no-repeat 10px 2px;
				}
				/* ポイント有効期限（エラー2行対応） */
				#msg-pointlimit .frm p {
					padding: 5px 10px 6px 65px;
				}

	/*インフォメーション
	--------------------------*/
	.success {
		width: 720px;
		margin: 0 auto 15px auto;
		color: #ffffff;
	}

		.success a {
			color: #ffffff;
		}

		.success .frmt {
			width: 720px;
			padding-top: 8px;
			background: #51a812 url(/c/u/common/img/alert_green_top.gif) no-repeat 0 0;
		}

			.success .frmb {
				width: 720px;
				padding-bottom: 7px;
				background: #51a812 url(/c/u/common/img/alert_green_bottom.gif) no-repeat 0 100%;
			}

					.success .frm {
						padding: 12px 10px 10px 20px;
						background: #51a812;
					}

						.success .frm ul {
							padding: 12px 10px 10px 20px;
						}

							.success .frm ul li {
								color: #ffffff;
							}

/* 2. TOPFLASH
--------------------------------------------------------------------*/
#topflash {
	height: 305px;
	margin-bottom: 5px;
}


/* 2. ログイン後　トップバナーエリア（追加）
--------------------------------------------------------------------*/
#topbanner {
	margin-bottom: 20px;
}
#topbanner .bnr {
	margin-bottom: 10px;

}


/* 3. 今週のおトク！
--------------------------------------------------------------------*/
#thisweekinfo{
	position: relative;
}
	/* ポンタコメント */
	#thisweekinfo .pontacomment{
		position: absolute;
		top: 7px;
		left: 340px;
		width: 170px;
		height: 20px;
		font-weight: bold;
	}

	/* 日付 */
	#thisweekinfo .period{
		position: absolute;
		top: 35px;
		left: 320px;
		width: 190px;
		height: 20px;
		color: #fff;
		font-weight: bold;
		text-align: right;
	}

	#thisweekinfo .frm{
		padding-bottom: 30px;
		background: #ffffff url(/c/home/img/table_btm_otoku.gif) no-repeat 0 100%;
	}

		#thisweekinfo .frm ul{
			
		}

			#thisweekinfo .frm ul.pickup{
				padding: 0 0 12px 15px;
				border-left: 1px solid #e7e3ca;
				border-right: 1px solid #e7e3ca;
				background: #f5fec9;
			}

			#thisweekinfo .frm ul.pickup li{
				float: left;
				width: 285px;
				margin-top: 12px;
				margin-right: 8px;
				border-right: 1px solid #e7e3ce;
				cursor: pointer;
			}

			#thisweekinfo .frm ul.pickup li.odd{
				border-right: none;
				margin-right: 0;
			}

				#thisweekinfo .frm ul.pickup li div{
					float: left;
					width: 128px;
					height: 88px;
					margin-right: 8px;
					text-align: center;
					background: url(/c/home/img/parts_set.gif) no-repeat 0 0;
				}

				#thisweekinfo .frm ul.pickup li p{
					float: left;
					width: 140px;
				}

				#thisweekinfo .frm ul.pickup li p a span{
					font-weight: bold;
					display: block;
				}

			#thisweekinfo .frm ul.list{
				border-left: 1px solid #e7e3ca;
				border-right: 1px solid #e7e3ca;
				border-top: 2px solid #e7e3ca;
				padding: 0 15px;
			}

				#thisweekinfo .frm ul.list li{
					padding: 7px 0;
					border-bottom: 1px solid #e7e3ca;
				}

					#thisweekinfo .frm ul.list .tametoku{
						float: left;
						margin-right: 5px;
						width: 49px;
						height: 17px;
						text-indent: -9999px;
						overflow: hidden;
						background: url(/c/home/img/parts_set.gif) no-repeat 0 -713px;
					}

					#thisweekinfo .frm ul.list .tukatoku{
						float: left;
						margin-right: 5px;
						width: 49px;
						height: 17px;
						text-indent: -9999px;
						overflow: hidden;
						background: url(/c/home/img/parts_set.gif) no-repeat 0 -872px;
					}

				#thisweekinfo .frm ul.list li .txt{
					float: left;
					width: 510px;
				}

				#thisweekinfo .frm ul.list li .txt span{
					background: #feecea;
					color: #ee4337;
					font-weight: bold;
					padding: 0 5px;
				}


/* 4. 来週のおトク！
--------------------------------------------------------------------*/
#nextweekinfo{
	margin-top: 4px;
}

	#nextweekinfo h3{
		height: 21px;
		overflow: hidden;
		font-size: 100%;
		line-height: 2;
		padding-left: 70px;
		background: url(/c/home/img/parts_set.gif) no-repeat 0 -301px;
	}

	#nextweekinfo h3 span{ 
		width: 60px;
		height 21px:
		text-indent: -9999px;
		overflow: hidden;
	}

	#nextweekinfo ul{
		margin-left: 10px;
	}

		#nextweekinfo ul li{
			margin-top: 4px;
			
		}

/* 5. ネットでためよう！
--------------------------------------------------------------------*/
#netcollect{
	margin-top: 4px;
	background: #ffffff;
}

	#netcollect h2{
		width: 600px;
		height: 53px;
		background: url(/c/home/img/parts_set.gif) no-repeat 0 -331px;
		text-indent: -9999px;
		overflow: hidden;
	}

	#netcollect .frm{
		border-left: 1px solid #e7e3ca;
		border-right: 1px solid #e7e3ca;
		border-bottom: 1px solid #e7e3ca;
	}

	#netcollect .bnr{
		padding: 12px 0 17px 15px;
	}

		#netcollect .bnr li{
			float: left;
			width: 280px;
			margin-right: 10px;
		}

		#netcollect .bnr li.odd{
			margin-right: 0;
		}

		#netcollect .bnr li a{
		}

		#netcollect .bnr li a span{
			display: block;
			padding-top: 5px;
			text-decoration: underline;
		}

		#netcollect .bnr li a:hover span{
			text-decoration: none;
		}

	#netcollect .title{
		position: relative;
		border-top: 1px solid #ffd8b2;
		border-bottom: 1px solid #ffd8b2;
	}

		#netcollect .title h3{
			line-height: 2;
			height: 28px;
			padding: 0 15px;
			font-weight: blod;
			color: #663300;
			background: #ffebd8;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
		}

		#netcollect .title .more{
			position: absolute;
			top: 6px;
			left: 500px;
			text-align: right;
			background: #fff;
			padding: 2px 0 0 0;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

			#netcollect .title .more a{
				padding: 0 5px 0 20px;
				background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
			}

	/* ポイントモール
	--------------------------------------------- */
	#netcollect .lead{
		margin: 10px;
	}

	#netcollect .box{
		padding: 0 0 12px 10px;
	}

		#netcollect .box .subt{
			margin-bottom: 11px;
			border-bottom: 1px solid #e7e3ca;
			font-size: 116%;
			line-height: 1.2;
		}

		#netcollect .box .subt span{
			display: block;
			color: #663300;
			font-weight: bold;
			padding: 5px 20px;
			background: url(/c/home/img/parts_set.gif) no-repeat 0 -1031px;
			border-bottom: 1px solid #ffffff;
		}

		/* 注目ショップ
		--------------------------------------------- */
		#netcollect .box .attentionshop{
			float: left;
			width: 286px;
			margin-right: 10px;
		}

			#netcollect .box .attentionshop li{
				padding-bottom: 6px;
				margin-bottom: 5px;
				border-bottom: 1px solid #E7E3CA;
				cursor: pointer;
			}

			#netcollect .box .attentionshop .vis{
				float: left;
				width: 50px;
				margin-right: 5px;
			}

			#netcollect .box .attentionshop .txt{
				float: left;
				width: 230px;
				line-height: 1.4;
			}

				#netcollect .box .attentionshop .txt span{
					display:block;
					font-weight: bold;
				}

				#netcollect .box .attentionshop .txt span.new{
					display: block;
					float: left;
					margin: 2px 5px 0 0;
					text-indent: -9999px;
					width: 34px;
					height: 13px;
					overflow: hidden;
					background: url(/c/home/img/parts_set.gif) no-repeat -11px -578px;
				}

		/* ポイントUPキャンペーン
		--------------------------------------------- */
		#netcollect .box .pointupcampaign{
			float: left;
			width: 286px;
		}

			#netcollect .box .pointupcampaign .num{
				padding: 0 10px 5px 10px;
				font-weight: bold;
			}

			#netcollect .box .pointupcampaign .num span{
				color: #f9675c;
				font-size: 146.5%;
			}

			/* ショップロゴ一覧 */
			#netcollect .box .pointupcampaign .shoplogo{
				float: left;
				width: 120px;
				margin-right: 10px;
			}

			#netcollect .box .pointupcampaign .shoplogo li{
				margin-bottom: 12px;
			}

			/* ショップテキスト一覧 */
			#netcollect .box .pointupcampaign .shoptxt{
				float: left;
				width: 150px;
				line-height: 1.2;
			}

			#netcollect .box .pointupcampaign .shoptxt li{
				margin-bottom: 5px;
			}

			#netcollect .box .pointupcampaign .caption{
				text-align: center;
				color: #e91919;
				font-weight: bold;
				background: #fcf9d2;
				padding: 5px 0;
			}

	/* Pontaリサーチ
	--------------------------------------------- */
	#research{
	}

		#research .box{
			padding: 14px 0 14px 15px;
			position: relative;
		}

			#research .vis{
				float: left;
				margin-right: 10px;
				width: 113px;
				height: 85px;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/c/home/img/parts_set.gif) no-repeat 0 -207px;
			}

			#research .txt{
				position: relative;
				float: left;
				width: 450px;
			}

			#research .txt p{
				margin-top: 5px;
			}

				#research .txt .subt{
					margin:0;
					border: none;
					font-weight: bold;
					color: #663300;
					font-size: 116%;
					line-height: 1.2;
				}

					#research .txt ul{
						margin-top: 5px;
					}

					#research .txt ul li span{
						color: #e91919;
					}

			/* リサーチ会員登録ボタン */
			#research .box .btn{
				position: absolute;
				top: 0;
				left: 280px;
				width: 162px;
				height: 40px;
				margin: 0;
				text-indent: -9999px;
				overflow: hidden;
				background: url(/c/home/img/parts_set.gif) no-repeat 0 -652px;
			}

			#research .box .btn a{
				display: block;
				width: 162px;
				height: 40px;
				background: url(/c/home/img/parts_set.gif) no-repeat 0 -611px;
			}

				#research .box .btn a:hover{
					background: none;
				}


/* 6. ネットでつかおう！
--------------------------------------------------------------------*/
#netuse{
	margin-top: 4px;
	background: #ffffff;
}

	#netuse h2{
		width: 600px;
		height: 53px;
		background: url(/c/home/img/parts_set.gif) no-repeat 0 -395px;
		text-indent: -9999px;
		overflow: hidden;
	}

	#netuse .frm{
		border-left: 1px solid #e7e3ca;
		border-right: 1px solid #e7e3ca;
		border-bottom: 1px solid #e7e3ca;
	}

	#netuse .bnr{
		padding: 12px 0 17px 15px;
	}

		#netuse .bnr li{
			float: left;
			width: 280px;
			margin-right: 10px;
		}

		#netuse .bnr li.odd{
			margin-right: 0;
		}

		#netuse .bnr li a{
		}

		#netuse .bnr li a span{
			display: block;
			padding-top: 5px;
			text-decoration: underline;
		}

		#netuse .bnr li a:hover span{
			text-decoration: none;
		}

	#netuse .title{
		position: relative;
		border-top: 1px solid #ffd8b2;
		border-bottom: 1px solid #ffd8b2;
	}

		#netuse .title h3{
			line-height: 2;
			height: 28px;
			padding: 0 15px;
			font-weight: blod;
			color: #663300;
			background: #ffebd8;
			border-top: 1px solid #ffffff;
			border-bottom: 1px solid #ffffff;
		}

		#netuse .title .more{
			position: absolute;
			top: 6px;
			left: 500px;
			text-align: right;
			background: #fff;
			padding: 2px 0 0 0;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}

			#netuse .title .more a{
				padding: 0 5px 0 20px;
				background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
			}

	/* 商品交換
	--------------------------------------------- */
	#netuse .lead{
		margin: 10px;
	}

	#netuse .box{
		padding: 0 0 20px 10px;
	}

		#netuse .box .subt{
			margin-bottom: 5px;
			border-bottom: 1px solid #e7e3ca;
			font-size: 116%;
			line-height: 1.2;
		}

		#netuse .box .subt span{
			display: block;
			color: #663300;
			font-weight: bold;
			padding: 5px 20px;
			background: url(/c/home/img/parts_set.gif) no-repeat 0 -1031px;
			border-bottom: 1px solid #ffffff;
		}

		/* 注目グッズ
		--------------------------------------------- */
		#netuse .box .box-l{
			float: left;
			width: 286px;
			margin-right: 10px;
		}

			#netuse .box .box-l ul{
				padding-left: 5px;
			}

				#netuse .box .box-l li{
					float: left;
					width: 62px;
					margin-right: 6px;
				}

				#netuse .box .box-l li img{
					border: 1px solid #dbd8d8;
				}

		/* Potnta参加企業の商品も交換できる
		--------------------------------------------- */
		#netuse .box .box-r{
			float: left;
			width: 286px;
		}

			#netuse .box .box-r ul{
				padding-left: 5px;
			}

				#netuse .box .box-r li{
					float: left;
					width: 62px;
					margin-right: 6px;
				}


	/* ポイントつかってお買物
	--------------------------------------------- */
	#netuse .shoplist{
		padding: 10px 0 22px 15px;
	}

	#netuse .shoplist li{
		float: left;
		width: 286px;
		margin: 0 10px 10px 0;
		cursor: pointer;
	}

		#netuse .shoplist li.odd{
			margin-right: 0;
		}

		#netuse .shoplist .vis{
			float: left;
			width: 50px;
			margin-right: 5px;
		}

		#netuse .shoplist .txt{
			float: left;
			width: 200px;
		}

			#netuse .shoplist .txt span{
				display:block;
				font-weight: bold;
			}

			#netuse .shoplist .txt span.new{
				display: block;
				float: left;
				margin: 2px 5px 0 0;
				text-indent: -9999px;
				width: 34px;
				height: 13px;
				overflow: hidden;
				background: url(/c/home/img/parts_set.gif) no-repeat -11px -578px;
			}





/* 7. ポイントがたまるキャンペーン実施中
--------------------------------------------------------------------*/
#collect {
	display: none;/* ページ読み込み後に表示 */
	margin-top: 6px;
	position: relative;
}

	/* もっと見る */
	#collect .b-more{
		position: absolute;
		top: 37px;
		left: 505px;
	}

	#collect .frmb {
		width: 600px;
	}

	#collect .frm {
		padding: 0 10px 10px 10px;
		border: 1px solid #e7e3ca;
		position: relative;
		background: #ffffff;
	}

	#collect h3 {
		padding: 18px 0 4px 0;
	}

	#collect div.box {
		padding: 10px 10px 11px 10px;
		background: url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
	}

		#collect div.box .thumbnail {
			float: left;
			clear: left;
			width: 224px;/* before:112 */
		}

		#collect div.box dl {
			margin-left: 234px;
			width: 320px;/* before:374 */
		}

		#collect div.box dl .text {
			padding-top: 5px;
		}

		#collect div.box .logo {
			position: absolute;
			top: 10px;
			right: 10px;
		}

	/* あなたへのおすすめ - memberinfo.jsで表示・非表示設定 */
	#collect #recommend{
		/*display: none;*/
	}

	/* BOX L :: アンケートに答えて、ためる！ */
	#collect .box-l {
		float: left;
		width: 279px;
	}

		#collect .box-l h3 {
			padding-bottom: 7px;
		}

		#collect .box-l dl {
			padding: 0 10px;
			background: none;
		}

			#collect .box-l dt {
				float: left;
				width: 110px;
			}

			#collect .box-l dd {
				margin-left: 125px;
			}

		#collect .box-l p.link {
			padding-top: 5px;
		}

	/* BOX R :: Pontaポイントモールでためる！ */
	#collect .box-r {
		float: right;
		width: 279px;
	}

		#collect .box-r h3 {
			padding-bottom: 7px;
		}

		#collect .box-r dl {
			padding: 0 10px;
			background: none;
		}

			#collect .box-r dt {
				float: left;
				width: 110px;
			}

			#collect .box-r dd {
				margin-left: 125px;
			}

		#collect .box-r .text {
			padding: 5px 0 0 5px;
		}

/* 8. おしらせ
--------------------------------------------------------------------*/
#news {
	display: none;/* ページ読み込み後に表示 */
	width: 600px;
	margin-top: 20px;
	padding: 20px 0;
	border: 1px solid #e7e3ca;
	position: relative;
	background: #ffffff;
}

	#news h2{
		width: 580px;
		height: 18px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/c/home/img/parts_set.gif) no-repeat 0 -466px;
	}

	#news h3{
		width: 580px;
		height: 18px;
		margin-top: 40px;
		text-indent: -9999px;
		overflow: hidden;
		background: url(/c/home/img/parts_set.gif) no-repeat 0 -496px;
	}

	/* もっと見る */
	#news .more{
		position: absolute;
		top: 15px;
		left: 500px;
		text-align: right;
		background: #fff;
		padding: 2px 0 0 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

		#news .more a{
			padding: 0 5px 0 20px;
			background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
		}


	#news .frm {
		padding: 0 10px 10px 10px;
	}

		#news .frm dl {
			margin-left: 10px;
			padding: 7px 10px 8px 0;
			background: url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
		}

			#news .frm dl dt {
				float: left;
				clear: left;
				width: auto;
				position: relative;
				z-index: 100;
			}

				#news .frm dl dt span {
					color: #ffffff;
					background: #f68529;
					padding: 3px 4px 1px 4px;
				}

				#news .frm dl dd {
					position: relative;
					margin-left: 7.0em;
				}

					#news .frm dl dd a,
					#news .frm dl dd span {
						padding-left: 25px;
						display: inline-block;
					}

					/* キャンペーンに関するおしらせ アイコン */
					#news .frm dl dd.campaign a,
					#news .frm dl dd.campaign span {
						background: url(/c/home/img/icon_campaign.gif) no-repeat 0 0;
					}

					/* サービスに関するおしらせ アイコン */
					#news .frm dl dd.service a,
					#news .frm dl dd.service a {
						background: url(/c/home/img/icon_service.gif) no-repeat 0 0;
					}

	/* メンテナンス情報 */
	#news h3 {
	}

		#news .frm dl.mainte dt span {
			color: #ffffff;
			background: #9fa600;
			padding: 3px 4px 0 4px;
		}

			/* メンテナンス アイコン */
			#news .frm dl.mainte dd a,
			#news .frm dl.mainte dd span {
				background: url(/c/home/img/icon_mainte.gif) no-repeat 0 0;
			}



/* 9. サイドナビ
--------------------------------------------------------------------*/

	/* 共通
	------------------------------------ */
	#sub .bnr li{
		margin-top: 5px;
	}

	#sub .sqbnr{
		text-align: center;
	}

		#sub .sqbnr dt{
			padding-top: 5px;
		}


	/* 近くのお店でためよう！つかおう！
	------------------------------------ */
	#sub #nearbystore{
		margin-top: 10px;
		margin-bottom: 10px;
		background: #ffffff;
	}

		#sub #nearbystore .title{
			text-indent: -9999px;
			overflow: hidden;
			height: 69px;
			background: url(/c/home/img/parts_set.gif) no-repeat 0 -529px;
		}

	#sub #nearbystore .more{
		text-align: right;
		background: #fff;
		padding: 5px 4px 7px 0;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
	}

		#sub #nearbystore .more a{
			padding: 0 5px 0 20px;
			background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
		}

			/* 共通
			---------------------------------------------------------- */
			#sub #nearbystore ul{
				padding: 0 10px;
			}

				#sub #nearbystore ul li{
					padding: 8px 0 9px 0;
					cursor: pointer;
				}

					#sub #nearbystore ul .vis{
						float: left;
						width: 50px;
						margin-right: 10px;
					}

					#sub #nearbystore ul .txt{
						float: left;
						width: 215px;
					}

						#sub #nearbystore ul .txt span.new{
							display: block;
							float: left;
							margin: 2px 5px 0 0;
							text-indent: -9999px;
							width: 34px;
							height: 13px;
							overflow: hidden;
							background: url(/c/home/img/parts_set.gif) no-repeat -11px -578px;
						}

				/* 新規企業 */
				#sub #nearbystore .newcompany{
					background: #feecea;
					border-left: 1px solid #e7e3ca;
					border-right: 1px solid #e7e3ca;
					border-bottom: 1px solid #fddcd9;
				}

					#sub #nearbystore ul.newcompany li{
						border-bottom: 1px solid #fddcd9;
					}

						#sub #nearbystore ul.newcompany li.last{
							border-bottom: none;
						}

				/* 通常企業 */
				#sub #nearbystore .company{
					border-left: 1px solid #e7e3ca;
					border-right: 1px solid #e7e3ca;
					border-bottom: 1px solid #e7e3ca;
				}

					#sub #nearbystore .company li{
						border-bottom: 1px solid #e9e9e7;
						line-height: 1.4;
					}

					#sub #nearbystore ul .txt a span{
						font-weight: bold;
						display: block;
					}


	/* 注目ピックアップ
	------------------------------------ */
	#sub #pickup{
		margin-top: 10px;
		padding: 0 10px;
		background: #ffffff;
		border: 1px solid #e7e3ca;
	}

		#sub #pickup .title{
			padding: 5px 0 0 0;
			font-size: 100%;
			color: #663300;
			font-weight: bold;
			text-align: center;
			border-bottom: 1px solid #e7e3ca;
		}

			#sub #pickup ul li{
				padding: 8px 0 9px 0;
				border-bottom: 1px solid #e9e9e7;
				cursor: pointer;
			}

			#sub #pickup ul li.last{
				border-bottom: none;
			}

				#sub #pickup ul .vis{
					float: left;
					width: 50px;
					margin-right: 10px;
				}

				#sub #pickup ul .txt{
					float: left;
					width: 215px;
				}

					#sub #pickup ul .txt span{
						display:block;
						font-weight: bold;
					}

					#sub #pickup ul .txt span.new{
						display: block;
						float: left;
						margin: 2px 5px 0 0;
						text-indent: -9999px;
						width: 34px;
						height: 13px;
						overflow: hidden;
						background: url(/c/home/img/parts_set.gif) no-repeat -11px -578px;
					}


/* 10. ポンタメッセージ
--------------------------------------------------------------------*/
#contents-footer {
	padding-top: 150px;
	position: relative;
}

	/* ぽんたのつぶやき */
	#contents-footer #message-footer {
		position: absolute;
		top: 40px;
		left: 0;
	}





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

 ログイン後

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

/* 0. 初期状態セット
--------------------------------------------------------------------*/
#pointchange,
#research p.status-on,
#research p.status-off,
#groupset,
#groupset-owner,
#groupset-member,
#groupset-reservation {
	display: none;
}

#sub .frmb {
	padding-bottom: 10px;
	background: #fef3c5;
}

/* 1. 会員限定おトク情報
--------------------------------------------------------------------*/

#memberonly {
	margin-top: 6px;
	margin-bottom: 20px;
	position: relative;
}

	#memberonly .frmb {
		width: 600px;
		padding-bottom: 6px;
		background: url(/c/home/img/collect_bottom.gif) no-repeat 0 100%;
	}

	#memberonly .frm {
		padding: 0 10px 0 10px;
		background: url(/c/home/img/collect_bg.gif) repeat-y 0 0;
	}

	#memberonly h3 {
		padding: 18px 0 4px 0;
	}

	#memberonly div.box {
		padding: 10px 10px 10px 10px;
	}

		#memberonly div.box .thumbnail {
			float: left;
			clear: left;
			width: 224px;
		}

		#memberonly div.box dl {
			margin-left: 234px;
			width: 320px;
		}

		#memberonly div.box dl .text {
			padding-top: 5px;
		}


/* 2. サイドナビ
--------------------------------------------------------------------*/
/* 共通 */

	#sub .frmb .frmb {
		width: 286px;
		margin: 0 0 0 4px;
		padding: 1px 0 6px 0;
		background: #FEF3C5 url(/c/home/img/side_usermenu_bottom.gif) no-repeat 0 100%;
	}

	#sub .frmb .frmb ul {
		margin: 0 0 0 5px;
		background-color: #ffffff;
	}

		#sub .frmb .frmb ul li {
			padding: 10px 10px 10px 10px;
			background: url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
		}

		#sub .frmb .frmb ul li.link {
			padding: 11px 0 7px 7px;
			background: #fffde8;
		}

			#sub .frmb .frmb ul li.link a {
				padding-left: 20px;
				background: url(/c/common/img/arrow_m.gif) no-repeat 0 0;
				display: inline-block;
				line-height: 1.4;
			}

		/* リンクでもドットライン */
		#sub .frmb .frmb ul li.link_dot {
			padding: 11px 0 7px 10px;
			background: #fffde8 url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
		}

		/* 強調表示 */
		#sub .frmb .frmb strong {
			font-weight: bold;
			color: #de6f1a;
		}

/* サイドナビ */

	/* グループポイント残高 */
	#sub #grouppoint {
		padding-bottom: 6px;
		background: #f58428 url(/c/home/img/grouppoint_bottom.gif) no-repeat 0 100%;
	}

		#sub #grouppoint #point {
			height: 69px;
			width: 280px;
			margin: 0 auto;
			background: url(/c/home/img/number_bg.gif) no-repeat 0 0;
		}

			#sub #grouppoint #point p {
				padding: 0 0 0 9px;
				text-align: left;
			}

				#sub #grouppoint #point p span {
					width: 36px;
					margin-right: 1px;
				}

		#sub #grouppoint p {
			padding-top: 5px;
			text-align: center;
		}

	/* ポンタつぶやき */
	#sub #message-side {
		padding-top: 6px;
	}

	/* キャンペーン申し込み */
	#sub #campaign ul li dt {
		float: left;
		width: 200px;
	}

	#sub #campaign ul li dd {
		float: right;
		width: 50px;
		color: #674426;
		font-weight: bold;
		text-align: right;
	}

	/* マル得直行！メールサービス */
	#sub #mailservice ul li div {
		padding-left: 5px;
	}

		#sub #mailservice ul li .status-title {
			float: left;
			width: 175px;
			font-weight: bold;
			background: url(/c/home/img/dotline_orange.gif) repeat-x 0 50%;
		}

			#sub #mailservice ul li .status-title span {
				padding: 3px 5px 0 13px;
				background: #ffffff url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 50%;
			}

		#sub #mailservice ul li .status-on,
		#sub #mailservice ul li .status-off {
			float: right;
			width: 80px;
			text-align: right;
		}

		#sub #mailservice ul li .status-on span{
			color: #259ed3;
			font-weight: bold;
			padding: 3px 0 0 20px;
			background: url(/c/home/img/side_usermenu_icon_check.gif) no-repeat 0 0;
		}

		#sub #mailservice ul li .status-off span{
			color: #ff0000;
			font-weight: bold;
			padding: 3px 0 0 20px;
		}

		#sub #mailservice ul li .text {
			padding-left: 13px;
		}

		/* メールサービスのみリンクを別枠 */
		#sub #mailservice p.link{
			margin-left: 5px;
			padding: 11px 0 7px 10px;
			background: #fffde8;
		}

			#sub #mailservice p.link a{
					padding-left: 20px;
					background: url(/c/common/img/arrow_m.gif) no-repeat 0 0;
					display: inline-block;
					line-height: 1.4;
			}

	/* リサーチ会員 */
	#sub #research ul li div {
		padding-left: 5px;
	}

		#sub #research ul li .status-title {
			float: left;
			width: 175px;
			font-weight: bold;
			background: url(/c/home/img/dotline_orange.gif) repeat-x 0 50%;
		}

			#sub #research ul li .status-title span {
				padding: 3px 5px 0 13px;
				background: #ffffff url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 50%;
			}

		#sub #research ul li .status-on,
		#sub #research ul li .status-off {
			float: right;
			width: 80px;
			text-align: right;
		}

			#sub #research ul li .status-on span {
				color: #259ed3;
				font-weight: bold;
				padding: 3px 0 0 20px;
				background: url(/c/home/img/side_usermenu_icon_check.gif) no-repeat 0 0;
			}

			#sub #research ul li .status-off span {
				color: #ff0000;
				font-weight: bold;
				padding: 3px 0 0 20px;
			}


	/* グループ設定 */
	#sub #groupset ul li dt {
		float: left;
		width: 130px;
		margin-right: 10px;
	}

	#sub #groupset ul li dd {
		float: left;
		width: 120px;
	}

	/* グループ設定 - オーナー情報 */
	#sub #groupset-owner dl{
		margin-left: 5px;
		padding-left: 13px;
		background: url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 4px;
		position: relative;
		line-height: 1;
	}

	#sub #groupset-owner dl.joinc{
		margin-top: 17px;
	}

	#sub #groupset-owner dl.pendingc{
		padding-bottom: 10px;
	}

	/* IE haslayout対策*/
	* html #sub #groupset-owner dl.pendingc{
		zoom: 1;
	}

		#sub #groupset-owner dt{
			float: left;
			clear: left;
			padding-top: 1px;
			width: 85px;
			font-weight: bold;
			background: url(/c/home/img/icon_colon.gif) no-repeat 100% 50%;
		}

		#sub #groupset-owner .joinc dd.count{
			margin-left: 95px;
			width: 40px;
			padding-top: 1px;
			color: #259ed3;
			font-weight: bold;
		}

		#sub #groupset-owner .pendingc dd.count{
			margin-left: 95px;
			width: 40px;
			color: #ff0000;
			font-weight: bold;
		}

		#sub #groupset-owner .joinc dd.btn{
			text-align: right;
			margin-top: -14px;
		}


	/* グループ設定 - 解散予約設定 */
	#sub #groupset-reservation .caption {
		color: #ff0000;
		font-weight: bold;
	}

	/* グループ設定 - 解散予約設定 */
	#sub #groupset-reservation .caption {
		color: #ff0000;
		font-weight: bold;
	}


	/* ログイン前・ログイン後共通
	------------------------------------------------------------- */
	#sub #guide{
		padding-top: 10px;
	}
	
	#sub #guide .frmt {
		padding-top: 6px;
		background: #fff3c4 url(/c/home/img/side_navi_top.gif) no-repeat 0 0;
	}

	#sub #guide .frmb {
		padding-bottom: 10px;
		background: url(/c/home/img/side_navi_bottom.gif) no-repeat 0 100%;
	}

		#sub #guide dl {
			padding: 10px 10px 0 10px;
		}

		#sub #guide dl.start {
			padding-top: 0;
		}

			#sub #guide dl dd {
				padding-bottom: 1px;
				background: #fffde8 url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
			}

				#sub #guide dl dd a {
					padding: 12px 10px 12px 36px;
					display: block;
					background: url(/c/common/img/arrow_m.gif) no-repeat 15px 14px;
				}

				/* 下部角丸設定 */
				#sub #guide dl dd.end {
					padding-bottom: 5px;
					background: #fffde8 url(/c/common/img/table_bottom_link.gif) no-repeat 0 100%;
				}

					#sub #guide dl dd.end a {
						padding: 12px 10px 7px 36px;
					}

	/* シングルボタン
	----------------------------- */
		#sub .frmt-single {
			height:50px;
			background: url(/c/common/img/bg_single_btnl.gif) no-repeat 0 100%;
			margin-top:5px;
		}
		#sub .frmt-single p{
			text-align:center;
			padding-top:10px;
		}


	/* どこでためられるの？
	--------------------------------------------------------------------*/
	#howponta{
		padding-top: 5px;
	}

		#howponta .frmb {
			padding: 0 10px 10px 10px;
			background: #fff2c5 url(/c/home/img/side_navi_bottom.gif) no-repeat 50% 100%;
		}

		#howponta ul.partnerbox {
			padding: 15px 0 1px 17px;
			background: #ffffff url(/c/common/img/dotline_3px.gif) repeat-x 0 100%;
		}

			#howponta ul.partnerbox li {
				position: relative;
				float: left;
				width: 50px;
				padding: 0 15px 12px 0;
			}

			#howponta ul.partnerbox li span{
				position: absolute;
				top: -9px;
				left: 0;
			}

			*:first-child+html #howponta ul.partnerbox li span{
				top: -12px;
			}

			* html #howponta ul.partnerbox li span{
				top: -12px;
			}

			#howponta ul{
				padding: 11px 0 10px 10px;
				background: #fffde8 url(/c/common/img/table_bottom_link.gif) no-repeat 50% 100%;
			}


			#howponta ul li.link{
			}

			#howponta ul li.link a{
				padding-left: 20px;
				background: url(/c/common/img/arrow_m.gif) no-repeat 0 0;
				display: inline-block;
				line-height: 1.4;
			}