@charset "utf-8";
/*--- 全体 ---*/
div, dl, dt, dd, h1, h2, h3, h4, h5, ul, li, dl, dt, dd, p, form, fieldset, input, label, select, blockquote, table, th, tr, td, address, iframe {
margin:0;
padding:0;
}
body {
width:950px;
margin:0 auto;
padding:0;
position:relative;
background:#fff;
font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,Arial,sans-serif;	
font-size:12px;
line-height:14px;
}
a:link, a:active, a:visited {
text-decoration:underline;
color:#06f;
}
#leftarea3 .contbox .card_ttl h4 a:link, #leftarea3 .contbox .card_ttl h4 a:active, #leftarea3 .contbox .card_ttl h4 a:visited {
text-decoration:underline;
color:#03F;
}
a:hover ,#leftarea3 .contbox .card_ttl h4 a:hover {
text-decoration:none;
color:#09f;
}
img, a img {
border:none;
}
table {
width:100%;
border-collapse:collapse;
border-spacing:0;
}
li {
list-style-type:none;
}
span.strongtxt {
font-weight:bold;
}
span.datetxt {
color:#F00;
font-weight:bold;
}
span.smalltxt {
font-size:10px;
}
span.smalltxt_11 {
font-size:11px;
}
span.attentiontxt ,span.campaign {
background-color:#ff6;
}
span.attentiontxt_b ,#leftarea3 .elementscard_campaigntxt span.campaign{
background-color:#ff6;
font-weight:bold;
}
span.attentiontxt_orange_b {
color:#F60;
font-weight:bold;
}
span.torikeshi {
text-decoration:line-through;
}
span.color_gray{
color:#666;
}
/*--- CSSハック 共通 ---*/
div, p, ul, dl { /*for IE 5.5-7*/
zoom:100%;
}
div:after, p:after, ul:after, dl:after { /*for modern browser*/
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix:after {
content:".";
display:block;
visibility:hidden;
height:0.1px;
font-size:0.1em;
line-height:0;
clear:both;
}
.clearfix {
display:inline-block;
}
* html .clearfix { /* Hides from IE-mac \*/
height:1%;
}
.clearfix { /* End hide from IE-mac */
display:block;
}

/*----------------------------------
ヘッダー
------------------------------------*/

/*--- ページトップ ---*/
#pagetop {
height:65px;
padding:4px 0 5px;
}
#pagetop p {
width:250px;
height:65px;
float:right;
}
#pagetop h1 {
width:700px;
height:24px;
padding-top:41px;
font-size:14px;
font-weight:normal;
text-align:right;
float:right;
}
/*--- グランドメニュー ---*/
ul.grandmenu {
height:33px;
}
ul.grandmenu li {
display:block;
width:181px;
text-align:center;
float:left;
}
ul.grandmenu li.right {
width:226px;
}
ul.grandmenu li.right a:link, ul.grandmenu li.right a:active, ul.grandmenu li.right a:visited {
background-position:-362px 0;
}
ul.grandmenu li.right a:hover,
ul.grandmenu li.right a:link strong, ul.grandmenu li.right a:active strong , ul.grandmenu li.right a:visited strong {
background-position:-362px -33px;
}
ul.grandmenu li.left a:link, ul.grandmenu li.left a:active, ul.grandmenu li.left a:visited {
background-position:0 0;
}
ul.grandmenu li.left a:hover,
ul.grandmenu li.left a:link strong, ul.grandmenu li.left a:active strong , ul.grandmenu li.left a:visited strong {
background-position:0 -33px;
}
ul.grandmenu li a:link, ul.grandmenu li a:active, ul.grandmenu li a:visited {
display:block;
background:url(../img/bg.png) #2861DF -181px 0;
line-height:33px;
letter-spacing:2px;
text-decoration:none;
color:#fff;
}
ul.grandmenu li a:link strong, ul.grandmenu li a:active strong , ul.grandmenu li a:visited strong {
display:block;
background:url(../img/bg.png) #2861DF -181px -33px;
font-weight:normal;
}
ul.grandmenu li a:hover {
background:url(../img/bg.png) #507DE7 -181px -33px;
color:#fff;
}
/*--- パンくずリスト ---*/
ul.breadarea {
padding:12px 8px;
}
ul.breadarea2 {
margin-bottom:12px;
padding:12px 8px 24px;
}
ul.breadarea3 {
padding:12px 8px 8px;
}
ul.breadarea li, ul.breadarea2 li ,ul.breadarea3 li {
display:inline;
margin-right:5px;
}
/*--- サブタイトルエリア ---*/
h2.subttl, #leftarea2 h2.subttl {
height:18px;
margin:10px 8px;
padding:8px 0 0 28px;
background:url(../img/bg.png) no-repeat -1900px -425px;
font-size:16px;
letter-spacing:2px;
}
h2.ranking {
margin:10px 8px 18px;
}


h2.fs {
margin:10px 8px 0;
padding:8px 0 0 35px;
background-position:-900px -425px;
letter-spacing:1px;
}
p.subttl {
margin:10px 10px 0;
padding:8px 8px 20px 0;
font-size:14px;
line-height:1.6em;
}
p.fs {
padding-top:0;
}
/*--- クレジットカード一覧 絞り込み部分 ---*/
#focusarea {
width:948px;
margin-bottom:12px;
padding:11px 0;
background:#f9faff url(../img/bg_back.png) repeat-y -3500px 0;
border:#cee2fd solid 1px;
}
p.ttlarea {
height:22px;
padding:11px 0 0 12px;
background:url(../img/bg.png) no-repeat -1080px -80px;
clear:both;
}
#focusarea table {
width:937px;
margin-left:11px;
}
#focusarea td.lefttop {
height:9px;
vertical-align:bottom;
}
#focusarea td.lefttop-t {
height:3px;
vertical-align:bottom;
}
#focusarea td.leftbottom {
height:3px;
vertical-align:top;
}
#focusarea td.service {
width:105px;
background-color:#CEFFBD;
}
#focusarea td.fee {
background-color:#cfdcff;
}
#focusarea td.type {
background-color:#dcc4ac;
}
#focusarea td.insurance {
background-color:#ffd5d6;
}
#focusarea td.electronicmoney {
background-color:#dec8ef;
}
#focusarea td.addition {
background-color:#ffd79c;
}
#focusarea td.brand {
background-color:#ffcdfe;
}
#focusarea td.international {
background-color:#e3e3e3;
}
#focusarea td.middle {
width:648px;
border-right:1px #CCDAFF solid;
}
#focusarea td.middle ul {
margin:2px auto 0;
padding:0 11px 0 4px;
clear:both;
}
#focusarea td.middle ul li {
display:block;
width:201px;
padding:3px 0 0 10px;
margin:1px 0 0;
float:left;
}
#focusarea td.middle ul li.check {
width:623px;
padding:0 0 2px 10px;
}
#focusarea td.middle ul li label {
height:16px;
}
#focusarea td.middle ul li label input {
height:14px;
margin-right:4px;
float:left;
}
#focusarea td.right {
text-align:center;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
#focusarea td.right p {
margin-left:10px;
padding:30px 0 0 34px;
height:70px;
background:url(../img/bg.png) no-repeat -2100px -120px;
}
#focusarea td.right p span {
height:40px;
line-height:1.2em;
color:#F00;
}
#focusarea td.right p span.num {
font-size:28px;
font-weight:bold;
}
#focusarea td.right p span.txt {
font-size:16px;
}
/*--- クレジットカード一覧 現在選択中の項目 ---*/
dl.list_choicearea, dl.list_choicearea  dt {
background:url(../img/bg_middle.png) repeat-y -4150px 0;
}
dl.list_choicearea  ul {
padding:8px 14px 9px;
background:url(../img/bg_bottom.png) no-repeat -4150px bottom;
}
dl.list_choicearea  ul li {
display:inline;
margin-left:4px;
font-size:14px;
line-height:1.8em;
letter-spacing:1px;
}
dl.list_choicearea  ul li strong {
background-color:#ff6;
}
ul.list_choicearea_btn {
padding:8px 0 10px 3px;
clear:both;
}
ul.list_choicearea_btn li.openbtn {
float:left;
}
ul.list_choicearea_btn li.openbtn img {
height:16px;
margin:-2px 6px 0 0;
float:left;
}
ul.list_choicearea_btn li.link {
margin-left:12px;
padding-left:12px;
float:left;
background:url(../img/arrow.gif) no-repeat -2000px 1px;
}

