@charset "shift_jis";

/*
ポータル
--------------------------------------------------*/
#firstContact{
	width:980px;
	height:324px;
	margin-top:12px;
}

#firstContact #areaPortal{
	width:236px;
	margin-right:8px;
	float:left;
}
* html #firstContact #areaPortal{
	display:inline;
}

#firstContact #memberPortal{
	background:transparent url(/img/bg_memberportal02.gif) no-repeat scroll 0 0;
	height:200px;
	margin:0;
}

#firstContact #entryPortal{
	background:transparent url(/img/bg_entryportal.gif) no-repeat scroll 0 0;
	margin-top:4px;
	height:120px;
}

#areaContents #firstContact h2,
#areaContents #firstContact h3,
#areaContents #firstContact p{
	background:none;
	border:none;
	padding:0;
	text-indent:0;
	line-height:0;
	font-size:100%;
}
#areaContents #firstContact h3,
#areaContents #firstContact p{
	margin:0 16px;
}
#areaContents #firstContact #memberPortal h3{
	margin-bottom:4px;
}
#areaContents #firstContact h3::before{
	content:'';
}
#areaContents #firstContact h3 span{
	display:none;
}

#areaContents #firstContact ul.linkButtonImg{
	width:204px;
	height:38px;
	margin-top:9px;
	overflow:hidden;
}
#areaContents #firstContact ul.linkButtonImg li,
#areaContents #firstContact ul.linkButtonImg a{
	width:204px;
	height:38px;
}
#areaContents #firstContact ul.linkButtonImg a:hover img,
#areaContents #firstContact ul.linkButtonImg a img:hover{
	top:-38px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg{
	margin:0 4px;
	padding:0 12px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.first-child{
	margin-bottom:10px;
}
#areaContents #firstContact #memberPortal ul.webservice{
	height:32px;
	margin-bottom:6px;
	overflow:hidden;
}
#areaContents #firstContact #memberPortal ul.bannerarea{
	margin: 12px 16px 0;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li,
#areaContents #firstContact #memberPortal ul.linkButtonImg a{
	height:32px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg a:hover img,
#areaContents #firstContact #memberPortal ul.linkButtonImg a img:hover{
	top:-32px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.login{
	margin-bottom:4px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign{
	margin-bottom:0;
	/margin-top:-3px;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign,
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign a{
	height:auto;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign a img{
	vertical-align:top;
	position:static;
}
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign a:hover img,
#areaContents #firstContact #memberPortal ul.linkButtonImg li.campaign a img:hover{
	top:0;
}

#areaContents #firstContact #areaVisual div.areaConnect{
	width:235px;
	height:198px;
	margin:0;
	float:left;
	overflow:hidden;
	border:solid #000;
	border-width:1px 1px 1px 0;
}
* html #areaContents #firstContact #areaVisual div.areaConnect{
	display:inline;
}
#areaContents #firstContact #areaVisual div.areaConnect li,
#areaContents #firstContact #areaVisual div.areaConnect li a{
	width:235px;
	height:99px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}
* html #areaContents #firstContact #areaVisual div.areaConnect li{
	background:transparent url(/img/link_connect.jpg) no-repeat scroll 100% 0;
}
* html #areaContents #firstContact #areaVisual div.areaConnect li#connectGold{
	background-position:100% 100%;
}
#areaContents #firstContact #areaVisual div.areaConnect li a{
	position:relative;
	display:block;
}
* html #areaContents #firstContact #areaVisual div.areaConnect li a:hover{
	filter:alpha(opacity=0);
}
#areaContents #firstContact #areaVisual div.areaConnect li a img{
	position:absolute;
	top:0;
}
#areaContents #firstContact #areaVisual div.areaConnect li a:hover img{
	left:-235px;
}
#areaContents #firstContact #areaVisual div.areaConnect li#connectGold a img{
	top:-99px;
}


/*
プロモーション
--------------------------------------------------*/
#firstContact #areaVisual{
	width:736px;
	float:left;
	position:relative;
	overflow:hidden;
}
* html #firstContact #areaVisual{
	display:inline;
}
#firstContact #areaVisual img{
	vertical-align:top;
}

#firstContact #areaVisual #areaRotation{
	width:980px;
	height:200px;
}
#firstContact #areaVisual #areaMessage{
	width:736px;
	height:120px;
	margin-top:4px;
}

#firstContact #areaVisual #areaMessage ul li{
	float: left;
	width: 364px;
	padding-right: 8px;
}

#firstContact #areaVisual #areaMessage ul li.last{
	padding-right: 0;
}

#firstContact #areaRotation > div > a{
	float:left;
}
* html #firstContact #areaRotation div a{
	float:left;
	display:inline;
}


