/*----------------------------------
レフトエリア
------------------------------------*/
#knowledgearea {
width:686px;
margin-top:20px;
padding:16px 16px 0 16px;
border:1px #C3C3C3 solid;
}
#leftarea2 h2 {
width:694px;
height:23px;
margin:16px 0 0 0;
padding:11px 0 0 26px;
background:url(../img/next_genre_ttl2.jpg) no-repeat;
font-size:16px;
}
#knowledgearea h3.top  {
height:34px;
margin:5px 0 0 0;
padding:0;
background:url(../img/dots.gif) repeat-x bottom;
border:none;
}
#knowledgearea p.top  {
font-size:12px;
margin:0 12px;
padding:8px 0 16px 0;
line-height:2em;
}
#knowledgearea h3 {
width:666px;
margin:32px 0 18px;
padding :10px 0 6px 10px;
font-size:14px;
letter-spacing:1px;
clear:both;
border-left:7px #4578EF solid;
border-bottom:1px #A3BCF8 solid;
background:#EEF3FF;
}
#knowledgearea h4.card {
font-size:14px;
margin:0;
padding:17px 0 15px 3px;
letter-spacing:1px;
color:#444444;
clear:both;
background:none;
border:none;
}
#knowledgearea h4.green_box {
background:url(../img/bg.png) no-repeat 0 -470px;
border-bottom:1px dotted #AAAAAA;
clear:both;
font-size:14px;
height:20px;
margin:20px 10px 10px;
padding:5px 0 0 19px;
}
#knowledgearea p.green_box  {
padding-left:12px;
}
#knowledgearea p {
font-size:14px;
margin-bottom:16px;
line-height:1.8em;
letter-spacing:1px;
}
#knowledgearea p.image {
padding:2px 0 20px 0;
}
#knowledgearea table {
border-collapse: separate;
border-spacing:0;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
}
#knowledgearea table td {
border-top:1px #d7d7d7 solid;
border-left:1px #d7d7d7 solid;
}
#knowledgearea table td.ttl {
background:url(../img/bg_back.png) repeat-y;
}
#knowledgearea table td.va-bottom {
vertical-align:bottom;
}


#knowledgearea .khowledge_databox {
width:686px;
margin:16px 0 24px 0;
}
#knowledgearea .khowledge_databox table {
width:100%;
border-collapse: separate;
border-spacing: 0;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
letter-spacing:1px;
}
#knowledgearea .khowledge_databox table td {
padding:4px 6px;
line-height:1.6em;
border-top:1px #d7d7d7 solid;
border-left:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table td.ttl {
background-image:url(../img/blue_bg2.gif);
padding:6px 7px;
}
#knowledgearea .khowledge_databox table td.title {
letter-spacing:5px;
text-align:center;
}
#knowledgearea .khowledge_databox table td ul {
padding-left:1px;
}
#knowledgearea .khowledge_databox table td ul li {
padding:3px 0 3px 13px;
background:url(../img/knowledge/list_orange.png) no-repeat 0 9px;
}
#knowledgearea p img.fl-r {
float:right;
margin:0 0 3px 15px;
}

#knowledgearea .card, #knowledgearea .card2 {
width:680px;
margin-bottom:12px;
padding:0 3px 7px 3px;
}
#knowledgearea .card dl, #knowledgearea .card2 dl {
width:170px;
float:left;
letter-spacing:1px;
}
#knowledgearea .card dl dt {
height: 16px;
text-align:center;
}
#knowledgearea .card2 dl dt {
display: table;
height: 32px;
line-height:1.3em;
}
#knowledgearea .card dl dt span {
width:170px;
}
#knowledgearea .card2 dl dt span {
width:170px;
text-align:center;
display:table-cell;
vertical-align: bottom;
}
*html #knowledgearea .card2 dl dt { /*- for IE 5.5-7 縦位置下揃え 開始 -*/
position:relative;
}
*+html #knowledgearea .card2 dl dt {
position:relative;
}
*html #knowledgearea .card2 dl dt span {
position:absolute;
top:100%;
}
*+html #knowledgearea .card2 dl dt span {
position:absolute;
top:100%;
}
*html #knowledgearea .card2 dl dt span a:link , *html #knowledgearea .card2 dl dt span a:active, *html #knowledgearea .card2 dl dt span a:visited {
position:relative;
top:-100%;
}
*+html #knowledgearea .card2 dl dt span a:link , *+html #knowledgearea .card2 dl dt span a:active, *+html #knowledgearea .card2 dl dt span a:visited {
position:relative;
top:-100%;
} /*- for IE 5.5-7 縦位置下揃え 終了 -*/
#knowledgearea .card dl dd, #knowledgearea .card2 dl dd {
height:78px;
padding:6px 21px 0 21px;
}
#knowledgearea .card dl dd.read, #knowledgearea .card2 dl dd.read {
height:auto;
padding:5px 6px 0 6px;
line-height:1.3em;
}

