@charset "shift_jis";

/* === 2nd Page =======================================

	AMC - 各カード詳細画面

==================================================== */
/* 2010.05 */


/* ==================================================== 
	Common Style 
======================================================= */

#headArea {
	width:950px;
	_margin-bottom:10px;
	} 
#headBanner {
	text-align:right;
	}

.cardContents a.linkArrow-sb { 
	background : url(/common/image/format-icn-arrow-sky.gif) no-repeat scroll left center; 
	padding: 0 0 0 7px; 
	} 


/*-----------------------------------------------
 
	#cardMain

------------------------------------------------ */
.cardContents #cardMain { 
	background: url(/amc/reference/anacard/image2010/card_image/main_bg.jpg) no-repeat left top; 
	min-height: 277px; 
	padding: 28px 0 0 28px; 
	} 
.cardContents #cardMain:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 
*html .cardContents #cardMain { 
	height: 303px; 
	zoom: 1; 
	} 
.cardContents #cardMain .cardImg { 
	width: 257px; 
	float: left; 
	padding: 26px 0 0; 
	} 
.cardContents #cardMain .cardMainText { 
	width: 650px; 
	float: left; 
	} 
.cardContents #cardMain .cardTitle { 
	padding: 0 0 12px;  
	} 

/* -- .btnArea -- */
.cardContents #cardMain .btnArea:after {
    content: ".";
    display: block;
    clear: both; 
	visibility: hidden; 
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	} 
.cardContents #cardMain .btnArea .cardTitle { 
	float: left; 
	width: 482px; 
	} 
.cardContents #cardMain .btnArea .suicaBtn { 
	float: left; 
	margin: -4px 0 0; 
	} 
*html .cardContents #cardMain .btnArea { 
	zoom: 1; 
	} 
*html .cardContents #cardMain .btnArea .suicaBtn { 
	margin-top: 0; 
	} 

/* -- .bonus_mile -- */
.cardContents .bonus_mile { 
	margin: 0 0 12px; 
	}

/* -- .selectText -- */
.cardContents .selectText { 
	clear: both; 
	}



/*-----------------------------------------------
 
	.cardTable

------------------------------------------------ */
.cardContents .cardTable { 
	width: 950px; 
	border-collapse: collapse; 
	margin: 30px 0 15px; 
	line-height: 1.5; 
	} 
.cardContents .cardTable th { 
	width: 165px; 
	padding: 8px 0; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: normal; 
	background: #d1e6fc; 
	border: 1px solid #c2c2c2; 
	} 
.cardContents .cardTable th.apply { 
	background: #95bde7; 
	font-weight: bold; 
	} 
.cardContents .cardTable td { 
	padding: 8px 0; 
	text-align: center; 
	vertical-align: middle; 
	font-weight: normal; 
	border: 1px solid #c2c2c2; 
	} 

/* -- fntLarge ( only IE ) -- */
*html .cardContents .cardTable td .fntLarge { 
	font-size: 140%; 
	} 

/* -- div -- */
.cardContents .cardTable td div.ct { 
	text-align: center; 
	margin: 0 auto; 
	text-align: left; 
	} 

/* -- Image -- */
#AMCContainer .cardContents .cardTable td img { 
	vertical-align: middle; 
	margin: 0 5px; 
	} 

/* -- serviceIcon -- */
.cardContents .cardTable td .serviceIcon { 
	display: block; 
	}
#AMCContainer .cardContents .cardTable td .serviceIcon img { 
	margin: 0 2px 6px; 
	} 

/* -- margin -- */
.cardContents .cardTable td span.mt8px { 
	margin-top: 8px; 
	display: block; 
	} 
.cardContents .cardTable td span.mb8px { 
	margin-bottom: 8px; 
	display: block; 
	} 

/* -- .tblCol -- */
.cardContents .cardTable td .tblCol { 
	text-align: center; 
	margin: 0 auto; 
	}
.cardContents .cardTable td .tblCol .tblCell { 
	display: table-cell;  
	padding: 0 8px; 
	vertical-align: middle; 
	text-align: left; 
	} 
*html .cardContents .cardTable td .tblCol .tblCell { 
	display: inline; 
	zoom: 1; 
	} 

/* -- .dlCol -- */
.cardContents .cardTable td dl.dlCol { 
	text-align: center; 
	margin: 0 auto; 
	} 
.cardContents .cardTable td dl.dlCol dt { 
	float: left; 
	text-align: left; 
	clear: both; 
	} 
