@charset "Shift_JIS";

/*=========================================================
	入会 カード詳細ページ body.cardDetails
=========================================================*/

/*
	券面
---------------------------------------------------------*/
#areaContents div.cardName{
	margin-bottom:16px;
}

#areaContents dl.cardIntro {
	margin-left:0;
}
#areaContents dl.cardIntro dt {
	color:#555;
	font-weight:bold;
	min-height:4em;
}
#areaContents dl.cardIntro dt span#ico_prestige{
	background:transparent url(/landing/mufgcard/fc/common_a/img/ico_prestige.gif) no-repeat scroll 0 0;
	height:0;
	padding-top:77px;
	overflow:hidden;
	display:block;
}
#areaContents dl.cardIntro dd {
	width:342px;
	margin:0;
}
#areaContents dl.cardIntro dd.cardFace {
	margin-bottom:0;
}
#areaContents dl.cardIntro dd.cardFace ul{
	overflow:hidden;
}

*+html #areaContents dl.cardIntro dd.cardFace ul,
* html #areaContents dl.cardIntro dd.cardFace ul{
	margin-bottom:10px;
}

#areaContents dl.cardIntro dd.cardFace ul li{
	width:auto;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}

#areaContents dl.cardIntro dd.cardFace ul.large1 li.only-child,
#areaContents dl.cardIntro dd.cardFace ul.large5 li{
	margin-right:0;
	float:none;
}

#areaContents dl.cardIntro dd.cardFace ul.large2 li:last-child,
#areaContents dl.cardIntro dd.cardFace ul.large3 > li + li,
#areaContents dl.cardIntro dd.cardFace ul.large3 li:last-child,
#areaContents dl.cardIntro dd.cardFace ul.large4 > li + li,
#areaContents dl.cardIntro dd.cardFace ul.large4 li:last-child{
	margin-right:0;
}

#areaContents dl.cardIntro dd.cardFace ul.large4 > li + li + li{
	margin-right:10px;
}

#areaContents dl.cardIntro dd.cardFace ul.small5 > li,
#areaContents dl.cardIntro dd.cardFace ul.small5 > li + li,
#areaContents dl.cardIntro dd.cardFace ul.small5 > li + li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small5 > li + li + li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small6 > li,
#areaContents dl.cardIntro dd.cardFace ul.small6 > li + li,
#areaContents dl.cardIntro dd.cardFace ul.small6 > li + li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small6 > li + li + li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small8 > li,
#areaContents dl.cardIntro dd.cardFace ul.small8 > li + li,
#areaContents dl.cardIntro dd.cardFace ul.small8 > li + li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small8 > li + li + li + li + li{
	margin-right:3px;
}

#areaContents dl.cardIntro dd.cardFace ul.small5 > li + li + li,
#areaContents dl.cardIntro dd.cardFace ul.small5 > li + li + li + li + li + li{
	margin-right:0;
}


#areaContents dl.cardIntro dd.cardFace ul.large1 li img,
#areaContents dl.cardIntro dd.cardFace ul.large2 li img,
#areaContents dl.cardIntro dd.cardFace ul.large3 li img,
#areaContents dl.cardIntro dd.cardFace ul.large4 li img{
	width:165px;
	height:107px;
	padding-right:1px;
}
#areaContents dl.cardIntro dd.cardFace ul.large5 li img{
	width:258px;
	height:143px;
	padding-right:1px;
}

#areaContents dl.cardIntro dd.cardFace ul.small5 li img,
#areaContents dl.cardIntro dd.cardFace ul.small6 li img,
#areaContents dl.cardIntro dd.cardFace ul.small8 li img{
	width:110px;
	height:70px;
	padding-right:1px;
}

#areaContents dl.cardIntro dd img{
	margin:0;
}

#areaContents dl.cardIntro dd ul.link{
	width:auto;
	margin-left:-20px;
}

#areaContents dl.cardIntro dd span.small{
	display:block;
	margin-bottom:10px;
	clear:both;
}

#areaContents dl.cardIntro{
	margin-bottom:7px;
}
#areaContents dl.cardIntro dd dl{
	width:166px;
}
#areaContents dl.cardIntro dd dt{
	min-height:0;
	_height:auto !important;
}
#areaContents dl.cardIntro dd dd {
	width:auto;
}

#areaContents dl.cardIntro dd dl.first-child{
	float:left;
	margin-right:10px;
}

