/*

information{
	ファイル名 : /css/member.css;
	概要: このCSSファイルは、『会員メニュー』で使用されるスタイルが定義してあります。;
	サイト名 : クーポンメール;
	URL : http://www.couponmail.jp/;
	コピーライト : Copyright (C) 2007 REALUS Inc. All Rights Reserved.;
}

 */


/* コンテンツ
----------------------------------------

	1.基本構造
	2.登録情報変更
	3.キャッシュバック履歴
	4.既存会員に対してのメッセージ
	5.会員メニュートップ（2008/02）
	6.会員メニュータブ（2008/02）
	
----------------------------------------*/



/* ================================================================================
	1.基本構造
================================================================================ */

#memberTop {
	background: url(../images/common/border_1de.gif) center repeat-y;	/* 罫線 */
	margin: 20px 0px 0px 0px;
	}
#memberTop .menuBtn {
	padding: 5px 10px 10px;
	}
#memberTop .member1Lt {
	float: left;
	width: 140px;
	margin: 5px 0px 0px 0px;
	}
#memberTop .member1Rt {
	float: left;
	background: url(../images/member/member1_bg.gif) right no-repeat;
	line-height: 1.2em;
	width: 395px;
	height: 21px;
	margin: 5px 0px 0px 0px;
	padding: 8px 0px 0px 15px;
	}
#memberTop .on {
	color: #333333;
	}
	
.member1Rt a:link		{ color: #555555; text-decoration: none; }
.member1Rt a:visited	{ color: #555555; text-decoration: none; }
.member1Rt a:active		{ color: #555555; text-decoration: none; }
.member1Rt a:hover		{ color: #555555; text-decoration: none; }

		/* 会員メニュー下部 */
		#memberMain {
			margin: 0 0 0 0;
			}
		#memberMain h4 {
			background: #FFE373;
			margin: 0px 0px 2px 0px;
			padding: 5px;
			}
		#memberMain .bd1 {
			background: url(../images/common/bd_c.gif) left repeat-x;
			text-align: left;
			}
		#memberMain .dot1 {
			background: url(../images/common/dot_9_2.gif) left repeat-x;
			text-align: left;
			}
		#memberMain .txt1 {
			line-height: 1.3em;
			padding: 10px 0px 15px 0px;
			}
		#memberMain .txt2 {
			margin: 30px 0px 20px 0px;;
			}
				
				/* メール受信設定と退会のフォーム内テーブルの外枠 */
				#memberMain .tableWrapper2 {
					background: #CCCCCC;
					margin: 0px 0px 0px 0px;
					}

						/* フォーム内テキストボックスの横幅を指定 */
						.txtB80px {
							width: 80px;
							margin: 0px 3px 0px;
							}
						.txtB120px {
							width: 120px;
							margin: 0px 3px 0px 0px;
							}
						.txtB140px {
							width: 140px;
							margin: 0px 3px 0px 0px;
							}
						.txtB340px {	/*-- 退会のフリーアンサー --*/
							width: 340px;
							height: 80px;
							margin: 5px 0px 0px 0px;
							}
						/* 会員メニュー2段目 */
						#memberMain .block2 {
							margin: 40px 0px 0px 0px;
							}
								/* 素晴らしいページの退会ボタン */
								#memberMain .block2 .btn {
									margin: 0px auto;
									text-align: center;
									}

.gid {
	margin: 10px 0 0 0;
	text-align: right;
	}

		/* 完了画面 */
		#memberMain .message {
			margin: 20px 0px 0px 0px;
			}
		#memberMain .completeTxt1 {
			margin: 20px 0px 0px 0px;
			padding: 0px 20px 0px;
			}
		#memberMain .formtxt1 {
			margin: 15px 0px 0px 0px;
			line-height: 1.5em;
			}
		#memberMain .toTop {
			margin: 40px 0px 20px 0px;
			text-align: center;
			}


/* ================================================================================
	2.登録情報変更	/css/register.cssとほぼ共通
================================================================================ */

.frameTable {
	width: 570px;
	margin: 10px 0px 0px 0px;
	}
.ListTable {
	width: 570px;
	line-height: 1.0em;
	}
.ListTable td {
	padding: 5px;
	}
.ListTable .ssl {
	background: #EEEEEE;
	padding: 10px;
	}
.ListTable .title {
	background: #F5F5F5;
	text-align: left;
	}
.ListTable .input {
	background: #FFFFFF;
	width: 360px;
	}
.ListTable .input2 {
	background: #FFFFFF;
	width: 340px;
	}
				
				/* Win IEには適用させない */
				html[xmlns] .ListTable .title {
					}

		.ListTable .whitetd {
			background: #FFFFFF;
			width: 400px;
			}
		.ListTable .btn {
			background: #F5F5F5;
			padding: 10px 0px;
			}
			
				/* エラー発生時 */
				.err_text {
					color: #FF0000;
					line-height: 1.3em;
					}

						/* フォーム内テキストボックスの横幅を指定 */
						.txtB35px {
							height: 14px;
							width: 35px;
							margin: 0px 3px 0px 0px;
							}
						.txtB50px {
							height: 14px;
							width: 50px;
							margin: 0px 3px 0px 3px;
							}
						.txtB80px {		/* 姓名のテキストボックス 左マージンあり */
							height: 14px;
							width: 80px;
							margin: 0px 3px;
							}
						.txtB100px {
							height: 14px;
							width: 100px;
							margin: 0px 3px 0px 0px;
							}
						.txtB120px {
							height: 14px;
							width: 120px;
							margin: 0px 3px 0px 0px;
							}
						.txtB140px {
							height: 14px;
							width: 140px;
							margin: 0px 3px 0px 0px;
							}
						.largeText {	/* 住所と建物名のテキストボックスを指定 */
							height: 14px;
							width: 200px;
							margin: 0px 3px 0px 0px;
							}

		/* メール受信設定でも使用 */
		.formTable th {
			background: #EEEEEE;
			width: 120px;
			font-weight: normal;
			text-align: left;
			}
		.formTable td {
			background: #FFFFFF;
			}

