/* =====	全体				===== */
body {
	width:760px;
}

*{
	font-weight: normal; 
	margin:0px;
	padding:0px;
}

div {	border:0px solid #990000; }

h1,
h2,
h3,
h4 {	font-size:100%; line-height: 100%; }

table {	border-collapse:collapse; }

th {		text-align:left; }
.td-r {		text-align:right; }
.td-l {		text-align:left; }

table.nofrm {
	border:0px;
	background:none;
}

table.nofrm td{
	border:0px;
	background:none;
}

.clr {	clear:both; }

.nw {	white-space:nowrap; }
.pad-1 {	padding:0px 5px 0px 5px; }
.pad-2 {	padding:10px 0px 10px 0px; }
.pad-3 {	padding:15px 20px 20px 25px; }

.bg-no-rep-l {	background-repeat:no-repeat; 	background-position:left top;}
.bg-no-rep-c {	background-repeat:no-repeat; 	background-position:center top;}
.bg-no-rep-cb {	background-repeat:no-repeat; 	background-position:center bottom;}
.bg-no-rep-r {	background-repeat:no-repeat; 	background-position:right top;}
.bg-x-rep-l {	background-repeat:repeat-x; 	background-position:left 19px;}
.bg-y-rep {	background-repeat:repeat-y;}

/* =====	全体 | フォント		===== */
.text-xl { font-size: 130%; line-height: 140%; }
.text-ml { font-size: 100%; line-height: 130%; }
.text-l { font-size: 95%; line-height: 130%; }
.text-m { font-size: 80%; line-height: 120%; }
.text-s { font-size: 70%; line-height: 110%; }
.text-xs { font-size: 70%; line-height: 105%; }

.bld { font-weight:bold; }
.grn { color:#0A8C0D; }
.red { color:#E30000; }
.wh { color:#FFFFFF; }
.org { color:#FF6600;}
.digray { color:#696969; }
.nobdr {border:0px; }
.point { color:#E30000; }
/* =====	全体 | フォント		===== */

/* =====	全体 | フレーム		===== */
#layout {
	margin:12px 10px;
}

/* =====	全体 | フレーム | ヘッダエリア		===== */

/* =====	/全体 | フレーム | ヘッダエリア		===== */

/* =====	全体 | フレーム | ログイン会員情報概要エリア		===== */
#namearea {
	background-repeat:repeat-x;
	background-position:left top;
	margin:4px 0px 0px 0px;
}

#nametagfrm {
	border:1px solid #E1E1E1;
	background-color:#FFFFFF;
}
#nametagfrm td {
	padding:3px 10px 3px 10px;
}

.lastlogin {
	background-color:#FFFFFF;
	padding:4px 0px 4px 10px;
}

.error {
	padding:0px 0px 12px 0px;
	color:#E30000;
}

/* =====	/全体 | フレーム | ログイン会員情報概要エリア		===== */

/* =====	全体 | フレーム | 状態ステータスエリア		===== */

#statusarea {
	background-repeat:no-repeat;
	background-position:left top;
	margin:7px 0px 0px 0px;
}

#statusarea td {
	padding:0px 0px 0px 0px;
}

#statustitle {
	padding:12px 0px 8px 80px;
}

/* =====	/全体 | フレーム | 状態ステータスエリア		===== */

/* =====	全体 | フレーム | 入力エリア		===== */
.status-summary {
	padding-top:8px;
	padding-bottom:12px;
}

.status-summary .c-point {
	font-size: 130%;
	line-height: 140%;
	color:#0A8C0D;
	font-weight:bold;
}

/* =====	全体 | フレーム | 入力エリア | 会員情報		===== */
.formfrm,
.formfrm td{
	background-color:#FFFFFF;
	border:1px solid #6EBC2A;
	padding:3px 5px 3px 10px;
}

.formfrm th{
	background-color:#6EBC2A;
	padding:6px 0px 6px 6px;
}

.formfrm td.caption {
	background-color:#F1FDE7;
}

.formfrm td.data0 {
	background-color:#FFFFFF;
	padding:4px;
}

