@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,
#leftarea3 .contbox .databox table.zero_border ,#leftarea3 .contbox .databox_h3 table.zero_border ,#leftarea3 .contbox .databox_h5 table.zero_border, #compare table.zero_border {
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;
}
#leftarea3 .elementscard_campaigntxt span.campaign, span.attentiontxt_b {
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;
}

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

/*--- ページトップ ---*/
p#pagetop, h1#pagetop {
width:250px;
height:65px;
padding:4px 0 5px;
float:left;
}
#search {
width:700px;
padding-top:42px;
text-align:right;
float:left;
}
/*--- グランドメニュー ---*/
ul.grandmenu {
height:33px;
clear:both;
}
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 12px 30px;
background:url(../img/bg.png) no-repeat -2205px -413px;
}
ul.breadarea2 {
margin-bottom:12px;
padding:12px 8px 24px 30px;
background:url(../img/bg.png) no-repeat -2205px -413px;
}
ul.breadarea3 {
padding:12px 8px 8px 30px;
background:url(../img/bg.png) no-repeat -2205px -413px;
}
ul.breadarea li, ul.breadarea2 li ,ul.breadarea3 li {
display:inline;
margin-right:5px;
line-height:1.6em;
}
ul.breadarea li strong, ul.breadarea2 li strong ,ul.breadarea3 li strong {
padding:2px 6px;
border:1px solid #ddd;
background-color: #f5f5f5;
font-weight:normal;
}
/*--- サブタイトルエリア ---*/
h1.subttl, #leftarea2 h1.subttl {
height:18px;
margin:10px 8px;
padding:8px 0 0 28px;
background:url(../img/bg.png) no-repeat -2210px -375px;
font-size:16px;
letter-spacing:2px;
}
h1.fs {
margin:10px 8px 0;
padding:8px 0 0 35px;
background-position:-2030px -670px;
letter-spacing:1px;
}
p.subttl {
margin:10px 10px 0;
padding:8px 8px 6px 0;
font-size:14px;
line-height:1.6em;
}
p.fs {
padding:0 0 20px;
}
/*--- クレジットカード一覧 絞り込み部分 ---*/
#focusarea {
width:948px;
padding:11px 0;
background:#f9faff url(../img/bg_back.png) repeat-y -4150px 0;
border:#cee2fd solid 1px;
}
p.ttlarea {
height:22px;
margin-top:14px;
padding:11px 0 0 12px;
background:url(../img/bg.png) no-repeat 0 -360px;
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 -2080px -90px;
}
#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 -2570px 0;
}
dl.list_choicearea ul {
padding:2px 14px 0;
background:url(../img/bg_bottom.png) no-repeat -2570px bottom;
}
dl.list_choicearea  ul li {
display:inline-block;
margin:4px 20px 2px 4px;
padding:6px 0 8px 28px;
font-size:14px;
letter-spacing:1px;
background:url(../img/check_item.gif) no-repeat;
font-weight:bold;
}
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;
}
/*--- クレジットカードを一覧表で比較 ---*/
#compare {
padding:40px 0;
line-height:1.4em;
}
#compare dl.card {
width:162px;
margin:0 auto;
letter-spacing:1px;
}
#compare table {
border-collapse:separate;
border-right:1px #AAA solid;
}
#compare td {
text-align:left;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
padding:7px 4px 5px;
text-align:center;
line-height:1.5em;
}
td.hover { 
background-color:#FFE4E5;
}
#compare tr.chart img {
padding:4px 0;
}
#compare td.top {
border-top:4px #366BE2 solid;
}
#compare td.top2 {
border-top:1px #366BE2 solid;
}
#compare td.bottom {
border-bottom:4px #366BE2 solid;
}
#compare td.left {
border-left:1px #366BE2 solid;
}
#compare td.left2 {
border:none;
padding:0;
width:4px;
}
#compare td.left3 {
background-color:#366BE2;
}
#compare td.number {
border:none;
vertical-align:bottom;
padding:21px 4px 7px;
}
#compare td.number p {
width:188px;
border:2px #FF0000 solid;
background:url(../img/bg_back.png) repeat-y -2130px 0;
margin:0 auto 40px;
padding:8px 10px;
font-size:13px;
}
#compare td.card1 {
width:690px;
background:url(../img/bg_compare.png) repeat-x;
}
#compare td.card2 {
width:358px;
background:url(../img/bg_compare.png) repeat-x;
}
#compare td.card3 {
width:236px;
background:url(../img/bg_compare.png) repeat-x;
}
#compare td.card4 {
width:176px;
background:url(../img/bg_compare.png) repeat-x;
}
#compare td.ttl {
background-color:#366BE2;
color:#FFF;
padding:12px 0px;
border:none;
}
#compare td.ttl2 {
background:url(../img/bg_back.png) repeat-y -710px 0;
padding:7px 4px;
line-height:1.4em;
}
#compare td.subttl {
background:url(../img/bg_back.png) repeat-y -710px 0;
border-left:none;
text-align:left;
}
#compare td.subttl2 {
width:62px;
background:url(../img/bg_back.png) repeat-y -1420px 0;
text-align:left;
}
#compare td.subttl3 {
width:56px;
background:#FFD;
font-size:10px;
text-align:left;
}
#compare td p img {
padding-bottom:6px;
}
#compare td p.info {
padding:2px 0 6px;
margin-bottom:7px;
border-bottom:#C3C3C3 1px dotted;
}
#compare td p.icon {
padding-bottom:4px;
margin-bottom:4px;
border-bottom:#C3C3C3 1px dotted;
}
#compare td p.icon img {
padding:3px 6px 3px 0;
}
#compare td p.icon2, #compare td p.icon3 {
margin:0 3px 1px;
text-align:center;
}
#compare td p.icon2 img {
padding:2px 6px;
}
#compare td p.icon3 img {
padding:3px;
}
#compare td.vt {
vertical-align:top;
padding:8px 7px 7px;
}
#compare td.vt ul li {
margin-bottom:2px;
padding:0 0 1px 22px;
background:url(../img/bg.png) no-repeat -2070px -639px;
text-align:left;
}
#compare td.card1_alert, #compare td.card2_alert, #compare td.card3_alert, #compare td.card4_alert {
padding:5px 6px 8px;
vertical-align:top;
text-align:left;
}
#compare td.card1_alert .alert dt, #compare td.card2_alert .alert dt, #compare td.card3_alert .alert dt, #compare td.card4_alert .alert dt {
width:38px;
padding-top:5px;
float:left;
}
#compare td.card1_alert .alert dd {
width:648px;
padding-top:5px;
float:left;
}
#compare td.card2_alert .alert dd {
width:316px;
padding-top:5px;
float:left;
}
#compare td.card3_alert .alert dd {
width:194px;
padding-top:5px;
float:left;
}
#compare td.card4_alert .alert dd {
width:134px;
padding-top:5px;
float:left;
}

