@charset "utf-8";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・ヘッダ
・ナビゲーション
・パンくずリスト
・中央部
・メイン
・サイド
・フッタ
--------------------------
・共通パーツ（組合せ）
・コンテンツ
・トップページ
・カテゴリトップ
--------------------------
・popup用
--------------------------
・規約ページ用
--------------------------
・Javascript用
------------------------------------------ */

/* 全体構造
------------------------------------------ */
body { height: 100%; background: #fff; color: #333; line-height: 1.35; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; }
html { height: 100%; margin-bottom: 1px; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

.different {
font-size:20px;
font-family:ヒラギノ角ゴ Pro W5,Hiragino Kaku Gothic Pro,Osaka,ＭＳ Ｐゴシック,sans-serif;
font-weight:bold;
color:#0087d3;
letter-spacing:-1px;
line-height:23px;
margin:0;
padding:0;}


.proper_different_gold {
font-size:20px;
font-family:ヒラギノ角ゴ Pro W5,Hiragino Kaku Gothic Pro,Osaka,ＭＳ Ｐゴシック,sans-serif;
font-weight:bold;
color:#AD8002;
letter-spacing:-1px;
line-height:23px;
margin:0;
padding:0;}


.proper_different_gold_s {
font-size:15px;
font-family:ヒラギノ角ゴ Pro W5,Hiragino Kaku Gothic Pro,Osaka,ＭＳ Ｐゴシック,sans-serif;
font-weight:bold;
color:#AD8002;
letter-spacing:0px;
line-height:23px;
margin:0;
padding:0;}

body, div, p,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ul li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }


/* フォーム
------------------------------------------ */
/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

input.iptTxt { padding: 1px 1px 0 1px; height: 16px; border: 1px solid #ddd; line-height: 1.2; vertical-align: middle; }


/* マージン・パディング
------------------------------------------ */
.mgt3  { margin-top: 3px!important; }
.mgt4  { margin-top: 4px!important; }
.mgt5  { margin-top: 5px!important; }
.mgt8  { margin-top: 8px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }

.mgb3  { margin-bottom: 3px!important; }
.mgb5  { margin-bottom: 5px!important; }

.mgl4  { margin-left: 4px!important; }
.mgl5  { margin-left: 5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl20 { margin-left: 20px!important; }
.mgl1em { margin-left: 1em!important; }
.mgl2em { margin-left: 2em!important; }

.mgr10 { margin-right: 10px!important; }
.mgr20 { margin-right: 20px!important; }

.mgSide1 { margin-left: 1px!important; margin-right: 1px!important; }
.mgSide2 { margin-left: 2px!important; margin-right: 2px!important; }
.mgSide10 { margin-left: 10px!important; margin-right: 10px!important; }
.mgSide15 { margin-left: 15px!important; margin-right: 15px!important; }

.pdgt2  { padding-top: 2px!important; }
.pdgt3  { padding-top: 3px!important; }
.pdgt4  { padding-top: 4px!important; }
.pdgt5  { padding-top: 5px!important; }
.pdgt8  { padding-top: 8px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }

.pdgl3  { padding-left: 3px!important; }
.pdgl4  { padding-left: 4px!important; }
.pdgl5  { padding-left: 5px!important; }
.pdgl8  { padding-left: 8px!important; }
.pdgl10 { padding-left: 10px!important; }

.pdgr3  { padding-right: 3px!important; }
.pdgr4  { padding-right: 4px!important; }
.pdgr5  { padding-right: 5px!important; }
.pdgr8  { padding-right: 8px!important; }
.pdgr10 { padding-right: 10px!important; }

.pdgb5 { padding-bottom: 5px!important; }
.pdgb10 { padding-bottom: 10px!important; }

.pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; }
.pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk { margin-left: auto; margin-right: auto; }
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.imgR { text-align: right; }
.imgR img { display: block; margin-left: auto; }
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk { display: -moz-inline-box; display: inline-block; }


/* FF2 and older hack */
html>/**/body .iBlk, x:-moz-any-link { background-position: 0 50%; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

.indent01 { margin-left: 1em; text-indent: -1em; }
div.indent01 { margin-left: 0; text-indent: 0; }
div.indent01 p { margin-left: 1em; text-indent: -1em; }
.indent02 { margin-left: 2em; text-indent: -2em; }
div.indent02 { margin-left: 0; text-indent: 0; }
div.indent02 p { margin-left: 2em; text-indent: -2em; }

.fBlk01 { color: #000; }
.fRed01 { color: #f00; }
.fRed02 { color: #f30; }
.fAsh01 { color: #666; }
.fGrn01 { color: #007253; }
.fOrg01 { color: #fc900f; }
.fOrg02 { color: #fd5913; }
.fOrg03 { color: #ff4600; }
.fWhite { color: #fff; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }

.siryou {font-size: 0.8em;}


/* リスト・アイコン
------------------------------------------ */
.iDot01,
.liDot01 li { padding-left: 12px; background: url(/nyukai/common/ico/ico_dot_01.gif) no-repeat 5px 0.55em; }
.iArrGrn01,
.liArrGrn01 li { padding-left: 8px; background: url(/nyukai/common/ico/ico_arrow_01.gif) no-repeat 0 0.5em; }
.iArrGrn02,
.liArrGrn02 li { padding-left: 14px; background: url(/nyukai/common/ico/ico_arrow_02.gif) no-repeat 0 0.25em; }
.iArrGrn03,
.liArrGrn03 li { padding-left: 8px; background: url(/nyukai/common/ico/ico_arrow_03.gif) no-repeat 0 0.45em; }
.iDoc01 { padding-left: 14px; min-height: 13px; background: url(/nyukai/common/ico/ico_doc_01.gif) no-repeat 0 0.1em; }
.iDoc02 { padding-left: 14px; min-height: 13px; background: url(/nyukai/common/ico/ico_doc_02.gif) no-repeat 0 0.1em; }
.iQuestion01,
.liQuestion01 li { padding-left: 21px; background: url(/nyukai/common/ico/ico_question.gif) no-repeat 0 0.1em; }
.iAnswer01,
.liAnswer01 li { padding-left: 21px; background: url(/nyukai/common/ico/ico_answer.gif) no-repeat 0 0.1em; }

.iInfo { padding-left: 20px; background: url(/nyukai/common/ico/ico_info.gif) no-repeat 0 0.1em; }
.iPagelink { padding-left: 12px; background: url(/nyukai/common/ico/ico_pagelink.gif) no-repeat 0 0.35em; }
.iReturn { padding-left: 12px; background: url(/nyukai/common/ico/ico_return.gif) no-repeat 0 0.35em; }

.iPop01 { text-indent: -14px; margin-left: 14px; }
.iPop01 .iBlk { vertical-align: middle; }

.inlineList01 li { display: inline; }

a span { cursor: pointer; }


/* リンク
------------------------------------------ */
a:link    { color: #007bea; text-decoration: underline; background: transparent; }
a:visited { color: #810081; text-decoration: underline; background: transparent; }
a:hover,
a:active  { color: #007bea; text-decoration: none; background: transparent; }

a.white:link,
a.white:visited { color: #fff; text-decoration: underline; background: transparent; }
a.white:hover,
a.white:active  { color: #000099; text-decoration: underline; background: transparent; }


/* ヘッダ
------------------------------------------ */
#header { width: 800px; padding-top: 4px; background: url(/nyukai/common/bg_line_header.gif) repeat-x; }
#header .inner { padding: 0 10px 10px 10px; border-right: 1px solid #eaeaea; }
#header .headL { float: left; width: 390px; padding-top: 7px; }
#header .headR { float: right; width: 310px; }
#header .seoTxt { color: #777; }
#header .logoMod { margin-top: 10px; }
#header .logoMod #logo01,
#header .logoMod #logo02 { float: left; }
#header .logoMod #logo01 { display: inline; margin-right: 10px; }
#header .logoMod #logo02 { padding: 3px; }
#header .logoMod #logo01 img,
#header .logoMod #logo02 img { display: block;}

#header .hNavi { padding-bottom: 5px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-y 170px 0;  }
#header .hNavi li { float: left; display: inline; margin: 10px 0 0 15px; }
#header .hNavi li img { display: block; }

#header .searchArea { margin-top: 10px; text-align: right; }
#header .searchArea dt,
#header .searchArea dd { display: inline; }
#header .searchArea dt input { width: 160px; vertical-align: middle; }
#header .searchArea dd input { width: 43px; height: 20px; vertical-align: middle; }


/* ナビゲーション
------------------------------------------ */
#globalNavi { width: 800px; }
#globalNavi li { float: left; }
#globalNavi li a { display: block; height: 40px; background: url(/nyukai/common/nav.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#globalNavi .nav01 { width: 104px; }
#globalNavi .nav02 { width: 139px; }
#globalNavi .nav03 { width: 157px; }
#globalNavi .nav04 { width: 112px; }
#globalNavi .nav05 { width: 164px; }
#globalNavi .nav06 { width: 124px; }
#globalNavi .nav01 a { background-position: 0 0; }
#globalNavi .nav02 a { background-position: -104px 0; }
#globalNavi .nav03 a { background-position: -243px 0; }
#globalNavi .nav04 a { background-position: -400px 0; }
#globalNavi .nav05 a { background-position: -512px 0; }
#globalNavi .nav06 a { background-position: -676px 0; }
#globalNavi .nav01 a:hover { background-position: 0 -40px; }
#globalNavi .nav02 a:hover { background-position: -104px -40px; }
#globalNavi .nav03 a:hover { background-position: -243px -40px; }
#globalNavi .nav04 a:hover { background-position: -400px -40px; }
#globalNavi .nav05 a:hover { background-position: -512px -40px; }
#globalNavi .nav06 a:hover { background-position: -676px -40px; }
body.top		#globalNavi .nav01 a { background-position: 0 -80px!important; }
body.card		#globalNavi .nav02 a { background-position: -104px -80px!important; }
body.merit	#globalNavi .nav03 a { background-position: -243px -80px!important; }
body.point 	#globalNavi .nav04 a { background-position: -400px -80px!important; }
body.flow		#globalNavi .nav05 a { background-position: -512px -80px!important; }
body.campaign	#globalNavi .nav06 a { background-position: -676px -80px!important; }

#subNavi { width: 800px; padding: 3px 0 6px 0; background: #e6fce0 url(/nyukai/common/bg_line_subnavi.gif) repeat-x left bottom; }
#subNavi li { float: left; background: url(/nyukai/common/bg_vline_subnavi.gif) no-repeat 0 50%; }
#subNavi li.first { background: none; }
#subNavi li .iBlk { margin: 0 10px; padding: 3px 0 3px 0; }
#subNavi li em.iBlk  { padding: 3px 5px 3px 5px; background: #139773; color: #fff; }


/* パンくずリスト
------------------------------------------ */
#breadcrumbs { width: 800px; padding: 12px 0; }
#breadcrumbs p { padding-left: 15px; }


/* 中央部
------------------------------------------ */
#middleArea { width: 800px; padding-bottom: 20px; }


/* メイン
------------------------------------------ */
#main { float: left; width: 590px; display: inline; margin-left: 15px; }
#oneClm { margin-left: 15px; }


/* サイド
------------------------------------------ */
#side { float: right; width: 185px; }

.sideBox01 { padding-bottom: 5px; background: url(/nyukai/common/bg_side_box_btm_01.gif) no-repeat left bottom; }
.sideBox01 .bgT { padding-top: 5px; background: url(/nyukai/common/bg_side_box_top_01.gif) no-repeat; }
.sideBox01 .bgM { padding: 5px 8px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

.sideBox02 { padding-bottom: 2px; background: url(/nyukai/common/bg_side_box_btm_02.gif) no-repeat left bottom; }
.sideBox02 .bgM { padding: 10px 8px 8px 8px; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }

/* 最近チェックしたカード */
.checkCardBox01 { background: url(/nyukai/common/bg_check_mdl.gif) repeat-y; }
.checkCardBox01 .bgB { padding: 8px 12px 15px 12px; background: url(/nyukai/common/bg_check_btm.gif) no-repeat left bottom; }
.checkCardBox01 dt { float: left; padding-top: 2px; }
.checkCardBox01 dt img { display: block; }
.checkCardBox01 dd { margin-left: 55px; }

/* クレジットカードを特徴から探す */
#cardSearchTrigger a { display: block; height: 31px; background: url(/nyukai/common/title_search.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
#cardSearchTrigger a.close { background-position: 0 0; }
#cardSearchTrigger a.open { background-position: 0 -31px; }
.cardSearchBox01 { background: url(/nyukai/common/bg_search_mdl.gif) repeat-y; }
.cardSearchBox01 .bgB { padding: 0 8px 6px 8px; background: url(/nyukai/common/bg_search_btm.gif) no-repeat left bottom; }
.cardSearchBox01 li { border-top: 1px solid #cce6f2; background-repeat: no-repeat; background-position: 99% 50%; }
.cardSearchBox01 li.first { border: none; }
.cardSearchBox01 li a { display: block; padding: 9px 30px 10px 0; }
.cardSearchBox01 li span { display: block; }
.cardSearchBox01 .ico01 { background-image: url(/nyukai/common/ico_membership.gif); }
.cardSearchBox01 .ico02 { background-image: url(/nyukai/common/ico_mile.gif); }
.cardSearchBox01 .ico03 { background-image: url(/nyukai/common/ico_electronic_money.gif); }
.cardSearchBox01 .ico04 { background-image: url(/nyukai/common/ico_shopping.gif); }
.cardSearchBox01 .ico05 { background-image: url(/nyukai/common/ico_travel.gif); }
.cardSearchBox01 .ico06 { background-image: url(/nyukai/common/ico_standard_02.gif); }
.cardSearchBox01 .ico07 { background-image: url(/nyukai/common/ico_gold_02.gif); }
.cardSearchBox01 .ico08 { background-image: url(/nyukai/common/ico_online.gif); }
.cardSearchBox01 .ico09 { background-image: url(/nyukai/common/ico_merit.gif); }


/* フッタ
------------------------------------------ */
#footer { width: 800px; padding-bottom: 40px; }
#footer .guideArea { margin-top: 10px; padding-left: 15px; background: url(/nyukai/common/bg_line_guide.gif) repeat-x; }
#footer .guideArea dl { background: url(/nyukai/common/bg_vline_dot_01.gif) repeat-y 340px 0; }
#footer .guideArea dt { float: left; }
#footer .guideArea dd { float: right; width: 420px; }

#footer .linkArea { margin-top: 10px; padding-top: 17px; background: url(/nyukai/common/bg_line_link.gif) repeat-x; }
#footer .linkArea ul { padding: 5px 0 0 10px; }
#footer .linkArea ul li { margin-top: 3px; }
#footer .linkArea .clm01 { float: left; width: 187px; display: inline; margin-left: 10px; }
#footer .linkArea .first { margin-left: 15px; }

#footer .copyArea { margin-top: 20px; padding-top: 13px; background: url(/nyukai/common/bg_line_copy.gif) repeat-x; }
#footer .copyArea ul { float: left; display: inline; margin-left: 10px; }
#footer .copyArea li { display: inline; }
#footer .copyArea li .iBlk { padding: 0 5px; border-left: 1px solid #ddd; }
#footer .copyArea li.first .iBlk { border: none; }
#footer .copyArea .copyright { float: right; display: inline; margin-right: 5px; }

#footer .copyArea a:link,
#footer .copyArea a:visited { color: #666; text-decoration: underline; background: transparent; }
#footer .copyArea a:hover,
#footer .copyArea a:active  { color: #666; text-decoration: none; background: transparent; }

.pagetop { text-align: right; }
.pagetop span { padding-left: 12px; margin: 0 10px 0 auto; background: url(/nyukai/common/ico/ico_pagetop.gif) no-repeat 0 0.3em; }

.basicTbl01 .pagetop { padding: 10px 0; }
.basicTbl01 .pagetop span { margin: 0 0 0 auto; }

/* 共通パーツ（組合せ）
------------------------------------------ */
/* common */
.aboutLink .txt { float: left; }
.aboutLink .link { float: right; }

/* width */
.w355 { width: 355px; }
.w295 { width: 295px; }
.w290 { width: 290px; }
.w244 { width: 244px; }
.w240 { width: 240px; }
.w224 { width: 224px; }
.w210 { width: 210px; }
.w195 { width: 195px; }
.w190 { width: 190px; }
.w188 { width: 188px; }
.w180 { width: 180px; }
.w177 { width: 177px; }
.w169 { width: 169px; }
.w160 { width: 160px; }
.w164 { width: 164px; }
.w145 { width: 145px; }
.w140 { width: 140px; }
.w130 { width: 130px; }
.w120 { width: 120px; }
.w110 { width: 110px; }
.w100 { width: 100px; }
.w90 { width: 90px; }
.w70 { width: 70px; }
.wAuto { width: auto; }

/* background */

/* border */
.brdTop01 { padding-top: 5px; border-top: 1px solid #ddd; }
.brdTop02 { padding-top: 10px; border-top: 1px solid #ddd; }
.brdDotTop01 { padding-top: 11px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x; }
.brdDotTop02 { padding-top: 7px; background: url(/nyukai/common/bg_dot_green.gif) repeat-x; }

/* box */
.brdBox01 { padding: 10px; border: 1px solid #b4e0d3; }
.brdBox02 { padding: 10px; border: 3px solid #007733; background: #ffffcc }
.brdBox03 { padding: 10px; border: 2px solid #b4e0d3; }
.brdBox04 { padding: 10px; border: 3px solid #b4e0d3; }
.dotBox01 { padding: 2px; background: url(/nyukai/common/bg_dot_gray.gif); }
.dotBox01 .boxM01 { padding: 10px; background: #fff; }
.rBoxCrm01 { background: #fff9df url(/nyukai/common/bg_yellow_top.gif) no-repeat; }
.rBoxCrm01 .bgB { padding: 15px; background: url(/nyukai/common/bg_yellow_btm.gif) no-repeat left bottom; }

/* module */
.module01 .txt01 { color: #fc900f; }
.module01 .txt { float: right; width: 480px; }
.module01 .img { float: left; }
.module01 .w01 { width: 430px; }
.module01 .simulation { padding: 5px 10px; background: #e6fce0; }
.module01 .simulation dt { float: left; }
.module01 .simulation dt img { display: block; }
.module01 .simulation dd { margin-left: 160px; padding-top: 4px; }
.module02 .txt { float: right; width: 495px; }
.module02 .img { float: left; }
.module02 .w01 { width: 350px; }
.module03 { padding-left: 10px; }
.module03 .txt { float: right; }
.module03 .img { float: left; }
.module03 .w01 { width: 400px; }
.module03 .w02 { width: 430px; }
.module04 .txt { float: left; width: 370px; }
.module04 .img { float: right; }
.module04 .w01 { width: 460px; }

/* title */
.cardTtlMod01 { position: relative; width: 590px; height: 210px; overflow: hidden; }
.cardTtlMod01 .ttl { position: absolute; top: 0; left: 0; }
.cardTtlMod01 .btn01 { position: absolute; top: 115px; left: 285px; }
.cardTtlMod01 .btn02 { position: absolute; top: 173px; left: 285px; }
.cardTtlMod01 .link01 { position: absolute; top: 175px; left: 408px; }
.cardTtlMod01 .link02 { position: absolute; top: 175px; left: 285px; width: 253px; }
.ttlWide01 { background: url(/nyukai/common/bg_title_wide_mdl.gif) repeat-y; border-bottom: 3px solid #0f7a5d; }
.ttlWide01 .bgT { padding: 5px 10px; background: url(/nyukai/common/bg_title_wide_top.gif) no-repeat; }
.ttlWide01 .ttl { float: left; }
.ttlWide01 .sub { float: right; }
.ttlMod01 { border-bottom: 3px solid #0f7a5d; background: url(/nyukai/common/bg_title_mdl.gif) repeat-y; }
.ttlMod01 .bgT { padding: 6px 10px 5px 10px; background: url(/nyukai/common/bg_title_top.gif) no-repeat; }
.ttlMod01 .ttl { float: left; }
.ttlMod01 .sub { float: right; }
.ttlMod02 { border: 1px solid #bfbfbf; }
.ttlMod02 .bgM { padding: 5px 7px; border: 2px solid #fff; background: url(/nyukai/common/bg_title_slash_01.gif) repeat-x; }
.ttlMod02 .ttl { padding: 2px 5px 2px 7px; border-left: 4px solid #2e8301; }
.lTtl01 { padding: 0 0 2px 15px; border-bottom: 1px solid #ddd; background: url(/nyukai/common/bg_title_green.gif) no-repeat 5px 0.15em; }
.mTtl01 { padding-bottom: 2px; border-bottom: 2px solid #ddd; }
.brdTtl01 { padding-top: 10px; background: url(/nyukai/common/bg_dot_green_02.gif) repeat-x; }

/* table */
.basicTbl01 { width: 100% }
.basicTbl01 table { width: 100%; border-left: 1px solid #ddd; border-top: 1px solid #ddd;  }
.basicTbl01 table thead th { text-align: center; background: #e8e8e8; }
.basicTbl01 table tbody th { text-align: left; background: #f2f2f2; }
.basicTbl01 table thead th,
.basicTbl01 table tbody th { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; font-weight: normal; }
.basicTbl01 table tbody td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #fff; }
.basicTbl01 table thead th .thM,
.basicTbl01 table tbody th .thM,
.basicTbl01 table tbody td .tdM { padding: 5px 10px 4px 10px; }
.basicTbl01 table .bg01 { background-color: #d0fac5!important; }
.basicTbl01 table .bg02 { background-color: #dbcb6b!important; background-image: none!important; }
.basicTbl01 table .bg03 { background-color: #EDFDE8!important; }
.basicTbl01 table .bg04 { background-color: #cccccc!important; }
.basicTbl01 table.general th { background: #e6fce0 url(/nyukai/common/bg_white_01.gif) repeat-x; }
.basicTbl01 table.cardlist { border-top: 1px solid #0f7a5d; border-left: 0; }
.basicTbl01 table.cardlist thead th { border-right: 1px solid #0f7a5d; border-bottom: 1px solid #0f7a5d; background: #139773 url(/nyukai/common/bg_green_01.gif) repeat-y; font-weight: bold; color: #fff; }
.basicTbl01 table.cardlist thead th.first { border-left: 1px solid #0f7a5d; }
.basicTbl01 table.cardlist thead th .thM { padding: 5px 5px 4px 5px; }
.basicTbl01 table.cardlist tbody th { border: 1px solid #ddd; background: #e6fce0; font-weight: bold; }
.basicTbl01 table.cardlist tbody td { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: top; }
.basicTbl01 table.cardlist tbody td.first { border-left: 1px solid #ddd; }
.basicTbl01 table.cardlist tbody td.service .tdM { padding: 5px 5px 4px 5px; }
.basicTbl01 table.firstList { border-top: 1px solid #0f7a5d; border-left: 0; }

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

/* 追加可能カード */
.cardIcon01 { padding: 3px 0 4px 0; }
.cardIcon01 li { float: left; display: inline; margin-left: 9px; }
.cardIcon01 li.first { margin: 0; }
.cardIcon01 li.txt { width: 405px; }
.cardIcon01 li img { display: block; }

/* カードの特長 */
.cardFeature01 { padding-bottom: 16px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x left bottom; }
.cardFeature01 .txt { float: right; width: 480px; padding-top: 5px; }
.cardFeature01 .txt02 { float: right; width: 510px; padding-top: 5px; }
.cardFeature01 .img { float: left; }

/* カード情報　年会費 */
.basicTbl01 .cost .txt { float: left; width: 120px; }
.basicTbl01 .cost .txt02 { float: left; }
.basicTbl01 .cost .img { float: right; padding-top: 4px; }

/* カード情報　利用可能枠 */
.useLimit dt { float: left; width: 16em; }
.useLimit dd { margin-left: 16.5em; }

/* インターネットでお申し込み */
.inqOnBox01 { background: url(../common/bg_online_mdl.gif) repeat-y 0 1px; }
.inqOnBox01 .bgT { background: url(../common/bg_online_top.gif) no-repeat; }
.inqOnBox01 .bgB { padding: 20px; background: url(../common/bg_online_btm.gif) no-repeat left bottom; }
.inqOnBox02 { background: url(../common/bg_online_mdl_02.gif) repeat-y 0 1px; }
.inqOnBox02 .bgT { background: url(../common/bg_online_top_02.gif) no-repeat; }
.inqOnBox02 .bgB { padding: 20px; background: url(../common/bg_online_btm_02.gif) no-repeat left bottom; }

/* このカードとよく比較されるカード */
.cardMatch01 { background: url(/nyukai/card/imgs/bg_card_mdl.gif) repeat-y; }
.cardMatch01 .bgT { padding-top: 4px; background: url(/nyukai/card/imgs/bg_card_top_01.gif) no-repeat; }
.cardMatch01 .bgB { padding: 3px 7px 20px 7px; background: url(/nyukai/card/imgs/bg_card_btm.gif) no-repeat left bottom; }
.cardMatch01 .ttl { padding-bottom: 10px; background: url(/nyukai/card/imgs/bg_card_top_02.gif) no-repeat left bottom; }
.cardMatch01 .ttl h2 { margin: 0 2px; padding: 3px 7px 2px 7px; background: #f1e8a3; }
.cardMatch01 .clm01 { float: left; width: 181px; display: inline; margin-left: 4px; }
.cardMatch01 .clm02 { float: left; width: 180px; display: inline; margin-left: 13px; }
.cardMatch01 .clm03 { float: right; width: 181px; display: inline; margin-right: 4px; }
.cardMatch01 .seleIcon { height: 22px; overflow: hidden; }
.cardMatch01 .feature { padding-bottom: 5px; border-bottom: 1px solid #d4d4d4; }
.cardMatch01 .feature dt { margin-bottom: 5px; }
.cardMatch01 .feature dt img { display: block; }

/* メリットいっぱい */
.meritTtl01 { padding: 14px 10px 11px 10px; border-bottom: 1px solid #a1d5c7; background: url(/nyukai/common/bg_line_merit.gif) repeat-x; }
.meritTtl01 .ttl { float: left; }
.meritTtl01 .sub { float: right; }
.meritClm01 li { float: left; width: 196px; padding: 5px 0; border-left: 1px solid #ddd; }
.meritClm01 li.first { border-left: 0; }

/* あわせてお申し込みいただけます */
.withInqBox01 { padding-bottom: 9px; border-bottom: 1px solid #ddd; }
.withInqBox01 dt { float: left; }
.withInqBox01 dd.ico { float: left; margin-top: 7px; }
.withInqBox01 dd.img { float: right; }
.withInqBox01 img { display: block; }

/* Adobe Reader */
.adobeLink { padding-top: 11px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x; }
.adobeLink dt { float: left; }
.adobeLink dd { float: left; width: 455px; display: inline; margin-left: 15px; }
.adobeLink dd.wide { width: 655px; }

/* ANAカード種類 */
.bgLineup { padding-top: 3px; background: url(/nyukai/affiliate/imgs/bg_line_02.gif) repeat-x; }
.basicTbl01 table.lineup { border-top: none; }
.basicTbl01 table.lineup thead th { background: #ffebb1 url(/nyukai/common/bg_white_01.gif) repeat-y; font-weight: bold; }
.basicTbl01 table.lineup .catchTxt { min-height: 3em; font-weight: bold; color: #fc900f; }
.basicTbl01 table.lineup .catchTxt02 { font-weight: bold; color: #fc900f; }
.basicTbl01 table.lineup td { vertical-align: top; }

/* ANAマイレージ移行 */
.anaMigration { padding-top: 10px; background: url(/nyukai/common/bg_dot_green_02.gif) repeat-x; }
.anaMigration .txt { float: left; width: 370px; }
.anaMigration .img { float: right; }

/* カード Tab切り替え */
.cardTab01 { background: url(/nyukai/affiliate/imgs/bg_line_tab.gif) repeat-x left bottom; }
.cardTab01 li { float: left; width: 143px; display: inline; margin-right: 5px; text-align: center; }
.cardTab01 li a { display: block; padding: 5px; border: 1px solid #ccc; background: #f2f2f2; }
.cardTab01 li.last { margin-right: 0!important; }
.cardTab01 li.active { width: 145px; margin-right: 3px; font-weight: bold; background: url(/nyukai/affiliate/imgs/bg_vline_tab.gif) no-repeat 100% 100%; }
.cardTab01 li.active a { margin-right: 2px; padding: 4px 0 5px 0; border-top: 2px solid #999; border-bottom: 1px solid #118E6A; background: #0d815d url(/nyukai/affiliate/imgs/bg_tab_act.gif) no-repeat; text-decoration: none; color: #fff; }

/* クレジットカード一覧 */
.cardListTab01 { margin-top: 20px; background: url(/nyukai/common/bg_gray_02.gif) repeat-x left bottom; }
.cardListTab01 li { float: left; display: inline; margin-left: 5px; }
.cardListTab01 li img { display: block; }
.cardListTab02 { text-align: center; }
.cardListTab02 .iBlk { margin-left: 10px; padding-right: 10px; border-right: 1px solid #ccc; }
.cardListTab02 .last .iBlk { padding-right: 0; border-right: none; }
.cardListBox01 { background: url(/nyukai/card/imgs/bg_list_mdl.gif) repeat-y; }
.cardListBox01 .bgT { background: url(/nyukai/card/imgs/bg_list_top.gif) no-repeat; }
.cardListBox01 .bgB { padding: 8px 13px; background: url(/nyukai/card/imgs/bg_list_btm.gif) no-repeat left bottom; }
.cardListBox01 .ttlMod .ttl { float: left; }
.cardListBox01 .ttlMod .sub { float: left; display: inline; margin-left: 20px; }
.cardListBox01 li { float: left; display: inline; margin: 10px 0 0 10px; }
.cardListBox01 li a,
.cardListBox01 li em { display: block; min-height: 23px; padding: 7px 0 0 35px; }
.cardListBox01 .ico01 { width: 120px; }
.cardListBox01 .ico02 { width: 120px; }
.cardListBox01 .ico03 { width: 160px; }
.cardListBox01 .ico04 { width: 135px; }
.cardListBox01 .ico05 { width: 150px; }
.cardListBox01 .ico06 { width: 120px; }
.cardListBox01 .ico07 { width: 120px; }
.cardListBox01 .ico08 { width: 160px; }
.cardListBox01 .ico09 { width: 120px; }
.cardListBox01 .ico01 a,
.cardListBox01 .ico01 em { background: url(/nyukai/common/ico_membership.gif) no-repeat 0 50%; }
.cardListBox01 .ico02 a,
.cardListBox01 .ico02 em { background: url(/nyukai/common/ico_mile.gif) no-repeat 0 50%; }
.cardListBox01 .ico03 a,
.cardListBox01 .ico03 em { background: url(/nyukai/common/ico_electronic_money.gif) no-repeat 0 50%; }
.cardListBox01 .ico04 a,
.cardListBox01 .ico04 em { background: url(/nyukai/common/ico_shopping.gif) no-repeat 0 50%; }
.cardListBox01 .ico05 a,
.cardListBox01 .ico05 em { background: url(/nyukai/common/ico_travel.gif) no-repeat 0 50%; }
.cardListBox01 .ico06 a,
.cardListBox01 .ico06 em { background: url(/nyukai/common/ico_standard_02.gif) no-repeat 0 50%; }
.cardListBox01 .ico07 a,
.cardListBox01 .ico07 em { background: url(/nyukai/common/ico_gold_02.gif) no-repeat 0 50%; }
.cardListBox01 .ico08 a,
.cardListBox01 .ico08 em { background: url(/nyukai/common/ico_online.gif) no-repeat 0 50%; }
.cardListBox01 .ico09 a,
.cardListBox01 .ico09 em { background: url(/nyukai/common/ico_merit.gif) no-repeat 0 50%; }

.cardIconSpr li { float: left; width: 50px; height: 25px; display: inline; background: url(../common/bg_spr_card_type.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
.cardIconSpr .li01 { background-position:    0   0; margin: 0 4px 5px 0; }
.cardIconSpr .li02 { background-position:  -50px 0; margin: 0 4px 5px 0; }
.cardIconSpr .li03 { background-position: -100px 0; margin: 0 4px 5px 0; }
.cardIconSpr .li04 { background-position: -150px 0; margin: 0 0 5px 0; }
.cardIconSpr .li05 { background-position: -200px 0; margin-right: 4px; }
.cardIconSpr .li06 { background-position: -250px 0; margin-right: 4px; }
.cardIconSpr .li07 { background-position: -300px 0; margin-right: 4px; }
.cardIconSpr .li08 { background-position: -350px 0;}
.cardIconSpr .li01off { background-position:    0   -25px; margin: 0 4px 5px 0; }
.cardIconSpr .li02off { background-position:  -50px -25px; margin: 0 4px 5px 0; }
.cardIconSpr .li03off { background-position: -100px -25px; margin: 0 4px 5px 0; }
.cardIconSpr .li04off { background-position: -150px -25px; margin: 0 0 5px 0; }
.cardIconSpr .li05off { background-position: -200px -25px; margin-right: 4px; }
.cardIconSpr .li06off { background-position: -250px -25px; margin-right: 4px; }
.cardIconSpr .li07off { background-position: -300px -25px; margin-right: 4px; }
.cardIconSpr .li08off { background-position: -350px -25px; }


.cardIconSpr_ana li { float: left; width: 50px; height: 25px; display: inline; background: url(../common/bg_spr_card_type_ana.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
.cardIconSpr_ana .li01 { background-position:    0   0; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li02 { background-position:  -50px 0; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li03 { background-position: -100px 0; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li04 { background-position: -150px 0; margin: 0 0 5px 0; }
.cardIconSpr_ana .li05 { background-position: -200px 0; margin-right: 4px; }
.cardIconSpr_ana .li06 { background-position: -250px 0; margin-right: 4px; }
.cardIconSpr_ana .li07 { background-position: -300px 0; margin-right: 4px; }
.cardIconSpr_ana .li08 { background-position: -350px 0;}
.cardIconSpr_ana .li01off { background-position:    0   -25px; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li02off { background-position:  -50px -25px; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li03off { background-position: -100px -25px; margin: 0 4px 5px 0; }
.cardIconSpr_ana .li04off { background-position: -150px -25px; margin: 0 0 5px 0; }
.cardIconSpr_ana .li05off { background-position: -200px -25px; margin-right: 4px; }
.cardIconSpr_ana .li06off { background-position: -250px -25px; margin-right: 4px; }
.cardIconSpr_ana .li07off { background-position: -300px -25px; margin-right: 4px; }
.cardIconSpr_ana .li08off { background-position: -350px -25px; }



.cardHedgeSpr li { width: 74px; height: 18px; background: url(../common/bg_spr_hedge.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
.cardHedgeSpr .li01 { background-position:    0   0; }
.cardHedgeSpr .li02 { background-position:  -74px 0; margin-top: 3px; }
.cardHedgeSpr .li03 { background-position: -148px 0; margin-top: 3px; }
/* 2010-09-24追記ここから(1) */
.cardHedgeSpr .li04 { background-position: -222px 0; margin-top: 3px; }
/* 2010-09-24追記ここまで(1) */
.cardHedgeSpr .li01off { background-position:    0   -18px; }
.cardHedgeSpr .li02off { background-position:  -74px -18px; margin-top: 3px; }
.cardHedgeSpr .li03off { background-position: -148px -18px; margin-top: 3px; }
/* 2010-09-24追記ここから(2) */
.cardHedgeSpr .li04off { background-position: -222px -18px; margin-top: 3px; }
/* 2010-09-24追記ここまで(2) */

.cardTypeSpr { height: 45px; }
.cardTypeSpr li { float: left; height: 16px; display: inline; margin: 0 4px 5px 0; background: url(../common/bg_spr_type.gif) no-repeat; overflow: hidden; text-indent: -9999px; }
.cardTypeSpr .li01 { width: 35px; background-position:    0   0; }
.cardTypeSpr .li02 { width: 55px; background-position:  -35px 0; }
.cardTypeSpr .li03 { width: 55px; background-position:  -90px 0; }
.cardTypeSpr .li04 { width: 55px; background-position: -145px 0; }
.cardTypeSpr .li05 { width: 35px; background-position: -200px 0; }
.cardTypeSpr .li06 { width: 80px; background-position: -235px 0; }
.cardTypeSpr .li07 { width: 55px; background-position: -315px 0; }

/* ページ送り */
.pagelist01 li { display: inline; }
.pagelist01 li .iBlk { vertical-align: middle; }
.pagelist01 li .num { padding: 2px 7px 3px 7px; border: 1px solid #ddd; background: #fff; }
.pagelist01 li .active { padding: 2px 7px 3px 7px; border: 1px solid #fc900f; background: #fc900f; color: #fff; }
.pagelist01 li .prev { margin-right: 5px; padding-left: 10px; background: url(/nyukai/common/ico/ico_arrow_prev.gif) no-repeat 0 0.35em; }
.pagelist01 li .next { margin-left: 5px; padding-right: 10px; background: url(/nyukai/common/ico/ico_arrow_next.gif) no-repeat 100% 0.35em; }
/* FF2 and older hack */
html>/**/body .pagelist01 li .prev, x:-moz-any-link { background-position: 0 50%; }
html>/**/body .pagelist01 li .next, x:-moz-any-link { background-position: 100% 50%; }


/* 追加カードのご案内 */
.cardGuide01 { background: url(/nyukai/common/bg_vline_double.gif) repeat-y 50% 0; }
.cardGuide01 ul { padding: 0 0 10px 0; border-bottom: 1px solid #ccc; }
.cardGuide01 ul.ptnB { padding: 10px 0; border-bottom: 0; }
.cardGuide01 li { float: left; width: 261px; }
.cardGuide01 li dl { padding: 0 10px; }
.cardGuide01 li.last dl { border-right: 0; }

/* メリット詳細 */
.meritBox01 .txt01 { color: #fc900f; }
.meritBox01 dt { float: left; }
.meritBox01 dd { float: right; width: 530px; }

.meritBox02 { padding: 10px; background: #f3f4ec; }
.meritBox02 .txt { float: left; width: 340px; }
.meritBox02 .img { float: left; display: inline; margin-left: 20px; }

.meritBox04 { padding-bottom: 20px; background: url(/nyukai/common/bg_dot_green.gif) repeat-x left bottom; }
.meritBox04 .lClm { float: left; width: 280px; }
.meritBox04 .rClm { float: right; width: 280px; }
.meritBox04 dt { float: left; }
.meritBox04 dd { margin-left: 50px; padding-top: 1px; }

/* ページ プレビュー＆ネクスト */
.pageLink { text-align: center; }
.pageLink span.iBlk { margin: 0 5px; padding: 1px; background: url(/nyukai/common/bg_dot_green.gif); }
.pageLink span.iBlk span.iBlk { margin: 0; padding: 5px 15px; background: #fff; }
.pageLink span.iBlk a.prev { padding-left: 10px; background: url(/nyukai/common/ico/ico_arrow_prev_02.gif) no-repeat 0 50%; }
.pageLink span.iBlk a.next { padding-right: 10px; background: url(/nyukai/common/ico/ico_arrow_next_02.gif) no-repeat 100% 50%; }

/* ライフスタイル別ガイド */
.editLifeStyle { background: #f4f4f4; padding-bottom: 5px; }
.editLifeStyle li { float: left; display: inline; margin-left: 5px; padding-top: 5px; }
.editLifeStyle li img { display: block; }

/* ビジネスマンの方 */
.recommendCard { background: url(/nyukai/common/bg_recommend_mdl_01.gif) repeat-y; }
.recommendCard .bgT { background: url(/nyukai/common/bg_recommend_top_01.gif) no-repeat; }
.recommendCard .bgB { padding: 30px 20px; background: url(/nyukai/common/bg_recommend_btm_01.gif) no-repeat left bottom; }
.recommendCard .type { padding-left: 10px; }
.recommendCard .type dt { float: left; display: inline; margin-right: 30px; }
.recommendCard .type dd { float: left; }
.recommendCard .exam { padding: 10px; border: 1px solid #fea; background: #fffbea; }
.recommendCard .exam .txt { float: right; width: 450px; }
.recommendCard .exam .img { float: left; }
.recommendCard .card2Clm li { float: left; width: 274px; border-left: 1px solid #ddd; }
.recommendCard .card3Clm li { float: left; width: 182px; border-left: 1px solid #ddd; }
.recommendCard .card4Clm li { float: left; width: 136px; border-left: 1px solid #ddd; }
.recommendCard .card2Clm li.first,
.recommendCard .card3Clm li.first,
.recommendCard .card4Clm li.first { border: 0; }
.recommendOther { padding-bottom: 3px; background: url(/nyukai/common/bg_recommend_btm_02.gif) no-repeat left bottom; }
.recommendOther .bgM { padding: 10px 10px 15px 10px; border-left: 2px solid #a1deff; border-right: 2px solid #a1deff; }
.recommendOther .txt { float: right; width: 440px; }
.recommendOther .img { float: left; }
.recommendOther dl { margin-top: 10px; padding: 10px 5px 0 5px; border-top: 1px solid #a1deff; }
.recommendOther dl.first { margin-top: 0; padding-top: 0; border-top: 0; }

/* キャンペーン詳細 */
.chance1 { background-image:url(../campaign/imgs/ico_chance01.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 75px; }
.chance2 { background-image:url(../campaign/imgs/ico_chance02.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 75px;}
.chance3 { background-image:url(../campaign/imgs/ico_chance03.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 75px;}
.tokuten1 { background-image:url(../campaign/imgs/icon_tokuten01.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 65px; }
.tokuten2 { background-image:url(../campaign/imgs/icon_tokuten02.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 65px;}
.tokuten3 { background-image:url(../campaign/imgs/icon_tokuten03.gif); background-position:left center; background-repeat:no-repeat; font-size:14px; font-weight:bold; padding:8px 5px 0 65px;}

.cardDetail { padding: 10px 5px; border: 1px solid #ddd; background: url(/nyukai/common/bg_gray_01.gif) repeat-y 50% 0; }
.cardDetail li { width: 285px; }

.cardDetail2 { padding: 10px 5px; border: 1px solid #ddd;}
.cardDetail2 li { width: 570px; }

.cardDetail3 { padding: 10px 5px; border: 1px solid #007253; background-color:#E8FFE8;}
.cardDetail3 li { width: 570px; }

.flowTbl { width: 100% }
.flowTbl table { width: 100%; border: 0; }
.flowTbl table th {padding:5px;}
.flowTbl table td {padding:5px;}
.flowTbl table .bg01 { background-color: #9DF587!important; }
.flowTbl table .bg02 { background-color: #dbcb6b!important; }
.flowTbl table .bg03 { background-color: #e6fce0!important; }
.flowTbl table .bg04 { background-color: #cccccc!important; }


/* よくあるご質問 */
.qaaBox01 dt { margin: 0 10px; font-weight: bold; }
.qaaBox01 dd { margin-top: 10px; padding: 10px 10px 0 10px; border-top: 1px solid #a1d5c7; }

/* 入会の流れ */
body.flow ol { list-style-type: none; }

/* サイトマップ */
.sitemap .lClm { float: left; width: 320px; }
.sitemap .rClm { float: right; width: 450px; }
.sitemap dl { margin-top: 20px; }
.sitemap dt { padding-top: 1px; border-top: 1px solid #b4e0d3; font-weight: bold; }
.sitemap dt span { display: block; background: #e8fcdc url(/nyukai/common/ico/ico_arrow_04.gif) no-repeat 10px 50%; }
.sitemap dt a { display: block; padding: 8px 5px 7px 28px; }
.sitemap dd { border-top: 1px solid #ddd; }
.sitemap dd.first { border-top: 0; }
.sitemap .lClm dd { padding: 3px 10px 0 10px; }
.sitemap .rClm dd { padding: 5px 10px 10px 10px; }
.sitemap .lClm li,
.sitemap .rClm li { margin-top: 5px; }
.sitemap .halfList li { float: left; width: 204px; display: inline; margin: 5px 10px 0 0; }

/* お問い合わせ */
.faqDotBox01 { background: url(/nyukai/common/bg_faq_mdl.gif) repeat-y; }
.faqDotBox01 .bgB { padding: 10px 15px 15px 15px; background: url(/nyukai/common/bg_faq_btm.gif) no-repeat left bottom; }
.contactDotBox01 { background: url(/nyukai/common/bg_contact_mdl.gif) repeat-y; }
.contactDotBox01 .bgT { background: url(/nyukai/common/bg_contact_top.gif) no-repeat; }
.contactDotBox01 .bgB { padding: 20px; background: url(/nyukai/common/bg_contact_btm.gif) no-repeat left bottom; }


/* トップページ
------------------------------------------ */
#topContents { width: 785px; margin-left: 15px; padding: 20px 0; }
#topContents .visArea { position: relative; width: 785px; height: 151px; }
#topContents .visArea .img { position: absolute; width: 785px; height: 151px; top: 0; left: 0; }
#topContents .visArea .img li { position: absolute; width: 785px; height: 151px; top: 0; left: 0; }
#topContents .visArea .img li.active { display: block; }
#topContents .visArea .img li.hidden { display: none; }
#topContents .visArea .btn { position: absolute; width: 158px; top: 7px; right: 10px; border-top: 1px solid #fff; border-left: 1px solid #fff; z-index: 10000; visibility: hidden; }
#topContents .visArea .btn li { border-right: 1px solid #fff; border-bottom: 1px solid #fff;; text-align: right; background: #d4d4d4 url(/nyukai/imgs/ico_arrow_01.gif) no-repeat 2px 50%; }
#topContents .visArea .btn li.active { background-color: #139773; }
#topContents .visArea .btn li.active a { cursor: default; }
#topContents .visArea .btn li img { vertical-align: bottom; margin-left: auto; }
#topContents .pickCard { background: url(/nyukai/imgs/bg_recomend_mdl.gif) repeat-y; }
#topContents .pickCard .bgB { padding: 10px 10px 15px 10px; background: url(/nyukai/imgs/bg_recomend_btm.gif) no-repeat left bottom; }
#topContents .pickCard li { float: left; width: 254px; border-left: 1px solid #ccc; }
#topContents .pickCard li.first { border-left: 0; }

.cardListBnr { position: relative; width: 590px; height: 71px; overflow: hidden; }
.cardListBnr .txt { position: absolute; width: 290px; top: 22px; right: 20px; text-align: right; }

.information { margin: 0 10px; }
.information li { margin-top: 10px; }
.information li a { margin-right: 5px; vertical-align: middle; }
.information li img { vertical-align: middle; }

.bnrList01 li { float: left; display: inline; margin-left: 10px; }
.bnrList01 li img { display: block; }
.bnrList01 li.first { margin-left: 0; }


/* カテゴリトップ
------------------------------------------ */
/* メリット */
.meritClm { background: url(/nyukai/merit/imgs/bg_meritbox_mdl.gif) repeat-y; }
.meritClm .bgB { padding-bottom: 10px; background: url(/nyukai/merit/imgs/bg_meritbox_btm.gif) no-repeat left bottom; }
.meritClm .clm01 { float: left; width: 254px; }
.meritClm .clm02 { float: left; width: 254px; display: inline; margin-left: 12px; }
.meritClm .clm03 { float: right; width: 254px; }
.meritClm li ul { margin: 0 12px; }
.meritClm li li { padding: 8px 0; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x; }
.meritBnrClm .lClm { float: left; width: 387px; }
.meritBnrClm .rClm { float: right; width: 387px; }
.meritBnrClm li img { display: block; }

/* ポイントサービス */
.pointBox01 { background: url(/nyukai/point/imgs/bg_pointbox_mdl.gif) repeat-y; }
.pointBox01 .bgB { padding: 10px 12px 13px 12px; background: url(/nyukai/point/imgs/bg_pointbox_btm.gif) no-repeat left bottom; }
.pointBox01 .lClm { float: left; width: 320px; }
.pointBox01 .rClm { float: right; width: 440px; border-left: 1px solid #ddd; }
.pointBox01 .box01 { margin: 0 5px 0 10px; padding-top: 11px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x; }
.pointBox01 .box01 .txt { float: left; width: 260px; }
.pointBox01 .box01 .img { float: right; padding-top: 15px; }
.pointBox01 .first{ padding-top: 0; background: none; }
.pointBox01 .clm { float: left; display: inline; margin-left: 10px; background: url(/nyukai/common/bg_vline_dot_02.gif) repeat-y; }
.pointBox01 .clm p { margin-left: 10px; }
.pointBox01 li.first { margin-left: 0; background: none; }
.pointBox01 li.first p { margin-left: 0; }

/* キャンペーン */
.campaignBox01 dl { padding-top: 11px; background: url(/nyukai/common/bg_line_dot_01.gif) repeat-x; }
.campaignBox01 dl.first { padding-top: 0; background: none; }
.campaignBox01 dt { float: left; }
.campaignBox01 dt img { display: block; }
.campaignBox01 dd { float: right; width: 390px; }

/* 追加カード一覧 */
.cardAddClm { background: url(/nyukai/common/bg_box_mdl_01.gif) repeat-y; }
.cardAddClm .bgB { padding-bottom: 10px; background: url(/nyukai/common/bg_box_btm_01.gif) no-repeat left bottom; }
.cardAddClm .lClm { float: left; width: 290px; }
.cardAddClm .rClm { float: right; width: 290px; }
.cardAddClm .boxM { padding: 10px 15px 0 15px; }
.cardAddClm .boxM .txt { float: right; width: 160px; }
.cardAddClm .boxM .img { float: left; }
.cardAddList li { float: left; width: 188px; margin-top: 10px; }

/* 入会の流れ */
.inquiryFlow .lClm { float: left; width: 250px; }
.inquiryFlow .rClm { float: right; width: 519px; }
.inquiryFlow .rClm .rClm { width: 250px; }
.inquiryFlow .txt01 { min-height: 8em; }
.inquiryFlow li img { vertical-align: bottom; }

.inquiryFlow02 { width: 530px; margin: 0 auto; text-align: left; }
.inquiryFlow02 .lClm { float: left; width: 250px; }
.inquiryFlow02 .rClm { float: right; width: 250px; }
.inquiryFlow02 .txt01 { min-height: 8em; }
.inquiryFlow02 li img { vertical-align: bottom; }


/* popup用
------------------------------------------ */
body.popup { background: #f2f2f2; }
#popWrap { position: relative; width: 600px; min-height: 100%; height: auto; border-right: 1px solid #858585; background: #fff url(/nyukai/common/bg_green.gif) repeat-x; text-align: center; }
#popMain { width: 540px; margin: 0 auto 0 auto; padding: 37px 0 100px 0; text-align: left; }
#popFooter { position: absolute; bottom: 0; left: 0; width: 100%; height: 60px; background: url(/nyukai/common/parts/bg_footer.gif) repeat-x; }
#popFooter p { padding: 20px 10px 0 0; text-align: right; }
#popFooter p img { display: block; margin-left: auto; }

.iconGuide01 { border-bottom: 1px solid #ddd; }
.iconGuide01 dl { padding: 10px; border-top: 1px solid #ddd; }
.iconGuide01 dt { float: left; }
.iconGuide01 dt img { display: block; }
.iconGuide01 dd { float: right; width: 400px; }

#card-holder { margin:20px 0; }

ul.column-non { margin-top:10px; }

ul.column-non li {
margin-bottom:5px;
padding-left:18px;
background:url('../pop/imgs/ico_arrow.gif') 0px 3px no-repeat; 
}

ul.column-non li strong { color:#FF0000; }
ul.non-count { width:500px; margin-left:20px;margin-right:20px;margin-bottom:20px; padding:0; }
ul.non-count li { width:250px; padding-top:3px; float:left;list-style-type : none;  }

#flow-frame dl{ border:1px solid #D1D1D1; margin-bottom:20px; }
#flow-frame dt{ background:#EDFDE8 no-repeat; padding:5px; }
#flow-frame dd{ padding:10px; }


/* popup用 申込の流れ番号
--------------------------------------*/


div#flow-frame dl dt.one{
	background-image: url(../pop/imgs/ico_1.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:15px;
}
div#flow-frame dl dt.two{
	background-image: url(../pop/imgs/ico_2.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}
div#flow-frame dl dt.three{
	background-image: url(../pop/imgs/ico_3.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

div#flow-frame dl dt.four{
	background-image: url(../pop/imgs/ico_4.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

div#flow-frame dl dt.five{
	background-image: url(../pop/imgs/ico_5.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

div#flow-frame dl dt.six{
	background-image: url(../pop/imgs/ico_6.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

div#flow-frame dl dt.seven{
	background-image: url(../pop/imgs/ico_7.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

div#flow-frame dl dt.eight{
	background-image: url(../pop/imgs/ico_8.gif);
	background-color: #EDFDE8;
	background-repeat: no-repeat;
	background-position: 10px center;
	padding-left:33px;
}

/* 規約ページ用
------------------------------------------ */
body.agreement #header .inner { padding: 10px 10px 20px 10px; border-right: 0; border-bottom: 3px double #eaeaea; }
body.agreement #middleArea { padding-top: 10px; }

.infoBox01 { border-top: 1px solid #faa; border-left: 1px solid #faa; }
.infoBox01 .ttl,
.infoBox01 .cont { border-bottom: 1px solid #faa; border-right: 1px solid #faa; }
.infoBox01 .ttl { padding: 5px 10px; background: #ffe6e6; color: #f30; }
.infoBox01 .cont { padding: 10px; }

.onlineFlow01 { position: relative; width: 785px; height: 60px; background: url(/nyukai/online_nyukai/imgs/bg_flow.gif) no-repeat; }
.onlineFlow01 li { position: absolute; height: 60px; top: 0; overflow: hidden; text-indent: -9999px; }
.onlineFlow01 .li01 { width:  75px; left:   0; }
.onlineFlow01 .li02 { width: 167px; left:  87px; }
.onlineFlow01 .li03 { width: 167px; left: 266px; }
.onlineFlow01 .li04 { width: 166px; left: 445px; }
.onlineFlow01 .li05 { width:  75px; left: 623px; }
.onlineFlow01 .li06 { width:  75px; left: 710px; }

.onlineFlow02 { position: relative; width: 785px; height: 60px; background: url(/nyukai/online_nyukai/imgs/bg_flow_02.gif) no-repeat; }
.onlineFlow02 li { position: absolute; height: 60px; top: 0; overflow: hidden; text-indent: -9999px; }
.onlineFlow02 .li01 { width:  70px; left:   0; }
.onlineFlow02 .li02 { width: 123px; left:  82px; }
.onlineFlow02 .li03 { width: 157px; left: 217px; }
.onlineFlow02 .li04 { width: 131px; left: 386px; }
.onlineFlow02 .li05 { width:  65px; left: 529px; }
.onlineFlow02 .li06 { width:  65px; left: 606px; }
.onlineFlow02 .li07 { width: 102px; left: 683px; }



.onlineFlow_cu_coop { position: relative; width: 785px; height: 60px; background: url(/nyukai/online_nyukai/imgs/bg_flow_ku_co-op.gif) no-repeat; }
.onlineFlow_cu_coop li { position: absolute; height: 60px; top: 0; overflow: hidden; text-indent: -9999px; }
.onlineFlow_cu_coop .li01 { width:  75px; left:   0; }
.onlineFlow_cu_coop .li02 { width: 167px; left:  87px; }
.onlineFlow_cu_coop .li03 { width: 167px; left: 266px; }
.onlineFlow_cu_coop .li04 { width: 166px; left: 445px; }
.onlineFlow_cu_coop .li05 { width:  75px; left: 623px; }
.onlineFlow_cu_coop .li06 { width:  75px; left: 710px; }




.config2Way { padding-top: 9px; background: url(/nyukai/online_nyukai/imgs/bg_arrow_01.gif) no-repeat; }
.config2Way .boxM { padding: 10px 9px; border: 1px solid #b4e0d3; border-top: 0; background: #edfde8; }
.config2Way .clmArea { background: url(/nyukai/common/bg_box_mdl_02.gif) repeat-y; }
.config2Way .clmArea .bgB { padding-bottom: 10px; background: url(/nyukai/common/bg_box_btm_02.gif) no-repeat left bottom; }
.config2Way .wayOn { float: left; width: 377px; }
.config2Way .wayOff { float: right; width: 377px; }

.config2Way02 { padding-top: 9px; background: url(/nyukai/online_nyukai/imgs/bg_arrow_02.gif) no-repeat; }
.config2Way02 .boxM { padding: 10px 9px; border: 1px solid #b4e0d3; border-top: 0; background: #edfde8; }
.config2Way02 .clmArea { background: url(/nyukai/common/bg_box_mdl_02.gif) repeat-y; }
.config2Way02 .clmArea .bgB { padding-bottom: 10px; background: url(/nyukai/common/bg_box_btm_02.gif) no-repeat left bottom; }
.config2Way02 .wayOn { float: left; width: 377px; }
.config2Way02 .wayOff { float: right; width: 377px; }

.agreeDocument { height: 200px; margin: 0 10px; padding: 20px; border: 1px solid #ccc; overflow: auto; }

.inqOnBox03 { background: url(/nyukai/common/bg_online_mdl_03.gif) repeat-y 0 1px; }
.inqOnBox03 .bgT { background: url(/nyukai/common/bg_online_top_03.gif) no-repeat; }
.inqOnBox03 .bgB { padding: 20px; background: url(/nyukai/common/bg_online_btm_03.gif) no-repeat left bottom; }

.defTable03, .defTable03 tr td { border:#666 1px solid; }
.rwdTable03Wrap-attention{ display:none; }

/* Javascript用
------------------------------------------ */