/*
ニーズマッチング
--------------------------------------------------*/
#needs{
	background:transparent url(/img/bg_needs.gif) repeat-y scroll 100% 0;
	margin-top:12px;
}
#needs div.wrapLayout{
	background:transparent url(/img/bg_needs.gif) no-repeat scroll 0 100%;
	padding-bottom:1em;
}
#areaContents #needs div{
	margin-right:0;
}
#areaContents #needs dl{
	margin-right:8px;
}

#areaContents #needs div.col4g3{
	width:744px;
}
* html #areaContents #needs div.col4g3{
	overflow:hidden;
}
#areaContents #needs div.col4g3 div.column{
	width:248px;
	float:left;
}
#areaContents #needs div.col4g3 div.column ul{
	margin:0 3px;
}

#areaContents #needs div.col4g1{
	width:236px;
}

#areaContents #needs div.blockTitle{
	background:none;
	margin:0;
}
#areaContents #needs div.blockTitle h2{
	background:none;
	line-height:1;
	height:45px;
	padding:0;
	overflow:hidden;
	position:relative;
}
#areaContents #needs div.blockTitle h2 img{
	vertical-align:top;
	margin-left:0;
}
#areaContents #needs div.col4g1 div.blockTitle h2 img{
	position:absolute;
	right:0;
}

#areaContents #needs h3{
	height:41px;
	margin:3px 0 15px !important;
	padding:0;
	overflow:hidden;
	border-bottom:none;
	position:relative;
}
#areaContents #needs h3 img{
	vertical-align:top;
	margin-left:0;
	position:absolute;
}
#areaContents #needs #anytime h3 img{
	top:0;
	left:0;
}
#areaContents #needs #plan h3 img{
	top:0;
	left:-248px;
}
#areaContents #needs #funlife h3 img{
	top:0;
	left:-496px;
}
#areaContents #needs h3#searchkey img{
	top:0;
	left:-744px;
}

#areaContents #needs div.col4g1 ul{
	margin-right:16px;
}
#areaContents #needs div.col4g1 p,
#areaContents #needs div.col4g1 dl{
	margin:0 12px;
}
#areaContents #needs div.col4g1 p{
	height:89px;
	margin:0 12px;
	overflow:hidden;
}
#areaContents #needs div.col4g1 dl{
	background:transparent url(/amex/img/bg_searchkey.gif) no-repeat scroll 0 0;
	min-height:114px;
	_height:114px;
}
#areaContents #needs div.col4g1 dl dt{
	margin-top:0;
	padding:19px 0 6px 32px;
}
#areaContents #needs div.col4g1 form{
	margin-bottom:29px;
}
#areaContents #needs div.col4g1 input.searchKey{
	color:#555;
	font-size:100%;
	line-height:18px;
	width:184px;
	height:18px;
	margin-bottom:1px;
	margin-left:13px;
	padding:0;
	border:1px solid #999;
	vertical-align:bottom;
}
#areaContents #needs div.col4g1 input.searchBtn{
	background:transparent url(/amex/common/img/btn_search.gif) no-repeat scroll 100% 0%;
	width:45px;
	height:22px;
	margin:10px 83px;
	padding:0;
	font-size:93%;
	cursor:pointer;
	vertical-align:top;
}
#areaContents #needs div.col4g1 input.searchBtn:hover{
	background-position:100% 100%;
}

/*TOP追加改修
--------------------------------------------------*/
#areaContents #needs.bgAmex{
	background:transparent url(/img/bg_needs.gif) repeat-y scroll 100% 0;
}

#areaContents #needs.bgAmex div.wrapLayout{
	background:transparent url(/img/bg_needs.gif) no-repeat scroll 0 100%;
}

#areaContents #needs h3#searchkey.searchkeyBg{
	height:45px;
	margin-bottom:0px !important;
}

#areaContents #needs h3#searchkey img.keyWordSearch{
	top:2px;
	left:-739px;
}

#areaContents #needs div.col4g1 dl dt.searchkeyText{
	padding-bottom:15px;
}

#areaContents #needs div.col4g1 input.searchTextArea{
	background:#f0f0f0;
}

#areaContents #needs div.col4g1 input.searchLargeBtn{
	background:transparent url(/amex/common/img/btn_large_search.gif) no-repeat scroll 100% 0%;
	width:146px;
	height:30px;
	margin:10px 33px;
}

#areaContents #needs div.col4g1 .bg_01{
	background:url(/img/bg_01.gif) no-repeat scroll top center;
	padding-top:4px;
}
#areaContents #needs div.col4g1 .bg_02{
	background:url(/img/bg_03.gif) no-repeat scroll bottom center;
	padding-bottom:4px;
}
#areaContents #needs div.col4g1 .bg_03{
	background:url(/img/bg_02.gif) repeat-y scroll top center;
	padding:4px 0 87px;
	padding:4px 0 112px\9;
}