/*----------------------------------
レフトエリア
------------------------------------*/
#leftarea {
width:670px;
float:left;
padding:14px 0;
}
#leftarea2 {
width:720px;
float:left;
padding-bottom:14px;
}
#leftarea3 {
width:670px;
float:left;
padding-bottom:14px;
}
/*--- トップページ 情報 ---*/
#topinfoarea {
width:660px;
padding:0 2px 0 8px;
}
#leftarea #topinfoarea h2 {
width:627px;
height:18px;
padding:8px 0 0 28px;
background:url(../img/bg.png) no-repeat -1900px -425px;
font-size:16px;
font-weight:bold;
letter-spacing:2px;
color:#333;
}
#topinfoarea p.data {
color:#888;
}
#topinfoarea p.read {
padding:18px 0;
font-size:14px;
line-height:1.5em;
}
/*--- トップページ ピックアップ ---*/
#leftarea h2 ,#leftarea h3.pickup{
width:658px;
height:19px;
padding:7px 0 0 12px;
background:#FF3C3C url(../img/bg.png) -1000px -11px;
font-size:12px;
letter-spacing:3px;
color:#FFF;
clear:both;
}
#toppickuparea, #toppickuparea2 {
width:648px;
margin-bottom:12px;
padding:10px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
font-size:12px;
}
#toppickuparea dl, #toppickuparea2 dl {
width:162px;
float:left;
letter-spacing:1px;
}
#toppickuparea dl dt {
height:16px;
text-align:center;
}
#toppickuparea2 dl dt {
display:table;
height:32px;
line-height:1.3em;
}
#toppickuparea dl dt span {
width:162px;
}
#toppickuparea2 dl dt span {
width:162px;
text-align:center;
display:table-cell;
vertical-align:bottom;
}
#toppickuparea2 dl dt span.pickup_id21, #toppickuparea2 dl dt span.pickup_id83 {
font-size:11px;
letter-spacing:0px;
}
*html #toppickuparea2 dl dt { /*- for IE 5.5-7 縦位置下揃え 開始 -*/
position:relative;
}
*+html #toppickuparea2 dl dt {
position:relative;
}
*html #toppickuparea2 dl dt span {
position:absolute;
top:100%;
}
*+html #toppickuparea2 dl dt span {
position:absolute;
top:100%;
}
*html #toppickuparea2 dl dt span a:link , *html #toppickuparea2 dl dt span a:active, *html #toppickuparea2 dl dt span a:visited {
position:relative;
top:-100%;
}
*+html #toppickuparea2 dl dt span a:link , *+html #toppickuparea2 dl dt span a:active, *+html #toppickuparea2 dl dt span a:visited {
position:relative;
top:-100%;
} /*- for IE 5.5-7 縦位置下揃え 終了 -*/
#toppickuparea dl dd, #toppickuparea2 dl dd {
height:79px;
padding:6px 21px 0;
}
#toppickuparea dl dd.read, #toppickuparea2 dl dd.read {
height:auto;
padding:5px 6px 0;
line-height:1.3em;
}
/*--- トップページ カテゴリからクレジットカードを探す ---*/
#topfoundarea a:link, #topfoundarea a:active, #topfoundarea a:visited {
color:#333;
text-decoration:underline;
}
#topfoundarea a:hover {
color:#666;
text-decoration:none;
}
#leftarea h2.topfoundarea ,#leftarea h3.topfoundarea{
background:#356AE2 url(../img/bg.png) -1000px -40px;
}
#topfoundarea {
width:654px;
padding:20px 7px 12px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
#topfoundarea dl.choicearea {
width:644px;
margin:2px auto 30px;
background:url(../img/bg_middle.png) repeat-y;
}
#topfoundarea dl.choicearea dt {
width:644px;
height:23px;
}
#topfoundarea dl.choicearea ul {
width:644px;
padding:10px 0 2px;
background:url(../img/bg_bottom.png) no-repeat 0 100%;
}
#topfoundarea dl.choicearea ul li {
width:179px;
margin:0 0 0 9px;
padding:2px 0 10px 23px;
background:url(../img/bg.png) no-repeat -1500px -315px;
}
#topfoundarea dl.category dd.international {
padding:12px 0 9px;
background:#FFF url(../img/bg.png) no-repeat -1196px -550px;
}
#topfoundarea dl.category dd.international dl {
width:122px;
padding-top:10px;
float:left;
text-align:center;
}
#topfoundarea dl.category dd.international dl dt {
padding:0;
height:auto;
background:none;
}
#topfoundarea dl.category dd.international dl dd {
padding-top:9px;
height:auto;
}
#topfoundarea dl.category dd.international dl.amex {
width:148px;
}
#topfoundarea dl.category dt {
height:29px;
padding:5px 0 0 21px;
background:url(../img/bg.png) no-repeat;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
}
#topfoundarea dl.category dt.service {
background-position:-2348px 0;
color:#090;
}
#topfoundarea dl.category dt.fee {
background-position:-2348px -50px;
color:#36C;
}
#topfoundarea dl.category dt.insurance {
background-position:-2348px -100px;
color:#F33;
}
#topfoundarea dl.category dt.type {
background-position:-2348px -150px;
color:#963;
}
#topfoundarea dl.category dt.electronicmoney {
background-position:-2348px -200px;
color:#C3F;
}
#topfoundarea dl.category dt.brand {
background-position:-2348px -250px;
color:#F06;
}
#topfoundarea dl.category dt.international {
background-position:-2348px -300px;
color:#666;
}
#topfoundarea ul {
width:654px;
padding:4px 0 38px;
background:url(../img/bg.png) no-repeat -1196px -550px;
}
#topfoundarea dd ul li {
display:inline;
width:182px;
height:14px;
margin:10px 0 0 10px;
padding:2px 0 1px 23px;
background:url(../img/bg.png) no-repeat;
float:left;
}
#topfoundarea dd.service ul li {
background-position:0 -315px;
}
#topfoundarea dd.fee ul li {
background-position:-250px -315px;
}
#topfoundarea dd.insurance ul li {
background-position:-500px -315px;
}
#topfoundarea dd.type ul li {

