@charset "shift_jis";

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

	モバイル会員、モバイル会員プラス

==================================================== */
/* 2010.03 */

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

/* headBanner */
#headBanner {
	text-align: right;
}
.fl_right {
	float: right;
	display: inline;
}
.fl_left {
	float: left;
	display: inline;
}
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;
}

a:link, 
a:visited { 
	text-decoration: underline!important;

}
a:hover, 
a:active { 
	text-decoration: none!important; 
} 



/* タブ
--------------------------------------------- */
ul.tab li {
	float: left;
	display: inline;
	margin: 0 0 0 10px;
	padding: 0;
}
ul.tab li.off {
	margin-top: 20px;
}

/* ANAマイレージクラブモバイルプラス
--------------------------------------------- */
.mobileplusArea .sp_top {
	margin: 10px 0 0 10px;
}
.mobileplusArea .sp_bottom {
	margin-bottom: 10px;
}
.mobileplusArea .touroku {
	width: 100%;
	border: #b2b2b2 1px solid;
	margin-bottom: 20px;
}
.mobileplusArea .touroku ul {
	width: 880px;
	margin: 0 0 0 35px;
}
.mobileplusArea .touroku li {
	width: 880px;
	background: url(/share/mobile/plus/image100326/dot.gif) repeat-x bottom left;
	padding-bottom: 20px;
	margin-top: 20px;
}
.mobileplusArea .touroku li h4 {
	font-weight: bold;
	color: #d6379c;
}
.mobileplusArea .touroku li p {
	line-height: 170%;
}
.mobileplusArea .touroku li p.ind {
	padding-left: 1em;
	text-indent: -1em;
}
.mobileplusArea .touroku li div {
	float: left;
	width: 715px;
}
.mobileplusArea .touroku li img.qr {
	flaot: right;
	width: 131px;
}
.mobileplusArea .touroku li.noborder {
	background: none;
}
.mobileplusArea .touroku li img.tel {
	margin: 0 3px 3px 0;
}

/* ANAマイレージクラブモバイル 
--------------------------------------------- */
.banner_plus {
	margin-bottom: 20px;
	float: right;
	display: inline;
	_margin-right: 1px;
}
.meritArea {
	background: url(/share/mobile/plus/image100326/mobile/merit_bg.gif) no-repeat bottom left;
	margin: 0 0 0 10px;
	_margin: 0 0 5px 10px;
}
.meritArea dl {
	float: left;
	display: inline;
	width: 300px;
}
.meritArea dl.middle {
	margin: 0 15px;
}
.meritArea dt {
	height: 53px;
}
.meritArea dd img.main {
	margin: 0 0 10px 13px;
}
.meritArea dd p {
	width: 274px;
	padding: 0 0 13px 0;
	margin: 0 13px;
	line-height: 150%;
}
.meritArea dd p.ind {
	padding: 0;
	padding-left: 1em;
	text-indent: -1em;
}
.meritArea dd p.ind span {
	color: #6b57bd;
	font-weight: bold;
}
.meritArea dd ul {
	width: 280px;
	margin-left: 10px;
}
.meritArea dd li {
	margin-bottom: 5px;
}
.meritArea dd li img {
	width: 31px;
	float: left;
	display: inline;
	margin-right: 5px;
}
.meritArea dd li span {
	display: block;
	float: right;
	width: 240px;
	padding-top: 8px;
}
.other_service {
	width: 600px;
	margin: 10px 0 20px 5px;
}
.other_service td {
	padding: 0 10px;
	vertical-align: top;
}
.other_service td.bottom {
	vertical-align: bottom;
}

