@charset "shift_jis";

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

	AMC - ANAカードのご案内

==================================================== */
/* 2009.08 */

/* headArea */
#headArea {
	width: 950px;
	margin-bottom: 20px;
}
#headLine {
	margin-bottom: 0px;
}

/* headBanner */
#headBanner {
	text-align: right;
}


a.btn004{
background:url(/image/renewal09/btn/btn_004_bg.gif) no-repeat right bottom;
border:1px solid #ccc;
border-right:1px solid #787878;
border-bottom:1px solid #787878;
padding:0 0 0 7px;
display: block;
}

/* メイン画像部分
--------------------------------------------- */

#cardGuide .mainContents {
	width: 950px;
	background: url(/amc/reference/anacard/image2010/main_bg.gif) no-repeat top left;
	padding: 9px 0;
	margin-bottom: 20px;
}
#cardGuide .mainContents div {
	width: 950px;
}
#cardGuide .mainContents img.fl_left {
	float: left;
	display: inline;
	margin-left: 9px;
}
#cardGuide .mainContents ul.mainNavi {
	width: 247px;
	float: left;
	display: inline;
	_margin: -215px 0 0 677px;
}
#cardGuide .mainContents li {
	margin-bottom: 2px;
	height:42px;
}


/* キャンペーン　お知らせ
--------------------------------------------- */

#cardGuide .tourinfo {
	margin-bottom: 20px;
}
.tourinfo ul {
	padding: 5px 0 3px 0;
}
.tourinfo ul li {
	background:url(/image/renewal09/icon/arrow_blue_bgwhite.gif) no-repeat 2px 2px;
	padding-left:9px;
	padding-bottom: 3px;

}
.tourinfo ul li a {
	background: none;
}

/* カラム分け
--------------------------------------------- */
#two_column {
	width: 950px;
}
#two_column .leftContents {
	float: left;
	display: inline;
	width: 685px;
}
#two_column .rightContents {
	float: right;
	display: inline;
	width: 254px;
	margin-right: -8px;
}

/* ANAカードの主なサービス
--------------------------------------------- */
.leftContents .serviceList {
	width: 685px;
	margin-bottom: 30px;
}
.leftContents .serviceList td {
	width: 200px!important;
}
.leftContents .serviceList td .pLink {
	display: block;
	margin-top: 14px;
	margin-bottom: 14px;
}
.leftContents .serviceList td div {
	width: 200px!important;
}
.leftContents .serviceList td.space {
	width: 23px;
	background: url(/amc/reference/anacard/image2010/line_dot.gif) repeat-y top center;
}
.leftContents .serviceList td.border {
	background: url(/amc/reference/anacard/image2010/dot.gif) repeat-x bottom left;
}
.leftContents .serviceList td .space_t {
	margin-top: 17px;
}

/* ANAカードへの入会・切替え
--------------------------------------------- */
.leftContents .kirikaeArea {
	width: 686px;
	margin-bottom: 30px;
}
.leftContents .kirikaeArea li {
	float: left;
	display: inline;
}
.leftContents .kirikaeArea li.middle {
	margin: 0 9px;
}



/* ANAカードの詳細を調べる
--------------------------------------------- */
.leftContents .detailArea {
	margin-bottom: 30px;
}
.leftContents .detailArea dl {
	width: 101px;
	_width: 103px;
	border: #c2c2c2 1px solid;
	float: left;
	display: inline;
	margin-right: 10px;
}
.leftContents .detailArea dl.space_t {
	margin-top: 7px;
}
.leftContents .detailArea dt {
	width: 101px;
	border-bottom: #c2c2c2 1px solid;
	height: 44px;
	vertical-align: center;
}
.leftContents .detailArea dt span {
	width: 101px;
	display: block;
	text-align: center;
	padding-top: 8px;
}
.leftContents .detailArea dt.line01 span {
	padding-top: 14px;
}
.leftContents .detailArea dt.line03 span {
	padding-top: 1px;
}
.leftContents .detailArea dd {
	width: 101px;
	text-align: center;
	padding: 10px 0;
}
.leftContents .detailArea dd img {
	margin-bottom: 8px;
}
.leftContents .detailArea a:link, 
.leftContents .detailArea a:visited { 
	text-decoration: underline!important;
}
.leftContents .detailArea a:hover, 
.leftContents .detailArea a:active { 
	text-decoration: none!important;
}

/* ANAカードの詳細を調べる
--------------------------------------------- */
.leftContents .informationArea {
	width: 685px;
}
.leftContents .informationArea li {
	margin: 0 10px;
}
.leftContents .informationArea li span{
	width: 43px;
	display: inline;
	float: left;
}
.leftContents .informationArea li p{
	width: 610px;
	display: inline;
	float: left;
}
.leftContents .informationArea li p.arrow {
	background:url(/image/renewal09/icon/arrow_blue_bgwhite.gif) no-repeat 2px 2px;
	padding-left:11px;
	padding-bottom: 3px;
}
.leftContents .informationArea a:link, 
.leftContents .informationArea a:visited { 
	text-decoration: underline!important;
}
.leftContents .informationArea a:hover, 
.leftContents .informationArea a:active { 
	text-decoration: none!important;
}

/* よくあるご質問
--------------------------------------------- */
.rightContents .questionArea { 
	width: 245px;
	border-left: #b4c1dd 5px solid;
	margin: 20px 0;
}
.rightContents .questionArea img {
	margin-left: 10px;
}
.rightContents .questionArea ul {
	width: 230px;
	margin-top: 10px;
}
.rightContents .questionArea li {
	background: url(/amc/reference/anacard/image2010/side_dot.gif) repeat-x bottom left;
	padding-bottom: 5px;
	margin: 0 0 10px 10px;
}
.rightContents .questionArea li a {
	display: block;
	background: url(/amc/reference/anacard/image2010/arrow_blue.gif) no-repeat 2px 2px;
	padding-left: 12px;
}
.rightContents .questionArea .fl_right {
	display: inline;
	margin-right: 13px;
}

/* clearfix
--------------------------------------------- */

.mainContents:after,
#two_column:after,
.leftContents .kirikaeArea:after,
.leftContents .detailArea:after,
.leftContents .informationArea li:after,
.rightContents .questionArea:after,
#cardGuide .mainContents div:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 


.mainContents,
#two_column,
.leftContents .kirikaeArea,
.leftContents .detailArea,
.leftContents .informationArea li,
.rightContents .questionArea,
#cardGuide .mainContents div {
	zoom:1;
	display: inline-block;
	}
.clear {
	clear: both;
}