#areaContents dl.cardIntro dd dl.last-child{
	float:right;
	margin-left:-3px;
}

#areaContents dl.cardIntro dd ul.linkButtonImg{
	margin:0 auto;
}
#areaContents dl.cardIntro dd ul.linkButtonImg a.only-child,
#areaContents dl.cardIntro dd ul.linkButtonImg form.only-child{
	left:0;
	float:none;
	margin-left:0;
	margin-right:0;
}

#areaContents dl.cardIntro dd ul.linkButtonImg a,
#areaContents dl.cardIntro dd ul.linkButtonImg form{
	position:relative;
	display:block;
	height:38px;
	width:166px !important;
	overflow:hidden;
	left:0 !important;
}

#areaContents dl.cardIntro dd ul.linkButtonImg a img{
	position:absolute;
	clip:rect('0px', '166px', '38px', '0px');
	left:0;
	margin:0 !important;
}

#areaContents dl.cardIntro dd ul.linkButtonImg a:hover img,
#areaContents dl.cardIntro dd ul.linkButtonImg a img:hover{
	top:-38px;
}

#areaContents dl.cardIntro dd ul,
#areaContents dl.cardIntro dd p{
	text-align:center;
}

#areaContents dl.cardIntro dd ul.link li{
	display:inline;
}

/*
	カード概要表組み
---------------------------------------------------------*/
#areaContents table.cardOverview{
	table-layout:fixed;
	width:358px !important;
	margin-left:0;
	margin-bottom:0.5em;
}

#areaContents table.cardOverview th,
#areaContents table.cardOverview td{
	border:1px solid #b6b6b6;
	padding:0.5em;
}

#areaContents table.cardOverview th{
	background-color:#efefef;
}

#areaContents table.cardOverview td{
	background-color:#fff;
}

#areaContents table.cardOverview td > *:last-child,
#areaContents table.cardOverview td > *.last-child
#areaContents table.cardOverview td > *:only-child,
#areaContents table.cardOverview td > *.only-child
#areaContents table.cardOverview td > *:last-child *:last-child,
#areaContents table.cardOverview td > *:last-child *:only-child,
#areaContents table.cardOverview td > *.last-child *.last-child,
#areaContents table.cardOverview td > *.last-child *.only-child,
#areaContents table.cardOverview td > *:only-child *:last-child,
#areaContents table.cardOverview td > *:only-child *:only-child,
#areaContents table.cardOverview td > *.only-child *.last-child,
#areaContents table.cardOverview td > *.only-child *.only-child{
	margin-bottom:0;
}

#areaContents table.cardOverview td ul.cardAdded{
	overfolow:auto;
	margin-bottom:0;
}

#areaContents table.cardOverview td ul.cardAdded:only-child,
#areaContents table.cardOverview td ul.only-child{
	margin-bottom:0;
}

#areaContents table.cardOverview td ul.cardAdded + *{
	margin-top:8px;
}

#areaContents table.cardOverview td > *:last-child,
#areaContents table.cardOverview td > *.last-child{
	margin-bottom:0;
}

#areaContents table.cardOverview td ul.cardAdded li{
	float:left;
	display:block;
	height:0;
	overflow:hidden;
	width:118px;
	padding-top:22px;
	margin-right:8px;
	margin-bottom:0;
}


#areaContents table.cardOverview td ul.cardAdded > li + li + li,
#areaContents table.cardOverview td ul.cardAdded > li + li + li + li{
	margin-top:8px;
}

#areaContents table.cardOverview ul.cardAdded li.etccard{
	background:transparent url(/landing/mufgcard/fc/common_a/img/cardadded_li.gif) no-repeat scroll 0 0;
}

#areaContents table.cardOverview ul.cardAdded li.familycard{
	background:transparent url(/landing/mufgcard/fc/common_a/img/cardadded_li.gif) no-repeat scroll -126px 0;
}

#areaContents table.cardOverview ul.cardAdded li.visatouch{
	background:transparent url(/landing/mufgcard/fc/common_a/img/cardadded_li.gif) no-repeat scroll 0 -30px;
}

#areaContents table.cardOverview ul.cardAdded li.smartplus{
	background:transparent url(/landing/mufgcard/fc/common_a/img/cardadded_li.gif) no-repeat scroll -126px -30px;
}

/*
	カード詳細表組み
---------------------------------------------------------*/

