@charset "shift_jis";

@media screen{
/*=============================================================================
	テンプレート用CSS
	template.css

=============================================================================*/
/*
	Header
---------------------------------------------------------*/
#brandLogo{
	width:520px;
}
/*
	Global Navigation
---------------------------------------------------------*/
#naviGlobal li a{
	background:none;
	position:relative;
	height:36px;
	padding:0;
}
#naviGlobal li a img{
	position:absolute;
}

/* inactive State */
#naviGlobal li#navi_global_apply a img{}
#naviGlobal li#navi_global_point a img{left:-196px;}
#naviGlobal li#navi_global_service a img{left:-392px;}
#naviGlobal li#navi_global_money a img{left:-588px;}
#naviGlobal li#navi_global_support a img{left:-784px;}

/* Hover State */
#naviGlobal li a:hover img{top:-36px;}

/* On State */
#apply #naviGlobal li#navi_global_apply a img,
#point #naviGlobal li#navi_global_point a img,
#service #naviGlobal li#navi_global_service a img,
#money #naviGlobal li#navi_global_money a img,
#support #naviGlobal li#navi_global_support a img{top:-36px !important;}

/*
	areaFooter
---------------------------------------------------------*/
#naviLocal p{
	background:none;
	width:691px;
	height:9px;
	margin-bottom:9px;
	padding-top:0;
}
#naviLocal p img{
	vertical-align:top;
}


/*=============================================================================
	コンテンツスニペット
	snippets.css

=============================================================================*/

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

/*
ログインボックス
---------------------------------------------------------*/
#areaContents dl.loginbox{
	width:712px;
	margin:1em 0 2em 16px;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) repeat-y scroll 0 0;
}
#areaContents dl.loginbox::before{
	content:'　';
	height:0;
	padding-top:11px;
	display:block;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) no-repeat scroll -712px 0;
	zoom:1;
}
#areaContents dl.loginbox::after{
	content:' ';
	padding-bottom:11px;
	display:block;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) no-repeat scroll 100% 0%;
	clear:both;
	zoom:1;
}
#areaContents dl.loginbox:last-child,
#areaContents dl.loginbox.last-child{
	margin-bottom:0;
}
#areaContents dl.loginbox dt{
	float:left;
	width:295px;
	text-align:center;
}
#areaContents dl.loginbox dt img{
	margin:8px auto 0;
}

#areaContents dl.loginbox dd{
	width:415px;
	text-align:center;
	float:right;
	border-left:2px solid #e5e5e5;
}

#areaContents dl.loginbox dd ul::after{
	content:' ';
	display:block;
	clear:both;
}
#areaContents dl.loginbox dd ul{
	width:348px;
	margin:0 auto 6px;
}
#areaContents dl.loginbox dd p{
	width:348px;
	margin:0 auto;
	text-align:left;
}
/* h4Indent*/
#areaContents div.h4Indent dl.loginbox{
	width:696px;
	background:#fff url(/amex/common/img/roundbold_frm_h4in.gif) repeat-y scroll 0 0;
}
#areaContents div.h4Indent dl.loginbox::before{
	background:#fff url(/amex/common/img/roundbold_frm_h4in.gif) no-repeat scroll -696px 0;
}
#areaContents div.h4Indent dl.loginbox::after{
	background:#fff url(/amex/common/img/roundbold_frm_h4in.gif) no-repeat scroll 100% 0%;
}

#areaContents div.h4Indent dl dd dl.loginbox{
	margin-left:0;
}

#areaContents div.h4Indent dl.loginbox dt{
	width:289px;
}
#areaContents div.h4Indent dl.loginbox dt img{
	margin:4px auto;
}

#areaContents div.h4Indent dl.loginbox dd{
	width:405px;
}

#areaContents div.h4Indent dl.loginbox dd ul{
	width:340px;
}
#areaContents div.h4Indent dl.loginbox dd p{
	width:340px;
}


#areaContents dl.loginbox dd ul,
#areaContents dl.loginbox dd ul li{
}
#areaContents dl.loginbox dd ul li.first-child,
#areaContents dl.loginbox dd ul li:first-child{
	float:left;
}
#areaContents dl.loginbox dd ul li.last-child,
#areaContents dl.loginbox dd ul li:last-child{
	float:right;
	margin-left:-3px;
}

#areaContents dl.loginbox dd ul li a,
#areaContents dl.loginbox dd ul li form{
	position:relative;
	display:block;
	height:30px;
	width:166px;
	overflow:hidden;
}

#areaContents dl.loginbox dd ul li a img{
	position:absolute;
	clip:rect('0px', '166px', '30px', '0px');
	left:0;
	margin:0 !important;
}
#areaContents dl.loginbox dd ul li a input[type="image"]{
	position:absolute;
	clip:rect('0px', '166px', '30px', '0px');
	left:0;
	margin:0 !important;
}
#areaContents dl.loginbox dd ul li a:hover img,
#areaContents dl.loginbox dd ul li form:hover input[type="image"],
#areaContents dl.loginbox dd ul li a img:hover,
#areaContents dl.loginbox dd ul li form input[type="image"]:hover{
	top:-30px;
}