/*----------------------------------
レフトエリア
------------------------------------*/
#leftarea {
width:670px;
float:left;
padding:14px 0;
}
#leftarea2 {
width:720px;
float:left;
padding-bottom:14px;
}
#leftarea3 {
width:670px;
float:left;
padding-bottom:14px;
clear:both;
}
/*--- トップページ 情報 ---*/
#leftarea h1 {
height:18px;
margin:14px 8px 10px;
padding:8px 0 0 28px;
background:url(../img/bg.png) no-repeat -2210px -375px;
font-size:16px;
letter-spacing:2px;
}
#leftarea p.info {
padding:22px 2px 22px 8px;
font-size:14px;
line-height:1.7em;
}
/*--- トップページ ピックアップ ---*/
#leftarea h2 ,#leftarea h3.pickup{
width:658px;
height:23px;
padding:10px 0 0 12px;
background:#1452DD url(../img/bg.png) -720px -8px;
font-size:12px;
letter-spacing:3px;
color:#FFF;
clear:both;
}
#toppickuparea, #toppickuparea2 {
width:648px;
margin-bottom:18px;
padding:14px 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, #compare dl.card dt {
display:table;
height:36px;
line-height:1.3em;
}
#toppickuparea dl dt span {
width:162px;
}
#toppickuparea2 dl dt span, #compare dl.card 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, #toppickuparea2 dl dt span.pickup_id88, #toppickuparea2 dl dt span.pickup_id106, #toppickuparea2 dl dt span.pickup_id107,
#compare dl.card dt span.pickup_id21, #compare dl.card dt span.pickup_id83, #compare dl.card dt span.pickup_id88, #compare dl.card dt span.pickup_id106, #compare dl.card dt span.pickup_id107 {
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, #compare dl.card dd {
height:79px;
padding:6px 21px 0;
}
#toppickuparea dl dd.read, #toppickuparea2 dl dd.read {
height:auto;
padding:6px 6px 1px;
line-height:1.4em;
}
#toppickuparea2 p.period {
padding:14px 0 0 4px;
clear:both;
}
/*--- トップページ カテゴリからクレジットカードを探す ---*/
#topfoundarea a:link, #topfoundarea a:active, #topfoundarea a:visited,
#topknowledgearea a:link, #topknowledgearea a:active, #topknowledgearea a:visited,
#rightarea .category_pickup a:link, #rightarea .category_pickup a:active, #rightarea .category_pickup a:visited {
color:#333;
text-decoration:underline;
}
#topfoundarea a:hover ,#topknowledgearea a:hover ,#rightarea .category_pickup a:hover {
color:#666;
text-decoration:none;
}
#leftarea h2.topfoundarea ,#leftarea h3.topfoundarea {
background-position: -720px -44px;
}
#topfoundarea ,#topknowledgearea ,#systemarea {
width:654px;
margin-bottom:18px;
padding:20px 7px 12px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
/*--- おすすめカテゴリをピックアップ ---*/
#topfoundarea .category_pickup {
width:644px;
height:360px;
margin:0 0 36px 5px;
background:url(../img/category.png) ;
}
#topfoundarea .category_pickup h3 {
padding:64px 0 0 55px;
}
#topfoundarea .category_pickup .left{
width:421px;
float:left;
}
#topfoundarea .category_pickup .left ul{
width:397px;
background:none;
padding:36px 0 0 24px;
}
#topfoundarea .category_pickup .left ul li {
width:190px;
height:26px;
padding:0 0 0 20px;
float:left;
background:url(../img/arrow.gif) no-repeat -2300px 0;
}
#topfoundarea .category_pickup .left ul li.right {
width:167px;
}
#topfoundarea .category_pickup .left ul li img {
height:47px;
padding:38px 20px 0 0;
margin-left:-19px;
background:none;
}
#topfoundarea .category_pickup .middle {
width:92px;
padding-top:17px;
float:left;
}
#topfoundarea .category_pickup .right {
width:92px;
padding:0 23px 0 16px;
float:left;
}
#topfoundarea .category_pickup dl {
padding:0;
}
#topfoundarea .category_pickup dl dt {
height:51px;
padding:8px 0 8px 12px;
}
#topfoundarea .category_pickup dl dd {
text-align:center;
height:20px;
padding-top: 6px;
}
#topfoundarea .category_pickup dl.bottom ,#rightarea .category_pickup dl.bottom {
padding:0;
}
#topfoundarea .category_pickup dl.bottom dt ,#rightarea .category_pickup dl.bottom dt {
height:51px;
padding:36px 0 8px 12px;
}
#topfoundarea .category_pickup dl.bottom dd ,#rightarea .category_pickup dl.bottom dd {
text-align:center;
height:26px;
padding-top:12px;
}
#topfoundarea .category_pickup dl.bottom dd.amex ,#rightarea .category_pickup dl.bottom dd.amex {
height:32px;
padding-top:4px; 
}
/*--- /おすすめカテゴリをピックアップ ---*/
#topfoundarea dl.category dd.international {
padding:12px 0 9px;
background:#FFF url(../img/bg.png) no-repeat -1316px -714px;
}
#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 ,#topknowledgearea 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:-2255px 0;
color:#090;
}
#topfoundarea dl.category dt.fee {
background-position:-2255px -40px;
color:#36C;
}
#topfoundarea dl.category dt.insurance {
background-position:-2255px -80px;
color:#F33;
}
#topfoundarea dl.category dt.type {
background-position:-2255px -120px;
color:#963;
}
#topfoundarea dl.category dt.electronicmoney {
background-position:-2255px -160px;
color:#C3F;
}
#topfoundarea dl.category dt.brand {
background-position:-2255px -200px;
color:#F06;
}
#topfoundarea dl.category dt.international {
background-position:-2255px -240px;
color:#666;
}
#topfoundarea dl.category dt.etc, #topknowledgearea dl.category dt.etc {
background-position:-2255px -40px;
clear:both;
}
#topfoundarea ul, #topknowledgearea ul {
width:651px;
padding:4px 0 38px;
background:url(../img/bg.png) no-repeat -1296px -714px;
}
#topfoundarea dd ul li ,#topknowledgearea 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;
}
#topfoundarea dd.etc ul li, #topknowledgearea dd.etc ul li {
background-position:-1500px -315px;
}
#topfoundarea p.linkarea, #topknowledgearea p.linkarea {
text-align:right;
font-weight:bold;
margin-right:5px;
}
/*--- トップページ 基礎知識・知る ---*/
#leftarea h2.topknowledgearea {
background-position:-1395px -8px;
}
#topknowledgearea dd.pickup ul {
padding:8px 0 27px;
}
#topknowledgearea dd.pickup ul li {
width:104px;
height:98px;
margin:0 0 0 11px;
padding:100px 8px 0;
line-height:1.45em;
float:left;
background:url(../img/bg.png) -970px -410px;
}
#topknowledgearea dd.pickup ul li.left01, #leftarea2 ul.article li.left01 {
margin-left:5px;
}
#topknowledgearea dd.pickup ul li.left02, #leftarea2 ul.article li.left02 {
background-position:-1100px -410px;
}
#topknowledgearea dd.pickup ul li.left03, #leftarea2 ul.article li.left03 {
background-position:-1230px -410px;
}
#topknowledgearea dd.pickup ul li.left04, #leftarea2 ul.article li.left04 {
background-position:-1360px -410px;
}
#topknowledgearea dd.pickup ul li.left05, #leftarea2 ul.article li.left05 {
background-position:-1490px -410px;
}
/*--- 検索システムシステム ---*/
#leftarea h2.system {
background-position:-1395px -44px;
}
#systemarea h3.example {
padding:2px 0 4px 14px;
}
#systemarea h3.system {
height:24px;
margin-left:5px;
padding:26px 0 0 55px;
background:url(../img/bg.png) -1320px -625px;
font-size:13px;
clear:both;
}
#systemarea .left {
width:382px;
float:left;
}
#systemarea .left p {
font-size:13px;
padding:0 4px 14px 8px;
line-height:1.7em;
}
#systemarea .right {
width:272px;
float:left;
}
#systemarea .right dl {
margin:0 6px 10px 14px;
text-align:center;
border:1px #D8D8D8 solid;
}
#systemarea .right dl dt {
line-height:32px;
text-align:center;
}
#systemarea .right dl dt.compare {
padding:4px 0;
line-height:1.8em;
}
#systemarea .right dl dt span {
background:url(../img/bg.png) -2000px -710px;
display:inline;
padding:2px 0 2px 21px;
}
#systemarea .right dl dd {
background-color:#E1EDFF;
line-height:26px;
}
#systemarea .right dl dd a:link, #systemarea .right dl dd a:active, #systemarea .right dl dd a:visited {
padding-left:18px;
background:url(../img/arrow.gif) no-repeat -2850px -1px;
}
#systemarea .bottom {
width:642px;
margin-left:5px;
padding-top:22px;
padding-bottom:12px; /*for IE 5.5-7*/
border-left:1px #D8D8D8 solid;
border-right:1px #D8D8D8 solid;
border-bottom:1px #D8D8D8 solid;
clear:both;
}
#systemarea .bottom dl {
width:300px;
height:110px;
background:url(../img/bg.png) -1900px -300px;
margin:0 0 0 14px;
float:left;
text-align:center;
display:inline; /*for IE 6*/
}
#systemarea .bottom dl dt{
height:39px;
padding-top:10px;
}
/*--- クレジットカードを探す---*/
#leftarea3 .contbox {
width:646px;
padding:0 11px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
border-bottom:1px #C3C3C3 solid;
}
/*--- クレジットカードを選ぶ 情報 ---*/
p.search {
padding:8px 0 6px 8px;
}
#leftarea3 p.read {
font-size:14px;
line-height:1.8em;
padding:14px 7px 0;
}
#leftarea3 h3.genre_blue {
width:638px;
height:23px;
margin:20px 0 4px 8px;
padding :10px 0 0 16px;
background:url(../img/bg.png) -650px -630px;
font-size:14px;
clear:both;
}
#leftarea3 h3.genre, #leftarea3 h4.genre {
height:22px;
margin:24px 16px 7px 18px;
padding:3px 0 0 14px;
background:url(../img/bg.png) no-repeat -1300px -690px;
font-size:14px;
letter-spacing:1px;
clear:both;
}
#leftarea3 p.h3 {
padding:14px 12px 0;
}
#leftarea3 p.h4 {
padding:0 14px 0 18px;
}
#leftarea3 h1 {
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 h4.ad {
margin:14px 20px 0;
}
/*--- クレジットカードを選ぶ ジャンルメニュー---*/
#leftarea3 ul.genremenu {
height:37px;
margin-top:36px;
background:url(../img/bg.png) no-repeat -720px 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:128px;
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:128px;
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:32px;
}
/*--- クレジットカードを選ぶ ジャンルメニューのすぐ下 ---*/
#leftarea3 .focusarea {
width:668px;
height:28px;
background-color:#DFE4F2;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
letter-spacing:1px;
}
#leftarea3 .focusarea h2, #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 24px;
text-align:right;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
#leftarea3 .contbox ul.bottom {
padding:0 0 16px;
}
#leftarea3 .contbox ul.pagenavi li {
display:inline;
}
#leftarea3 .contbox ul.pagenavi li a, .pagination a, .pagination2 a {
display:inline-block;
padding:0.3em 0.6em;
border:1px solid #C3C3C3;
}
#leftarea3 .contbox ul.pagenavi li a:hover, .pagination a:hover, .pagination2 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;
}
/*--- クレジットカード一覧 ページ送り ---*/
.pagination, .pagination2 {
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
float:right;
}
.pagination {
padding:19px 0 16px 0;
}
.pagination2 {
padding:0px 0 16px 0;
}
.pagination a.prev, .pagination2 a.prev, .pagination a.next, .pagination2 a.next{
border-style:none;
}
.pagination a, .pagination span, .pagination2 a, .pagination2 span {
display: block;
float: left;
padding: 0.3em 0.6em;
margin-right: 4px;
margin-bottom: 5px;
}
.pagination .current, .pagination2 .current {
background: #DDD;
border: solid 1px #C3C3C3;
font-weight:bold;
}
.pagination .current.prev, .pagination .current.next, .pagination2 .current.prev, .pagination2 .current.next {
color:#C3C3C3;
border-style:none;
background:#fff;
font-weight:normal;
}
.pagination .prev, .pagination .next, .pagination2 .prev, .pagination2 .next {
font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,sans-serif;
}
.pagination a:hover.prev, .pagination a:hover.next, .pagination2 a:hover.prev, .pagination2 a:hover.next {
color:#09f;
background:#fff;
}
#leftarea3 .contbox p.check {
width:472px;
height:63px;
padding:12px 10px 0 164px;
background:url(../img/bg.png) #035549 0 -475px;
color:#FFFFFF;
font-size:13px;
line-height:22px;
}
#leftarea3 .contbox p.check a:link, #leftarea3 .contbox p.check a:active, #leftarea3 .contbox p.check a:visited ,#leftarea3 .contbox p.check a:hover {
color:#FFF;
}
#leftarea3 .contbox p.koko, #leftarea3 .contbox p.point {
width:456px;
padding:12px 10px 0 180px;
background-position:-650px -475px;
}
#leftarea3 .contbox p.check strong{
background:url(../img/bg.png) -960px -420px;
padding-bottom:4px;
}
#leftarea3 p#empty_text_information {
padding:26px 0 16px;
}
#leftarea3 .contbox .card_ttl {
height:34px;
background:url(../img/bg.png) -0px -480px;
}
#leftarea3 .contbox .card_ttl h3, #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, #compare dl.card dd.btn ul {
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 -2070px -639px;
}
#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 0 -406px;
line-height:12px;
float:left;
}
#leftarea3 .contbox .elementsbox .rightarea ul.btn li.right {
width:285px;
background-position:-250px -406px;
}
#leftarea3 .contbox .databox {
width:646px;
padding-bottom:30px;
clear:both;
}
#leftarea3 .contbox .databox h3 {
width:646px;
margin:26px 0 4px;
padding:0;
font-size:14px;
}
#leftarea3 .contbox .databox h3.top {
padding-top:6px;
}
#leftarea3 .contbox .databox table {
border-collapse:separate;
border-bottom:1px #AAA solid;
border-right:1px #AAA solid;
}
#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.ttl10 {
width:102px;
}
#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:305px;
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_h3 td.bottom ,#leftarea3 .contbox .databox_h5 td.bottom {
border-bottom:1px #AAA solid;
}
#leftarea3 .contbox .databox td.center ,#compare td p.center{
text-align:center;
}
#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 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 td.subttl13 {
width:86px;
padding:6px 0 5px;
background:url(../img/bg_back.png) repeat-y -1420px 0;
text-align:center;
}
#leftarea3 .contbox .databox td.subttl14 {
background:url(../img/bg_back.png) repeat-y -1420px 0;
width:109px;
padding:6px 0 5px;
text-align:center;
}
#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, #compare dl.card dd.btn {
width:126px;
height:auto;
padding:4px 18px 24px;
}
#toppickuparea2 dl dd.btn ul li, #compare dl.card 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 .contbox p.compare {
padding-top:20px;
line-height:1.6em;
font-size:14px
}
#leftarea3 .contbox p.compare_button {
width:300px;
margin:18px auto;
}
#leftarea3 .contbox table.compare {
border-collapse:separate;
padding:16px 0;
}
#leftarea3 .contbox table.compare td.blank {
height:10px;
line-height:0;
}
#leftarea3 .contbox table.compare td.check {
border:1px #AAA solid;
width:24px;
padding:2px 0;
text-align:center;
vertical-align:middle;
}
#leftarea3 .contbox table.compare td.card {
width:269px;
padding:6px 11px 0;
font-size:12px;
letter-spacing:1px;
border-top:1px #AAA solid;
border-right:1px #AAA solid;
border-bottom:1px #AAA solid;
}
#leftarea3 .contbox table.compare td.red {
background-color:#FFE4E5;
}
#leftarea3 .contbox table.compare td.card dl dt {
width:255px;
padding:3px 0 0 14px;
background:url(../img/arrow.gif) no-repeat -2000px 5px;
}
/*--- クレジットカードを選ぶ さらに絞り込む　---*/
#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 h1 {
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:154px;
margin:24px 0 0 12px;
float:right;
}
#leftarea3 .contbox h2 {
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_red {
width:618px;
height:22px;
margin:36px 0 26px;
padding:12px 0 0 28px;
background:url(../img/bg.png) -646px -200px;
font-size:14px;
letter-spacing:2px;
clear:both;
}
#leftarea3 .contbox h2.cardelements_blue {
margin:26px 0;
background-position:0 -200px;
}
#leftarea3 .contbox h2.cardelements_red {
background-position:-646px -200px;
}
#leftarea3 .contbox h2.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 h3, #leftarea3 .contbox h4 {
margin:32px 0 18px 5px;
padding:9px 0 0 15px;
font-size:14px;
letter-spacing:1px;
clear:both;
}
#leftarea3 .contbox h3.blue, #leftarea3 .contbox h4.blue {
width:620px;
height:23px;
padding :10px 0 0 16px;
background:url(../img/bg.png) 0 -630px;
}
#leftarea3 .contbox h3.red, #leftarea3 .contbox h4.red {
width:620px;
height:23px;
padding :10px 0 0 16px;
background:url(../img/bg.png) -0px -520px;
}
#leftarea3 .contbox .databox_h3 {
width:630px;
margin:17px 8px 0;
font-size:13px;
}
#leftarea3 .contbox .title {
margin-top:4px;
}
#leftarea3 .contbox p.table_title {
margin:0 0 0 8px;
font-size:14px;
font-weight:bold;
}
#leftarea3 .contbox .databox_h3 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_h3 table td, #leftarea3 .elementscontbox .databox_column table td {
padding:6px;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
line-height:1.6em;
}
#leftarea3 .contbox .databox_h3 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_h3 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_h3 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_h3 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_h3 table td.left, #leftarea3 .contbox .databox_h5 table td.left, #leftarea3 .elementscontbox .databox_column table td.left, #compare td p {
text-align:left;
}
#leftarea3 .contbox .databox_h3 table td.blank, #leftarea3 .contbox .databox_h5 table td.blank {
padding:0;
border-top:none;
border-bottom:none;
}
#leftarea3 .contbox .databox_h3 td.right ,#leftarea3 .contbox .databox_h5 td.right {
border-right:1px #AAA solid;
}
#leftarea3 .contbox .databox_h3 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:6px;
border-top:1px #AAA solid;
border-left:1px #AAA solid;
line-height:1.6em;
font-size:13px;
}
#leftarea3 .contbox .databox_h5 table.f13 td {
padding:6px 4px;
font-size:13px;
}
#leftarea3 .contbox .databox_h5 table td.ttl_point {
background:url(../img/bg_back.png) repeat-y -710px 0;
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.8em;
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 h4, #leftarea3 .contbox h5 ,#leftarea3 .contbox h4.knowledge {
height:22px;
margin:24px 14px 9px 20px;
padding:3px 0 0 14px;
background:url(../img/bg.png) no-repeat -1300px -690px;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
clear:both;
}
#leftarea3 .contbox h5.icon {
height:24px;
margin:26px 7px 10px;
padding:0 0 4px;
background:none;
border-bottom:#C3C3C3 1px dotted;
}
#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;
}
#leftarea3 .contbox .charm .bottom_image {
background:url(../img/bg_bottom.png) no-repeat 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:right;
}
#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/arrow.gif) no-repeat -2850px 3px;
}
#leftarea3 p.ar_h5 {
margin:4px 18px 0 22px;
}
#leftarea3 p.ar_h5_genre {
margin:4px 18px 0 18px;
}
#leftarea3 p.ar_column {
margin:4px 18px 0 0;
}
#leftarea3 p.ar_campaign {
margin:4px 18px 0 0;
background:url(../img/bg.png) no-repeat -2280px -457px;
}
#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 -640px 0;
}
#leftarea3 .contbox .comment .bottom_image {
background:url(../img/bg_bottom.png) no-repeat -640px 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 -1940px 0;
}
#leftarea3 .contbox .hitokoto_600 dl dt, #leftarea3 .contbox .hitokoto_634 dl dt {
height:50px;
}
#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 -1940px bottom;
}
#leftarea3 .contbox .hitokoto_634 {
width:634px;
padding:14px 6px 10px;
}
#leftarea3 .contbox .hitokoto_campaign {
padding:0 0 18px 0;
}
#leftarea3 .contbox .hitokoto_634 dl {
background:url(../img/bg_middle.png) repeat-y -1300px 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 -1300px 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 div.left {
width:174px;
float:left;
}
#leftarea3 .elementscontbox div.right {
width:472px;
float:left;
}
#leftarea3 .elementscontbox div.left dl {
width:174px;
padding:3px 0 0 0;
}
#leftarea3 .elementscontbox div.left dl dt {
width:120px;
padding:2px 30px 0 24px;
background:none;
}
#leftarea3 .elementscontbox div.left dl dd {
width:144px;
padding:3px 18px 6px 12px;
line-height:1.2em;
font-weight:bold;
text-align:center;
}
#leftarea3 .elementscontbox div.right p {
padding:14px 0 0 14px;
}
#leftarea3 .elementscontbox div.right p.top {
padding-top:4px;
}
#leftarea3 .elementscontbox dl {
width:303px;
padding:5px 0 0 20px;
letter-spacing:1px;
float:left;
}
#leftarea3 .elementscontbox dl.compare dt {
width:255px;
height:12px;
padding:3px 0 0 14px;
background:url(../img/arrow.gif) no-repeat -2000px 5px;
}
#leftarea3 .elementscontbox dl.compare dt a:link, #leftarea3 .elementscontbox dl.compare dt a:active, #leftarea3 .elementscontbox dl.compare dt a:visited {
color:#06f;
text-decoration:underline;
}
#leftarea3 .elementscontbox dl.compare dt a:hover {
color:#09f;
text-decoration:none;
}
#leftarea3 .elementscontbox dl.compare dd, #leftarea3 .contbox table.compare td.card dl dd {
width:92px;
margin:0 auto 2px 0;
padding:9px 0 7px;
float:left;
background:none;
}
#leftarea3 .elementscontbox dl.compare dd.read, #leftarea3 .contbox table.compare td.card 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 .elementscontbox p.arrow {
padding-left:20px;
background:url(../img/arrow.gif) no-repeat -2850px 3px;
}
#leftarea3 .contbox .alert {
padding:6px 0 0 1px;
}
#leftarea3 .contbox .alert dl, #compare td.card2_alert .alert dl, #compare td.card3_alert .alert dl, #compare td.card4_alert .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 .contbox .databox_elements01 {
margin:16px 5px 40px 10px;
padding:0 13px 0 12px;
font-size:13px;
}
#leftarea3 .contbox .mt0 {
margin-top:0;
}
#leftarea3 .contbox .databox_elements01 table {
border-collapse: separate;
border-spacing: 0;
width:100%;
}
#leftarea3 .contbox .databox_elements01 table td {
padding:14px 0 7px;
margin:0 auto;
border-bottom:1px #D2CFC1 solid;
line-height:1.6em;
letter-spacing:1px;
}
#leftarea3 .contbox .databox_elements01 table td.ttl {
width:165px;
font-weight:bold;
color:#6F6851;
}
#leftarea3 .contbox .databox_elements01 table td.top {
padding-top:8px;
}
#leftarea3 .contbox h5 {
height:25px;
font-size:14px;
margin:14px 0 0 22px;
padding:35px 0 0 56px;
background:url(../img/comment-h6-top.png) no-repeat;
letter-spacing:0px;
}
#leftarea3 .contbox h5.example {
font-size:14px;
background:none;
margin:0;
padding:24px 0 0 22px;
letter-spacing:1px;
}
#leftarea3 .contbox .comment2 {
margin-left:22px;
padding-top:9px;
margin-bottom:16px;
background:url(../img/comment-h6-middle.png) repeat-y left;
}
#leftarea3 .contbox .comment3 {
background:url(../img/comment-h6-bottom.png) no-repeat bottom left;
padding-bottom:10px;
}
#leftarea3 .contbox .comment2 p {
line-height:1.7em;
font-size:14px;
padding:0 28px 0 14px;
}
#leftarea3 .contbox .comment2 .white {
background-color:#FFF;
border:1px #D8D8D8 solid;
margin:12px 30px 0 12px;
}
#leftarea3 .contbox .comment2 .white p {
padding:10px 12px;
}
#leftarea3 .contbox .summary {
margin:0 6px 16px;
font-size:13px;
letter-spacing:1px;
background:url(../img/bg_middle.png) repeat-y -4200px;
}
#leftarea3 .contbox .summary .image_top {
background:url(../img/bg_middle.png) no-repeat -3550px top;
}
#leftarea3 .contbox .summary .image_bottom {
background:url(../img/bg_back.png) no-repeat -3500px bottom;
}
#leftarea3 .contbox .summary h3 {
margin:6px 0 0 3px;
position:absolute;
}
#leftarea3 .contbox .summary span {
color:#F00;
font-weight:bold;
}
#leftarea3 .contbox .summary p {
padding:14px 16px 36px 126px;
line-height:1.6em;
}
#leftarea3 .contbox .summary ul {
padding:20px 16px 36px 124px;
line-height:1.8em;
}
#leftarea3 .contbox .summary ul.top {
padding-bottom:0px;
}
#leftarea3 .contbox .summary ul li{
padding-left:28px;
background:url(../img/bg.png) no-repeat -2245px -489px;
}
#leftarea3 .contbox .summary ul li ul{
padding:0;
line-height:1.8em;
}
#leftarea3 .contbox .summary ul li ul li{
padding-left:25px;
background:url(../img/bg.png) no-repeat -650px -682px;
}

