@charset "utf-8";

/*============================================
  reset Css 
============================================*/
body,dl,dt,dd,ul,ol,li,h1,h2,h3,p,table,tr,th,td{ margin:0px; padding:0px; }
h1,h2,h3 { font-size:1em; font-weight:normal; }
img { margin:0; padding:0; border:0; }
ul,dl{ list-style-type:none; }
table td p{ border:0; }

body {
	background:url(/jdr/img/common_bg_01.png) repeat-x 0 0;
	font-family:'ＭＳ Ｐゴシック','MS Pゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:small;
	line-height:1.3em;
	text-align:center;
}

/*============================================
  link Css 
============================================*/
a:link { color:#0842B2; text-decoration:none; }
a:visited { color:#800080;text-decoration:none; }
a:hover { color:#0842B2;text-decoration:underline; }
a:active { color:#0842B2;text-decoration:underline; }
a:focus { color:#0842B2;text-decoration:underline; }

/*============================================
  base Css 
============================================*/
/*	container
============================================*/
#container{ width:762px; margin:0 auto; text-align:left; }

/*	container
============================================*/
#contents{ width:762px; float:left; padding:20px 0; background:url(/images/cardtype/bg_04.gif) repeat-y 0 0; border-bottom:#D9D9D9 1px solid; }
#container div#main{ width:542px;float:left; }
#container div#sub{ width:200px;float:right; padding-left:10px; }

/*	header
============================================*/
#header{ width:762px; padding-top:10px; }
#header h1{ width:174px; float:left; }
#header ul{ width:588px; float:left; }
#header li{ float:left; white-space:nowrap; }
#header li img{ float:left; }

/*	footer
============================================*/
#footer{ width:762px; clear:both; padding:15px 0 }
#footer ul{ text-align:center; }
#footer ul li{ display:inline; font-size:0.83em; }

/*============================================
  左カラム
============================================*/
/*	cardBox
============================================*/
.cardBox{ margin-bottom:15px; background:url(/images/cardtype/bg_02.gif) repeat-y 0 0; }
.cardBox h2{ padding:5px 13px; background:url(/images/cardtype/bg_01.gif) no-repeat 0 0 #2645A5; font-weight:bold; color:#FFFFFF; }
.cardBox p{ padding:5px 13px; background:url(/images/cardtype/bg_03.gif) no-repeat 0 bottom; }
.cardBox p span.bold{ display:block; font-weight:bold; }

/*	recommendation
============================================*/
.recommendation{ margin-bottom:10px; }
.recommendation h2,
.recommendation h3{ margin-bottom:5px; font-weight:bold; }
.recommendation table{ width:542px; background:url(/images/cardtype/bg_06.gif) repeat-y 0 0; border-top:#BBBBBB 1px solid; }
.recommendation table th{ padding:3px 0; text-align:center; background:#F5F5F5; border-right:#BBBBBB 1px solid; border-bottom:#BBBBBB 1px solid; font-weight:normal; }
.recommendation table th.name{ width:266px; border-left:#BBBBBB 1px solid; }
.recommendation table th.point{ width:130px; }
.recommendation table th.cost{ width:122px; }
.recommendation table td{ border-bottom:#BBBBBB 1px solid; vertical-align:top; }
.recommendation table td.name{ width:268px; padding:5px 0; }
.recommendation table td.point{ width:131px; padding:5px; }
.recommendation table td.cost{ width:123px; padding:5px; }
.recommendation table td.name div.nameL{ width:92px; float:left; text-align:center; }
.recommendation table td.name div.nameL img{ margin-bottom:5px; }
.recommendation table td.name div.nameR{ width:160px; float:left; padding:0 5px; }

/*	kuchikomi
============================================*/
.kuchikomi{ width:542px; padding:5px 0 0; background:url(/images/cardtype/bg_07.gif) no-repeat 0 0 #EDF0F8; }
.kuchikomi p.title{ margin-bottom:5px; padding:10px 15px 5px; }
.kuchikomi p.title span.bold{ display:block; font-weight:bold; }
.kuchikomi div.frame{ width:528px; margin:0 10px; background:url(/images/cardtype/bg_11.gif) repeat-y 0 0; }
.kuchikomi div.frame p.img{ padding:18px; background:url(/images/cardtype/bg_09.gif) no-repeat 0 0; }
.kuchikomi div.frame dl{ width:488px; padding:0 20px; background:url(/images/cardtype/bg_10.gif) no-repeat 0 bottom; }
.kuchikomi div.frame dl dt{ margin-bottom:3px; }
.kuchikomi div.frame dl dt a{ padding:1px 0 0 20px; background:url(/images/cardtype/icon_01.gif) no-repeat 0 0; text-decoration:underline; font-weight:bold; }
.kuchikomi div.frame dl dd.link{ margin-bottom:20px; padding:10px 0 20px; border-bottom:#CCCCCC 1px solid; }
.kuchikomi div.frame dl dd.lastLink{ padding:10px 0 20px; }
.kuchikomi div.frame dl dd.link a,
.kuchikomi div.frame dl dd.lastLink a{ padding:1px 0 0 20px; background:url(/images/common/ico_arrow_b.gif) no-repeat 0 2px; text-decoration:underline; font-weight:bold; }
.kuchikomiBT{ height:10px; clear:both; background:url(/images/cardtype/bg_08.gif) no-repeat 0 bottom; font-size:1px; line-height:1px; }

/*	recommendationBox
============================================*/
.recommendationBox{ margin-bottom:15px; background:url(/images/cardtype/bg_13.gif) no-repeat 0 bottom; }
.recommendationBox p.bold{ padding:10px 10px 0; background:url(/images/cardtype/bg_12.gif) no-repeat 0 0; font-weight:bold; }
.recommendationBox p.text{ padding:0 10px 10px; }

/*	cardLink
============================================*/
p.cardLink{ margin-bottom:10px; padding:0 10px 1px; }
p.cardLink a{ padding:1px 0 0 20px; background:url(/images/common/ico_arrow_b.gif) no-repeat 0 2px; text-decoration:underline; }

/*	kuchikomiList
============================================*/
.kuchikomiList h2{ margin-bottom:10px; padding:5px 13px; background:url(/images/cardtype/bg_01.gif) no-repeat 0 0 #2645A5; font-weight:bold; color:#FFFFFF; }
.kuchikomiList p.title{ width:488px; margin-bottom:10px; padding:0 20px; font-weight:bold; }
.kuchikomiList dl{ width:488px; padding:0 20px; }
.kuchikomiList dl dt{ margin-bottom:3px; }
.kuchikomiList dl dt a{ padding:1px 0 0 20px; background:url(/images/cardtype/icon_01.gif) no-repeat 0 0; text-decoration:underline; font-weight:bold; }
.kuchikomiList dl dd.link{ margin-bottom:20px; padding:10px 0 20px; border-bottom:#CCCCCC 1px solid; }
.kuchikomiList dl dd.lastLink{ padding:10px 0 20px; }
.kuchikomiList dl dd.link a,
.kuchikomiList dl dd.lastLink a{ padding:1px 0 0 20px; background:url(/images/common/ico_arrow_b.gif) no-repeat 0 2px; text-decoration:underline; font-weight:bold; }

/*============================================
  右カラム
============================================*/
/* 青矢印リスト */
ul.arrow-b li { background: url("/images/common/ico_arrow_b.gif") no-repeat 0 2px; margin-top: 5px; padding-left: 15px; font-size: 90%; line-height: 133.5%; }
/* 右側ナビゲーション */
#card-navi div.section { width:200px; float:left; margin-bottom:10px; background: url("/images/lineup/bg_cn_cmn_lower.gif") no-repeat 0 100%; font-family: "MS UI Gothic", "ＭＳ Ｐゴシック", sans-serif; text-align: left; }
#card-navi div.section div.inner { background: url("/images/lineup/bg_cn_cmn_upper.gif") no-repeat; padding: 1px; }
#card-navi div.section h3 { padding: 10px 9px 9px; border-bottom: 3px solid #A4B2DC; }

/* 他にもおすすめな検索ワード */
#card-navi #cn-search-word { clear:both; }
#card-navi #cn-search-word ul.arrow-b { margin: 8px; }
#card-navi #cn-search-word ul.arrow-r { margin: 8px; }
#card-navi #cn-search-word form { margin: 8px; }
#cn-search-word input { vertical-align: middle; }
#card-navi #cn-search-word input.cksf { width: 135px; }

/* 最新チェックしたカード */
#card-navi #cn-recent dl { padding: 8px; border-top: 1px dotted #D9D9D9; }
#card-navi #cn-recent h3 + dl { border: none; }
#card-navi #cn-recent dt { width: 56px; float: left; }
#card-navi #cn-recent dd { width: 118px; float: right; }
#card-navi #cn-recent img { display: block; }

/* 関連カード */
#card-navi #cn-kanren dl { padding: 8px; border-top: 1px dotted #D9D9D9; }
#card-navi #cn-kanren h3 + dl { border: none; }
#card-navi #cn-kanren dt { display: block; }
#card-navi #cn-kanren dd { display: block; }
#card-navi #cn-kanren dd img { margin-top: 5px; float: left; }
#card-navi #cn-kanren dd p { margin-top: 5px; width: 93px; float: right; }

/* 注目のおトクなカード */
#card-navi #cn-pickup dl { width:184px; clear:both; float:left; padding:5px 8px; border-top: 1px dotted #D9D9D9; }
#card-navi #cn-pickup dt { display: block; }
#card-navi #cn-pickup dd { width:184px; display: block; }
#card-navi #cn-pickup dd img { margin-top: 5px; float: left; }
#card-navi #cn-pickup dd p { margin-top:2px; width: 93px; float: right; line-height:1.2em; }

/* カードご利用ガイド */
#card-navi #cn-manual { background: url("/images/lineup/bg_cn_manual.gif") no-repeat 0 100%; text-align: left; }
#card-navi #cn-manual ul.arrow-b { margin: 8px; }

/* カード選びに困ったら・・・ */
#card-navi #cn-suited { background: url("/images/lineup/bg_cn_suited.gif") no-repeat 0 100%; }
#card-navi #cn-suited a.bnr { padding: 1px 0; display: block; zoom: 100%; }
#card-navi #cn-suited a.bnr img { margin: 7px 8px 15px; display: block; }