background-position:-750px -315px;
}
#topfoundarea dd.electronicmoney ul li {
background-position:-1000px -315px;
}
#topfoundarea dd.brand ul li {
background-position:-1250px -315px;
}
/*--- クレジットカードを選ぶ---*/
#leftarea3 .contbox {
width:646px;
padding:0 11px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
/*--- クレジットカードを選ぶ 情報 ---*/
#leftarea3 p.read {
font-size:14px;
line-height:1.6em;
padding:14px 8px 0;
}
#leftarea3 p.h3 {
padding:14px 16px 0;
}
#leftarea3 p.h4 {
padding:7px 24px 0;
}
#leftarea3 h2 {
width:644px;
height:23px;
margin-bottom:10px;
padding:11px 0 0 26px;
background:url(../img/bg.png) no-repeat -410px -80px;
font-size:16px;
letter-spacing:1px;
}
#leftarea3 h3.genre, #leftarea3 h4.genre {
height:20px;
margin:14px 10px 0;
padding:5px 0 0 19px;
background:url(../img/bg.png) no-repeat 0 -470px;
border-bottom:#C3C3C3 1px dotted;
font-size:14px;
clear:both;
}
#leftarea3 h4.ad {
margin:14px 20px 0;
}
#leftarea3 h3.genre_blue {
margin:20px 10px 5px;
padding :10px 0 6px 10px;
border-left:7px #4578EF solid;
border-bottom:1px #A3BCF8 solid;
background:#EEF3FF;
font-size:14px;
clear:both;
}
/*--- クレジットカードを選ぶ ジャンルメニュー---*/
#leftarea3 ul.genremenu {
height:37px;
margin-top:27px;
background:url(../img/bg.png) no-repeat -1000px 33px;	
}
#leftarea3 ul.genremenu li {
display:inline;
}
#leftarea3 ul.genremenu li a:link, #leftarea3 ul.genremenu li a:active, #leftarea3 ul.genremenu li a:visited {
width:138px;
margin-right:4px;
padding-top:9px;
background:#C0D1F1 url(../img/bg.png) -590px -40px;
font-size:11px;
font-weight:bold;
text-align:center;
line-height:28px;
letter-spacing:1px;
text-decoration:none;
color:#4663B7;
float:left;
}
#leftarea3 ul.genremenu li a:hover, #leftarea3 ul.genremenu li strong{
width:138px;
margin-right:4px;
padding-top:0;
background:#225DDD url(../img/bg.png) -590px 0;
font-size:12px;
text-align:center;
line-height:37px;
letter-spacing:2px;
color:#FFF;
float:left;
}
#leftarea3 ul.list_genre {
margin-top:18px;
}
/*--- クレジットカードを選ぶ ジャンルメニューのすぐ ---*/
#leftarea3 .focusarea {
width:668px;
height:28px;
background-color:#DFE4F2;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
letter-spacing:1px;
}
#leftarea3 .focusarea h3 {
width:331px;
padding:8px 0 0 8px;
font-size:12px;
float:left;
}
#leftarea3 .focusarea p {
width:321px;
padding:8px 8px 0 0;
text-align:right;
float:left;
}
/*--- ページ送り ---*/
#leftarea3 .contbox ul.pagenavi {
padding:19px 0 16px;
text-align:right;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
#leftarea3 .contbox ul.pagenavi li {
display:inline;
}
#leftarea3 .contbox ul.pagenavi li a {
display:inline-block;
padding:0.3em 0.6em;
border:1px solid #C3C3C3;
}
#leftarea3 .contbox ul.pagenavi li a:hover {
background:#039;
border-color:#00D;
color:#FFF;
}
#leftarea3 .contbox ul.pagenavi li span {
border:none;
background:none;
font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
color:#C3C3C3;
}
#leftarea3 .contbox ul.pagenavi li span.nolink {
display:inline-block;
padding:0.3em 0.6em;
border:none;
background:none;
color:#C3C3C3;
}
#leftarea3 .contbox ul.pagenavi li span a {
border:none;
background:#FFF;
}
#leftarea3 .contbox ul.pagenavi li span a:hover {
background:#FFF;
color:#09f;
}
#leftarea3 .contbox ul.pagenavi li strong {
display:inline-block;
padding:0.3em 0.6em;
border:1px solid #C3C3C3;
background:#DDD;
}
/*--- クレジットカードを選ぶ ランキング順 ---*/
#leftarea3 .contbox p.rank {
padding:14px 0 5px;
clear:both;
}
#leftarea3 .contbox p.top {
padding:2px 0 5px;
}
#leftarea3 .contbox .card_ttl {
height:34px;
background:url(../img/bg.png) -1200px -475px;
}
#leftarea3 .contbox .card_ttl h4 {
margin:0 auto;
padding:11px 0 1px 12px;
font-size:14px;
letter-spacing:1px;
float:left;
}
#leftarea3 .contbox .card_ttl p.icon ,#leftarea3 .elementsttl p.card {
height:30px;
margin:0 auto;
padding:4px 2px 0 0;
float:right;
}
#leftarea3 .contbox .card_ttl p.icon img ,#leftarea3 .elementsttl p.card img {
margin-right:4px;
}
#leftarea3 .contbox .elementsbox {
width:616px;
padding:14px 14px 12px;
border-left:1px #999 solid;
border-right:1px #999 solid;
border-bottom:1px #999 solid;
}
#leftarea3 .contbox .elementsbox .leftarea {
width:147px;
float:left;
}
#leftarea3 .contbox .elementsbox .leftarea li {
width:57px;
float:left;
margin-top:8px;
}
#leftarea3 .contbox .elementsbox .leftarea li.right {
margin-left:6px;
}
#leftarea3 .contbox .elementsbox .rightarea {
width:469px;
float:left;
}
#leftarea3 .contbox .elementsbox .rightarea p.info {
padding-bottom:12px;
font-size:13px;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 .contbox .elementsbox .rightarea ul li {
width:447px;
margin-bottom:2px;
padding:0 0 1px 22px;
font-size:13px;
line-height:1.5em;
background:url(../img/bg.png) no-repeat -700px -474px;
}
#leftarea3 .contbox .elementsbox .rightarea .campaignttl {
width:469px;
height:32px;
margin-top:10px;
background:url(../img/bg.png) no-repeat -646px -254px;
letter-spacing:1px;
}
#leftarea3 .contbox .elementsbox .rightarea .aim {
width:421px;
height:19px;
margin-top:10px;
padding:10px 0 0 48px;
background:url(../img/bg.png) no-repeat -1761px -253px;
letter-spacing:1px;
}
#leftarea3 .contbox .elementsbox .rightarea .campaignttl p.left {
display:inline;
height:22px;
margin:0 auto;
padding:10px 0 0 44px;
font-weight:bold;
letter-spacing:1px;
float:left;
}
#leftarea3 .contbox .elementsbox .rightarea .campaignttl p.right {
display:inline;
height:22px;
margin:0 auto;
padding:10px 4px 0 0;
text-align:right;
letter-spacing:1px;
float:right;
}
#leftarea3 .contbox .elementsbox .rightarea .campaigntxt {
width:451px;
padding:8px;
border-left:1px #F1A9A9 solid;
border-right:1px #F1A9A9 solid;
border-bottom:1px #F1A9A9 solid;
background:url(../img/bg_back.png) repeat-y -2130px 0;
font-size:13px;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 .contbox .elementsbox .rightarea .aimtxt {
border-left:1px #F6C18B solid;
border-right:1px #F6C18B solid;
border-bottom:1px #F6C18B solid;
background:#FFFAE8;
}
#leftarea3 .contbox .elementsbox .rightarea ul.btn {
margin-top:15px;
font-size:13px;
letter-spacing:1px;
}
#leftarea3 .contbox .elementsbox .rightarea ul.btn li {
width:135px;
margin:0;
padding:4px 0 1px 15px;
background:url(../img/bg.png) no-repeat -250px -421px;
line-height:12px;
float:left;
}
#leftarea3 .contbox .elementsbox .rightarea ul.btn li.right {
width:285px;
background-position:-500px -421px;
}
#leftarea3 .contbox .databox {
width:646px;
padding-bottom:24px;
clear:both;
}
#leftarea3 .contbox .databox h4 {
width:646px;
margin:26px 0 4px;
padding:0;
font-size:14px;
}
#leftarea3 .contbox .databox h4.top {
margin-top:6px;
}
#leftarea3 .contbox .databox table {
border-collapse:separate;
border-bottom:1px #AAA solid;
border-right:1px #AAA solid;
}
#leftarea3 .contbox .databox table.elements_spc {
margin-bottom:8px;
}
#leftarea3 .contbox .databox table.zero_border ,#leftarea3 .contbox .databox_h4 table.zero_border {
border:none;
}
#leftarea3 .contbox .databox td {
text-align:left;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
padding:4px 0 4px 4px;
background:url(../img/bg_back.png) repeat-y;
}
#leftarea3 .contbox .databox tr.ttl td ,#leftarea3 .contbox .databox td.ttl {
padding:6px 0 5px;
text-align:center;
}
#leftarea3 .contbox .databox td.ttl2 {
width:85px;
}
#leftarea3 .contbox .databox td.ttl3 {
width:64px;
}
#leftarea3 .contbox .databox tr.ttl4 td {
background:#FFF;
}
#leftarea3 .contbox .databox td.ttl5 {
width:72px;
}
#leftarea3 .contbox .databox td.ttl6 {
width:53px;
}
#leftarea3 .contbox .databox td.ttl7 {
width:78px;
}
#leftarea3 .contbox .databox td.ttl8 {
width:161px;
padding:4px 0;
text-align:center;
}
#leftarea3 .contbox .databox td.ttl9 {
padding:4px 0 4px 7px;
}
#leftarea3 .contbox .databox td.right {
border-right:1px #AAA solid;
background:#FFF;
text-align:center;
}
#leftarea3 .contbox .databox td.right2 {
width:133px;
padding:4px 0;
border-right:1px #AAA solid;
background:#FFF;
text-align:center;
}
#leftarea3 .contbox .databox td.right3 {
border-right:1px #AAA solid;
width:312px;
background:#FFF;
}
#leftarea3 .contbox .databox td.right4 {
border-right:1px #AAA solid;
background:#FFF;
}
#leftarea3 .contbox .databox td.right5 {
width:138px;
border-right:1px #AAA solid;
background:#FFF;
text-align:center;
}
#leftarea3 .contbox .databox td.blank {
width:6px;
border:none;
background:#FFF;
}
#leftarea3 .contbox .databox tr.top td {
border-top:none;
}
#leftarea3 .contbox .databox td.bottom ,#leftarea3 .contbox .databox_h4 td.bottom {
border-bottom:1px #AAA solid;
}
#leftarea3 .contbox .databox td.subttl {
width:80px;
padding:6px 0 5px;
background:url(../img/bg_back.png) repeat-y -1420px 0;
text-align:center;
}
#leftarea3 .contbox .databox td.subttl2 {
background:#FFF;
padding:10px 0 10px 6px;
letter-spacing:1px;
}
#leftarea3 .contbox .databox td.subttl3 {
background:#FFD;
width:53px;
font-size:10px;
}
#leftarea3 .contbox .databox td.subttl4 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
width:120px;
padding:6px 0 5px;
text-align:center;
}
#leftarea3 .contbox .databox tr.subttl5 td {
background:#FFF;
padding:6px 0 5px;
text-align:center;
}
#leftarea3 .contbox .databox td.subttl6 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
width:42px;
}
#leftarea3 .contbox .databox td.subttl7 {
background:#FFD;
width:61px;
font-size:10px;
}
#leftarea3 .contbox .databox td.subttl8 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
}
#leftarea3 .contbox .databox td.subttl9 {
width:77px;
background:url(../img/bg_back.png) repeat-y -1420px 0;
}
#leftarea3 .contbox .databox td.subttl10 {
width:46px;
background:#FFD;
font-size:10px;
}
#leftarea3 .contbox .databox td.subttl11 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
width:120px;
}
#leftarea3 .contbox .databox td.subttl12 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
width:56px;
}
#leftarea3 .contbox .databox p.international {
padding:0 0 0 7px;
background:#FFF;
}
#leftarea3 .contbox .databox p.international img {
margin-right:11px;
}
#leftarea3 .contbox .databox p.addition {
height:26px;
padding-left:6px;
background:#FFF
}
#leftarea3 .contbox .databox td img {
margin-right:4px;
}
#leftarea3 .contbox p.elements_txt3 {
margin-bottom:5px;
}
/*--- クレジットカードを選ぶ カードデザイン ---*/
#toppickuparea2 dl dd.btn {
width:126px;
height:auto;
padding:4px 18px 24px;
}
#toppickuparea2 dl dd.btn ul li {
width:57px;
margin:0 3px;
float:left;
display:inline;
}
#leftarea3 .carddesign {
padding-top:24px;
}
/*--- クレジットカードを選ぶ カードブランド・年会費 ここまでやった---*/
#leftarea3 .genreotherarea {
display:block;
width:205px;
padding:0 0 24px 15px;
float:left;
}
#leftarea3 .first {
padding-left:0;
}
#leftarea3 .contbox .genreotherarea h3 {
width:188px;
height:20px;
margin:24px 0 0;
padding:8px 0 0 17px;
font-size:12px;
}
#leftarea3 .contbox .genreotherarea h3.sb {
background:url(../img/bg.png) no-repeat -205px -80px;
}
#leftarea3 .contbox .genreotherarea h3.ss {
background:url(../img/bg.png) no-repeat 0 -80px;
}
#leftarea3 .genreotherarea ul {
padding:12px 0 0;
}
#leftarea3 .genreotherarea ul li {
width:171px;
margin-bottom:7px;
padding:2px 10px 0 20px;
background:url(../img/arrow.gif) no-repeat -1993px 4px;
}
#leftarea3 .genreotherarea p {
padding:12px 8px 0;
}
/*--- クレジットカードを選ぶ さらに絞り込む　---*/
#leftarea3 dl.more a:link, #leftarea3 dl.more a:active, #leftarea3 dl.more a:visited {
color:#333;
text-decoration:underline;
}
#leftarea3 dl.more a:hover {
color:#666;
text-decoration:none;
}
#leftarea3 dl.more {
width:670px;
margin-top:20px;
padding-bottom:3px;
background:url(../img/bg_bottom.png) no-repeat -900px 100%;
}
#leftarea3 dl.more dt {
height:12px;
background:url(../img/bg_middle.png) repeat-y -900px 0;
}
#leftarea3 dl.more dd {
padding:10px 15px;
line-height:1.8em;
background:url(../img/bg_middle.png) repeat-y -900px 0;
}
#leftarea3 dl.more dd li {
display:inline;
}
/*--- クレジットカードを選ぶ 各カードの詳細ページ ---*/
#leftarea3 .top_border {
margin:20px 0 0;
border-top:1px #c4c4c4 solid;
}
#leftarea3 .elementsttl {
width:670px;
height:34px;
background:url(../img/bg.png) -410px -80px;
font-size:16px;
}
#leftarea3 .elementsttl h2 {
width:auto;
height:24px;
padding:11px 0 0 26px;
background:none;
font-size:16px;
letter-spacing:1px;
float:left;
}
#leftarea3 .contbox p.elements_read {
padding:14px 0 8px 4px;
font-size:14px;
font-weight:bold;
line-height:1.5em;
letter-spacing:1px;
color:#444;
}
#leftarea3 .contbox ul.cardarea {
padding:10px 5px;
border-bottom:#d7d7d7 solid 1px;
border-top:#d7d7d7 solid 1px;
}
#leftarea3 .contbox ul.cardarea li {
margin-right:16px;
float:left;
}
#leftarea3 .contbox ul.cardarea li.elements_btn_s {
width:95px;
margin:32px 0 0 12px;
}
#leftarea3 .contbox h3 {
width:618px;
height:22px;
margin:36px 0 26px;
padding:12px 0 0 28px;
background:url(../img/bg.png);
font-size:14px;
letter-spacing:2px;
clear:both;
}
#leftarea3 .contbox h3.cardelements_blue {
margin:26px 0;
background-position:0 -200px;
}
#leftarea3 .contbox h3.cardelements_red {
background-position:-646px -200px;
}
#leftarea3 .contbox h3.cardelements_green {
background-position:-1292px -200px;
}
#leftarea3 .contbox .elementscard_campaignttl {
width:646px;
height:41px;
margin-top:24px;
background:url(../img/bg.png) no-repeat 0 -250px;
font-size:14px;
letter-spacing:1px;
clear:both;
}
#leftarea3 .contbox .elementscard_campaignttl p.left {
width:248px;
height:25px;
padding:16px 0 0 52px;
float:left;
}
#leftarea3 .contbox .elementscard_campaignttl p.right {
width:340px;
height:25px;
padding:16px 6px 0 0;
text-align:right;
float:left;
}
#leftarea3 .contbox .elementscard_campaigntxt {
width:620px;
padding:12px;
margin-bottom:38px;
border-left:1px #F1A9A9 solid;
border-right:1px #F1A9A9 solid;
border-bottom:1px #F1A9A9 solid;
background:url(../img/bg_back.png) repeat-y -2130px 0;
font-size:14px;
line-height:1.5em;
letter-spacing:1px;
}
#leftarea3 .contbox h4 {
margin:32px 0 18px 5px;
padding:9px 0 0 15px;
font-size:14px;
letter-spacing:1px;
clear:both;
}
#leftarea3 .contbox h4.blue {
width:619px;
padding :10px 0 6px 10px;
border-left:7px #4578EF solid;
border-bottom:1px #A3BCF8 solid;
background:#EEF3FF;
}
#leftarea3 .contbox h4.red {
width:619px;
padding :10px 0 6px 10px;
border-left:7px #FF8080 solid;
border-bottom:1px #FFB9B9 solid;
background:#FFEEEC;
}
#leftarea3 .contbox .databox_h4 {
width:630px;
margin:17px 8px 0;
}
#leftarea3 .contbox .databox_h4 table, #leftarea3 .contbox .databox_h5 table, #leftarea3 .elementscontbox .databox_column table {
border-collapse:separate;
border-spacing:0;
width:100%;
border-bottom:1px #AAA solid;
border-right:1px #AAA solid;
}
#leftarea3 .contbox .databox_h4 table td, #leftarea3 .elementscontbox .databox_column table td {
padding:4px;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
line-height:1.5em;
}
#leftarea3 .contbox .databox_h4 table td.ttl, #leftarea3 .contbox .databox_h5 table td.ttl, #leftarea3 .elementscontbox .databox_column table td.ttl {
background:url(../img/bg_back.png) repeat-y -710px 0;
}
#leftarea3 .contbox .databox_h4 table td.ttl_top, #leftarea3 .contbox .databox_h5 table td.ttl_top, #leftarea3 .elementscontbox .databox_column table td.ttl_top {
padding:6px 4px;
background:url(../img/bg_back.png) repeat-y -710px 0;
}
#leftarea3 .contbox .databox_h4 table td.subttl, #leftarea3 .contbox .databox_h5 table td.subttl, #leftarea3 .elementscontbox .databox_column table td.subttl {
background:url(../img/bg_back.png) repeat-y -1420px 0;
}
#leftarea3 .contbox .databox_h4 table.p_center, #leftarea3 .contbox .databox_h5 table.p_center, #leftarea3 .elementscontbox .databox_column table.p_center {
text-align:center;
vertical-align:middle;
}
#leftarea3 .contbox .databox_h4 table td.left, #leftarea3 .contbox .databox_h5 table td.left, #leftarea3 .elementscontbox .databox_column table td.left {
text-align:left;
}
#leftarea3 .contbox .databox_h4 table td.blank, #leftarea3 .contbox .databox_h5 table td.blank {
padding:0;
border-top:none;
border-bottom:none;
}
#leftarea3 .contbox .databox_h4 td.right {
border-right:1px #AAA solid;
}
#leftarea3 .contbox .databox_h4 td.none ,#leftarea3 .contbox .databox_h5 td.none{
border-bottom:none;
border-left:none;
border-right:none;
background:none;
}
#leftarea3 .contbox .databox_h5 {
width:606px;
margin:17px 18px 0 22px;
padding-bottom:8px;
}
#leftarea3 .contbox .databox_h5 table td {
padding:4px;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
line-height:1.5em;
}
#leftarea3 .contbox .databox_h5 table td.ttl_point {
background:url(../img/bg_back.png) repeat-y;
width:22%;
vertical-align:top;
}
#leftarea3 .elementscontbox .databox_column {
width:646px;
margin-top:14px;
}
#leftarea3 .elementscontbox .databox_column img{
margin:3px 0;
}
#leftarea3 .contbox p.elements {
margin:0 8px;
font-size:14px;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 .contbox p.elements634 {
margin-left:8px;
}
#leftarea3 .contbox ul.info {
padding:4px 0 0 20px;
}
#leftarea3 .contbox ul.info li {
padding:0 0 0 14px;
background:url(../img/bg.png) no-repeat -2160px -557px;
font-size:14px;
line-height:1.6em;
}
#leftarea3 .contbox h5 {
height:20px;
margin:18px 14px 9px 20px;
padding:5px 0 0 19px;
background:url(../img/bg.png) no-repeat 0 -470px;
font-size:14px;
font-weight:bold;
border-bottom:#C3C3C3 1px dotted;
clear:both;
}
#leftarea3 .contbox h5.icon {
height:24px;
margin:26px 7px 10px;
padding:0 0 4px;
background:none;
}
#leftarea3 .contbox h5.charm {
width:634px;
height:28px;
margin:26px 0 0 7px;
padding:0;
background:none;
border:none;
}
#leftarea3 .contbox .charm {
width:634px;
margin-left:7px;
background:url(../img/bg_middle.png) repeat-y -1580px 0;
}
#leftarea3 .contbox .charm .bottom_image {
background:url(../img/bg_bottom.png) no-repeat -1580px 100%;
}
#leftarea3 .contbox .charm dl {
width:174px;
padding-top:3px;
float:left;
}
#leftarea3 .contbox .charm dl dt {
width:120px;
padding:2px 30px 0 24px;
}
#leftarea3 .contbox .charm dl dd {
width:144px;
padding:3px 18px 6px 12px;
line-height:1.2em;
font-weight:bold;
text-align:center;
}
#leftarea3 .contbox .charm p {
width:448px;
padding:2px 12px 6px 0;
font-size:14px;
line-height:1.5em;
letter-spacing:1px;
float:left;
}
#leftarea3 .contbox p.elements_h5 {
margin:0 18px 0 22px;
font-size:14px;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 p.elements_arrow {
margin:0 8px;
padding-left:20px;
font-size:14px;
line-height:1.5em;
letter-spacing:1px;
background:url(../img/bg.png) no-repeat -2250px -487px;
}
#leftarea3 p.ar_h5 {
margin:4px 18px 0 22px;
}
#leftarea3 p.ar_column {
margin:4px 18px 0 0;
}
#leftarea3 .contbox p.attention {
margin:0 8px;
font-size:14px;
padding:3px 0 0 25px;
line-height:1.5em;
letter-spacing:1px;
background:url(../img/bg.png) no-repeat -2180px -535px;
color:#555;
}
#leftarea3 .contbox p.at_h5 {
margin:0 18px 0 22px;
}
#leftarea3 .contbox p.elements_h5_icon {
margin:8px 8px 0;
font-size:14px;
padding:0;
line-height:1.5em;
letter-spacing:1px;
}
#leftarea3 .contbox .hikaku table {
width:600px;
margin:0 23px;
font-size:14px;
padding:0;
line-height:130%;
}
#leftarea3 .contbox .hikaku td {
margin:0;
padding:4px 4px 8px;
}
#leftarea3 .contbox .hikaku td.subject {
font-weight:bold;
}
#leftarea3 .contbox .elements_type .right {
width:520px;
margin:0 auto;
padding:0;
float:left;
}
#leftarea3 .contbox .comment {
width:634px;
margin:6px auto 12px;
padding:0;
background:url(../img/bg_middle.png) repeat-y -2220px 0;
}
#leftarea3 .contbox .comment .bottom_image {
background:url(../img/bg_bottom.png) no-repeat -2220px 100%;
}
#leftarea3 .comment dl {
width:634px;
padding-top:20px;
background:url(../img/bg_back.png) no-repeat -2850px 0;
}
#leftarea3 .comment dl dt {
width:52px;
margin:3px 0 0 16px;
padding-bottom:5px;
float:left;
display:inline;
}
#leftarea3 .comment dl dd {
width:534px;
margin:0;
padding:4px 15px 4px 16px;
float:left;
display:inline;
font-size:14px;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 img.illustration {
padding:10px 0 7px;
}
#leftarea3 .contbox .hitokoto_600 {
width:600px;
padding:14px 18px 10px 22px;
}
#leftarea3 .contbox .hitokoto_600 dl {
background:url(../img/bg_middle.png) repeat-y -3520px 0;
}
#leftarea3 .contbox .hitokoto_600 dl dt, #leftarea3 .contbox .hitokoto_634 dl dt {
height:34px;
}
#leftarea3 .contbox .hitokoto_600 dl dd {
font-size:14px;
padding:4px 13px 8px;
line-height:1.5em;
letter-spacing:1px;
background:url(../img/bg_bottom.png) no-repeat -3520px bottom;
}
#leftarea3 .contbox .hitokoto_634 {
width:634px;
padding:14px 6px 10px;
}
#leftarea3 .contbox .hitokoto_634 dl {
background:url(../img/bg_middle.png) repeat-y -2880px 0;
}
#leftarea3 .contbox .hitokoto_634 dl dd {
font-size:14px;
padding:4px 13px 8px;
line-height:1.5em;
letter-spacing:1px;
background:url(../img/bg_bottom.png) no-repeat -2880px bottom;
}
#leftarea3 .contbox p.elements_btn {
width:400px;
height:50px;
margin:50px auto 40px;
clear:both;
}
#leftarea3 h3.elementscont {
width:658px;
height:25px;
margin-top:14px;
padding:11px 0 0 12px;
font-size:12px;
letter-spacing:1px;
background:url(../img/bg.png) no-repeat -1340px -141px;
clear:both;
}
#leftarea3 .elementscontbox {
width:646px;
margin:0 auto;
padding:11px;
border-left:1px #c4c4c4 solid;
border-right:1px #c4c4c4 solid;
border-bottom:1px #c4c4c4 solid;
}
#leftarea3 .elementscontbox p {
font-size:14px;
line-height:1.5em;
letter-spacing:1px;
}
#leftarea3 .contbox img.fl-l ,#leftarea3 p img.fl-l{
float:left;
margin:2px 24px 3px 0;
}
#leftarea3 .contbox .hitokoto_600 img.fl-l {
float:left;
margin:6px 18px 6px 0;
}
#leftarea3 .elementscontbox img.fl-l {
float:left;
margin:2px 15px 3px 0;
}
#leftarea3 .elementscontbox dl {
width:303px;
padding:5px 0 0 20px;
letter-spacing:1px;
float:left;
}
#leftarea3 .elementscontbox dl dt {
width:255px;
height:12px;
padding:3px 0 0 14px;
background:url(../img/arrow.gif) no-repeat -2000px 5px;
}
#leftarea3 .elementscontbox dl dt a:link, #leftarea3 .elementscontbox dl dt a:active, #leftarea3 .elementscontbox dl dt a:visited {
color:#06f;
text-decoration:underline;
}
#leftarea3 .elementscontbox dl dt a:hover {
color:#09f;
text-decoration:none;
}
#leftarea3 .elementscontbox dl dd {
width:92px;
margin:0 auto 2px 0;
padding:9px 0 7px;
float:left;
background:none;
}
#leftarea3 .elementscontbox dl dd.read {
width:160px;
float:left;
padding-left:11px;
line-height:1.25em;
text-align:left;
}
#leftarea3 .elementscontbox ul {
padding:4px 0;
line-height:1.8em;
}
#leftarea3 .elementscontbox ul li {
display:inline;
}
#leftarea3 .elementscontbox ul.column li {
display:list-item;
background:url(../img/bg.png) no-repeat -2220px -513px;
padding:1px 0 1px 10px;
text-align:left;
line-height:1.4em;
}
#leftarea3 .contbox .alert {
padding:6px 0 0 1px;
}
#leftarea3 .contbox .alert dl {
letter-spacing:1px;
line-height:16px;
clear:both;
}
#leftarea3 .contbox .alert dt {
width:26px;
padding-top:3px;
float:left;
}
#leftarea3 .contbox .alert dd {
width:619px;
padding-top:3px;
float:left;
}
#leftarea3 .elementscontbox .databox_column .alert dl {
width:645px;
padding:6px 0 0 1px;
letter-spacing:1px;
line-height:16px;
clear:both;
}
#leftarea3 .elementscontbox .databox_column .alert dt {
width:26px;
height:auto;
padding:3px 0 0;
float:left;
background-image:none;
}
#leftarea3 .elementscontbox .databox_column .alert dd {
width:619px;
margin:0;
padding:3px 0 0;
float:left;
}
/*--- 総合ランキング　---*/
#leftarea3 .ranking {
padding:16px 11px 0;
}
#leftarea3 h3.ranking_ttl {
line-height:37px;
padding-left:14px;
font-size:14px;
letter-spacing:2px;
color:#FFF;
background:#FF3C3C url(../img/bg.png) -1672px 0;
}
#leftarea3 h3.gold {
background-position:-1672px -40px;
}