.cardContents .cardTable td dl.dlCol dt.w8em { 
	width: 8em;  
	} 
.cardContents .cardTable td dl.dlCol dt.w9em { 
	width: 9em;  
	} 

/* -- text-align -- */
.cardContents .cardTable td span.textRight { 
	display: block; 
	text-align: right; 
	margin-right: 8px; 
	}


/*-----------------------------------------------
 
	.cardNote

------------------------------------------------ */
.cardContents .cardNote { 
	margin: 0 0 20px; 
	}
.cardContents .cardNote li { 
	line-height: 1.5; 
	padding: 0 0 0 0.9em; 
	text-indent: -0.9em; 
	}


/*-----------------------------------------------
 
	.cautionRed
	.cautionRedList

------------------------------------------------ */
.cardContents .cautionRed { 
	color: #990000; 
	border: 1px solid #990000; 
	text-align: center; 
	margin: 0 0 12px; 
	padding: 4px 0; 
	} 
.cardContents dl.cautionRedList { 
	color: #990000; 
	border: 1px solid #990000; 
	line-height: 1.5; 
	text-align: left; 
	margin: 0 0 12px; 
	padding: 8px; 
	} 


/*-----------------------------------------------
 
	.ftLink

------------------------------------------------ */
.cardContents .ftLink { 
	margin: 10px 0; 
	text-align: right; 
	} 


/*-----------------------------------------------
 
	.cardLink

------------------------------------------------ */
.cardContents .cardLink { 
	margin: 0 0 22px; 
	} 
.cardContents .cardLink li { 
	margin: 0 0 5px; 
	} 






/* ==================================================== 
	法人カード / 学生カード :
		/amc/reference/anacard/st_card/index.html
		/amc/reference/anacard/index_adesk.html
======================================================= */

/* -- .ftBanner -- */
.cardContents .ftBanner { 
	width: 560px; 
	margin: 8px 10px 30px; 
	} 
.cardContents .ftBanner .appLink { 
	text-align: right; 
	}
.cardContents .ftBanner .appLink a { 
	background: url(/common/image/format-icn-arrow-sky.gif) no-repeat scroll 0 4px; 
	padding: 2px 7px; 
	}


/*-----------------------------------------------
 
	#cardMain

------------------------------------------------ */
.cardContents #cardMain .leadText { 
	margin: 0 0 20px; 
	} 

/* -- .cdLogo -- */
.cardContents #cardMain .cdLogo { 
	padding: 12px 0; 
	background: url(/amc/reference/anacard/image2010/card_image/dotline.gif) repeat-x left top; 
	} 
.cardContents #cardMain .cdLogo .logoImg img { 
	margin: 0 10px 8px 0; 
	} 

/* -- .cdPgLink -- */
.cardContents #cardMain .cdPgLink dt { 
	margin: 0 0 8px; 
	} 
.cardContents #cardMain .cdPgLink dd { 
	display: inline; 
	} 
.cardContents #cardMain .cdPgLink dd a { 
	background: url(/amc/reference/anacard/image2010/card_image/link_pgLink.gif) no-repeat left center; 
	padding: 0 0 0 15px; 
	margin: 0 20px 0 0; 
	line-height: 1.2; 
	} 


/*-----------------------------------------------
 
	.stSvCnt

------------------------------------------------ */
.cardContents .stSvCnt { 
	margin: 0 10px 30px; 
	position: relative; 
	} 
.cardContents .stSvCnt p.fntMedium { 
	line-height: 1.4; 
	} 

.cardContents .stSvCnt h3 { 
	border-left: 5px solid #698ED2; 
	padding: 0 0 0 5px; 
	margin: 0 0 0.5em; 
	} 
.cardContents .stSvCnt h3 img.icon { 
	position: absolute; 
	left: 0; 
	top: 0; 
	margin-top: 2em; 
	} 
*html .cardContents .stSvCnt h3 img.icon { 
	margin-left: -10px; 
	}
.cardContents .stSvCnt .imgCol { 
	margin-left: 60px; 
	line-height: 1.4; 
	min-height: 40px; 
	} 
*html .cardContents .stSvCnt .imgCol { 
	height: 40px; 
	} 
.cardContents .stSvCnt .imgCol li { 
	padding-left: 0.9em; 
	text-indent: -0.9em; 
	} 
.cardContents .stSvCnt .imgColL { 
	margin-left: 90px; 
	line-height: 1.4; 
	min-height: 80px; 
	} 
