@charset "shift_jis";
/*=============================================================================
	テンプレート用CSS
	template.css


=============================================================================*/
/*
	Body
---------------------------------------------------------*/
html,body{
	color:#fff;
	background:#000000;
}

#container{
	width:auto;
	margin:0 auto;
	position:relative;
}
/*
	Header
---------------------------------------------------------*/
#container #areaHeader{
	width:800px;
	height:83px;
	margin-right:auto;
	margin-left:auto;
	padding-top:0;
	position:relative;
}

#mufgcard_platinum #areaHeader #fcLogo,
#mufgcard_platinum #areaHeader #brandLogo{
	overflow:hidden;
	position:relative;
}
#mufgcard_platinum #areaHeader #fcLogo img,
#mufgcard_platinum #areaHeader #brandLogo img{
	vertical-align:top;
	width:auto;
	height:auto;
	position:absolute;
}
#mufgcard_platinum #areaHeader #fcLogo{
	width:480px;
	height:83px;
	margin:0;
	float:left;
}
#mufgcard_platinum #areaHeader #fcLogo img{
}

#mufgcard_platinum #areaHeader #brandLogo{
	width:320px;
	height:83px;
	margin:0;
	float:right;
}
#mufgcard_platinum #areaHeader #brandLogo img{
	right:0;
}


/*
	areaContents
---------------------------------------------------------*/
#areaContents{
	color:#000;
	background-color:#fff;
	width:auto;
	margin:0;
	padding:0 0 5px;
}



/*
	areaFooter
---------------------------------------------------------*/
#areaFooter{
	width:800px;
	margin:0 auto;
	border-top:none;
	position:relative;
	top:0;
}

#areaFooter #corpLogo{
	float:left;
	margin-top:13px;
	width:212px;
	height:7em;
}

#naviLocal p{
	width:515px;
	color:#555;
	font-size:75%;
	margin:0 0 3px;
}

#naviLocal {
	background:transparent url(/landing/mufgcard/fc/common_a/img/logo_amex_platinum.gif) no-repeat scroll 100% 0;
	float:left;
	width:588px;
	margin:13px 0 7px 0;
}
#naviLocal ul{
	width:100%;
	font-size: 85%;
	margin:10px 0 0 0;
}
#naviLocal ul li{
	background: url(/landing/mufgcard/fc/common_a/img/ico_link_separate.gif) no-repeat scroll 3px 0.1em transparent !important;
	margin-left: 0;
	padding-left:13px;
	display:inline;
}
#naviLocal ul li{
}
#naviLocal ul li.first-child{
	background: none repeat scroll 0 0 transparent !important;
	margin-left: 0;
	padding-left: 0;
}
#naviLocal ul li a{
	color: #fff;
}

#areaFooter #copyright{
	margin-left: -11px !important;
}

#areaFooter a:hover,
#areaFooter a.active {
	color:#36c;
}

#areaContents div.tabmenu ul.menulist li a,
#areaContents #privilege p,
#areaContents #privilege dl dt,
#areaContents #privilege dl dd{
	position:relative;
	overflow:hidden;
}
#areaContents div.tabmenu ul.menulist li a img,
#areaContents #privilege p img,
#areaContents #privilege dl dt img,
#areaContents #privilege dl dd img{
	vertical-align:top;
	margin:0;
	position:absolute;
	left:0;
}
#areaContents div.wrapLayout,
#areaContents div.onlineCardApply{
	width:728px !important;
	margin:0 auto !important;
}
#container h1 img,
#areaContents #outline p.read img,
#areaContents #outline #onlineapply img{
	left:-236px;
}



#areaContents #privilege{
}

#areaContents #privilege img{
	margin-left:0;
}
#areaContents #privilege h2{
	background:none;
	height:80px;
	min-height:0;
	margin:0 0 3px;
	padding:0;
}
#areaContents #privilege h2 img{
	vertical-align:top;
}

#areaContents div.tabmenu{
}

#areaContents div.tabmenu ul.menulist{
	width:auto;
	height:60px;
	margin-left:0;
}
#areaContents div.tabmenu ul.menulist li{
	float:left;
}
#areaContents div.tabmenu ul.menulist li a{
	width:182px;
	height:60px;
	display:block;
}