#areaContents h3 + table.cardDetail caption{
	margin-top:0.2em;
}

#areaContents table.cardDetail{
	table-layout:fixed;
/*	width:712px;*/
	margin-top:0.2em;
	margin-bottom:0.2em;
}

#areaContents div.blockTitle > table.cardDetail,
#areaContents h3 > table.cardDetail{
	margin-top:0.2em !important;;
}

#areaContents table.cardDetail caption{
	font-weight:bold;
	text-align:left;
	margin-top:1.2em;
}

#areaContents table.cardDetail table{
	margin-bottom:0.5em;
}

#areaContents table.cardDetail table th,
#areaContents table.cardDetail table td{
	font-weight:normal;
	background-color:#fff;
	padding:0;
	border:none;
}

#areaContents table.cardDetail td > *{
	margin-left:0;
}

#areaContents table.cardDetail td > dl,
#areaContents table.cardDetail td > *:only-child,
#areaContents table.cardDetail td > *:last-child,
#areaContents table.cardDetail td > .only-child,
#areaContents table.cardDetail td > .last-child{
	margin-bottom:0;
}

#areaContents table.cardDetail table td > *:only-child,
#areaContents table.cardDetail table td > *:last-child,
#areaContents table.cardDetail table td > *.only-child,
#areaContents table.cardDetail table td > *.last-child{
	margin-bottom:0 !important;
}


/*
	カード詳細BOX
---------------------------------------------------------*/
#areaContents div.info{
	padding:14px 16px;
	border:1px solid #b6b6b6;
	margin-left:16px;
}

/*
	カード詳細DL
---------------------------------------------------------*/
#areaContents dl.cardDetail{
	margin-left:32px;
	margin-top:1em;
	margin-bottom:0.5em;
}

#areaContents dl.cardDetail dd > *{
	margin-left:0;
}

/*
	サービス&特典
---------------------------------------------------------*/

#areaContents div.cardBenefits{
	margin-top:1.2em;
}

#areaContents div.cardBenefits{
	width:676px;
	background:#f7f4ef url(/landing/mufgcard/fc/common_a/img/card_benefits_bg.gif) repeat-y scroll -728px 0;
	margin-bottom:2em;
	padding:0 26px;
}
#areaContents div.cardBenefits div.before,
#areaContents div.cardBenefits::before{
	content:' ';
	background:#f7f4ef url(/landing/mufgcard/fc/common_a/img/card_benefits_bg.gif) no-repeat scroll 0 0;
	margin:0 -26px;
	padding-top:16px;
	display:block;
}
#areaContents div.cardBenefits div.after,
#areaContents div.cardBenefits::after{
	content:' ';
	background:#f7f4ef url(/landing/mufgcard/fc/common_a/img/card_benefits_bg.gif) no-repeat scroll -1456px 0;
	margin:0 -26px;
	padding-top:16px;
	display:block;
}

#areaContents div.cardBenefits h2{
	text-align:left;
	background:#b03b41 url(/landing/mufgcard/fc/common_a/img/card_benefits_h2.gif) no-repeat scroll 0 0;
	height:0px;
	margin:-16px -26px 0;
	xpadding-left:56px;
	padding-top:51px;
	overflow:hidden;
	width:728px;
}

#areaContents div.cardBenefits h3{
	background-position:3px 0.5em;
	background-color:#f1d9d6 !important;
	width:659px;
	min-height:21px;
	margin:1em 0 0.5em 0 !important;
	padding:0.2em 0 0.1em 17px;
	border:none;
}
#areaContents div.cardBenefits h3::before{
	color:#b03b41;
}

#areaContents div.cardBenefits h2 + div.wrapLayout div:first-child h3,
#areaContents div.cardBenefits h2 + div.wrapLayout div.first-child h3,
#areaContents div.cardBenefits h2 + div.wrapLayout div:last-child h3,
#areaContents div.cardBenefits h2 + div.wrapLayout div.last-child h3{
	margin-top:0 !important;
}

#areaContents div.cardBenefits .wrapLayout{
	width:676px;
}
#areaContents div.cardBenefits .info{
	width:658px;
}

#areaContents div.cardBenefits .wrapLayout .col2g1{
	width:332px !important;
}

#areaContents div.cardBenefits .wrapLayout .col2g1 h3{
	width:315px !important;
}