*html .cardContents .stSvCnt .imgColL { 
	height: 80px; 
	} 

/* -- .stSvList01 -- */
.cardContents .stSvCnt mtText01 { 
	margin: 0 0 5px; 
	} 

/* -- .stSvList01 -- */
.cardContents .stSvCnt dl.stSvList01 dt { 
	float: left; 
	} 

/* -- .stSvList02 -- */
.cardContents .stSvCnt dl.stSvList02 dt { 
	margin: 4px 0 3px; 
	} 
.cardContents .stSvCnt dl.stSvList02 dd { 
	padding-left: 0.9em; 
	text-indent: -0.9em; 
	margin: 0 0 2px; 
	} 

/* -- .stSvNoteList -- */
.cardContents .stSvCnt .stSvNoteList li { 
	padding-left: 0.9em; 
	text-indent: -0.9em; 
	} 


/* -- .cautionBox -- */
.cardContents .stSvCnt .cautionBox { 
	border: 1px solid #888888; 
	padding: 10px; 
	margin: 10px 0 0; 
	} 
.cardContents .stSvCnt .cautionBox dt { 
	float: left; 
	width: 72px; 
	margin: -5px 0 0; 
	} 
.cardContents .stSvCnt .cautionBox dd { 
	padding-left: 1em; 
	text-indent: -1em; 
	margin: 3px 0 0 72px; 
	color: #888888; 
	} 


/* -- .applyBox -- */
.cardContents .stSvCnt .applyBox { 
	margin: 0 0 20px; 
	} 
.cardContents .stSvCnt .applyBox .applyLeft { 
	padding: 0 25px 0 0; 
	} 
.cardContents .stSvCnt .applyBox .applyLeft, 
.cardContents .stSvCnt .applyBox .applyRight { 
	display: table-cell; 
	vertical-align: top; 
	} 
*html .cardContents .stSvCnt .applyBox .applyLeft, 
*html .cardContents .stSvCnt .applyBox .applyRight { 
	display: inline; 
	zoom: 1; 
	} 
.cardContents .stSvCnt .applyBox dl { 
	width: 450px; 
	} 
.cardContents .stSvCnt .applyBox dt { 
	border-left: 5px solid #698ED2; 
	padding: 0 0 0 5px; 
	margin: 0 0 0.5em; 
	font-weight: bold; 
	} 
.cardContents .stSvCnt .applyBox dd { 
	padding: 10px 20px; 
	text-align: center; 
	background: #FFF7CC; 
	}


/* -- .telInquiry -- */
.cardContents .stSvCnt .telInquiry dd { 
	margin: 0 0 4px; 
	}
.cardContents .stSvCnt .telInquiry img { 
	vertical-align: middle; 
	margin: 0 8px 0 0; 
	}

/* -- .adeskIcon -- */
.cardContents .stSvCnt .adeskIcon { 
	margin: 4px 0;  
	} 
*html .cardContents .stSvCnt .adeskIcon { 
	margin: 0 0 4px;  
	} 
.cardContents .stSvCnt .adeskIcon img { 
	margin: 0 4px 0 0;  
	} 


/*-----------------------------------------------
 
	.stSvTbl

------------------------------------------------ */
.cardContents .stSvTbl { 
	width: 930px; 
	border-collapse: collapse; 
	margin: 5px 0 15px; 
	line-height: 1.5; 
	} 
.cardContents .stSvTbl th { 
	padding: 8px 10px; 
	text-align: left; 
	vertical-align: middle; 
	font-weight: normal; 
	background: #d1e6fc; 
	border: 1px solid #c2c2c2; 
	} 
.cardContents .stSvTbl th.thBgGray { 
	background: #E6E7E1; 
	}
.cardContents .stSvTbl td { 
	padding: 8px 10px; 
	text-align: left; 
	vertical-align: middle; 
	font-weight: normal; 
	border: 1px solid #c2c2c2; 
	} 
.cardContents .stSvTbl th.text-ct, 
.cardContents .stSvTbl td.text-ct { 
	text-align: center; 
	} 


/* -- .appBtn -- */
.cardContents .stSvTbl td span.appBtn { 
	display: block; 
	margin: 12px 0 0; 
	} 
.cardContents .stSvTbl td span.appBtn a { 
	vertical-align: middle; 
	padding-top: 4px; 
	}


/* -- fntLarge ( only IE ) -- */
*html .cardContents .stSvTbl td .fntLarge { 
	font-size: 140%; 
	}