/*----------------------------------
ライトエリア
------------------------------------*/
#rightarea2 h2 {
width:218px;
height:25px;
background:url(../img/knowledge/ttl_right.png) no-repeat;
padding:10px 0 0 10px;
font-size:12px;
letter-spacing:1px;
}

/*----------------------------------
クレジットカードの選び方
------------------------------------*/
#knowledgearea .knowledge_databox_h4 {
margin:0;
padding:0 12px;
text-align:center;
}
#knowledgearea .knowledge_databox_h4 table {
letter-spacing:1px;
}
#knowledgearea .knowledge_databox_h4 table td {
padding:4px 6px;
line-height:1.6em;
}
#knowledgearea p.knowledge_databox_h4_ttl {
margin:0;
padding:0 12px;
font-weight:bold;
color:#666;
}
#knowledgearea p.knowledge_databox_h4_caption {
margin:0 0 16px;
padding:0 12px;
color:#333;
text-align:right;
}

/*----------------------------------
付帯保険一覧
------------------------------------*/
/*--- 付帯保険からクレジットカードを絞り込む　---*/
#knowledgearea .focusarea {
background:#F9FAFF url(../img/focus_bg4.jpg) repeat-y scroll 0 0;
width:684px;
margin:16px 0;
border-left:1px solid #CEE2FD;
border-bottom:1px solid #CEE2FD;
}
#knowledgearea .focusarea table {
width:684px;
}
#knowledgearea .focusarea td  {
border-right:1px solid #CEE2FD;
border-top:1px solid #CEE2FD;
}
#knowledgearea .focusarea td.middle {
width:410px;
}
#knowledgearea .focusarea td.middle ul {
margin:2px auto 0 auto;
padding:0 4px;
}
#knowledgearea .focusarea td.middle ul li {
width:134px;
padding:3px 0;
margin:1px 0 0 0;
float:left;
display:block;
}
#knowledgearea .focusarea td.middle ul li label {
height:20px;
}
#knowledgearea .focusarea td.middle ul li label input {
margin-right:3px;
float:left;
height:16px;
}
#knowledgearea .focusarea td.right {
width:auto;
text-align:center;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
padding-right:3px;
}
#knowledgearea .focusarea td.right p {
margin-left:8px;
padding:20px 0 0 30px;
height:80px;
background:url(../img/arrow_focus.gif) no-repeat;
font-size:12px;
line-height:1.4em;
}
#knowledgearea .focusarea td.right p span {
color:#FF0000;
height:40px;
}
#knowledgearea .focusarea td.right p span.num {
font-weight:bold;
font-size:20px;
line-height:1.8em;
}
#knowledgearea .focusarea td.right p span.txt {
font-size:14px;
line-height:1.8em;
}
#knowledgearea .focusarea td.ttl {
width:77px;
background-image:url(../img/blue_bg.gif);
padding:6px 0 5px 5px;
}
#knowledgearea .focusarea td.double {
width:124px;
}
#knowledgearea .focusarea td.subttl {
background-image:url(../img/bg_gray.gif);
width:57px;
padding:6px 0 5px 5px;
}
/*--- 各クレジットカードごとの付帯保険の補償額一覧　---*/
#knowledgearea h3.data {
font-size:16px;
color:#666666;
border:none;
margin:40px 0 0 0;
padding:0;
letter-spacing:2px;
}
#knowledgearea .data-i-bgimage {
background:url(../img/insurance.png) repeat-y;
height:100%;
}
#knowledgearea .data-i {
width:492px;
margin-bottom:12px;
padding:0 0 0 194px;
}
#knowledgearea .data-i dl {
width:123px;
float:left;
letter-spacing:1px;
padding:16px 0 0 0;
}
#knowledgearea .data-i dl dt {
display: table;
height:76px;
line-height:22px;
border-top:1px #d7d7d7 solid;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
background-image:url(../img/blue_bg2.gif);
}
#knowledgearea .data-i dl dt a:link, #knowledgearea .data-i dl dt a:active, #knowledgearea .data-i dl dt a:visited {
line-height:16px;
}
#knowledgearea .data-i dl dt a:hover {
line-height:16px;
}
#knowledgearea .data-i dl dt span.insu {
width:118px;
height:76px;/*- for chrome -*/
padding:0 2px 0 3px;
text-align:center;
display:table-cell;
vertical-align:middle;
}
*html #knowledgearea .data-i dl dt { /*- for IE 5.5-7 縦位置中揃え 開始 -*/
position:relative;
}
*+html #knowledgearea .data-i dl dt {
position:relative;
}
*html #knowledgearea .data-i dl dt span.insu {
height:auto;
position:absolute;
top:50%;
}
*+html #knowledgearea .data-i dl dt span.insu {
height:auto;
position:absolute;
top:50%;
}
*html #knowledgearea .data-i dl dt span.rance {
position:relative;
top:-50%;
}
*+html #knowledgearea .data-i dl dt span.rance  {
position:relative;
top:-50%;
} /*- for IE 5.5-7 縦位置中揃え 終了 -*/
#knowledgearea .data-i dl dd {
height:22px;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
line-height:22px;
text-align:center;
}
#knowledgearea .data-i dl dd.two {
height:38px;
}
#knowledgearea .data-i dl dd.two ul li {
font-size:12px;
height:17px;
line-height:17px;
padding:2px 0 0 0;
}
#knowledgearea .data-i dl dd.two ul li.bottom {
padding:0 0 0 2px;
}
#knowledgearea .alert {
padding:14px 0;
}
#knowledgearea .alert dl {
padding-top:2px;
letter-spacing:1px;
line-height:1.4em;
clear:both;
}
#knowledgearea .alert dt {
width:46px;
padding-top:2px;
float:left;
}
#knowledgearea .alert dd {
width:640px;
padding-top:2px;
float:left;
}