#areaContents div.cardBenefits .wrapLayout .col1g1{
	width:676px !important;
}

#areaContents div.cardBenefits div.info{
	margin:1em auto;
	padding:8px;
	border:1px solid;
}

/*
	お申込み資格
---------------------------------------------------------*/
#areaContents div.cardApply{
	margin-top:10px;
	padding:14px;
}
#areaContents div.cardApply ul.linkButtonImgL{
	margin-bottom:0;
}
#areaContents div.cardApply dl.first-child,
#areaContents div.cardApply dl.last-child{
	width:210px;
	margin:0 70px;;
	float:left;
	_display:inline;
}

/*
	WEB明細チェック登録のご案内
---------------------------------------------------------*/
#areaContents div.webcheck{
	clear:both;
	margin-left:0;
	border-color:#000 !important;
}

#areaContents div.cardApply div.webcheck dl{
	margin-left:0;
}

/*
	オンライン入会申込み
---------------------------------------------------------*/
#areaContents div.onlineCardApply,
#areaContents div.onlineCardApply-in,
#areaContents div.onlineCardApplyCont,
#areaContents div.onlineCardApplyCont-in,
#areaContents div.onlineCardApplyContBox,
#areaContents div.webService,
#areaContents div.colLine,
#areaContents div.webDetails,
#areaContents div.txBox,
#areaContents div.phBox,{
	margin:0;
	padding:0;
}

#areaContents div.onlineCardApply{
	width:726px;
	height:auto;
	word-break:break-all;
	word-wrap:break-word;
	border:1px solid #bcbfc9;
	background:#ebedf3 url(/landing/mufgcard/fc/common_a/img/online_card_apply_07.jpg) repeat-x scroll 0 0;
}

#areaContents div.onlineCardApply .onlineCardApplyBg01{
	background: url(/landing/mufgcard/fc/common_a/img/online_card_apply_08.gif) no-repeat scroll 0 0;
	position:relative;
	margin:-1px;
	zoom:1;
}

#areaContents div.onlineCardApply .onlineCardApplyBg02{
	background: url(/landing/mufgcard/fc/common_a/img/online_card_apply_09.gif) no-repeat scroll 100% 0;
}

#areaContents div.onlineCardApply .onlineCardApplyBg03{
	background: url(/landing/mufgcard/fc/common_a/img/online_card_apply_10.gif) no-repeat scroll 0 100%;
}

#areaContents div.onlineCardApply .onlineCardApplyBg04{
	background: url(/landing/mufgcard/fc/common_a/img/online_card_apply_11.gif) no-repeat scroll 100% 100%;
}

#areaContents div.onlineCardApply .onlineCardApply-in{
	padding:13px;
}

#areaContents div.onlineCardApply .onlineCardApply-in .ttlImg{
	margin:0;
	padding:0 0 5px 0;
	text-align:center;
}

#areaContents div.onlineCardApply .onlineCardApplyCont-in{
	clear:both;
	width:700px;
	height:auto;
	background:#fff url(/landing/mufgcard/fc/common_a/img/online_card_apply_14.gif) repeat-y scroll 0 0;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgTop{
	margin:0;
	padding:0;
	font-size:1px;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgTop img{
	display:block;
	vertical-align:bottom;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgBottom{
	clear:both;
	margin:0;
	padding:0;
	font-size:1px;
}

#areaContents div.onlineCardApply .onlineCardApplyCont .boxBgBottom img{
	display:block;
}

#areaContents div.onlineCardApply .onlineCardApplyContBox{
	padding:10px 10px 0 10px;
}

#areaContents div.onlineCardApply .webService{
	width:320px;
	float:left;
}

#areaContents div.onlineCardApply .colLine{
	width:30px;
	float:left;
}

#areaContents div.onlineCardApply .webDetails{
	width:320px;
	float:left;
}

#areaContents div.onlineCardApply .txBox{
	width:240px;
	float:left;
}

#areaContents div.onlineCardApply .txBox p{
	margin-left:0;
}

#areaContents div.onlineCardApply .phBox{
	width:60px;
	float:left;
	margin:0 16px 12px 0;
}

#areaContents div.onlineCardApply .phBox img{
	vertical-align:top;
	margin:0;
}

#areaContents div.onlineCardApply .txtpt10{
	padding-top:10px;
}



#areaContents .wrapLayout .col1g1.msg img{
	margin:16px 0 0 0;
}