/*----------------------------------
ライトエリア
------------------------------------*/
#rightarea {
width:268px;
padding:0 0 14px 12px;
float:left;
}
#rightarea2 {
width:218px;
padding:16px 0 14px 12px;
float:left;
}
#rightarea h2, #rightarea h3 {
clear:both;
font-size:12px;
letter-spacing:1px;
background-image:url(../img/bg.png);
}
#rightarea h2.top_ranking ,#rightarea h3.top_ranking {
width:210px;
height:26px;
background-position:0 -137px;
padding:13px 0 15px 58px;
}
#rightarea h2.top_campaign ,#rightarea h3.top_campaign {
width:213px;
height:28px;
background-position:-268px -134px;
padding:17px 0 0 55px;
}
#rightarea h2.top_knowledge ,#rightarea h3.top_knowledge {
width:205px;
height:26px;
background-position:-536px -130px;
padding:20px 0 0 63px;
}
#rightarea h2.ranking {
margin-top:4px;
}
#rightarea h3.ranking {
margin-top:10px;
}
#rightarea h3.select {
width:223px;
height:24px;
background-position:-804px -138px;
margin-top:18px;
padding:14px 0 0 45px;
}
#rightarea h2.ttl, #rightarea h3.ttl {
width:258px;
height:28px;
background:url(../img/bg.png) no-repeat -1072px -141px;
padding:10px 0 0 10px;
}
#rightarea h4{
padding:34px 0 9px 10px;
font-size:12px;
letter-spacing:1px;
background:url(../img/bg_back.png) no-repeat -1420px 25px;
clear:both;
}
#rightarea h4.first{
padding:16px 0 9px 10px;
background-position:-1420px 7px;
}
#rightarea h4 a:link, #rightarea h4 a:active, #rightarea h4 a:visited {
color:#333;
}
#rightarea .top_noborder {
padding:0;
}
/*--- バナーエリア　---*/
#rightarea ul.bannerarea {
margin:14px 0 7px;
}
#rightarea ul.bannerarea_gold {
margin:22px 0 11px;
}
#rightarea ul.bannerarea_gold_banner {
padding:0 0 4px;
}
#rightarea ul.bannerarea li ,#rightarea ul.bannerarea_gold li {
height:46px;
display:inline;
}
#rightarea ul.bannerarea_gold_banner li {
display:inline;
}
#rightarea ul.bannerarea li img, #rightarea ul.bannerarea_gold li img , #rightarea ul.bannerarea_gold_banner li img { /*for IE6*/
display:block;
margin-bottom:5px;
}
/*--- トップランキングエリア ---*/
#rightarea ul.rankingarea li {
display:inline;
}
#rightarea ul.rankingarea li a:link, #rightarea ul.rankingarea li a:active, #rightarea ul.rankingarea li a:visited {
padding-top:9px;
background:url(../img/bg.png);
font-size:11px;
font-weight:bold;
text-align:center;
line-height:28px;
letter-spacing:1px;
text-decoration:none;
color:#4663B7;
float:left;
}
#rightarea ul.rankingarea li.left a:link, #rightarea ul.rankingarea li.left a:active, #rightarea ul.rankingarea li.left a:visited {
width:136px;
background-position: -730px -40px;
}
#rightarea ul.rankingarea li.right a:link, #rightarea ul.rankingarea li.right a:active, #rightarea ul.rankingarea li.right a:visited {
width:132px;
background-position: -866px -40px;
}
#rightarea ul.rankingarea li a:hover, #rightarea ul.rankingarea li strong{
padding-top:0;
background:url(../img/bg.png);
font-size:12px;
text-align:center;
line-height:37px;
letter-spacing:2px;
color:#FFF;
float:left;
}
#rightarea ul.rankingarea li.left a:hover, #rightarea ul.rankingarea li.left strong {
width:136px;
background-position: -730px 0;
font-size:14px;
}
#rightarea ul.rankingarea li.right a:hover, #rightarea ul.rankingarea li.right strong {
width:132px;
background-position: -866px 0;
}
/*--- 右メニュー共通　---*/
#rightarea .box {
width:266px;
margin:0 auto 14px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
#rightarea .ranking_category {
padding:15px 0 10px;
}
#rightarea .ranking_gold {
padding-top:5px;
}
#rightarea .box dl {
width:246px;
padding:12px 0 2px;
margin:0 auto;
background:url(../img/bg.png) no-repeat -1250px -550px;
letter-spacing:1px;
}
#rightarea .box dl dt, #rightarea .box dl.card dt.arrow {
width:232px;
margin:0 auto;
padding:3px 0 0 14px;
background:url(../img/arrow.gif) no-repeat -2000px 5px;
}
#rightarea .box dl dd {
margin-bottom:7px;
padding:10px 0 4px;
line-height:1.5em;
}
#rightarea .box dl dd .fl-l{
float:left;
padding-right:14px;
}
#rightarea .box dl.card {
background:url(../img/bg.png) no-repeat -1250px -550px;
padding-top:10px;
clear:both;
}
#rightarea .box dl.card dd {
width:92px;
margin:0 auto 2px 0;
padding:9px 0 7px;
float:left;
background:none;
}
#rightarea .box dl.card dd.read {
width:146px;
float:right;
line-height:1.25em;
text-align:left;
}
#rightarea .box dl.rank1 {
padding-top:16px;
background:none;
}
#rightarea .box dl.rank1 dt {
width:192px;
margin:0 auto;
padding:4px 0 0 50px;
background:url(../img/bg.png) no-repeat 0 -355px;
text-align:left;
}
#rightarea .box dl.rank1 dd {
width:120px;
margin:0 auto;
padding:5px 0;
clear:both;
background:none;
}
#rightarea .box dl.rank1 dd.read {
width:242px;
margin:0;
padding:0 2px 8px;
letter-spacing:1px;
line-height:1.5em;
text-align:left;
background:none;
}
#rightarea .box dl.card dt {
width:202px;
margin:0 auto;
padding:4px 0 0 40px;
}
#rightarea .box dl.card dt.rank2 {
background:url(../img/bg.png) no-repeat -250px -355px;
}
#rightarea .box dl.card dt.rank3 {
background:url(../img/bg.png) no-repeat -500px -355px;
}
#rightarea .box dl.card dt.rank4 {
background:url(../img/bg.png) no-repeat -750px -355px;
}
#rightarea .box dl.card dt.rank5 {
background:url(../img/bg.png) no-repeat -1000px -355px;
}
#rightarea .box dl.card dt.rank6 {
background:url(../img/bg.png) no-repeat -1250px -355px;
}
#rightarea .box dl.card dt.rank7 {
background:url(../img/bg.png) no-repeat -1500px -355px;
}
#rightarea .box dl.first {
padding-top:16px;
background:none;
}
#rightarea .box p ,#categoryarea p{
width:246px;
margin:0 auto;
padding:14px 0 7px;
font-weight:bold;
text-align:right;
clear:both;
}
#rightarea .box p.linkarea {
padding:5px 0 7px;
}
#rightarea p.linkarea a:link, #rightarea p.linkarea a:active, #rightarea p.linkarea a:visited {
color:#06f;
text-decoration:underline;
background:none;
margin:0;
padding:0;
display:inherit;
}
#rightarea p.linkarea a:hover {
color:#09f;
text-decoration:none;
background:none;
margin:0;
padding:0;
display:inherit;
}
/*--- 右メニュー カテゴリ---*/
#categoryarea {
margin-bottom:15px;
padding-top:1px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
#categoryarea a:link, #categoryarea a:active, #categoryarea a:visited {
color:#333;
text-decoration:none;
margin-top:1px;
padding:6px 0 6px 14px;
display:block;
background:url(../img/arrow.gif) no-repeat;
}
#categoryarea a:hover {
margin-top:1px;
padding:6px 0 6px 14px;
display:block;
background:#FFC url(../img/arrow.gif) no-repeat;
}
#categoryarea dl.choicearea {
width:244px;
margin:14px auto 25px;
padding:0;
background:url(../img/bg_middle.png) repeat-y -650px 0;
}
#categoryarea dl.choicearea dt {
height:24px;
padding:0;
margin:0;
background:url(../img/bg_middle.png) repeat-y -650px 0;
}
#categoryarea dl.choicearea dd {
margin-top:0;
background:url(../img/bg_bottom.png) no-repeat -650px 100%;
}
#categoryarea dl.choicearea ul {
margin:0;
padding:5px 0;
}
#categoryarea dl.choicearea ul li {
padding:3px 0 1px;
background:url(../img/bg.png) no-repeat -1745px -307px;
}
#categoryarea dl.choicearea a:link, #categoryarea dl.choicearea a:active, #categoryarea dl.choicearea a:visited {
margin:1px auto 0;
padding-left:27px;
background:url(../img/arrow.gif) no-repeat -1737px 8px;
}
#categoryarea dl {
margin:0 auto 8px;
clear:both;
}
#categoryarea dt{
margin-top:15px;
padding:9px 0 7px 10px;
font-weight:bold;
letter-spacing:1px;
background:url(../img/bg_back.png) repeat-y -1420px 0;
}
#categoryarea dl.choicearea a:hover ,#rightarea h4 a:hover {
color:#999;
}
#categoryarea dd {
margin-top:15px;
}
#categoryarea ul {
margin:0 12px;
}
#categoryarea ul.knowledge {
margin:0 10px;
}
#categoryarea ul.knowledge li a:link, #categoryarea ul.knowledge li a:active, #categoryarea ul.knowledge li a:visited {
background-position:0 9px;
line-height:1.4em;
}
#categoryarea li {
padding:3px 0 1px;
background:url(../img/bg.png) no-repeat -1250px -550px;
}
#categoryarea li.first, #categoryarea dl.choicearea ul li.first{
background:none;
}
#categoryarea ul.info {
padding-top:14px;
}
#categoryarea ul.info2 {
padding:14px 0;
}
#categoryarea dl.service a:link, #categoryarea dl.service a:active, #categoryarea dl.service a:visited {
background-position:0 8px;
}
#categoryarea dl.fee a:link, #categoryarea dl.fee a:active, #categoryarea dl.fee a:visited {
background-position:-250px 8px;
}
#categoryarea dl.insurance a:link, #categoryarea dl.insurance a:active, #categoryarea dl.insurance a:visited {
background-position:-500px 8px;
}
#categoryarea dl.type a:link, #categoryarea dl.type a:active, #categoryarea dl.type a:visited {
background-position:-750px 8px;
}
#categoryarea dl.electronicmoney a:link, #categoryarea dl.electronicmoney a:active, #categoryarea dl.electronicmoney a:visited {
background-position:-1000px 8px;
}
#categoryarea dl.brand a:link, #categoryarea dl.brand a:active, #categoryarea dl.brand a:visited {
background-position:-1250px 8px;
}
#categoryarea dl.international a:link, #categoryarea dl.international a:active, #categoryarea dl.international a:visited {
background-position:-1500px 8px;
}
#categoryarea ul.info a:link, #categoryarea ul.info a:active, #categoryarea ul.info a:visited, #categoryarea ul.info2 a:link, #categoryarea ul.info2 a:active, #categoryarea ul.info2 a:visited {
background-position:-2000px 9px;
line-height:1.4em;
}

