@charset "Shift_JIS";

/*
	MUFG CARD ロゴ
---------------------------------------------------------*/
body.popup div#container #areaBranding #corpLogo{
	width:auto;
}

body.popup div#container #areaBranding #corpLogo p.mufgcard img{
	width:170px;
}

body.popup div#container #areaBranding #corpLogo p.nonbrand{
	float:right;
	margin-top:8px;
	margin-right:36px;
	_margin-right:18px;
}

body.popup div#container #areaBranding #corpLogo p.nonbrand img{
	width:116px;
	height:16px;
}

/*
	オンライン入会申込み
---------------------------------------------------------*/
#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/img/online_card_apply_07.jpg) repeat-x scroll 0 0;
}

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

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

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

#areaContents div.onlineCardApply .onlineCardApplyBg04{
	background: url(/landing/mufgcard/fc/common/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/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 div.onlineCardApply div{
	zoom:1;
}

/*
	申込みBTN上部
---------------------------------------------------------*/
#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-top:0;
}
#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;
}

/*
	申込みBOX下部
---------------------------------------------------------*/
#areaContents div.cardApply div.wrapLayout{
	margin-top:0.8em;
}

#areaContents div.cardApply div.wrapLayout p,
#areaContents div.cardApply div.wrapLayout ul{
	margin-left:0;
}

#areaContents div.cardApply div.wrapLayout.first-child,
#areaContents div.cardApply div.wrapLayout.only-child{
	margin-top:0;
}

#areaContents div.cardApply dl{
	width:325px;
	margin-left:0;
	margin-right:12px;
	float:left;
	_text-align:center;
}

#areaContents div.cardApply dl.last-child{
	margin-right:0;
}

#areaContents div.cardApply dl dt,
#areaContents div.cardApply dl dd{
	width:210px;
	margin-left:auto;
	margin-right:auto;
	_text-align:left;
	_margin:0;
}

#areaContents div.onlineBtn{ 
	margin-top:10px;
	padding:14px 0;
	border:none;
}

#areaContents div.onlineBtn div.first-child{
	border-bottom:none !important;
}

#areaContents div.onlineBtn ul.linkButtonImgL{ 
	margin-bottom:0;
}

/*
	JSOFF
---------------------------------------------------------*/
#areaContents div.disableEdit{
	color:#f00;
	font-weight:bold;
	background-color:#fff;
	width:710px;
	margin:0 auto 25px;
}

#areaContents dl.cardIntro div.disableEdit{
	width:324px;
	margin:10px auto;
}

#areaContents div.onlineBtn div.disableEdit{
	width:322px;
	margin:0 auto;
}

/*
	その他
---------------------------------------------------------*/
#areaContents .mt20{
	margin-top:20px;
}

#areaContents .mtb20{
	margin:20px 0;
}


/*
	161101 MUN LOGO CHANGE
---------------------------------------------------------*/
body.popup div#container #areaHeader.munLogo2016_08 #areaBranding #corpLogo p.mufgcard img{
	width:222px;
}