@charset "shift_jis";
@media screen {
/* h2 */
#areaContents #feature h2{
	margin-bottom:1em;
}
#areaContents #cardlist h2 img,
#areaContents #feature h2 img,
#areaContents #compare h2 img{
	margin-left:0;
	vertical-align:top;
}

#areaContents div.bannerArea img{
	vertical-align:top;
	margin-left:0;
}

#areaContents div.cardkindWrap {
	background:transparent url(/amex/apply/img/index_bg_cardlist.gif) no-repeat scroll 0 0;
}

#areaContents div.cardWrap {
	float:left;
	width:746px;
}

#areaContents div.giftcardPrize{
	height: 75px;
	margin: 6px 0 0;
	width: 746px;
}
#areaContents div.giftcardPrize ol li{
	width: 172px;
	float: left;
	height: 51px;
}
#areaContents div.giftcardPrize ol li img{
	margin: 0;
}
#areaContents div.giftcardPrize ol li.y01{
	padding-left: 29px;
}
#areaContents div.giftcardPrize ol li.y02{
	padding-top: 24px;
	padding-left: 65px;
}
#areaContents div.giftcardPrize ol li.y03{
	padding-left: 65px;
}


/* #cardlist */
#areaContents #cardlist ul{
	width:746px;
	height:335px;
	margin:0;
	padding:0;
}
#areaContents #cardlist ul li{
	width:232px;
	height:295px;
	margin:0 6px 0 0;
	float:left;
	position:relative;
}
#areaContents #cardlist ul li h3{
	display:none;
}
#areaContents #cardlist ul li img{
	position:absolute;
	margin:0;
}

#areaContents #cardlist div.business_amex {
	float:left;
	margin-top:43px;
	width:201px;
}

#areaContents #cardlist div.business_amex img {
	margin-left:0;
}

/* #feature .tab-list */
#areaContents #feature ol.tab-list{
	float:left;
	margin:0 0 12px;
	padding:0;
	width:980px;
}
#areaContents #feature ol.tab-list li{
	float:left;
	margin:0;
	padding:0;
	width:980px;
}
#areaContents #feature ol.tab-list li ul.tab-btn{
	float:left;
	margin:0 0 12px;
	padding:0;
	width:980px;
	height:100px;
	background:transparent url(/amex/apply/img/index_bg_feature.gif) no-repeat scroll 0 0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li{
	float:left;
	margin:0;
	padding:0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl{
	float:left;
	margin:0;
	padding:0 0 0 9px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dt{
	height:33px;
	text-indent:-9999px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dt img{
	margin-left:0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd{
	float:left;
	margin:0;
	padding:0 3px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.first-child{
	width:686px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.first-child dl{
	width:677px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.first-child dl dt{
	width:677px;
	height:33px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.first-child dl dd{
	float:left;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.last-child{
	margin:0 0 0 4px;
	width:290px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.last-child dl{
	width:272px;
	padding:0 9px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.last-child dl dt{
	width:272px;
}

/* #feature .content */
#areaContents #feature div.content{
	clear:both;
	border:1px solid #c4c4c4;
	margin-bottom:1em;
}

#areaContents #feature table{
	width:978px;
	margin:0;
	padding-top:46px;
	border:1px solid #fff;
	border-collapse:collapse;
	border-top:none;
}
#areaContents #feature table caption{
}
#areaContents #feature table caption img{
	vertical-align:top;
	margin-left:0;
}
#areaContents #feature table .col1,
#areaContents #feature table .col2,
#areaContents #feature table .col3,
#areaContents #feature table .col4{
	border-left:2px solid #fff;
	padding:10px 16px;
}
#areaContents #feature #tab1 table .col1,
#areaContents #feature #tab1 table .col2,
#areaContents #feature #tab1 table .col3,
#areaContents #feature #tab1 table .col4{
	width:175px;
}
#areaContents #feature #tab2 table .col1,
#areaContents #feature #tab2 table .col2,
#areaContents #feature #tab3 table .col1,
#areaContents #feature #tab3 table .col2{
	width:384px;
}
#areaContents #feature table thead th.col0,
#areaContents #feature table tbody th{
	width:139px;
	border-right:3px solid #fff;
}
#areaContents #feature #tab4 table tbody td{
	padding:10px 12px 10px 280px;
}
#areaContents #feature #tab4 tbody.cardface td{
	padding:0 0 12px;
}
#areaContents #feature table tbody.cardface td ul.linkButtonImg{
	margin:0 auto;
}
#areaContents #feature table tbody.cardface td ul.linkButtonImg li{
	width:166px;
	padding-left:0;
}
#areaContents #feature table tbody th,
#areaContents #feature table tbody.cardface tr.hover th{
	color:#fff;
	font-weight:bold;
	text-align:center;
	background-color:#8d8e97;
}
#areaContents #feature table tbody tr.hover th{
	background-color:#bbbbc1;
}
#areaContents #feature table tbody th,
#areaContents #feature table tbody td{
	border-top:1px solid #fff;
}
#areaContents #feature table tbody td{
	vertical-align:top;
}
#areaContents #feature table tbody em{
	color:#9f0100;
}
#areaContents #feature div.content table tbody td ul li{
	width:auto;
	padding-left:10px;
	float:none;
}
#areaContents #feature div.content table tbody td ul.disc li{
	background-image:url(/amex/apply/img/ico_list_dot.gif);
}
#areaContents #feature div.content table tbody td p{
	margin:0;
}