#areaContents div.loginbox{
	width:712px;
	margin:1em 0 2em 16px;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) repeat-y scroll 0 0;
}
#areaContents div.loginbox::before{
	content:'　';
	height:0;
	padding-top:11px;
	display:block;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) no-repeat scroll -712px 0;
	zoom:1;
}
#areaContents div.loginbox::after{
	content:' ';
	padding-bottom:11px;
	display:block;
	background:#fff url(/amex/common/img/roundbold_frm_in.gif) no-repeat scroll 100% 0%;
	clear:both;
	zoom:1;
}
#areaContents dl.loginbox.last-child{
	margin-bottom:0;
}

#areaContents div.loginbox dd.btn ul li a{
	position:relative;
	display:block;
	height:30px;
	width:166px;
	overflow:hidden;
}
#areaContents div.loginbox dd.btn ul li a img{
	position:absolute;
	clip:rect('0px', '166px', '30px', '0px');
	left:0;
	margin:0 !important;
}
#areaContents div.loginbox dd.btn ul li a:hover img,
#areaContents div.loginbox dd.btn ul li a img:hover{
	top:-30px;
}

#areaContents div.h4Indent div.loginbox{
	margin-left:0;
}

#areaContents div.h4Indent dl div.loginbox{
	margin-left:-16px;
}

/*
div.loginbox dl.confirmation
--------------------------------------*/
#areaContents div.loginbox dl.confirm{
	margin:0 12px;
}
#areaContents div.loginbox dl.confirm dt{
	height:39px;
	margin-top:0;
	overflow:hidden;
}
#areaContents div.loginbox dl.confirm dt img{
	margin-left:0 !important;
}

#areaContents div.loginbox dl.confirm dd.flow{
	height:93px;
}
#areaContents div.loginbox dl.confirm dd.flow p,
#areaContents div.loginbox dl.confirm dd.flow dl{
	height:93px;
	float:left;
}
#areaContents div.loginbox dl.confirm dd.flow p.first-child{
	width:174px;
}
#areaContents div.loginbox dl.confirm dd.flow p.last-child{
	width:120px;
	margin-top: 0 !important;
}
#areaContents div.loginbox dl.confirm dd.flow p.first-child img{
}
#areaContents div.loginbox dl.confirm dd.flow p.last-child img{
	left:-566px;
}
#areaContents div.loginbox dl.confirm dd.flow dl{
	width:196px;
}
#areaContents div.loginbox dl.confirm dd.flow dl dt{
	display:none;
}
#areaContents div.loginbox dl.confirm dd.flow dl dd img{
	 margin-left: 0;
}
#areaContents div.loginbox dl.confirm dd.flow dl.no dd img{
	left:-174px;
}
#areaContents div.loginbox dl.confirm dd.flow dl.yes dd img{
	left:-370px;
}

#areaContents div.loginbox dl.confirm dd.btn{
	width:166px;
	position:relative;
}
#areaContents div.loginbox dl.confirm dd.btn ul li{
	position:absolute;
	top:-40px;
}
#areaContents div.loginbox dl.confirm dd.btn ul li.wslogin{
	left:382px;
}
#areaContents div.loginbox dl.confirm dd.btn ul li.entry{
	left:186px;
}
#areaContents div.loginbox dl.confirm dd.btn ul li a{
	width:148px;
}

#areaContents div.h4Indent div.loginbox{
	margin-left:0;
}


}

/*
	h1
---------------------------------------------------------*/
#container{
	position:relative;
}
#container h1{
	letter-spacing:-0.01em;
	font-size:0.9em;
	position:absolute;
	top:63px;
}

/*
div.loginbox dl.confirmation
--------------------------------------*/
#areaContents div.loginbox dl.confirm dd.flow p,
#areaContents div.loginbox dl.confirm dd.flow dl{
	margin:0;
	overflow:hidden;
	position:relative;
}
#areaContents div.loginbox dl.confirm dd.flow p img,
#areaContents div.loginbox dl.confirm dd.flow dl dd img{
	vertical-align:top;
	position:absolute;
}

/* リセット */
#areaContents div.loginbox dl.confirm dd.flow{
	background:none;
	height:auto;
	padding:0;
	overflow:auto;
}
*+html #areaContents div.loginbox dl.confirm dd.flow{
	text-indent:0;
}

@media print{
#container h1{
	top:57px;
}

/*
div.loginbox dl.confirmation
--------------------------------------*/
#areaContents div.loginbox dl.confirm{
	height:auto !important;
}
#areaContents div.loginbox dl.confirm dd.flow p.first-child{
	width:130px;
	height:32px;
}
#areaContents div.loginbox dl.confirm dd.flow p.last-child{
	width:110px;
	height:32px;
	margin-bottom:1em;
}
#areaContents div.loginbox dl.confirm dd.flow p.first-child img{
	top:-36px;
	left:-5px;
}
#areaContents div.loginbox dl.confirm dd.flow p.last-child img{
	top:-34px;
	left:-571px;
}
#areaContents div.loginbox dl.confirm dd.flow dl dd{
	margin:0 0 1em;
	overflow:hidden;
	position:relative;
}
#areaContents div.loginbox dl.confirm dd.flow dl.no dd{
	width:160px;
	height:16px;
}
#areaContents div.loginbox dl.confirm dd.flow dl.no dd img{
	top:-31px;
	left:-180px;
}
#areaContents div.loginbox dl.confirm dd.flow dl.yes dd{
	width:130px;
	height:32px;
}
#areaContents div.loginbox dl.confirm dd.flow dl.yes dd img{
	top:-14px;
	left:-375px;
}
#areaContents div.loginbox dl.confirm dd.btn{
	display:none;
}
}