@charset "Shift_JIS";

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

/*
	新ボタン
---------------------------------------------------------*/
/* .cardIntro */
#areaContents dl.cardIntro dd ul.linkButtonImg{
	width:100%;
}
#areaContents dl.cardIntro dd ul.linkButtonImg li a,
#areaContents dl.cardIntro dd ul.linkButtonImg li form{
	margin-left:auto;
	margin-right:auto;
}
#areaContents dl.cardIntro dd ul.linkButtonImg li.first-child{
	float:left;
	width:166px;
	margin-right:10px;
}
#areaContents dl.cardIntro dd ul.linkButtonImg li.last-child{
	float:left;
	width:166px;
}

/* .cardApply */
#areaContents div.cardApply ul.linkButtonImgL{
	width:100%;
	height:38px;
	zoom:1;
}
#areaContents div.cardApply ul.linkButtonImgL li a,
#areaContents div.cardApply ul.linkButtonImgL li form{
	margin-left:auto;
	margin-right:auto;
}
#areaContents div.cardApply ul.linkButtonImgL li.first-child{
	float:left;
	width:50%;
}
#areaContents div.cardApply ul.linkButtonImgL li.last-child{
	float:left;
	width:50%;
}

/* デザイン選択 */
#areaContents div.applySelect dl.cardDesign dd.btn ul.linkButtonImg{
	margin:0 auto;
}


/*
	WEB明細チェック登録のご案内
---------------------------------------------------------*/
#areaContents div.webcheck{
	clear:both;
	margin-left:0;
	border-color:#000 !important;
}
#areaContents div.cardApply div.webcheck dl{
	margin-left:0;
}
#areaContents div.cardApply div.webcheck dl dd{
	width:auto;
}
#areaContents div.cardApply div.webcheck dl ul{
	*margin-left:0px !important;
}
#areaContents div.cardApply div.webcheck ul.disc li {
	list-style-position:outside;
}

/*
	申込み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.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(/amex/apply/img/online_card_apply_07.jpg) repeat-x scroll 0 0;
}

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

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

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

#areaContents div.onlineCardApply .onlineCardApplyBg04{
	background: url(/amex/apply/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(/amex/apply/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 .mt20{
	margin-top:20px;
}

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

#areaContents div.onlineCardApply div{
	zoom:1;
}

#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;
}

#areaContents .fsSmall01{
	font-size:12.5px;
}

/*
	JSOFF
---------------------------------------------------------*/
#areaContents div.disableEdit{
	color:#f00;
	font-weight:bold;
	text-align:left;
	background-color:#fff;
	width:322px;
	margin:0 auto;
}
#areaContents div.card2col div.disableEdit{
	width:536px;
	margin-bottom:2em;
}
#areaContents div.card3col div.disableEdit{
	width:658px;
	margin-bottom:2em;
}
#areaContents div.card4col div.disableEdit{
	width:718px;
	margin-bottom:2em;
}

#areaContents div.wide_attention div.disableEdit{
	width:710px;
	margin-bottom:2em;
}