#areaContents #feature #tab1 table tbody td.col1,
#areaContents #feature #tab2 table tbody td.col1,
#areaContents #feature #tab1 table tbody.cardface tr.hover td.col1,
#areaContents #feature #tab2 table tbody.cardface tr.hover td.col1{
	background-color:#ededed;
}
#areaContents #feature #tab1 table tbody td.col2,
#areaContents #feature #tab3 table tbody td.col1,
#areaContents #feature #tab1 table tbody.cardface tr.hover td.col2,
#areaContents #feature #tab3 table tbody.cardface tr.hover td.col1{
	background-color:#f0e9d8;
}
#areaContents #feature #tab1 table tbody td.col3,
#areaContents #feature #tab3 table tbody td.col2,
#areaContents #feature #tab1 table tbody.cardface tr.hover td.col3,
#areaContents #feature #tab3 table tbody.cardface tr.hover td.col2{
	background-color:#dadbdf;
}
#areaContents #feature #tab1 table tbody td.col4,
#areaContents #feature #tab2 table tbody td.col2,
#areaContents #feature #tab4 table tbody td.col1,
#areaContents #feature #tab1 table tbody.cardface tr.hover td.col4,
#areaContents #feature #tab2 table tbody.cardface tr.hover td.col2,
#areaContents #feature #tab4 table tbody.cardface tr.hover td.col1{
	background:#e8ecef url(/amex/apply/img/index_bg_initial.gif) repeat scroll 0 0;
}
#areaContents #feature #tab1 table tbody tr.hover td.col1,
#areaContents #feature #tab2 table tbody tr.hover td.col1{
	background-color:#f4f4f4;
}
#areaContents #feature #tab1 table tbody tr.hover td.col2,
#areaContents #feature #tab3 table tbody tr.hover td.col1{
	background-color:#f6f2e8;
}
#areaContents #feature #tab1 table tbody tr.hover td.col3,
#areaContents #feature #tab3 table tbody tr.hover td.col2{
	background-color:#e9eaec;
}
#areaContents #feature #tab1 table tbody tr.hover td.col4,
#areaContents #feature #tab2 table tbody tr.hover td.col2,
#areaContents #feature #tab4 table tbody tr.hover td.col1{
	background-color:#f1f4f5;
}

#areaContents #feature table tbody.cardface td{
	text-align:center;
}

/* #compare */
#areaContents #compare ul{
	padding-left:132px;
}

/* ranking */
#areaContents #ranking ul.link{
	width:463px;
	margin:0 0 0 16px;
	padding:0;
	list-style:none;
}
#areaContents #ranking ul.link li{
	margin:0 0 1px;
	padding:12px 0 12px 50px;
	min-height:17px;
	height:auto !important;
	height:17px;
	background:url(/amex/apply/img/index_bg_ranking.gif) no-repeat -463px 0;
}
#areaContents #ranking ul.link li.first-child{
	background-position:0 0;
}
#areaContents #ranking ul.link li.last-child{
	background-position:-926px 0;
}

/* #addCard */
#areaContents #addCard dl{
	width:auto;
	margin-left:0;
	float:left;
}
#areaContents #addCard dl#yinlian{
	width:147px;
	padding-left:16px;
}
#areaContents #addCard dl#etc{
	width:158px;
	padding-left:10px;
}
#areaContents #addCard dl#family{
	width:140px;
	padding-left:10px;
	border-left:2px solid #efefef;
	border-right:2px solid #efefef;
}

#areaContents #addCard dl dt.link a{
	font-weight:normal;
}

#areaContents #addCard dl dd{
	padding-right:10px;
}
#areaContents #addCard dl#family dt{
	padding-right:0;
}
}

