@charset "UTF-8";

/* TOPのみのスタイル
--------------------------------------------------------------------
0. 共通
1. メッセージBOX
2. TOPFLASH
3. どこでためられるの？
4. ポイントがたまるキャンペーン実施中
5. ポイントをどんどんつかっておトク生活
6. おしらせ
7. サイドナビ
9. ポンタのつぶやき

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


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

#pontatop #logo{
	margin: 0 auto;
	width: 920px;
}

#pontatop #logo h1{
	position: absolute;
	top: 9px;
	padding-left: 4px;
}

#wrapper {
	min-height: 500px;
}

/* リンク設定 */
#contents a{
	font-weight: bold;
}

#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;
}

.title{
	font-size: 123.1%;
	line-height: 1.4;
}

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


/* 3. ANC MENU
--------------------------------------------------------------------*/
#ancmenu{
	padding-top: 7px;
	background: url(/c/home/img/bg_anchor_top.gif) no-repeat 0 0;
}

	#ancmenu ul{
		padding: 0 0 7px 20px;
		background: url(/c/home/img/bg_anchor_bottom.gif) no-repeat 0 100%;
	}

		#ancmenu ul li{
			float: left;
			margin-right: 30px;
			text-align: center;
		}

		#ancmenu ul li.news{
			float: left;
			margin-right: 0;
			text-align: center;
		}


			#ancmenu ul li a{
				padding-left: 20px;
				background: url(/c/common/img/arrow_u.gif) no-repeat 0 50%;
			}

/* 3. LOGIN MSG
--------------------------------------------------------------------*/
#loginmsg{
	margin-top: 5px;
	padding-top: 7px;
	background: url(/c/home/img/bg_anchor_top.gif) no-repeat 0 0;
}

	#loginmsg ul{
		padding: 0 0 7px 20px;
		background: url(/c/home/img/bg_anchor_bottom.gif) no-repeat 0 100%;
	}

		#loginmsg ul li{
			color: #DE6F1A;
			font-weight: bold;
		}

#pointmall{
	margin-top: 5px;
}




/* ポイントがたまる！オトク情報
--------------------------------------------------------------------*/
#information {
	margin-top: 5px;
}

#information h2 {
	position: relative;
}

#information h2 span{
	position: absolute;
	top: 33px;
	left: 506px;
}

	#information .frm {
		margin: 7px 0 0 10px;
		min-height: 180px;
	}

	#information .frmbtm {
		margin: 7px 0 0 10px;
		min-height: 200px;
	}

		#information li {
			float: left;
			width: 140px;
			margin-right: 7px;
			background: url(/c/home/img/information/tabel_center.gif) repeat-y 0 0;
		}

		#information p.logo {
			text-align: center;
			margin: 0 2px 0 1px;
			padding-top: 3px;
			background: #ffffff;
		}

		#information p.save {
			margin: 0 2px 0 1px;
			padding: 0;
			color: #ffffff;
			text-align: center;
		}

			#information p.blue {
				background: #3e98e1;
			}

			#information p.green {
				background: #6dac12;
			}

			#information p.orange {
				background: #fc8230;
			}

			#information p.red {
				background: #d84262;
			}

		#information .frm div,
		#information .frmbtm div {
			text-align: center;
			padding: 0 0 8px 0;
			background: url(/c/home/img/information/table_bottom.gif) no-repeat 0 100%;
		}

		#information div a{
			text-decoration: none;
		}

			#information .shop {
				display: block;
				color: #303333;
				font-size: 85%;
				padding-top: 5px;
				font-weight: normal;
			}

			#information .point {
				display: block;
				color: #fe3000;
				font-size: 116%;
				padding-top: 3px;
				line-height: 1;
			}

			#information .period {
				display: block;
				font-weight: bold;
				font-size: 85%;
				color: #753e31;
				padding-top: 3px;
			}




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

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

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

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

	#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;
		}

	/* リンク設定 */
	#collect a:link {
		font-weight: bold;
	}

	#collect p.link a {
		padding: 2px 0 0 20px;
		background: url(/c/common/img/arrow_m.gif) no-repeat 0 50%;
		display: inline-block;
	}



