@charset "UTF-8";

/* TOPのみのスタイル
--------------------------------------------------------------------
0. 共通
1. メッセージボックス
2. TOPFLASH
3. どこでためられるの？
4. 来週のおトク！
5. Pontaポイントモール
6. Pontaリサーチ
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;
}
.top-main {
margin-top:-36px;
position:relative;
}

#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. メッセージボックス
--------------------------------------------------------------------*/

#alert  {
    float:left;
    width: 960px;
    font-size: 100%;
    color: #FF0000;
    font-weight: bold;
    padding: 0;
    margin-top: 5px;
    margin-bottom: 5px;
    }

/*初期設定
--------------------------*/
#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;
							}

/* MIP上ボタン */
.top-aboutbt {
margin:3px 0 5px 0;
}
.top-aboutbt a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
}

/* 2. MIP
--------------------------------------------------------------------*/
#topmip{
	height: 307px;
	margin-bottom: 10px;
	overflow: hidden;
	background: url(/c/home/img/mip_bg.gif) no-repeat 0 0;
}

	#topmip-navi{
		position: relative;
	}

		#topmip-tab{
			position: absolute;
			top: 17px;
			left: 569px;
			width: 18px;
		}

			#topmip-tab span{
				width: 18px;
				height: 17px;
				cursor: pointer;
				display: block;
				margin-bottom: 19px;
				background: url(/c/home/img/mip_b_1.gif) no-repeat 0 0;
			}

			#topmip-tab span.hover{
				background: url(/c/home/img/mip_b_2.gif) no-repeat 0 0;
			}

			#topmip-tab span.active{
				background: url(/c/home/img/mip_b_3.gif) no-repeat 0 0;
			}

	#topmip-frm{
		padding: 21px 45px 0 52px;
	}

		#topmip-frm .loading{
			padding-top: 120px;
			text-align: center;
		}

		#topmip-frm li{
/*			float: left;
			width: 280px;
			margin: 0 10px 10px 0;*/
			display: none;
		}

		#topmip-frm li.even{
			margin-right: 0;
		}

		#topmip-frm li span{
			display: block;
			margin-top: 5px;
		}


/* 2. ログイン後　トップバナーエリア（追加）
--------------------------------------------------------------------*/
#topbanner {
/*	padding-bottom: 20px;*/
}
#topbanner .bnr {
	padding-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: 10px;
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-top: 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. Pontaポイントモール
--------------------------------------------------------------------*/
#netcollect{
background: #ffffff;
}
#netcollect h2{
width:600px;
height:51px;
background:url(/c/home/img/parts_set2.gif) no-repeat 0 0;
text-indent:-9999px;
overflow:hidden;
position:relative;
}
#netcollect h2 a{
display:block;
width:80px;
height:51px;
text-align:right;
position: absolute;
top:0;
right:0;
}
#netcollect .frm{
padding:0 15px 10px 15px;
border:1px solid #e7e3ca;
border-top:none;
position:relative;
}
#netcollect .frm .text{
padding:10px 0 16px 0;
}
/* Pontaポイントモールボタン */
#netcollect .frm .btn{
width:162px;
height:40px;
position: absolute;
top:4px;
right:20px;
text-indent:-9999px;
overflow:hidden;
background:url(/c/home/img/parts_set2.gif) no-repeat 0 -373px;
}
#netcollect .frm .btn a{
display: block;
width: 162px;
height: 40px;
background: url(/c/home/img/parts_set2.gif) no-repeat 0 -333px;
}
#netcollect .frm .btn a:hover{
background: none;
}
/* バナーリスト */
#netcollect .bnr li{
float: left;
margin:0 25px 8px 25px;
_margin:0 12px 8px 12px;
width: 234px;
}
/* テキストリスト */
#netcollect .txt{
margin-left:25px;
}
#netcollect .txt li span{
margin-right:4px;
color: #e91919;
}

/* 6. Pontaリサーチ
--------------------------------------------------------------------*/
#research{
margin-top:4px;
background:#ffffff;
}
#research h2{
width:600px;
height:51px;
background:url(/c/home/img/parts_set2.gif) no-repeat 0 -56px;
text-indent:-9999px;
overflow:hidden;
}
#research .box{
padding: 14px 0 14px 15px;
border:1px solid #e7e3ca;
border-top:none;
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{
margin-right:4px;
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_set2.gif) no-repeat 0 -463px;
}
#research .box .btn a{
display: block;
width: 162px;
height: 40px;
background: url(/c/home/img/parts_set2.gif) no-repeat 0 -423px;
}
#research .box .btn a:hover{
background: none;
}