/*----------------------------------
インフォメーション
------------------------------------*/
#leftarea3 .contbox .databox_elements01 {
width:636px;
margin:16px 5px 16px 5px;
padding:0;
}
#leftarea3 .contbox .databox_elements01 table {
border-collapse: separate;
border-spacing: 0;
width:100%;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
}
#leftarea3 .contbox .databox_elements01 table td {
padding:4px;
margin:0 auto;
border-top:1px #d7d7d7 solid;
border-left:1px #d7d7d7 solid;
}
#leftarea3 .contbox .databox_elements01 table td.ttl {
background:url(../img/bg_back.png) repeat-y;
}
#leftarea3 .contbox p.info {
margin: 14px 0;
line-height:1.6em;
letter-spacing:1px;
font-size:14px;
}
















#knowledgearea .khowledge_databox {
width:676px;
margin:16px 5px;
padding:0;
}
#knowledgearea .khowledge_databox table {
border-collapse: separate;
border-spacing: 0;
width:100%;
border-bottom:1px #d7d7d7 solid;
border-right:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table.white_bg {
border-bottom:none;
border-right:none;
}
#knowledgearea .khowledge_databox table td {
padding:4px;
margin:0 auto;
border-top:1px #d7d7d7 solid;
border-left:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table td.ttl {
background-image:url(../img/blue_bg.gif);
text-align:center;
}
#knowledgearea .khowledge_databox table td.subttl {
text-align:center;
}
#knowledgearea .khowledge_databox table td.subttl2 {
background-image:url(../img/bg_gray.gif);
padding:6px 0 5px;
padding:4px 0 4px 4px;
}
#knowledgearea .khowledge_databox table td.subttl3 {
background:#FFFFDD none repeat scroll 0 0;
font-size:10px;
padding:4px 2px;
}
#knowledgearea .khowledge_databox table td.subttl4 {
background: #FFCCCC none repeat scroll 0 0;
padding:6px 0 5px;
padding:4px 0 4px 4px;
}
#knowledgearea .khowledge_databox table td.subttl5 {
background: #c5f4c4 none repeat scroll 0 0;
padding:6px 0 5px;
padding:4px 0 4px 4px;
}
#knowledgearea .khowledge_databox table td.ttl_simbol {
background-color:#ecf2fe;
text-align:center;
vertical-align:bottom;
}
#knowledgearea .khowledge_databox table td.marks_simbol {
text-align:center;
vertical-align:bottom;
}
#knowledgearea .khowledge_databox table td.marks {
text-align:center;
}
#knowledgearea .khowledge_databox table td.marks2 {
text-align:center;
padding:2px;
}
#knowledgearea .khowledge_databox table td.pickup {
background-color:#ffd2d2;
}
#knowledgearea .khowledge_databox table td.white {
border-top:none;
border-bottom:none;
background:none;
}
#knowledgearea .khowledge_databox table td.white2 {
border-top:none;
border-left:none;
background:none;
}
#knowledgearea .khowledge_databox table td.white3 {
border-top:none;
border-left:none;
border-bottom:none;
background:none;
}
#knowledgearea .khowledge_databox table td.white_r {
border-right:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table td.white_rb {
border-right:1px #d7d7d7 solid;
border-bottom:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table td.white_b {
border-bottom:1px #d7d7d7 solid;
}
#knowledgearea .khowledge_databox table td p.surround-k {
background-image:url(../img/bg_gray.gif);
border:1px solid #C6C0FA;
line-height:1.4em;
margin:5px 3px 3px 3px;
padding:1px;
font-size:11px;
}
#knowledgearea .khowledge_databox table td p.surround {
border:1px solid #C6C0FA;
line-height:1.4em;
margin:3px 3px 3px 4px;
padding:2px;
font-size:11px;
text-align:left;
}
#knowledgearea .khowledge_databox table td ul {
margin:0;
padding:0;
}
#knowledgearea .khowledge_databox table td ul li {
margin:0;
padding:6px 0 6px 8px;
background-image:url(../img/list_black.gif);
background-position:0 9px;
background-repeat:no-repeat;
}
.centraltxt td {
text-align:center;
padding:2px;
}
.centraltxt td span.smalltxt a:link, .centraltxt td a:visited {
text-decoration:none;
}
#knowledgearea p.samplecard {
margin-bottom:30px;
text-align:center;
}
#knowledgearea p.start {
margin-top:30px;
}
#knowledgearea ul.photo {
width:218px;
margin:0 0 10px 15px;
float:left;
}
#knowledgearea ul.no_left {
margin:0 0 10px 0;
}
#knowledgearea ul.photo li {
margin:0 0 4px 0;
font-size:12px;
line-height:1.4em;
color:#666666;
}
#knowledgearea .international {
padding:0 0 20px 0px;
}
#knowledgearea .international dl {
width:122px;
margin:0 auto;
padding-top:10px;
float:left;
text-align:center;
}
#knowledgearea .international dl dd {
padding-top:9px;
}
#knowledgearea .international dl.amex {
width:148px;
margin:0 auto;
padding-top:10px;
float:left;
}
#knowledgearea p img.fl-l {
float:left;
margin:2px 15px 3px 0;
}
#knowledgearea p img.fl-r {
float:right;
margin:0 0 3px 15px;
}
#knowledgearea p img.fl-a {
float:left;
margin:6px 5px 0 0;
}
#knowledgearea h4 {
background:transparent url(../img/cardelements_listicon_green.gif) no-repeat scroll 0 5px;
border-bottom:1px dotted #AAAAAA;
clear:both;
font-size:14px;
font-weight:bold;
height:20px;
margin:20px 10px 10px;
padding:5px 0 0 19px;
}
#knowledgearea h4.sp_subttl {
background:transparent url(../img/knowledge/knowledge_subttl_header.gif) repeat-x scroll;
border:1px solid #ffb245;
clear:both;
font-size:14px;
font-weight:bold;
height:23px;
margin:20px 0 0 0;
padding:8px 0 0 8px;
width:678px;
}