/*----------------------------------
フッター
------------------------------------*/
#footerarea {
clear:both;
}
#footerarea p.top {
margin:6px 0;
padding-bottom:6px;
border-bottom:#999 1px solid;
}
#footerarea p.top a:link, #footerarea p.top a:active, #footerarea p.top a:visited {
width:110px;
background:url(../img/bg.png) no-repeat 0 -423px;
display:block;
margin-left:824px;
padding-left:16px;
}
#footerarea .searcharea {
width:400px;
float:left;
}
#footerarea ul.tipsarea {
width:540px;
padding-top:4px;
float:right;
text-align:right;
}
#footerarea ul.tipsarea li {
display:inline;
margin-right:1px;
}
#footerarea ul.tipsarea li a:link, #footerarea ul.tipsarea li a:active, #footerarea ul.tipsarea li a:visited {
color:#333;
text-decoration:underline;
}
#footerarea ul.tipsarea li a:hover {
color:#666;
text-decoration:none;
}
address {
width:950px;
padding:4px 0;
text-align:right;
font-style:normal;
clear:both;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}

/*----------------------------------
add Pagination
------------------------------------*/
.pagination {
padding:19px 0 16px;
font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
float:right;
} 
.pagination a {
border:1px solid #C3C3C3;
padding:0.3em 0.6em;
display:inline-block;
}
.pagination a.prev, .pagination a.next{
border-style:none;
}
.pagination a:hover {
background:#039;
border-color:#00D;
color:#FFF;
}
.pagination a, .pagination span {
display:block;
float:left;
padding: 0.3em 0.5em;
margin-right:5px;
margin-bottom:5px;
}
.pagination .current {
background:#039;
color:#FFF;
border:solid 1px #AAE;
}
.pagination .current.prev, .pagination .current.next{
color:#999;
border-style:none;
background:#fff;
}