#areaContents div.tabmenu ul.menulist li a img{
	top:-60px;
}
#areaContents div.tabmenu ul.menulist li.tabmenu_travel_ent a img{
}
#areaContents div.tabmenu ul.menulist li.tabmenu_point a img{
	left:-182px;
}
#areaContents div.tabmenu ul.menulist li.tabmenu_protection a img{
	left:-364px;
}
#areaContents div.tabmenu ul.menulist li.tabmenu_support a img{
	left:-546px;
}

#areaContents div.tabmenu ul.menulist li a:hover img,
#areaContents div#travel_ent ul.menulist li.tabmenu_travel_ent a img,
#areaContents div#point ul.menulist li.tabmenu_point a img,
#areaContents div#protection ul.menulist li.tabmenu_protection a img,
#areaContents div#support ul.menulist li.tabmenu_support a img{
	top:0px;
}

#areaContents #privilege p,
#areaContents #privilege dl,
#areaContents #privilege dl dt,
#areaContents #privilege dl dd{
	margin:0;
}
#areaContents #privilege div.chapter{
	margin-bottom:1em;
}

#areaContents #privilege p.read{
	height:78px;
}
#areaContents #privilege #travel_ent dl.section01{
}
#areaContents #privilege #travel_ent dl dt{
	height:50px;
}
#areaContents #privilege #travel_ent dl.section01 dt{
}
#areaContents #privilege #travel_ent dl.section01 dt img{
	top:-78px;
}
#areaContents #privilege #travel_ent dl.section01 dd{
	height:96px;
}
#areaContents #privilege #travel_ent dl.section01 dd img{
	top:-128px;
}
#areaContents #privilege #travel_ent dl.section06{
}
#areaContents #privilege #travel_ent dl.section06 dt{
}
#areaContents #privilege #travel_ent dl.section06 dt img{
	top:-224px;
}
#areaContents #privilege #travel_ent dl.section06 dd{
	height:110px;
}
#areaContents #privilege #travel_ent dl.section06 dd img{
	top:-274px;
}
#areaContents #privilege #travel_ent dl.section02{
}
#areaContents #privilege #travel_ent dl.section02 dt{
}
#areaContents #privilege #travel_ent dl.section02 dt img{
	top:-384px;
}
#areaContents #privilege #travel_ent dl.section02 dd{
	height:55px;
}
#areaContents #privilege #travel_ent dl.section02 dd img{
	top:-274px;
}
#areaContents #privilege #travel_ent dl.section03{
}
#areaContents #privilege #travel_ent dl.section03 dt{
}
#areaContents #privilege #travel_ent dl.section03 dt img{
	top:-491px;
}
#areaContents #privilege #travel_ent dl.section03 dd{
	height:93px;
}
#areaContents #privilege #travel_ent dl.section03 dd img{
	top:-541px;
}
#areaContents #privilege #travel_ent dl.section04{
}
#areaContents #privilege #travel_ent dl.section04 dt{
}
#areaContents #privilege #travel_ent dl.section04 dt img{
	top:-634px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection01{
	height:72px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection01 img{
	top:-542px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection02{
	height:79px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection02 img{
	top:-699px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection07{
	height:101px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection07 img{
	top:0;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection07 ul.link{
	position:absolute;
	top:61px;
	left:122px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection07 ul.link img.icoBlank{
	position:static;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection08{
	height:86px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection03{
	height:86px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection03 img{
	top:-613px;
}

#areaContents #privilege #travel_ent dl.section04 dd.subsection04{
	height:101px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection04 ul.link{
	position:absolute;
	top:61px;
	left:122px;
}
#areaContents #privilege #travel_ent dl.section04 dd.subsection04 ul.link img.icoBlank{
	position:static;
}
#areaContents #privilege #travel_ent dl.section05{
}
#areaContents #privilege #travel_ent dl.section05 dt{
}
#areaContents #privilege #travel_ent dl.section05 dt img{
	top:-977px;
}
#areaContents #privilege #travel_ent dl.section05 dd{
	height:72px;
}
#areaContents #privilege #travel_ent dl.section05 dd img{
	top:-1027px;
}
#areaContents #privilege #travel_ent dl.section07{
}
#areaContents #privilege #travel_ent dl.section07 dt{
}
#areaContents #privilege #travel_ent dl.section07 dt img{
	top:-1099px;
}
#areaContents #privilege #travel_ent dl.section07 dd{
	height:93px;
}
#areaContents #privilege #travel_ent dl.section07 dd img{
	top:-1149px;
}
#areaContents #privilege #point p.read img{
}
#areaContents #privilege #point dl dt{
	height:50px;
}
#areaContents #privilege #point dl.section01{
}
#areaContents #privilege #point dl.section01 dt{
	height:89px;
}
#areaContents #privilege #point dl.section01 dt img{
	top:-78px;
}
#areaContents #privilege #point dl.section01 dd{
	height:66px;
}
#areaContents #privilege #point dl.section01 dd.subsection01 img{
	top:-167px;
}
#areaContents #privilege #point dl.section01 dd.subsection02 img{
	top:-233px;
}
#areaContents #privilege #point dl.section02{
}
#areaContents #privilege #point dl.section02 dt{
}
#areaContents #privilege #point dl.section02 dt img{
	top:-299px;
}
#areaContents #privilege #point dl.section02 dd{
	height:48px;
}
#areaContents #privilege #point dl.section02 dd.subsection01 img{
	top:-349px;
}
#areaContents #privilege #point dl.section02 dd.subsection02 img{
	top:-397px;
}
#areaContents #privilege #point dl.section02 dd.subsection03{
	height:199px;
}
#areaContents #privilege #point dl.section02 dd.subsection03 img{
	top:-445px;
}
#areaContents #privilege #point dl.section02 dd.subsection04{
	height:101px;
}
#areaContents #privilege #point dl.section02 dd.subsection04 img{
	top:-643px;
}
#areaContents #privilege #protection dl.section01{
}
#areaContents #privilege #protection dl.section01 dt{
	height:72px;
}
#areaContents #privilege #protection dl.section01 dt img{
	top:-78px;
}
#areaContents #privilege #protection dl.section01 dd.subsection01{
	height:83px;
}
#areaContents #privilege #protection dl.section01 dd.subsection01 img{
	top:-150px;
}
#areaContents #privilege #protection dl.section01 dd.subsection02{
	height:49px;
}
#areaContents #privilege #protection dl.section01 dd.subsection02 img{
	top:-233px;
}
#areaContents #privilege #protection dl.section01 dd.subsection03{
	height:66px;
}
#areaContents #privilege #protection dl.section01 dd.subsection03 img{
	top:-282px;
}
#areaContents #privilege #protection dl.section01 dd.subsection04{
	height:66px;
}
#areaContents #privilege #protection dl.section01 dd.subsection04 img{
	top:-348px;
}
#areaContents #privilege #protection dl.section01 dd.subsection05{
	height:72px;
}
#areaContents #privilege #protection dl.section01 dd.subsection05 img{
	top:-414px;
}
#areaContents #privilege #protection dl.section01 dd.subsection06{
	height:63px;
}
#areaContents #privilege #protection dl.section01 dd.subsection06 img{
	top:-486px;
}
#areaContents #privilege #protection dl.section02{
}
#areaContents #privilege #protection dl.section02 dt{
	height:30px;
}
#areaContents #privilege #protection dl.section02 dt img{
	top:-549px;
}
#areaContents #privilege #protection dl.section02 dd{
	height:106px;
}
#areaContents #privilege #protection dl.section02 dd img{
	top:-579px;
}

#areaContents #privilege #support dl dt{
	height:24px;
}
#areaContents #privilege #support dl.section01{
}
#areaContents #privilege #support dl.section01 dt{
	height:25px;
}
#areaContents #privilege #support dl.section01 dt img{
	top:-78px;
}
#areaContents #privilege #support dl.section01 dd{
	height:49px;
}
#areaContents #privilege #support dl.section01 dd img{
	top:-103px;
}
#areaContents #privilege #support dl.section02{
}
#areaContents #privilege #support dl.section02 dt{
	height:29px;
}
#areaContents #privilege #support dl.section02 dt img{
	top:-152px;
}
#areaContents #privilege #support dl.section02 dd{
	height:157px;
}
#areaContents #privilege #support dl.section02 dd img{
	top:-181px;
}

#areaContents p.pagetop{
	width:728px;
	margin-left:auto;
	margin-right:auto;
}

@media print {
#areaContents div.tabmenu{
	display:block !important;
}
}

/*
	161101 MUN LOGO CHANGE
---------------------------------------------------------*/
#areaFooter.munLogo2016 #corpLogo{
	width: 207px;
}
.munLogo2016 #naviLocal {
	width: 593px;
}
.munLogo2016 #naviLocal ul{
	margin:25px 0 0 0;
}