/* 7. 商品交換
--------------------------------------------------------------------*/
#netuse{
margin-top: 4px;
background: #ffffff;
}
#netuse h2{
width: 600px;
height: 51px;
background: url(/c/home/img/parts_set2.gif) no-repeat 0 -112px;
text-indent: -9999px;
overflow: hidden;
position:relative;
}
#netuse h2 a{
display:block;
width:80px;
height:51px;
text-align:right;
position: absolute;
top:0;
right:0;
}
#netuse .frm{
padding:14px 10px 20px 10px; 
border:1px solid #e7e3ca;
border-top:none;
}
/* バナーリスト */
#netuse .bnr li{
float: left;
margin:0 7px 8px 7px;
_margin:0 3px 8px 3px;
width: 275px;
}
#netuse .bnr li a span{
display: block;
padding-top: 5px;
text-decoration: underline;
}
#netuse .bnr li a:hover span{
text-decoration: none;
}
/* 交換商品一覧 */
#netuse .lead{
margin:10px 0 10px 0;
}
#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 .boxlist {
float: left;
width: 284px;
}
#netuse .box .boxlist ul {
padding-left: 5px;
}
#netuse .box .boxlist ul li {
float: left;
width: 62px;
margin-right: 6px;
}
/* 注目グッズのみ */
#netuse .box #lf{
margin-right: 10px;
}
#netuse .box #lf ul li img{
border: 1px solid #dbd8d8;
}
/* Potnta参加企業の商品も交換できるのみ */
#netuse .box #rg{
}

/* 8. おしらせ
--------------------------------------------------------------------*/
#news {
	display: none;/* ページ読み込み後に表示 */
	width: 598px;
	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:2px;
background: #ffffff;
position:relative;
}
#sub .nearbystore .title{
text-indent: -9999px;
overflow: hidden;
width:300px;
height:70px;
}
#sub .nearbystore .title a{
text-indent:0;
display:block;
height:45px;
position: absolute;
top:0;
left:0;
}
#sub .nearbystore .more{
text-align: right;
background: #fff;
padding: 5px 4px 7px 0;
}
#sub .nearbystore .more a{
padding: 0 5px 0 20px;
background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
}
/*ネットでためよう！使おうのみ*/
#sub #net .title{
background: url(/c/home/img/parts_set2.gif) no-repeat 0 -173px;
}
#sub #net .title a{
width:58px;
}
/*近くのお店でためよう！つかおう*/
#sub #shop{
margin-bottom:10px;
}
#sub #shop .title{
background: url(/c/home/img/parts_set2.gif) no-repeat 0 -253px;
}
#sub #shop .title a{
width:63px;
}

/* 企業共通
---------------------------------------------------------- */
#sub .nearbystore ul{
padding: 0 9px;
}
#sub .nearbystore ul li{
padding: 7px 0 7px 0;
cursor: pointer;
}
#sub .nearbystore ul .vis{
float: left;
width: 49px;
margin-right: 10px;
}
#sub .nearbystore ul .txt{
float: left;
width: 216px;
}
#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: 1px solid #e7e3ca;
border-top:0;
}
#sub .nearbystore ul.newcompany li{
border-bottom: 1px solid #fddcd9;
line-height:1.2;
}
#sub .nearbystore ul.newcompany li.last{
border-bottom: none;
}
#sub .nearbystore ul .txt a span{
font-weight: bold;
display: block;
}
/* 通常企業 */
#sub .nearbystore .company{
border: 1px solid #e7e3ca;
border-top:none;
}
#sub .nearbystore #sidebnrlist {
margin:0 9px 0 9px;
padding:10px 0 5px 0;
border-bottom: 1px solid #e9e9e7; 
}
#sub .nearbystore .company li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding:0 10px 5px 10px;
}


	/* 注目ピックアップ
	------------------------------------ */
	#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;
}
.bgtown #alert {
margin-bottom:36px;
}
#sub .frmb {
	padding-bottom: 10px;
}
.news-logon {
margin-top:10px !important;
}

/* 1. 会員限定オススメ情報
--------------------------------------------------------------------*/
#toppikup {
margin:8px 0 5px 0;
width:600px;
height:31px;
}
#toppikup li {
padding:5px 2px;
background:#FFFFFF;
}
#toppikup li span.tt {
margin-right:5px;
padding:3px 8px 3px 5px;
font-weight:bold;
color:#FFFFFF;
background:#FB7F48;
}

/* 2. 会員限定メインバナーエリア
--------------------------------------------------------------------*/
#topbanner {
width:460px;
padding-bottom:5px;
}
/* MIP */
#mmbmip {
margin-bottom:5px;
}
#mmbmip .mip {
width:460px;
height:154px;
overflow:hidden;
background:#FFFFFF;
}
#mmbmip .miptx {
width:460px;
height:43px; /*リストの高さ + リストの上下ボーダーのpx数合計*/
background:#FFFFFF;
}
#mmbmip .miptx li {
float:left;
width:113px;
height:39px;
overflow:hidden;
opacity:0.7;
filter:alpha(opacity=70);
border:#998877 solid 1px;
border-top:#998877 solid 3px;
background:#FFFFEE;
}
#mmbmip .miptx li#on {
opacity:1;
filter:alpha(opacity=100);
width:113px;
height:39px;
border:#FB7F48 solid 1px;
border-top:#FB7F48 solid 3px;
}
#mmbmip .miptx li img {
vertical-align:top;
}

/* 3. 今週のおトクスライド対応
--------------------------------------------------------------------*/
.otoku-logon .list {
display:none;
}
#thisweekinfo .more {
border-top:1px solid #e7e3ca;
margin:0 20px;
padding: 2px 0 0 0;
text-align: right;
}
#thisweekinfo .more a {
padding-left:20px;
background: url(/c/common/img/header_set.gif) no-repeat -231px -209px;
}