/*----------------------------------
ライトエリア
------------------------------------*/
#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_campaign ,#rightarea h3.top_campaign {
width:213px;
height:28px;
background-position:-268px -134px;
padding:17px 0 0 55px;
}
#rightarea h2.top_blog ,#rightarea h3.top_blog {
width:205px;
height:26px;
background-position:-536px -130px;
padding:20px 0 0 63px;
}
#rightarea h2.top_news {
width:205px;
height:26px;
background-position:0 -125px;
padding:25px 0 0 63px;
}
#rightarea h3.select {
width:223px;
height:24px;
background-position:-804px -138px;
margin-top:32px;
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 h2.popular {
width:210px;
height:11px;
background-position:-670px -475px;
margin-top:14px;
padding:13px 0 15px 58px;
}
#rightarea h2.relation {
height:43px;
}
#rightarea h3.relation {
margin-top:6px;
padding:9px 10px 7px;
font-size:12px;
letter-spacing:1px;
line-height:1.4em;
background:url(../img/bg_back.png) repeat-y -1420px 0;
clear:both;
}
#rightarea h3.first {
margin: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 .box #category_none {
width:246px;
margin:0 auto;
padding:12px 0 10px;
}
#rightarea .box dl {
width:246px;
padding:12px 0 2px;
margin:0 auto;
background:url(../img/bg.png) no-repeat -1370px -714px;
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 dt.news {
width:218px;
padding:4px 0px 1px 28px;
background:url(../img/bg.png) no-repeat -2100px -606px;
font-weight:bold;
line-height:1.5em;
}
#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 -1370px -714px;
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.card dt {
width:202px;
margin:0 auto;
padding:4px 0 0 40px;
}
#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.campaign {
text-align:left;
padding:10px 0 0 0;
}
#rightarea .box ul.action {
clear:both;
padding:0 0 8px 8px;
}
#rightarea .box ul.action li {
display:inline;
background-image:none;
margin:0;
padding:0 0 0 2px;
}
#rightarea .category_pickup p.linkarea {
padding:56px 0 14px;
text-align:right;
font-weight:bold;
clear:both;
}
#rightarea p.linkarea a:link, #rightarea p.linkarea a:active, #rightarea p.linkarea a:visited,
#topfoundarea p.linkarea a:link, #topfoundarea p.linkarea a:active, #topfoundarea p.linkarea a:visited,
#topknowledgearea p.linkarea a:link, #topknowledgearea p.linkarea a:active, #topknowledgearea p.linkarea a:visited {
color:#06f;
text-decoration:underline;
margin:0;
padding-left:19px;
background:url(../img/arrow.gif) no-repeat -2850px -1px;
display:inline;
}
#rightarea p.linkarea a:hover ,#topfoundarea p.linkarea a:hover, #topknowledgearea p.linkarea a:hover {
color:#09f;
text-decoration:none;
margin:0;
padding-left:19px;
display:inline;
}
/*--- 右メニュー 最近の気になったニュース　---*/
#rightarea .box ul {
padding:10px 4px 6px;
}
#rightarea .box ul.recent li {
list-style:none;
background:url(../img/bg.png) no-repeat -2130px -583px;
margin:4px;
padding:4px 0 1px 28px;
line-height:1.5em;
}
#rightarea .box ul li a:link, #rightarea .box ul li a:active, #rightarea .box ul li a:visited {
color:#444;
text-decoration:underline;
}
#rightarea .box ul li a:hover {
color:#777;
text-decoration:none;
}
/*--- 右メニュー カテゴリ---*/
#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,
#rightarea .box ul.relation li a:link, #rightarea .box ul.relation li a:active, #rightarea .box ul.relation li 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 ,#rightarea .box ul.relation li a:hover ,#categoryarea strong {
margin-top:1px;
padding:6px 0 6px 14px;
display:block;
background:#FFC url(../img/arrow.gif) no-repeat;
font-weight:normal;
}
/*--- おすすめカテゴリをピックアップ ---*/
#rightarea .category_pickup {
width:244px;
height:687px;
padding:15px 11px 45px;
background:url(../img/category_right.png) no-repeat 11px 15px;
border-left:1px #C3C3C3 solid;
border-right:1px #C3C3C3 solid;
}
#rightarea .single {
border-bottom:1px #C3C3C3 solid;
margin-bottom:14px;
}
#rightarea .category_pickup h3 {
padding:63px 0 0 34px;
background:none;
}
#rightarea .category_pickup ul {
padding:37px 0 0 13px;
}
#rightarea .category_pickup ul li {
height:26px;
padding:0 0 0 20px;
background:url(../img/arrow.gif) no-repeat -2300px 0;
}
#rightarea .category_pickup .left {
width:92px;
padding:44px 9px 0 21px;
float:left;
}
#rightarea .category_pickup .right {
width:92px;
padding:27px 23px 0 7px;
float:left;
}
#rightarea .category_pickup dl {
padding:0;
}
#rightarea .category_pickup dl dt {
height:51px;
padding:8px 0 8px 12px;
}
#rightarea .category_pickup dl dd {
text-align:center;
height:20px;
padding-top: 6px;
}
/*--- /おすすめカテゴリをピックアップ ---*/
#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;
}
#rightarea .box ul.relation {
margin:10px 12px 14px;
padding:0;
}
#categoryarea li, #rightarea .box ul.relation li {
padding:3px 0 1px;
background:url(../img/bg.png) no-repeat -1370px -714px;
}
#categoryarea li.first, #categoryarea dl.choicearea ul li.first, #rightarea .box ul.relation 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 ,#categoryarea dl.service strong {
background-position:0 8px;
}
#categoryarea dl.fee a:link, #categoryarea dl.fee a:active, #categoryarea dl.fee a:visited, #categoryarea dl.fee strong {
background-position:-250px 8px;
}
#categoryarea dl.insurance a:link, #categoryarea dl.insurance a:active, #categoryarea dl.insurance a:visited, #categoryarea dl.insurance strong {
background-position:-500px 8px;
}
#categoryarea dl.type a:link, #categoryarea dl.type a:active, #categoryarea dl.type a:visited, #categoryarea dl.type strong {
background-position:-750px 8px;
}
#categoryarea dl.electronicmoney a:link, #categoryarea dl.electronicmoney a:active, #categoryarea dl.electronicmoney a:visited, #categoryarea dl.electronicmoney strong {
background-position:-1000px 8px;
}
#categoryarea dl.brand a:link, #categoryarea dl.brand a:active, #categoryarea dl.brand a:visited, #categoryarea dl.brand strong {
background-position:-1250px 8px;
}
#categoryarea dl.international a:link, #categoryarea dl.international a:active, #categoryarea dl.international a:visited, #categoryarea dl.international strong {
background-position:-1500px 8px;
}
#rightarea .box ul.relation li a:link, #rightarea .box ul.relation li a:active, #rightarea .box ul.relation li a:visited {
background-position:-2000px 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;
}