/*
下段
--------------------------------------------------*/
#wrapSecondary {
	margin:12px 0 1em;
	zoom:1;
}

/*#areaAnnounce
---------------------------*/
#areaAnnounce div.section div.blockTitle {
	margin-bottom:10px;
}

#areaAnnounce div.section div.blockContents dl {
	margin-left:0;
	padding:0 16px 4px;
	border-bottom:2px solid #e0e0e0;
	zoom:1;
}
#areaAnnounce div.section div.blockContents dl dt {
	font-weight:normal;
	width:8.2em;
	margin-top:0.2em;
}
#areaAnnounce div.section div.blockContents dl dd{
	background:transparent url(/amex/common/img/ico_link_arrow.gif) no-repeat scroll 1px 0.5em;
	_background-position:1px 0.3em;
	margin:-1.4em 0 2px 8.2em;
	padding-left:10px;
}

#areaAnnounce ul.link.attention {
	margin:0 16px;
	margin-bottom:1em;
	padding-top:10px;
}
*html #areaAnnounce ul.link.attention {
	margin-bottom:0;
}
*+html #areaAnnounce ul.link.attention {
	margin-bottom:0;
}
#areaAnnounce ul.link.attention li {
	margin-bottom:0.2em;
}

/*バナーエリア
-----------------------------------------------------*/

#bnrArea{
	width: 728px;
	height: 92px;
	margin: 0 0 12px 0;
	clear: both;
}

#bnrArea ul{
	width: 728px;
	height: 92px;
}

#bnrArea ul li{
	display: inline;
	float: left;	
	height: 92px;
	margin: 0 0 0 16px;
	width: auto;
}

#bnrArea ul li a{
	display: block;
	height: 92px;
	overflow: hidden;
	position: relative;
	width: 232px;
}

#bnrArea ul li:first-child,
#bnrArea ul li.first-child{
	margin-left:0;
}

/*セキュリティに関するお知らせ
-----------------------------------------------------*/
#areaAnnounce #securityInfo{
	margin: 0 0 12px 0;
}

/*重要なお知らせ
-----------------------------------------------------*/
#areaAnnounce #blockImportantinfo div.blockTitle {
	margin-top:0;
}
#areaAnnounce #blockImportantinfo #importantInfo dl#importantList {
	padding-bottom:10px;
}
#areaAnnounce #blockImportantinfo #importantInfo dl.state{
	padding:6px 0 5px;
}
#areaAnnounce #blockImportantinfo #importantInfo dl.important{
	padding:6px 16px;
}
#areaAnnounce #blockImportantinfo #importantInfo dl.state dd{
	margin:3px 0 0;
	clear:both;
	background:transparent url(/amex/common/img/ico_link_arrow.gif) no-repeat scroll 20px 0.5em;
	padding:0 16px 3px 28px;
	border-bottom:1px solid #e0e0e0;
}
#areaAnnounce #blockImportantinfo #importantInfo dl.state dd.first-child{
	padding-top:0;
	margin-top:0;
}
#areaAnnounce #blockImportantinfo #importantInfo dl.state dd.only-child,
#areaAnnounce #blockImportantinfo #importantInfo dl.state dd.last-child{
	padding-bottom:0;
	border-bottom:0;
}
#areaAnnounce #blockImportantinfo div.blockContents dl.important dd{
	margin-bottom:0;
}


/*インフォメーション
-----------------------------------------------------*/
#areaAnnounce #blockWhatsnew{
	zoom:1;
}
#areaAnnounce #blockMaintenance{
	margin-left:0;
	padding:10px 0;
	border-bottom:2px solid #e0e0e0;
	zoom:1;
}
#areaAnnounce #blockMaintenance ul.link{
	margin-bottom:0;
}


/*枠
-----------------------------------------------------*/
#areaAlliedlink {
	background:url(/common/img/line_dot.gif) repeat-x left top;
	margin:15px 0 21px 0;
	padding-top:12px;
	clear:both;
}
*+html #areaAlliedlink {
	margin-bottom:0;
}

#areaAlliedlink div.info{
	background:transparent url(/common/img/bg_top_info.gif) repeat-x scroll 0 100%;
	margin-top:0;
	border-color:#d2d2d2;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-ms-border-radius:2px;
}