#areaContents #feature table thead th p,
#areaContents #feature tbody.cardface td p{
	margin:0;
	overflow:hidden;
	position:relative;
}
#areaContents #feature table thead th{
	height:55px;
	padding:0 !important;
}
#areaContents #feature table thead th p{
	height:55px;
}
#areaContents #feature table thead th p img,
#areaContents #feature tbody.cardface td p img{
	vertical-align:top;
	margin-left:0;
	position:absolute;
	top:0;
	left:0;
}
#areaContents #feature #tab1 table thead th,
#areaContents #feature #tab1 table thead th p{
	height:74px;
	padding:0 !important;
}
#areaContents #feature table thead th.col1 p img,
#areaContents #feature table tbody.cardface td.col1 p img{
	left:-142px;
}
#areaContents #feature #tab1 table thead th.col2 p img,
#areaContents #feature #tab1 table tbody.cardface td.col2 p img{
	left:-351px;
}
#areaContents #feature #tab1 table thead th.col3 p img,
#areaContents #feature #tab2 table thead th.col2 p img,
#areaContents #feature #tab3 table thead th.col2 p img,
#areaContents #feature #tab1 table tbody.cardface td.col3 p img,
#areaContents #feature #tab2 table tbody.cardface td.col2 p img,
#areaContents #feature #tab3 table tbody.cardface td.col2 p img{
	left:-560px;
}
#areaContents #feature #tab1 table thead th.col4 p img,
#areaContents #feature #tab1 table tbody.cardface td.col4 p img{
	left:-769px;
}
#areaContents #feature table tbody.cardface td{
	padding:0 0 12px;
}
#areaContents #feature table tbody.cardface td p{
	height:181px;
	margin:0;
	overflow:hidden;
}
#areaContents #feature #tab1 table thead th p,
#areaContents #feature #tab1 table tbody.cardface td,
#areaContents #feature #tab1 table tbody.cardface td p{
	width:207px;
}
#areaContents #feature #tab2 table thead th p,
#areaContents #feature #tab2 table tbody.cardface td,
#areaContents #feature #tab2 table tbody.cardface td p,
#areaContents #feature #tab3 table thead th p,
#areaContents #feature #tab3 table tbody.cardface td,
#areaContents #feature #tab3 table tbody.cardface td p{
	width:416px;
}
#areaContents #feature #tab4 table thead th p,
#areaContents #feature #tab4 table tbody.cardface td,
#areaContents #feature #tab4 table tbody.cardface td p{
	width:834px;
}



#areaContents #cardlist ul li img.last{
	display:none;
}

#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3{
	border:none;
	padding:0;
	text-indent:0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3::before{
	content:'';
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3 span{
	display:none;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd ul.linkButtonImg,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd ul.linkButtonImg li,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd a,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3{
	width:216px;
	height:53px;
	margin:0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3{
	position:relative;
	display:block;
	overflow:hidden;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab4 ul.linkButtonImg,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab4 ul.linkButtonImg li,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab4 a,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab4 h3{
	width:264px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd a img,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3 img{
	position:absolute;
	clip:rect('0px', '216px', '53px', '0px');
	margin-left:0;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab2 a img,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab2 h3 img{
	left:-216px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab3 a img,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd.tab3 h3 img{
	left:-432px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li.last-child dl dd a img,
#areaContents #feature ol.tab-list li ul.tab-btn li.last-child dl dd h3 img{
	left:-648px;
}
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd a:hover img,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd a img:hover,
#areaContents #feature ol.tab-list li ul.tab-btn li dl dd h3 img{
	top:-53px;
}

#areaContents div.bnrArea_biz_amex {
	text-align:center;
	margin:6px 0 38px;
}


@media print {
#areaContents #feature div.content{
	margin-bottom:1em;
}
#areaContents #feature table tbody.cardface td ul.linkButtonImg,
#areaContents #feature ul.tab-btn li a,
#areaContents #feature #tab1 ul.tab-btn li.last-child,
#areaContents #feature #tab1 dd.tab2,
#areaContents #feature #tab1 dd.tab3,
#areaContents #feature #tab1 dd.tab4,
#areaContents #feature #tab2 ul.tab-btn li.last-child,
#areaContents #feature #tab2 dd.tab1,
#areaContents #feature #tab2 dd.tab3,
#areaContents #feature #tab2 dd.tab4,
#areaContents #feature #tab3 ul.tab-btn li.last-child,
#areaContents #feature #tab3 dd.tab1,
#areaContents #feature #tab3 dd.tab2,
#areaContents #feature #tab3 dd.tab4,
#areaContents #feature #tab4 ul.tab-btn li.first-child{
	display:none;
}
#areaContents #feature #tab1,
#areaContents #feature #tab2,
#areaContents #feature #tab3,
#areaContents #feature #tab4{
	display:block !important;
}
}

@media print and (max-width: 8.5in){
#areaContents div.indexTitle img,
#areaContents div.bannerArea img,
#areaContents h2 img,
#areaContents table caption img{
	width:100% !important;
}
}