/* 5. ポイントをどんどんつかっておトク生活
--------------------------------------------------------------------*/
#spend {
	display: none;/* ページ読み込み後に表示 */
	margin-top: 5px;
	position: relative;
}

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

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

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

	#spend .lead01{
		font-weight: bold;
		font-size: 114%;
		padding: 18px 0 0 0;
	}

	#spend .lead02{
		font-weight: bold;
		font-size: 114%;
		padding: 14px 0 0 7px;
	}

		#spend .caption{
			color: #ff0000;
			font-weight: bold;
			font-size: 100%;
			padding:5px 0 0 7px;
		}

	#spend h3 {
		padding: 18px 0 0 0;
	}

	/* コンテンツ 画像2枚 */
	#main div.feature-list2 {
		width:580px;
		margin-left:7px;
		padding-top:14px;
	}
	#main div.feature-list2 div.boxl{
		float:left;
		width:280px;
		text-align:left;
	}

	#main div.feature-list2 div.boxl ul li{
		float:left;
		padding-right:5px;
	}

	#main div.feature-list2 img{
		border:#f3e7c1 3px solid;
	}
	
	#main div.feature-list2 ul li{
		float:left;
		margin-right:6px;
		width:281px;
	}

	#main div.feature-list2 div.boxr{
		float:right;
		width:285px;
		text-align:left;
	}
	#main div.feature-list2 div.boxr p.catch{
		font-size:110%;
		font-weight:bold;
		padding-right:10px;
	}
	#main div.feature-list2 div.boxr p.txt{
		padding-top:8px;
		padding-right:10px;
	}

	#main div.feature-link{
		text-align:right;
		line-height:100%;
		padding:10px 10px 0px 0px;
	}
	#main div.feature-link a{
		text-align:right;
		background:url("/c/u/common/img/icon_sidelink.gif") 0px center no-repeat;
		padding:2px 0px 2px 16px;
	}

	/* コンテンツ 画像6枚 */
	#main div.feature-list6{
		padding:10px 0px 0px 2px;
	}
	#main div.feature-list6 table td{
		vertical-align:top;
		text-align:left;
		padding-left:28px;
	}

	#main div.feature-list6 table td.start{
		padding-left:5px;
	}

	#main div.feature-list6 table td img{
		border:#f3e7c1 3px solid;
		vertical-align:top;
	}
	#main div.feature-list6 table td div{
		width:90px;
	}
	#main div.feature-list6 table td div a{
		font-weight:normal;
	}
	#main div.feature-list6 table td div span{
		padding:0px 3px;
		font-size:90%;
	}

	#partnerpsusume{
		margin-top: 10px;
	}

	/* BOX L */
	#spend #partnerpsusume .box-l {
		float: left;
		width: 280px;
	}

		#spend #partnerpsusume .box-l .sutarea{

		}

			#spend #partnerpsusume .box-l .btn{
				text-align: right;
				margin: -22px 5px 0 0;
			}

	/* BOX R */
	#spend #partnerpsusume .box-r {
		float: right;
		width: 280px;
		margin-right: 5px;
	}

		#spend #partnerpsusume .box-r .sutarea{

		}

			#spend #partnerpsusume .box-r .btn{
				text-align: right;
				margin: -22px 3px 0 0;
			}

		/* 共通 */
		#spend #partnerpsusume .linkarea{
			background-color:#ffffff;
			margin: 12px 0 0 10px;
		}

		#spend #partnerpsusume .linkarea a{
			display:block;
			min-height:60px;
		}

		/* ▼IE6用 */
		* html #spend #partnerpsusume .linkarea a{
			height:60px;
		}
		/* ▲IE6用 */

		#spend #partnerpsusume .linkarea img{
			border:#f3e7c1 3px solid;
			float: left;
			width: 62px;
			margin-right: 10px;
		}

			#spend #partnerpsusume .linkarea span img{
				width: auto;
				float: none;
				margin: 0 0 2px 2px;
				border: none;
				vertical-align: middle;
			}


		#spend #partnerpsusume .linkarea span.txt{
			display:block;
			padding-top: 5px;
		}

		/* こんなところでもつかえるよ！ */
		#spend #partnerpsusume .box ul{
			padding: 10px 0 0 20px;
		}

		#spend #partnerpsusume .box ul li{
			float: left;
			width: 260px;
			margin-right: 20px;
		}

/* 6. おしらせ
--------------------------------------------------------------------*/
#news {
	display: none;/* ページ読み込み後に表示 */
	width: 600px;
	margin-top: 20px;
	padding-top: 15px;
	background: url(/c/home/img/news_table_top.gif) no-repeat 0 0;
	position: relative;
}

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

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

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

		#news .frm dl {
			margin-left: 10px;
			padding: 10px 10px 11px 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 {
		padding: 40px 0 0 10px;
	}

		#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;
			}



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

/* ローディング */
#sub .subbox{
	min-height: 200px;
	background: url(/c/home/img/loader.gif) no-repeat 50% 50%;
}

* html #sub .subbox{
	height: 200px;
	background: url(/c/home/img/loader.gif) no-repeat 50% 50%;
}

/* サイド下角丸 */
#sub .frmb {
	padding-bottom: 10px;
	background: #fef3c5 url(/c/home/img/side_navi_bottom.gif) no-repeat 0 100%;
}

/* サイド上角丸 */
#sub .frmt {
	padding-top: 6px;
	background: #fef3c5 url(/c/home/img/side_navi_top.gif) no-repeat 0 0;
}

	/* 登録はこちらから */
	#entrybtn{
	}

	/* Web会員登録（無料） */
	#sub #entryarea {
		padding: 10px 0 7px 0;
		background: url(/c/home/img/entry_bottom.gif) no-repeat 0 100%;
	}

		#sub #entryarea .btn {
		}

		#sub #entryarea .link {
			padding: 4px 10px 0 25px;
			background: #ffeab8 url(/c/home/img/icon_wakaba.gif) no-repeat 10px 5px;
		}

	/* Adバナーエリア */
	#sub #adbnr {
		padding-top: 5px;
	}
		/* タイトル */
		#sub #adbnr .text {
			padding: 3px 0px 2px 0px;
			color: #ff9927;
			font-weight: bold;
			text-align: center;
			line-height: 1;
		}

		/* バナー一覧 */
		#sub #adbnr ul {
			padding-top: 5px;
		}

		#sub #adbnr li {
			margin-top: 5px;
		}

		#sub #sidebnrlist {
			padding-top: 5px;
		}

	/* ログイン前・ログイン後 */
	#sub .bnrb{
		margin-top: 10px;
		text-align: center;
	}

	#sub .bnrb li{
		margin-bottom: 5px;
	}

		#sub .bnrb li.end{
			margin-bottom: 0;
		}



/* 8. ポンタメッセージ
--------------------------------------------------------------------*/
#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;
}


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

#memberonly {
	margin-top: 6px;
	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: 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: 7px;
		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;
			}