#knowledgearea h3.question {
background:transparent url(../img/question_mark.gif) no-repeat scroll 0 7px;
border-bottom:1px dotted #AAAAAA;
border-left:none;
padding : 6px 0 8px 16px;
}
#knowledgearea p.childnord {
margin:0 0 10px 0;
padding:5px 10px;
border-left:1px solid #ffb245;
border-right:1px solid #ffb245;
border-bottom:1px solid #ffb245;
background-color:#fff7e6;
width:666px;
}
#knowledgearea p.childnord2 {
padding:5px 10px 0 19px;
}
#knowledgearea .hh-point {
background:transparent url(../img/hh-point_bg.gif) repeat scroll;
margin-bottom:16px;
}
#knowledgearea .hh-point .bottom_image {
background:transparent url(../img/hh-point_bottom.gif) no-repeat scroll center bottom;
}
#knowledgearea .hh-point dl {
background:transparent url(../img/hh-point_top.gif) no-repeat scroll center top;
}
#knowledgearea .hh-point dd {
font-size:14px;
letter-spacing:1px;
line-height:1.6em;
padding:5px 3px 5px 6px;
}
#knowledgearea .khowledge_databox2 dl {
border:1px solid #D7D7D7;
float:left;
margin:0;
padding:0;
width:220px;
}
#knowledgearea .khowledge_databox2 dt {
background-color:#ecf2fe;
border-bottom:1px solid #D7D7D7;
color:#444444;
font-size:14px;
padding:6px 4px;
font-weight:bold;
}
#knowledgearea .khowledge_databox2 dd {
color:#333333;
font-size:13px;
letter-spacing:1px;
line-height:1.4em;
margin:0;
padding:6px 4px;
}
span.redtxt {
color:#FF0000;
}
span.greentxt {
color:#009900;
}
span.orangetxt {
color:#FF9900;
}
#knowledgearea p.alert {
color:#333333;
font-size:12px;
margin:0;
padding:0 0 0 30px;
text-indent:-2em;
}
#knowledgearea p.rig10 {
margin:0;
padding:0;
text-align:right;
}
#knowledgearea p.rig10 {
margin:0;
padding:0;
text-align:right;
}
#knowledgearea .khowledge_databox3 {
width:676px;
margin:16px 5px;
padding:0;
}
#knowledgearea .khowledge_databox3 .focusarea {
background:#F9FAFF url(../img/focus_bg4.jpg) repeat-y scroll 0 0;
width:676px;
border-left:1px solid #CEE2FD;
border-bottom:1px solid #CEE2FD;
}
p.ttlarea {
height:22px;
padding:11px 0 0 12px;
background:url(../img/focus_ttl.jpg) no-repeat;
clear:both;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
}
#knowledgearea .khowledge_databox3 .focusarea table {
width:676px;
margin:0;
}
#knowledgearea .khowledge_databox3 .focusarea td  {
margin:0;
padding:0;
border-right:1px solid #CEE2FD;
border-top:1px solid #CEE2FD;
}
#knowledgearea .khowledge_databox3 .focusarea td.middle {
width:410px;
}
#knowledgearea .khowledge_databox3 .focusarea td.middle ul {
margin:2px auto 0 auto;
padding:0 11px 0 4px;
clear:both;
}
#knowledgearea .khowledge_databox3 .focusarea td.middle ul li {
width:128px;
padding:3px 0;
margin:1px 0 0 0;
float:left;
display:block;
}
#knowledgearea .khowledge_databox3 .focusarea td.middle ul li label {
margin:0;
padding:0;
height:20px;
}
#knowledgearea .khowledge_databox3 .focusarea td.middle ul li label input {
margin-right:4px;
float:left;
height:16px;
}
#knowledgearea .khowledge_databox3 .focusarea td.right {
width:auto;
margin:0 auto;
text-align:center;
font-family:'メイリオ','ＭＳ Ｐゴシック',Meiryo,sans-serif;
padding-right:3px;
}
#knowledgearea .khowledge_databox3 .focusarea td.right p {
margin-left:10px;
padding:30px 0 0 28px;
height:70px;
background:url(../img/arrow_focus.gif) no-repeat;
font-size:12px;
}
#knowledgearea .khowledge_databox3 .focusarea td.right p span {
color:#FF0000;
height:40px;
line-height:1.2em;
}
#knowledgearea .khowledge_databox3 .focusarea td.right p span.num {
font-weight:bold;
font-size:20px;
}
#knowledgearea .khowledge_databox3 .focusarea td.right p span.txt {
font-size:14px;
}
#knowledgearea .khowledge_databox3 .focusarea td.ttl {
width:64px;
background-image:url(../img/blue_bg.gif);
padding:6px 0 5px 5px;
}
#knowledgearea .khowledge_databox3 .focusarea td.double {
width:124px;
}
#knowledgearea .khowledge_databox3 .focusarea td.subttl {
background-image:url(../img/bg_gray.gif);
width:60px;
padding:6px 0 5px 5px;
}
span.startxt {
color:#FFCC00;
}