/*--- 右メニュー バナー ---*/
#rightarea ul.bannerarea {
margin:14px 0 7px;
clear:both;
}
#rightarea ul.bannerarea li {
height:46px;
display:inline;
}
#rightarea ul.bannerarea li img { /*for IE6*/
display:block;
margin-bottom:5px;
}
#rightarea p.banner_top {
padding:28px 0 20px;
clear:both;
}
#rightarea p.banner_top2 {
padding:4px 0 20px;
clear:both;
}
#rightarea p.banner_search {
padding:14px 0 16px;
clear:both;
}
#rightarea p.banner_category {
padding:0 0 16px;
clear:both;
}
#rightarea p.banner_compare {
padding:19px 0 6px;
clear:both;
}

/*----------------------------------
フッター
------------------------------------*/
p#top {
height:24px;
padding:10px 0 0 782px;
background:url(../img/bg.png) no-repeat 0 -423px;
clear:both;
}
p#top a:link, p#top a:active, p#top a:visited {
color:#FFF;
}
p.banner {
width:468px;
float:left;
padding:10px 0 10px 20px;
}
ul#community {
width:230px;
height:65px;
float:right;
padding:11px 15px 6px 20px;
}
ul#community li {
float:right;
display:inline;
padding:0 4px;
}
ul#community li.facebook {
width:70px;
}
ul#community li.twitter {
width:80px;
}
ul.community li.google-plus1 {
width:50px;
}
ul#tipsarea {
display:block;
margin-top:10px;
background-color:#D9D9D9;
text-align:center;
clear:both;
line-height:30px;
}
ul#tipsarea li {
display:inline;
padding-left:18px;
margin-right:25px;
background:url(../img/arrow.gif) no-repeat -2550px 0;
}
ul#tipsarea li a:link, ul#tipsarea li a:active, ul#tipsarea li a:visited {
color:#444;
text-decoration:underline;
}
ul#tipsarea li a:hover {
color:#777;
text-decoration:none;
}
address {
width:950px;
line-height:30px;
text-align:center;
font-style:normal;
color:#FFF;
clear:both;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
background:url(../img/bg.png) no-repeat -1080px -80px;
}

/*----------------------------------
追加分
------------------------------------*/


div#js_error {
padding: 5px;
background-color:#FFC;
border:1px solid #F90;
font-weight:bold;
text-align:center;
}
label.checked {
background-color:#FF0;
}

label.label_10,
label.label_11,
label.label_13,
label.label_14,
label.label_20,
label.label_29,
label.label_34,
label.label_41,
label.label_44,
label.label_71,
label.label_157,
label.label_166,
label.label_167,
label.label_169 {

}