@charset "Shift_JIS";
/* ========================================
OUTLINE
クレディセゾン・UCカード：カード選択
カード詳細
『METRO一般』
『METROゴールド』
『お申込カードの選択』
======================================== */

.metro_boder {
margin-top: 10px;
padding-top: 10px;
border-top:1px dotted #e8e8e8;
}

.comentA {
text-align:right;
color: #db3407;
font-weight: bold;
margin:1em 0 0 0;
}

.comentB {
margin:1em 0 10px;
padding-left: 20px;
/* color:#684925; */
font-weight: bold;
}

.comentC {
margin:1em 0 10px;
/* color:#684925; */
font-weight: bold;
}

table.metro_point {
width: 610px;
margin-bottom: 15px;
}

table.metro_point th,
table.metro_point td {
/* color:#684925; */
text-align: left;
vertical-align: middle;
padding:10px 20px 0 20px;
width: 300px;
}

table.metro_point td {
vertical-align:top;
}

table.metro_point em {
color: #db3407;
font-style: normal;
}

.campaignA {
text-align:center;
padding:20px 0 0 30px;
margin:0px auto;
}

.campaignB {
text-align:center;
padding-bottom:20px;
}

.campaignC {
text-align:center;
padding:20px 0 0 0;
font-weight:bold;
color: #db3407;

}

/*
#cardMain #cardTop div.floatR div.apply {
background: url(/card/lineup/wr_css/wr_img/metro/btn_apply_ov.gif) no-repeat left top;
}


#cardMain #netApply03 {
background: url(/card/lineup/wr_css/wr_img/metro/apply_net3_bg.gif) no-repeat left top;
}


body.bdGold #cardMain #cardTop div.floatR div.apply {
background: url(/card/lineup/wr_css/wr_img/metro/btn_apply_g4_ov.gif) no-repeat left top;
}

body.bdGold #apply03 {
background: url(/card/lineup/wr_css/wr_img/metro/apply_net3_g_bg.gif) no-repeat left top !important;
}
*/



/*お申込カードの選択*/

.warn {
color:#db3407;
}

#cardAppli {
text-align:center;
width:710px;
margin:0 auto;
padding-top:25px;
}

#cardAppli p#hRead {
color:#1e1e80;
padding:10px 0 20px 0;
}

#cardAppli table td {
background-color:#ededed;
vertical-align:top;
}

#cardAppli table .rightArea {
border-left:8px solid #fff;
}

#cardAppli table .leftArea {
border-right:8px solid #fff;
}

#cardAppli table td div.imgArea {
border-bottom:solid #cdcdcd 1px;
padding-bottom:15px;
}

#cardAppli table td div.imgArea .cardImg {
display:block;
padding-top:26px;
padding-left:14px;
_padding-left:4px;
padding-bottom:15px;
}

#cardAppli table td div.imgArea dl {
width:256px;
margin:0 auto;
text-align:left;
}


#cardAppli table td div.imgArea dl dt img {
display:block;
}

#cardAppli table td div.imgArea dl dt a.rpimg {
width: 256px;
height: 60px;
}

#cardAppli table td div.imgArea dl dt#apBtn01{
height:60px;
width:256px;
background-image:url(/card/lineup/wr_css/wr_img/metro/ap_btn01ov.gif);
}

#cardAppli table td div.imgArea dl dt#apBtn02{
height:60px;
width:256px;
background-image:url(/card/lineup/wr_css/wr_img/metro/ap_btn02ov.gif);
}

#cardAppli table td div.imgArea dl dt#apBtn03{
height:60px;
width:256px;
background-image:url(/card/lineup/wr_css/wr_img/metro/ap_btn03ov.gif);
}

#cardAppli table td div.imgArea dl dd {
text-indent:-15px;
padding:0 0 0 18px;
margin-top:2px;
}

#cardAppli table td div.imgArea dl dd a{
background-position:0.1em left;
clear:both;

}

#cardAppli table td div.imgArea p {
color:#db3407;
padding-top:10px;
font-weight:bold;
}

#cardAppli table td div.txtArea {
text-align:left;
padding:10px;
}

#cardAppli table td div.txtArea p {
text-indent:-3.8em;
padding:0 0 0.5em 3.8em;
*text-indent:-3em;
padding:0 0 0.5em 3.2em;

}

#cardAppli table td div.txtArea em {
font-weight:bold;
font-style:normal;
}

#cardAppli #dataInfo {
padding-top:23px
}

#cardAppli #dataInfo h3 {
height:29px;
width:100%;
background-color:#222251;
overflow:hidden;
margin-bottom:17px;
}

#cardAppli #dataInfo h3 img {
padding-top:6px;
}

#cardAppli #dataInfo .floatR {
padding:0 10px 10px 10px;
}

#cardAppli #dataInfo div {
text-align:left;
float:left;
width:550px;
}

#cardAppli #dataInfo div p {
padding-bottom:1em;
}

#cardAppli #dataInfo div p strong {
color:#1e1e80;
font-weight:bold;
}

div.netApplyAp {
clear:both;
padding:15px 0 20px 0;
*padding:7px 0 20px 0;
background:url(/card/lineup/wr_css/wr_img/metro/ap_bg01.gif) left top;
}

div.netApplyAp p#apBtn04 a.rpimg{
height:48px;
width:256px;
}


div.netApplyAp p#apBtn04{
height:48px;
margin:0 auto;
width:256px;
background-image:url(/card/lineup/wr_css/wr_img/metro/ap_btn04ov.gif);
}