/* ANAマイレージクラブモバイルの登録方法 */
.mobiletourokuArea {
	width: 100%;
	border: #b2b2b2 1px solid;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}
.mobiletourokuArea .inner {
	width: 908px;
	text-align: left;
	margin: 10px auto;
}
.mobiletourokuArea .entry {
	background: url(/share/mobile/plus/image100326/mobile/yellow_bg.gif) no-repeat bottom left;
	width: 908px;
	margin-bottom: 20px;
}
.mobiletourokuArea .entry p {
	float: left;
	padding: 10px;
}
.mobiletourokuArea .entry .fl_right {
	margin: 0 10px 10px 0; 
}
.mobiletourokuArea .amc_customer {
	background: url(/share/mobile/plus/image100326/mobile/blue_bg.gif) no-repeat bottom left;
	width: 910px;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

.mobiletourokuArea .amc_customer li.img {
	float: left;
	width: 88px;
	display: inline;
	margin: 0 20px;
}
.mobiletourokuArea .amc_customer li.text {
	float: right;
	width: 768px;
	margin-right: 10px;
	display: inline;
	line-height: 150%;
}
.mobiletourokuArea .amc_customer li.text img {
	margin: 14px 0;
}
.mobiletourokuArea .detail {
	width: 100%;
	border: #b2b2b2 1px solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.mobiletourokuArea .detail ul {
	margin-left: 20px;
}
.mobiletourokuArea .detail li {
	width: 860px;
	background: url(/share/mobile/plus/image100326/dot.gif) repeat-x bottom left;
	padding-bottom: 20px;
	margin-top: 10px;
}
.mobiletourokuArea .detail li p {
	line-height: 150%;
	padding-top: 10px;
}
.mobiletourokuArea .detail li p span {
	font-weight: bold;
	color: #ff872f;
	display: block;
}
.mobiletourokuArea .detail li .access {
	margin: 13px 0 0 10px;
}
.mobiletourokuArea .detail li.noborder {
	background: none;
}
.mobiletourokuArea .detail .text_detail {
	width: 765px;
	margin: 10px 0 0 20px;
}
.mobiletourokuArea .detail .text_detail th {
	text-align: center;
}
.mobiletourokuArea .detail .text_detail th img {
	margin: 0 auto;
}
.mobiletourokuArea .detail .text_detail td {
	width: 235px;
	padding: 0 0 0 20px;
	vertical-align: top;
}
.mobiletourokuArea .detail .text_detail td.middle {
	width: 275px;
	padding: 0 30px 0 40px;
}
.mobiletourokuArea .detail .notes {
	margin: 0 0 0 78px;
	background: url(/share/mobile/plus/image100326/mobile/gray_bottom.gif) no-repeat bottom left;
	width: 730px;
	padding-bottom: 10px;
}
.mobiletourokuArea .detail .notes p {
	padding: 0 20px;
}


/* 特典・サービスの詳細、ご利用方法 */
.mobileotherArea {
	width: 100%;
	border: #b2b2b2 1px solid;
	text-align: center;
	padding-top: 20px;
	margin-bottom: 20px;
}
.mobileotherArea .inner {
	width: 909px;
	text-align: left;
	margin: 10px auto;
}
.mobileotherArea .serviceList {
	width: 909px;
	background: url(/share/mobile/plus/image100326/mobile/green_bottom.gif) no-repeat bottom left;
	margin-bottom: 20px;
	padding-bottom: 11px;
}
.mobileotherArea .serviceList span {
	display: block;
	font-weight: bold;
	color: #43aa3b;
	margin-left: 17px;
}
.mobileotherArea .serviceList ul {
	width: 842px;
	margin: 10px 0 0 40px;
}
.mobileotherArea .serviceList li {
	width: 411px;
	float: left;
	display: inline;
	margin: 0 10px 3px 0;
}
.mobileotherArea .serviceList li a:link, 
.mobileotherArea .serviceList li a:visited { 
	color: #000000; 
	text-decoration: underline; 
}
.mobileotherArea .serviceList li a:hover, 
.mobileotherArea .serviceList li a:active { 
	color: #000000; 
	text-decoration: none; 
} 

.mobileotherArea dl {
	width: 868px;
	background: url(/share/mobile/plus/image100326/dot.gif) repeat-x bottom left;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.mobileotherArea dl.last {
	margin-bottom: 10px;
}
.mobileotherArea dt {
	margin-bottom: 13px;
	font-weight: bold;
}
.mobileotherArea dd {
	float: right;
	width: 775px;
}
.mobileotherArea dd.icon {
	float: left;
	width: 85px;
}
.mobileotherArea dd p {
	line-height: 140%;
}
.mobileotherArea dd p.ind {
	padding-left: 1em;
	text-indent: -1em;
}

/* Edy アプリのダウンロード方法 */
.apliArea {
	width: 648px;
	margin: 0 auto;

}
.apliArea table {
	width: 100%;
	border-top: #a4a3a3 2px solid;
	border-right: #a4a3a3 2px solid;
}
.apliArea table th,
.apliArea table td {
	border-bottom: #a4a3a3 2px solid;
	border-left: #a4a3a3 2px solid;
}
.apliArea table td {
	padding: 10px;
}
.apliArea dl {
	background: url(/share/mobile/plus/image100326/dot.gif) repeat-x bottom left;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.apliArea dt {
	width: 35px;
	float: left;
	display: inline;
	margin: 0 10px;
}
.apliArea dd {
	float: left;
}
.apliArea dd.mobile {
	width: 140px;
}
.apliArea dd.menuList {
	width: 425px;
	line-height: 150%;
}
.close {
	width: 648px;
	margin: 0 auto;
	text-align: center;
	padding-top: 10px;
}

/* モバイルサービス 告知 */
.yokokuArea .otokuArea {
	width: 950px;
	background: url(/share/mobile/plus/image100326/otoku_bg.gif) no-repeat bottom left;
	padding: 15px 0;
	margin-bottom: 20px;
}
.yokokuArea .otokuArea p {
	width: 660px;
	float: left;
	display: inline;
	margin: 10px 0 0 20px;
	line-height: 140%;
}
.yokokuArea .otokuArea .fl_right {
	display: inline;
	margin-right: 20px;
}
.yokokuArea .e_couponArea {
	width: 950px;
	background: url(/share/mobile/plus/image100326/gray_bottom.gif) no-repeat bottom left;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.yokokuArea .e_couponArea .fl_left {
	display: inline;
	margin-left: 14px;
}
.yokokuArea .e_couponArea .text {
	float: right;
	width: 796px;
	margin: 0 14px 0 10px;
	display: inline;
}
.yokokuArea .e_couponArea .text span {
	display: block;
	line-height: 130%;
}
.yokokuArea .e_couponArea .text span.fntLarge {
	font-weight: bold;
}
.yokokuArea .box {
	width: 910px;
	background: url(/share/mobile/plus/image100326/box_bottom.gif) no-repeat bottom left;
	padding: 15px 0;
	margin-bottom: 20px;
}
.yokokuArea .box p.fl_left {
	width: 620px;
	display: inline;
	margin-left: 30px;
	padding-top: 5px;
}
.yokokuArea .box img.fl_right {
	margin-right: 20px;
	display: inline;
}
.yokokuArea .box div.left {
	width: 342px;
	float: left;
	margin-left: 30px;
	display: inline;
}
.yokokuArea .box div.left p {
	padding: 15px 0 10px 0;
}
.yokokuArea .box div.left li {
	margin-bottom: 5px;
}
.yokokuArea .box div.left li.icon {
	float: left;
	display: inline;
	margin-right: 10px;
	width: 42px;
}
.yokokuArea .box div.left li.text {
	float: right;
	display: inline;
	width: 281px;
	height: 28px;
	line-height: 28px;
}
.yokokuArea .box div.right {
	float: right;
	width: 508px;
	display: inline;
	margin-right: 30px;
}
.yokokuArea .box div.right .blueBox {
	width: 508px;
	background: url(/share/mobile/plus/image100326/blue_bottom.gif) no-repeat bottom left;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
.yokokuArea .box div.right .blueBox .fl_left {
	display: inline;
	margin-left: 13px;
	width: 99px;
}
.yokokuArea .box div.right .blueBox p {
	float: right;
	width: 352px;
	margin-right: 19px;
	line-height: 150%;
}
.yokokuArea .box div.right .blueBox p img {
	margin: 8px 0;
}
.yokokuArea .qrBox {
	border: #b2b2b2 1px solid;
	width: 908px;
	_width: 910px;
	padding: 15px 0;
}
.yokokuArea .qrBox div.left {
	float: left;
	display: inline;
	width: 638px;
	margin-left: 30px;
}
.yokokuArea .qrBox div.left p {
	padding-top: 21px;
	line-height: 140%;
}
.yokokuArea .qrBox .fl_right {
	float: right;
	display: inline;
	width: 131px;
	margin-right: 30px;
}
#contentcontainerbox p.ind {
	padding-left: 1em;
	text-indent: -1em;
	line-height: 150%;
}
.yokokuArea img.tel {
	margin: 0 3px 3px 0;
}
#contentcontainerbox dl.relationLink {
	width: 100%;
}
#contentcontainerbox dl.relationLink dt {
	float :left;
	width: 100px;
	display: inline;
	margin-right: 10px;
}
#contentcontainerbox dl.relationLink dd {
	float :left;
	width: 800px;
}
#contentcontainerbox dl.relationLink dd p {
	padding-top: 5px;
	line-height: 140%;
}

/* サービス比較表（ANAマイレージクラブEdyカードとの比較） */
.hikakuArea {
	width: 648px;
	margin: 0 auto;

}
.hikakuArea table {
	width: 100%;
	border-top: #a4a3a3 2px solid;
	border-right: #a4a3a3 2px solid!important;
	margin-bottom: 3px;
}
.hikakuArea table th,
.hikakuArea table td {
	border-bottom: #a4a3a3 2px solid;
	border-left: #a4a3a3 2px solid;
}
.hikakuArea table td {
	padding: 10px 0;
	text-align: center;
}
.hikakuArea table td.bottom {
	border-bottom: none;
	background: url(/share/mobile/plus/image100326/popup/dot.gif) repeat-x bottom left;
}
.hikakuArea table td.textLeft {
	text-align: left;
	padding-left: 5px!important;
}
.hikakuArea table td.no_space {
	padding: 0!important;
}
.hikakuArea table td.bg_gray {
	background: #f2f2f2 url(/share/mobile/plus/image100326/popup/dot.gif) repeat-x bottom left;
}
.hikakuArea table td span {
	font-weight: bold;
	color: #901d22;
}
.hikakuArea table tr.last .bottom {
	border-bottom: #a4a3a3 2px solid;
}


/* clearfix
--------------------------------------------- */
ul.tab:after,
.mobileplusArea .touroku li:after,
.meritArea:after,
.meritArea dd li:after,
.mobiletourokuArea .entry:after,
.mobiletourokuArea .amc_customer ul:after,
.mobileotherArea .serviceList ul:after,
.mobileotherArea dl:after,
.apliArea dl:after,
.yokokuArea .otokuArea:after,
.yokokuArea .e_couponArea:after,
.yokokuArea .e_couponArea .text:after,
.yokokuArea .box:after,
.yokokuArea .box div.left ul:after,
.yokokuArea .box div.right .blueBox:after,
.yokokuArea .qrBox:after,
#contentcontainerbox dl.relationLink:after { 
	content: ".";
	display: block;
	clear: both; 
	visibility: hidden; 
	height: 0; 
	line-height: 0;
	} 

ul.tab,
.mobileplusArea .touroku li,
.meritArea,
.meritArea dd li,
.mobiletourokuArea .entry,
.mobiletourokuArea .amc_customer ul,
.mobileotherArea .serviceList ul,
.mobileotherArea dl,
.apliArea dl,
.yokokuArea .otokuArea,
.yokokuArea .e_couponArea,
.yokokuArea .e_couponArea .text,
.yokokuArea .box,
.yokokuArea .box div.left ul,
.yokokuArea .box div.right .blueBox,
.yokokuArea .qrBox,
#contentcontainerbox dl.relationLink  {
	zoom:1;
	display: inline-block;
	}
.clear {
	clear: both;
}