/*
下段左
--------------------------------------------------*/
#naviRelated {
	width:232px;
	float:left;
	display:inline;
	margin-bottom:21px;
}
#naviRelated li {
	margin-bottom:6px;
}
#naviRelated ul.bnr li a {
	position:relative;
	width:232px;
	height:60px;
	display:block;
	overflow:hidden;
}
#naviRelated ul.bnr li a img {
	position:absolute;
	clip:rect('0px', '232px', '60px', '0px');
	left:0;
	margin:0 !important;
}
#naviRelated ul.bnr li a:hover img,
#naviRelated ul.bnr li a img:hover{
	top:-60px;
}
/*--------------------------------------------------*/
#naviRelated ul.bnr li.middle a {
	position:relative;
	width:232px;
	height:106px;
	display:block;
	overflow:hidden;
}
#naviRelated ul.bnr li.middle a img {
	position:absolute;
	clip:rect('0px', '232px', '106px', '0px');
	left:0;
	margin:0 !important;
}
#naviRelated ul.bnr li.middle a:hover img,
#naviRelated ul.bnr li.middle a img:hover{
	top:-106px;
}

#naviRelated ul.bnr li.small a {
	position:relative;
	width:232px;
	height:46px;
	display:block;
	overflow:hidden;
}
#naviRelated ul.bnr li.small a img {
	position:absolute;
	clip:rect('0px', '232px', '46px', '0px');
	left:0;
	margin:0 !important;
}
#naviRelated ul.bnr li.small a:hover img,
#naviRelated ul.bnr li.small a img:hover{
	top:-46px;
}
/*--------------------------------------------------*/
#naviRelated ul.bnr li#amexbusiness a {
	position:static;
	height:72px;
	display:block;
}
#naviRelated ul.bnr li#amexbusiness a img {
	position:static;
}
#naviRelated ul.bnr li#amexbusiness a:hover img{
	top:0;
}


#naviRelated #mobile{
	background:transparent url(/amex/img/bg_mobile.gif) no-repeat scroll 0 0;
	height:338px;
	overflow:hidden;
	margin:10px 0;
}
#naviRelated #mobile h2,
#naviRelated #mobile dl dt,
#naviRelated #mobile dl dd p{
	overflow:hidden;
	position:relative;
}
#naviRelated #mobile h2{
	height:34px;
}
#naviRelated #mobile dl{
	margin:0;
}
#naviRelated #mobile dl dt{
	margin:0;
	height:20px;
}
#naviRelated #mobile dl dt img{
	position:absolute;
	top:-34px;
}
#naviRelated #mobile dl#smartphoneapp{
	height:103px;
}
#naviRelated #mobile dl#smartphoneapp dt img{
	top:-34px;
}
#naviRelated #mobile dl#smartphone{
	height:95px;
}
#naviRelated #mobile dl#smartphone dt img{
	top:-137px;
}
#naviRelated #mobile dl#cellular{
	height:106px;
}
#naviRelated #mobile dl#cellular dt img{
	top:-232px;
}
#naviRelated #mobile dl#smartphoneapp dd p{
	margin:0;
	height:42px;
}
#naviRelated #mobile dl#smartphoneapp dd p img{
	position:absolute;
	top:-54px;
}
#naviRelated #mobile dl#smartphone dd p{
	margin:0;
	height:42px;
}
#naviRelated #mobile dl#smartphone dd p img{
	position:absolute;
	top:-157px;
}
#naviRelated #mobile dl#cellular dd p{
	margin:0;
	height:42px;
}
#naviRelated #mobile dl#cellular dd p img{
	position:absolute;
	top:-252px;
}
#naviRelated #mobile dl#cellular dd div.matrixcode{
	width:127px;
	height:85px;
	float:left;
	overflow:hidden;
}
#naviRelated #mobile dl dd ul.link{
	clear:both;
	margin-left:16px;
}
#areaContents dd > ul.link.smartphoneinfo li{
	line-height:1em !important;
}
#naviRelated #mobile dl dd ul.link.smartphoneappinfo{
	margin-right:80px;
}
#naviRelated #mobile dl dd ul.link.smartphoneinfo{
	margin-right:48px;
}
#naviRelated #mobile dl dd ul.link.cellularinfo{
	margin-right:68px;
}
#naviRelated #mobile dl dd ul.link li{
	background-position:1px 4px;
	padding-left:10px;
}

#naviRelated div.privacymark{
	margin:0;
	padding:1em 0;
	clear:both;
}

/*緊急告知
-----------------------------------------------------*/
#imp{
	margin: 5px 0 15px;
	padding: 10px 0 0;
	border-top: 1px solid #CCCCCC;
}
#imp ul li {
	background: url(/amex/common/img/ico_link_attention.gif) no-repeat 0 0;
	margin: 0 0 8px;
	padding-left:25px;
	font-weight:bold;
}