/* 3. Ponta.jp登録
--------------------------------------------------------------------*/
.stat-tt {
margin-top:20px;
}
#ponta-stat {
margin-bottom:10px;
padding-bottom:10px;
width:598px;
background:#FFFFFF;
border:#E7E3CA solid 1px;
}
#ponta-stat .sbox {
margin:0 20px;
padding:10px 0;
border-bottom:#DCDCDC solid 1px;
position:relative;
}
#ponta-stat .sbox h2 {
width:140px;
height:auto;
background:none;
text-indent:1px;
position:absolute;
top:10px;
left:0;
}
#ponta-stat .sbox dl {
padding-left:140px;
}
#ponta-stat .sbox dt {
float:left;
clear:both;
padding-left:8px;
_padding-left:4px;
font-weight:bold;
color:#444444;
background: url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 50%;
}
#ponta-stat .sbox dd {
font-weight:bold;
color:#259ED3;
}
#ponta-stat .sbox .link {
width:115px;
height:16px;
position:absolute;
top:10px;
right:20px;
}

/* 会員情報の確認/変更 */
#entryinfo {
margin:0 10px;
padding:5px 0 5px 10px;
height:25px;
line-height:25px;
border-bottom:#FF9123 solid 1px;
position:relative;
}
#entryinfo .bt {
width:147px;
height:25px;
position:absolute;
top:5px;
right:10px;
}

/* リサーチ会員 */
#research dt {
width:135px;
}
#research dd {
margin-left:143px;
padding-left:17px;
background:url(/c/home/img/side_usermenu_icon_check.gif) no-repeat;
}
/* キャンペーン申し込み */
#campaign dt {
width:95px;
}
#campaign dd {
margin-left:103px;
padding:0 10px 0 5px;
}
/* メールニュース */
#mailservice ul {
padding-left:140px;
}
#mailservice .status-title {
float:left;
clear:both;
padding-left:8px;
_padding-left:4px;
width:135px;
font-weight:bold;
color:#444444;
background: url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 50%;
}
#mailservice .status-on {
margin-left:143px;
padding-left:17px;
font-weight:bold;
color:#259ED3;
background:url(/c/home/img/side_usermenu_icon_check.gif) no-repeat;
}
#mailservice .text {
margin-left:8px;
font-size:10px;
}

/* グループ設定 */
#ponta-stat .grp {
margin:25px 10px 0 10px;
position:relative;
}
#ponta-stat .grp h2 {
margin-bottom:10px;
padding-bottom:1px;
border-bottom:#E7E3CA solid 1px;
}
#ponta-stat .grp a:hover img {
opacity:0.7;
filter:alpha(opacity=70);
}
#ponta-stat .grp .btn a:hover img {
opacity:1;
filter:alpha(opacity=100);
}
#ponta-stat .grp .glink {
position:absolute;
top:7px;
right:5px;
}
#ponta-stat .grp .glink li {
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
margin-right:10px;
}
#ponta-stat .grp p {
margin:0 20px;
}
#ponta-stat .grp .ttx .box-gn0089 {
color:#DE6E19;
}
#ponta-stat .grp dl {
margin:8px 20px 0 23px;
}
#ponta-stat .grp dt {
float:left;
clear:both;
padding-left:8px;
_padding-left:4px;
width:85px;
font-weight:bold;
color:#444444;
background: url(/c/home/img/side_usermenu_icon.gif) no-repeat 0 50%;
}
#ponta-stat .grp dd {
float:left;
}
#ponta-stat .grp dd.countj,
#ponta-stat .grp dd.countp {
padding-right:20px;
_padding-right:10px;
font-weight:bold;
}
#ponta-stat .grp dd.countj {
color:#259ed3;
}
#ponta-stat .grp dd.countp {
color:#ff0000;
}

/* 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;
	}

/*110708 POINT  IN TOPPAGE
--------------------------------------------------*/
#pontatop #grouppoint {
	background: #f58428 url(/c/home/img/grouppoint_bottom.gif) no-repeat 0 100%;
	text-align: center;
	width: 300px;
	padding-bottom: 8px;
	margin-bottom: 10px;
	}

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

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

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

#pontatop #grouppoint p {
	padding-top: 5px;
	text-align: center;
	}
	
/*Twitterタイムライン・フォローボタン＆Facebook Lightbox(2011/09/01)
--------------------------------------------------*/
#twt-box {
clear:both;
margin:0 0 10px 0;
padding-top:15px;
width:300px;
background:url(/c/home/img/twitter_follow_bg.gif) no-repeat;
}
#twt-box .twt-head {
padding-left:87px;
height:51px;
}
#twt-box .twt-tx {
margin-bottom:2px;
margin-left:-2px;
}
#fb-box {
margin-bottom:10px;
background:#FFFFFF;
}

/*PR枠追加(2011/09/09)
--------------------------------------------------*/
.top-pr {
clear:both;
padding-bottom:5px;
font-size:11px;
}