.attentionTxt {
	margin: 5px auto;
	line-height: 1.1em;
	}

		/* Win IE には適用させない \*/
		html[xmlns] .radioBtn {	/*-- フォーム内ラジオボタンのマージン --*/
			margin: 0px 2px 0px 0px;
			}

.btnTable {
	text-align: center;
	}
.btndot1 {	/*-- ボタン上側の点線 --*/
	background: url(../images/common/dot_9_2.gif) left top repeat-x;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	text-align: left;
	}
.btndot2 {	/*-- ボタン下側の点線 --*/
	background: url(../images/common/dot_9_2.gif) left bottom repeat-x;
	padding: 1px 0px 0px 0px;
	text-align: left;
	}
.trusteTable {
	margin: 0px 0px 20px 0px;
	}

		/* エラー発生時 */
		#registRt .tableWrapper .formTable .err {
			background: #FFCCCC;
			}

.ListTable .pass_txt {
	margin: 0.2em 0;
	}



/* ================================================================================
	3.キャッシュバック履歴
================================================================================ */

.csBackTableWrapper {
	background: #CCCCCC;
	line-height: 1.1em;
	margin: 0px 0px 0px 0px;
	}
.csBackTableWrapper td {
	background: #FFFFFF;
	text-align: center;
	vertical-align: top;
	}
.csBackTableWrapper .ttl {
	background: #EEEEEE;
	text-align: center;
	}
.csBackTableWrapper .left {
	text-align: left;
	}
.csBackTableWrapper .right {
	text-align: right;
	padding: 5px 8px;
	}

.csAttentionTxt {	}

		/* ページ送り 上段 */
		#pgLst {
			margin: 5px 0px 10px;
			}
		#pgLst .lstAll {
			padding: 0px 0px 0px 0px;
			}
		#pgLst ul {	}
		#pgLst li {
			display: inline;
			margin: 0px 1px;
			}
		/* ページ送り 下段 */
		#pgLst2 {
			margin: 10px 0px;
			}
		#pgLst2 .lstAll {
			padding: 0px 0px 0px 0px;
			}
		#pgLst2 ul {	}
		#pgLst2 li {
			display: inline;
			margin: 0px 1px;
			}


/* ================================================================================
	4.既存会員に対してのメッセージ
================================================================================ */

#subarashii {
	margin: 0px 0px 10px 0px;
	}
#subarashii .message {
	background: #FFEEEE;
	border: 1px solid #FF0000;
	margin: 10px auto;
	padding: 15px 20px;
	}
#subarashii .read1 {
	margin: 5px 0px 0px 0px;
	}
#subarashii .form {
	margin: 15px 0px 0px 0px;
	}

		/* テストボックスの横幅を指定 */
		#subarashii .txt200px {
			width: 200px;
			margin: 0px 5px 0px 10px;
			}
#subarashii .dotLine3 {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	text-align: left;
	}


/* ================================================================================
	5.会員メニュートップ
================================================================================ */

#memberTop200802 {
	/*margin: 20px 0 0 0;*/
	}

/* 会員情報部分 */
#memberTop200802 #userblock {
	margin: 20px 0 0 0;
	}
#memberTop200802 #userblock h4 {
	background: url(../images/member/ttl_bg.gif) no-repeat;
	font-weight: normal;
	}
#memberTop200802 #userblock h4 a {
	color: #663300;
	display: block;
	text-decoration: none;
	line-height: 26px;
	font-size: 12px;
	width: 270px;
	height: 26px;
	padding: 0 0 0 10px;
	}
#memberTop200802 #userblock h4 a:hover {
	text-decoration: underline;
	}

/* コンテンツPR部分 */
#memberTop200802 #contentsBlock {
	margin: 25px 0 0 0;
	}
#memberTop200802 #contentsBlock h4 {
	height: 32px;
	}

/* 共通 */
#memberTop200802 #leftBlock {
	clear: left;
	float: left;
	width: 280px;
	}
#memberTop200802 #rightBlock {
	clear: right;
	float: right;
	width: 280px;
	}
#memberTop200802 .text {
	margin: 1.0em 0 0 0;
	padding: 0 20px;
	}
#memberTop200802 .link {
	margin: 1.0em 0 10px 0;
	padding: 0 20px;
	}


/* ================================================================================
	6.会員メニュータブ（2008/02）
================================================================================ */

#memberTab {
	padding: 20px 0 0 0;
	}
#memberTab li {
	float: left;
	font-size: 12px;
	line-height: 26px;
	text-align: center;
	}
#memberTab a {
	color: #663300;
	display: block;
	text-align: center;
	text-decoration: none;
	}
#memberTab a:hover {
	text-decoration: underline;
	}

#memberTab .t1		{ background: url(../images/member/tab_120.gif) no-repeat; width: 120px; }
#memberTab .t1ON	{ background: url(../images/member/tab_120_on.gif) no-repeat; width: 120px; }

#memberTab .t2		{ background: url(../images/member/tab_140.gif) no-repeat; width: 140px; }
#memberTab .t2ON	{ background: url(../images/member/tab_140_on.gif) no-repeat; width: 140px; }

#memberTab .t3 a	{ background: url(../images/member/tab_90.gif) no-repeat; width: 90px; }
#memberTab .t3ON	{ background: url(../images/member/tab_90_on.gif) no-repeat; width: 90px; }