table.suicainfofrm td {
	border:1px solid #DCDCDC;
	text-align:left;
	padding:3px 10px 3px 10px;
}

table.suicainfofrm th {
	background-color:#FFE083;
	padding:3px 10px 3px 10px;
	border:1px solid #DCDCDC;
}

table.suicainfofrm th.th0 {
	background:none;
	border:0px solid #DCDCDC;
}

table.suicainfofrm td.td1 {
	background-color:#EDEDED;
}
/* =====	/全体 | フレーム | 入力エリア | 会員情報		===== */
/* =====	全体 | フレーム | 入力エリア | 基本情報		===== */

table.inputfrm td {
	background-color:#FFFFFF;
	border:0px;
	text-align:left;
	padding:3px 5px 3px 5px;
}

table.inputfrm td.pad0 {
	padding:3px 0px 3px 5px;
}

table.inputfrm td.pad02 {
	padding:3px 0px 3px 10px;
}
 
table.inputfrm td.td1 {
	background-color:#EDEDED;
}

/* =====	/全体 | フレーム | 入力エリア | 基本情報		===== */

/* =====	/全体 | フレーム | 入力エリア		===== */

/* =====	全体 | フレーム | 照会情報エリア 		===== */
.referfrm {
	border:1px solid #6EBC2A;
	padding:4px 6px 3px 6px;
}

.referfrm td {
	background-color:#FFFFFF;
	border:1px solid #6EBC2A;
	padding:4px 6px 3px 6px;
}

.referfrm th {
	background-color:#F2FDE8;
	padding:4px 6px 3px 6px;
	border:1px solid #6EBC2A;
	border-bottom:3px solid #6EBC2A;
	text-align:center;
}

.referfrm td.td1 {
	background-color:#FFFAE7;
}

/* =====	/全体 | フレーム | 照会情報エリア 		===== */

/* =====	全体 | フレーム | ポイント交換 		===== */
td.remainspoint {
	background-color:#FEF9D1;
}

td.exchangepoint {
	background-color:#FFC000;
}

span.pointunit {
	font-size:70%;
	font-weight:bold;
	padding:0px 0px 0px 5px;
}

.pointpad {
 	padding:13px 0px 15px 0px;
}

ul.exchangecaution {
	padding:4px 15px 0px 15px;
}

ul.exchangecaution li{
	padding:1px 0px 3px 0px;
}


.dc-mailadrs {
	background-color:#FBF3EC;
	padding:5px 0px 4px 0px;
}

/* =====	/全体 | フレーム | ポイント交換 		===== */

/* =====	全体 | フレーム | キャンペーン 		===== */
.campaigntitlegb1 {
 	background-color:#F9A413;
}

.campaigntitlegb2 {
 	background-color:#60B01B;
}

.campaigntitle {
	padding:9px 10px 9px 10px;
	color:#FFFFFF;
}

.campaigntitle p{
	padding: 1px 0px 1px 0px;
}

.campaignsummary {
	padding:5px 25px 5px 25px;
	vertical-align:middle;
}

.campaigncode {
	padding:3px 0px 3px 0px;
}

/* =====	/全体 | フレーム | キャンペーン 		===== */

/* =====	全体 | フレーム | 退会 		===== */
.formfrm2,
.formfrm2 td{
	background-color:#FFFFFF;
	border:1px solid #E60000;
	padding:3px 5px 3px 10px;
}

.formfrm2 th{
	background-color:#FCF3EC;
	border:1px solid #E60000;
	padding:6px;
}

.formfrm2 td.caption {
	background-color:#FCF3EC;
}

.formfrm2 td.caption2 {
	background-color:#FCF3EC;
	padding:6px;
	margin:0px;
}

.formfrm2 td.data0 {
	background-color:#FFFFFF;
	padding:4px;
}

.formfrm2 td.td1 {
	background-color:#F3F3F3;
}

/* =====	/全体 | フレーム | 退会 		===== */


/* =====	/全体 | フレーム		===== */

/* =====	/全体				===== */