@charset 'euc-jp';
/*  CSS Document  */

/* ****************************************************************************************************************************** */
/* 	全体設定														 */
/* ****************************************************************************************************************************** */

body,td,th { color: #000000}

body { font-size: small; background-color: #FFFFFF; background-image: url(../images/img/bg2.gif); margin-top: 0px; margin-bottom: 0px}

p { text-indent: 1em}

h1 { font-size: small; font-weight: normal; text-align: left; margin: 5px 0px 5px 0px}

h2 { text-align: center; line-height: 12px; margin: 0px 0px 0px 0px; }
h4 { font-size: small}
ul { margin: 0px 0px 0px 0px; padding-left: 1.5em; list-style: none; list-style-image: url(../images/img/listmark1.gif); list-style-position: outside}

a { text-decoration: none}
a:link {color:#0033CC}
a:visited {color:#0033CC}
a:hover {color:#6699FF; text-decoration:underline}
a:active {color:#99CCFF}

ol { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: inherit; line-height: 15px}

li { margin: 0px 0px 0px 0px; list-style: none}

ul.err_i { list-style-image: url(../images/img/attention1.gif); list-style-position: outside}


/* --文字設定-------------------------------------------------------------------------------------------------------------------- */

.txs1 { color: #000000; font-weight: bold} /* 基本文字：黒、太 */
.txs2 { color: #000000; font-size: small} /* 基本文字：黒、小 */


.txsb1 { color: #6699FF} /* うす青、デフォ */
.txsb2 { color: #6699FF; font-weight: bold} /* うす青、太 */
.txsb3 { color: #0000FF} /* 青、デフォ */
.txsb4 { color: #0000FF; font-weight: bold} /* 青、太 */
.txsb5 { color: #3366FF; font-weight: bold} /* 群青、太 */


/* .txsw1 {color: #FFFFFF} */ /* 白、デフォ */
.txsw2 { color: #FFFFFF; font-weight: bold} /* 白、太 */


.txsr1 { color: #FF0000; font-weight: bold; font-size: medium} /* 赤、太、中 */
.txsr2 { color: #FF0000; font-weight: bold; font-size: x-large; text-align: right} /* ポイント数 */
.txsr3 { color: #FF0000; font-weight: bold} /* 赤、太、デフォ */
.txsr4 { color: #FF9999; font-weight: bold} /* うす赤、太、デフォ */


.attention1 { color: #FF0000} /* 注意文: 赤、デフォ */
.attention2 { color: #FF0000; font-weight: bold} /* 注意文：赤、太 */
.attention3 { color: #FF0000; font-weight: bold; font-size: large} /* 注意文：赤、太 */

/* ****************************************************************************************************************************** */
/* 	各種設定														 */
/* ****************************************************************************************************************************** */

/* --配置・領域のみの設定-------------------------------------------------------------------------------------------------------- */
/* index.html */
.head1 { font-size: x-small; text-align: right; width: 150px} /* ヘッダテキスト */
.foot1 { font-size: x-small; text-align: center; margin-top: 50px; margin-bottom: 10px} /* フッタテキスト */
.ssl1 { text-align: left; padding-bottom: 10px; padding-right: 10px; float: left; width: 140px; height: 75px} /* SSL表示位置 */
.copryright1 { text-align: center; margin: 0px 0px 10px 0px; } /* 著作権 */

.mnt_tp1 { text-align: center; width: 430px; height: 100px} /* モニターページトピックス */


/* その他 */
.area1 { width: 580px; margin-bottom: 20px} /* 登録情報関係: コンテンツ内全体領域 */
.area2 { text-align: center; margin: 20px 0px 0px 0px} /* コンテンツ内全体領域 */
.area3 { text-align: left; margin-right: 10px; margin-bottom: 20px; width: 420px} /* メニュー有の全体領域 */
.area4 { width: 560px; margin-bottom: 20px; margin-left: 20px; } /* よくある質問: コンテンツ内全体領域 */
.area5 { width: 580px; height: 400px} /* メンテナンス全体領域 */


/* --共通部品設定-------------------------------------------------------------------------------------------------------------------- */

/* メニュー */
.mn1 { color: #6699FF; font-weight: bold; background-image: url(../images/img/bg_ttl1.jpg); background-position: left; background-repeat: repeat-y; padding: 10px 0px 10px 10px; } /* タイトル */

.mn2 { font-size: small; margin : 10px 0px 0px 0px} /* 注釈 */


/* サブタイトル系 */
.sttl1 { color: #0033FF; font-weight: bold; text-align: left; line-height: 25px; background: #CFE9FE; border-color: #99ccff; border-width: 0px 20px 0px 0px; border-style: solid; padding: 3px 5px; width: 95%} /* ページタイトル：大 */

.sttl2 { color: #0033FF; font-weight: bold; text-align: left; line-height: 25px; background: #CFE9FE; border-color: #99ccff; border-width: 0px 20px 0px 0px; border-style: solid; padding: 3px 5px; width: 90%} /* ページタイトル：ログインページ用 */

.sttl2a { text-align: left; border-bottom: #6AA2DB 1px solid; width: 90%} /* 外側、マージン無 */
.sttl2b { text-align: left; border-bottom: #98C5F3 2px solid; width: 70%; padding: 3px; } /* 内側、マージン無 */
.sttl2c { text-align: left; border-bottom: #98C5F3 2px solid; width: 80%; padding: 3px; } /* 内側、マージン無：文字数超過用 */

.sttl3 { color: #FFFFFF; font-size: x-large; text-align: center; background-color: #99CCFF; margin-top: 20px; padding: 10px} /* 完了 */

.sttl4 { font-weight: bold; line-height: 20px; background-color: #E9F4FE; margin-bottom: 10px; padding: 5px} /* ギフトカード */

.sttl5 { color: #3366FF; font-weight: bold; background-image: url(../images/img/bg_ttl2.jpg); background-position: left; background-repeat: no-repeat; border-bottom: 1px #6699FF solid; padding: 10px 0px 10px 10px} /* よくある質問 */

.sttl6 { color: #3366FF; font-size: large; text-align: left; line-height: 2.5em; background: #FFFFFF; background-image: url(../images/img/bg_ttl3.jpg); background-position: left; background-repeat: repeat-y; border-color: #99ccff; border-width: 0px 0px 1px 0px; border-style: solid; padding: 0px 10px; width: 95%} /* 初心者 */


/* inputボタン：直し */
.btn1 { text-align: center; margin-top: 50px} /* ログイン */
.btn2 { text-align: center; width: 100%} /* 更新 */

.error_button1 { text-align: center; margin-top: 20px; margin-bottom: 300px; } /* 閉じる・戻るぼたん */


/* 文章系 */
.note1 { text-align: left; padding-left: 20px} /* 標準文章 */
.note2 { width: 430px ; height: 150px; margin: 0 0 20px 0; padding: 0 0 0 0; } /* Flash player未導入者 */
.note2 p { color: #6699FF; font-size: small; text-align: left; text-indent: 1em; padding: 5px 5px 5px 5px} /* Flash player未導入者 */
.note3 { text-align: right; margin-top: 10px; margin-right: 40px} /* ポイント注釈 */
.note4 { text-align: left; padding-left: 20px} /* ポイント */
.note5 { text-align: left; padding-left: 40px; padding-right: 0px} /* ポイント */

.note6 { color: #0000FF; font-weight: bold; text-align: center; background-image: url(../images/img/bg_tbl1.jpg); background-repeat: repeat-y; background-color: #FFFFFF; border-top: 1px solid #6699FF; border-right: 1px solid #3366CC; border-bottom: 1px solid #3366CC; border-left: 1px solid #6699FF; margin: 100px 20px 250px 20px; padding: 10px 30px 10px 30px; } /* 受信アンケが無い時 */

.note7 { margin-top: 20px; margin-right: 1em; margin-left: 1em} 

.note8 { font-weight: bold; text-align: center; background-image: url(../images/img/bg_tbl1.jpg); background-repeat: repeat-y; padding: 1em; border-top: 1px solid #6699FF; border-right: 1px solid #3366CC; border-bottom: 1px solid #3366CC; border-left: 1px solid #6699FF} /* ポイント総数 */

.note9 { text-align: left; background-color: #E9F4FE; padding: 10px 20px 10px 20px; border: 1px solid #CFE9FE; width: 90%}
.note10 { font-weight: bold; text-align: left; width: 90%}
.note11 { text-align: left; padding: 10px}

.note12 { font-weight: bold; text-align: left; background-color: #FFFFFF; padding: 1em; border-color: #ABCEF1; border-width: 1px; border-style: solid} /* 登録完了メッセージ */


.note13 p { text-indent: -1.5em; padding-left: 1.5em} /* 会員規約全体 */
p.note14 { text-indent: 0em; padding-left: 1.5em} /* 機種依存文字リスト */
p.note15 { text-indent: 0.8em} /* 通常文 */
.note16 { text-indent: -1.8em; padding-left: 2em} /* 機種依存文字リスト折り返し */
.note17 { text-align: left; padding-left: 150px; padding-bottom: 10px} /* 日時・名前 */
.note18 p { text-indent: 1em; padding-left: 1em} /* 個人情報 */

.note19 { background-image: url(../images/img/bg4.gif); background-repeat: repeat; background-color: #FFFFFF; border-top: 1px solid #6699FF; border-right: 1px solid #3366CC; border-bottom: 1px solid #3366CC; border-left: 1px solid #6699FF; padding: 5px 10px 5px 10px} /* 受信アンケが無い時 */


/* --テーブルスタイル-------------------------------------------------------------------------------------------------------- */

/* サイトトップ: TOPICS */
.tpc_i1 { width: 430px; height: 30px; background-image: url(../images/img/topics1.gif); background-repeat: no-repeat; background-position: left bottom} /* 上 */
.tpc_i2 { width: 10px; height: 96px; background-image: url(../images/img/topics3.gif); background-repeat: repeat-y} /* 右 */
.tpc_i3 { width: 430px; height: 14px; background-image: url(../images/img/topics4.gif); background-repeat: no-repeat; background-position: left top} /* 下 */
.tpc_i4 { width: 10px; height: 96px; background-image: url(../images/img/topics2.gif); background-repeat: repeat-y} /* 左 */
.tpc_t1 { text-align: left; vertical-align: bottom; padding: 0 0 0 20px} /* 上:トピックスタイトル */


/* ログイン */
.lgin1 { background-color: #99CCFF; text-align: center}
.lgin2 { background-color: #C4E1FF; font-weight: bold; text-align: right}
.lgin3 { background-color: #FFFFFF; text-align: left}


/* モニタトップ: ポイント総数 */
.tpc_w1 { background-image: url(../images/img/mnt_welcome1.gif); background-repeat: no-repeat; background-position: bottom} /* 上 */
.tpc_w2 { background-image: url(../images/img/mnt_welcome2.gif); background-repeat: repeat-y} /* 右 */
.tpc_w3 { background-image: url(../images/img/mnt_welcome4.gif); background-repeat: no-repeat; background-position: top} /* 下 */
.tpc_w4 { background-image: url(../images/img/mnt_welcome3.gif); background-repeat: repeat-y; background-position: center} /* 左 */


/* モニタトップ: TOPICS */
.tpc_m1 { background-image: url(../images/img/mnt_topicsfl1.gif); background-repeat: repeat-y} /* 上 */
.tpc_m2 { background-image: url(../images/img/mnt_topicsfl2.jpg); background-repeat: no-repeat; background-position: bottom} /* 下 */


/* 参加可アンケ一覧 */
.enq_t1 { color: #FFFFFF; font-weight: bold; text-align: center; background-color: #3366FF; border-bottom: 1px solid #FFFFFF} /* タイトル */
.enq_t2 { color: #FFFFFF; font-size: small; font-weight: bold; text-align: center; background-color: #99CCFF; border-left: 1px solid #FFFFFF} /* タイトル */
.enq_t3 { color: #FFFFFF; font-size: small; font-weight: bold; text-align: center; background-color: #99CCFF} /* タイトル */

.enq_l1 { text-align: left; background-color: #FFFFFF; border-bottom: 1px solid #99CCFF} /* リスト */
.enq_l2 { text-align: center; background-color: #FFFFFF; border-bottom: 1px solid #99CCFF} /* リスト */


/* 登録情報: 項目 */
.prof_t1 { background-color: #99CCFF} /* 全体 */
.prof_t2 { background-color: #CFE9FE} /* 項目名 */
.prof_t3 { background-color: #FFFFFF} /* 入力 */

/* サイトバナー */
.bnr1 { background-color: #99CCFF}  /* URLテーブル全体 */
.bnr2 { background-color: #CFE9FE; color: #3366FF; padding-top: 5px; padding-bottom: 5px; padding-left: 10px} /* URLテーブル左 */
.bnr3 { background-color: #FFFFFF; text-align: left; padding-left: 10px}  /* URLテーブル右 */
.bnr4 { color: #3366FF; font-weight: bold; background-color: #E9F4FE; padding: 5px 0px 5px 5px} /* バナー画像タイトル */
.bnr5 { background-color: #FFFFFF; margin-top: 5px; padding-left: 30px; padding-bottom: 20px} /* ばなー画像領域 */


.ans_t1 { background-color: #CFE9FE; }
.ans_t2 { background-color: #FFFFFF}

.ans_e1 { background-color: #FF9999}


/* --各種詳細設定-------------------------------------------------------------------------------------------------------- */

/* 初めて参加する方 */

.bgnr1 { color: #3366FF; font-weight: bold; background-color: #E9F4FE; padding: 5px 0px 5px 5px; }
.bgnr2 { text-align:center; }
.bgnr2 img { border: 1px #3366FF solid; float: none; }
.bgnr2 p { text-align: left; padding-bottom: 20px; padding-left: 20px; }

.bgnr3 { height: 150px; margin-bottom: 20px} /* モニター紹介制度：画像 */
.bgnr3 img { float: left}
.bgnr4 { padding-top: 20px; padding-left: 5em; text-indent: -0.7em} /* モニター紹介制度：文章 */
.bgnr5 { background-color: #E9F4FE; padding: 5px 0px 5px 5px} /* タイトル */
.bgnr6 { text-indent: -1.2em; padding-left: 2em} /* ※インデント */


/* お問合せ */
.cstmr1 { text-align: left; background-color: #E8F3FF; border-top: 1px solid #6699FF; border-right: 1px solid #6699FF; border-bottom: 1px solid #6699FF; border-left: 1px solid #6699FF; padding: 5px 5px 5px 20px} /* タイトル */
.cstmr2 { text-align: center; border-top: 0px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding: 20px 5px 20px 5px; } /* 内容 */

.cstmr3 { text-align: left; border-top: 0px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding: 20px 10px 20px 10px; } /* 左揃え */

.cstmr4 { text-align: left; border-top: 0px; border-right: 1px solid #999999; border-left: 1px solid #999999; padding: 20px 10px 20px 10px; } /* 下線無し */

.cstmr5 { text-align: left; border-top: 0px; border-right: 1px solid #999999; border-left: 1px solid #999999; padding: 5px 5px 5px 30px; } /* 下線有り・幅狭 */

.cstmr5#btm { text-align: left; border-top: 0px; border-right: 1px solid #999999; border-left: 1px solid #999999; border-bottom: 1px solid #999999; padding: 10px 5px 10px 30px/* ; margin-bottom: 5px */}

.cstmr6 { text-indent: -1em; line-height: 1.2em; padding-left: 3em; line-height: 2em; } /* メアド・番号 先頭余白 */


/* 登録情報系 */
.prof1 { background-color: #99CCFF; text-align: left} /* 全体 */
.prof2 { background-color: #6FB7FF} /* ２層 */
.prof3 { background-color: #CFE9FE} /* 項目・内子テーブル背景 */
.prof4 { background-color: #FFFFFF} /* 各入力フォーム領域 */
.prof5 { padding: 5px} /* 各入力フォーム文字 */
.prof6 { background-color: #EEFFFE; padding: 5px} /* 注釈領域 */

/* パス再送 */
.pa1 { background-color: #99ccff; text-align: center} /* 問合 */
.pa2 { background-color: #C4E1FF; text-align: right; font-weight: bold}
.pa3 { background-color: #FFFFFF; text-align: left}


/* ポイント履歴：直し */
.hst1 { background-color: #3366CC; border: 0; background-repeat: repeat-x; line-height: 2.0em} /* タイトル */
.hst2 { background-color: #FFFFFF; border-bottom: 1px solid #cccccc} /* ポイント表：各種 */
.hst3 { background-color: #E9F4FE} /* ポイント表：合計 */
.hst4 { color: #FFFFFF; text-align: center; border-top: 1px solid #6699FF; border-bottom: 1px solid #6699FF} /* 白、デフォ */


/* ポイント交換 */
.pnt_o1 { text-align: left; background-color: #E9F4FE} /* 対象者 */
.pnt_o2 { text-align: left; background-color: #FFFFFF} /* 対象者 */
.pnt_o3 { text-align: left; background-color: #FFFFFF} /* 対象者 */

.pnt_f1 { text-align: left; background-color: #99ccff} /* フォーム */
.pnt_f2 { text-align: left; background-color: #FFFFFF} /* フォーム */
.pnt_f3 { padding: 5px} /* 各入力フォーム文字 */

.pnt_c1 { text-align: center; background-color: #99ccff} /* 交換商品 */
.pnt_c2 { border-left: 1px solid #FFFFFF} /* 商品一覧：白境界線 */
.pnt_c3 { background-color: #FFFFFF} /* 交換商品 */
.pnt_c4 { background-color: #CCFFFF} /* 商品一覧：ご希望の商品 */


/* よくある質問 */
.ans1 { font-weight: bold; text-indent: -2.3em; background-color: #E9F4FE; padding: 10px 5px 10px 4.3em}
.ans2 { font-weight: normal; text-indent: -2.3em; background-color: #FFFFFF; padding: 10px 5px 30px 4.3em}

.ans3 { font-weight: bold; text-indent: -3em; background-color: #E9F4FE; padding: 10px 5px 10px 4.3em} /* Ｑ、Ａ番号２桁: タイトル */
.ans4 { font-weight: normal; text-indent: -3em; background-color: #FFFFFF; padding: 10px 5px 30px 4.3em} /* Ｑ、Ａ番号２桁 */

.ans5 { font-weight: bold; text-indent: -3.5em; background-image: url(../images/img/bg3.gif); padding: 10px 5px 10px 4.3em} /* Ｑ、Ａ番号ｱﾝﾀﾞｰﾊﾞｰ付: タイトル */
.ans6 { font-weight: normal; text-indent: -3.5em; background-color: #FFFFFF; padding: 10px 5px 30px 4.3em}  /* Ｑ、Ａ番号アンダーバー付 */
 
.ans7 { text-indent: -1em; line-height: 1.2em; padding-left: 3em} /* 注釈 */
.ans8 { text-indent: -2.5em; line-height: 1.3em; padding-left: 4em} /* 質問リスト */
.ans8 a:link {color:#000000}
.ans8 a:visited {color:#000000}
.ans8 a:hover {color:#0033CC; text-decoration:underline}
.ans8 a:active {color:#99CCFF}

.ans9 { text-indent: -3em; line-height: 1.3em; padding-left: 3.8em} /* 質問リスト: 2桁 */
.ans9 a:link {color:#000000}
.ans9 a:visited {color:#000000}
.ans9 a:hover {color:#0033CC; text-decoration:underline}
.ans9 a:active {color:#99CCFF}

.ans10 { text-indent: -3.5em; line-height: 1.3em; padding-left: 5.5em} /* 質問リスト: ｱﾝﾀﾞｰﾊﾞｰ付 */
.ans10 a:link {color:#000000}
.ans10 a:visited {color:#000000}
.ans10 a:hover {color:#0033CC; text-decoration:underline}
.ans10 a:active {color:#99CCFF}

.ans11 { color: #3366FF; font-weight: bold; text-indent: 1em;background-color: #E9F4FE; padding: 5px 0px 5px 5px} /* 紹介制度 */
.ans12 { height: 150px; margin-bottom: 20px}
.ans12 img { float: left}
.ans12 p { text-indent: -0.5em; line-height: 1.2em; padding-top: 20px; padding-left: 3em}


/* アンケートについて */
.research1 { text-indent: -1em; line-height: 1.2em; padding-left: 3em} /* 注釈 */

/* サイトマップ */
.stmap1 li { line-height: 1.5em; list-style-position: outside; list-style-image: url(../images/img/listmark1.gif); margin-left: 28px} /* 左 */
.stmap1 ul { line-height: 2em; margin-left: 0px}
.stmap2 { margin-top: 12px} /* 右 */
.stmap2 li { line-height: 1.5em; list-style-position: outside; list-style-image: url(../images/img/listmark1.gif); margin-left: 28px}
.stmap2 ul { line-height: 2em; margin-left: 0px}


/* 余白 */
.mgt1 { margin: 20px 0px 0px 0px} /* 段落ごとの余白 */
.mgt2 { margin: 10px 10px 10px 10px} /* 推奨環境 */
.mgt3 { margin: 50px 0px 50px 0px} /* 登録情報ボタン */
.mgt4 { margin: 30px 0px 0px 50px} /* ログイン注釈 */
.mgt5 { margin: 36px 0px 0px 0px} /* 段落ごとの余白 */

.mgb1 { margin: 0px 0px 20px 0px}
.mgb2 { margin: 20px 0px 450px 0px}
.mgb3 { margin: 20px 0px 200px 0px}
.mgb4 { margin: 0px 0px 10px 0px}

.mgl1 { margin: 0px 0px 0px 180px} /* Pマーク・SSL */

.mg1 { width: 43px; height: 30px}
.mg2 { width: 430px; height: 15px}
.mg3 { margin: 5px 0px 20px 0px} /* 段落ごとの余白 */


/* エラー */
.err1 { background-image: url(../images/img/bg3.gif); border-top: 1px solid #FF9999; border-right: 1px solid #EA0000; border-bottom: 1px solid #EA0000; border-left: 1px solid #FF9999; padding: 10px 30px 10px 30px; width: 80%} /* エラー宣告タイトル */