@charset "shift_jis";
/* カード発行会社が提携金融機関の方 */
.h3_box {
	margin:0 16px;
	}

.h3_box .cardbox{
	clear: both;
	overflow: hidden;
	margin-bottom:20px;
	line-height:1em;
	}

.h3_box .cardbox:last-child{
	margin-bottom:0;
	}

.h3_box .cardbox p.cardimg{
	float:left;
	margin:0 30px 0 10px;
	height:55px;
	}

.h3_box .cardbox p.bankurl{
	line-height:55px !important;;
	}

.h3_box .cardbox p.bankurl a{
	display:inline-block;
	margin-left:25px;
	line-height:1em;
	background:url(/common/img/ico_blanklink.gif) no-repeat right 0;
	padding-right:16px;
	min-height:12px;
	}

#areaContents ul.linkButtonImgL{
	margin-top:10px;
}

#areaContents ul.linkButtonImgL + ul.link{
	 margin:10px 0 0 80px;
}


div.plateRight{
	margin-bottom:0;
}

#areaContents div.plateRight ul.note {
    margin-bottom: 0;
    margin-top: 0.5em;
}

/* おすすめサービス */
#areaContents #featured{
	clear:both;
}

#areaContents #featured #forexample{
	background:transparent url(/landing/dc/service/jra_webs/img/service_featured.gif) no-repeat scroll 0 0;
	height:276px;
	overflow:hidden;
}
#areaContents #featured #forexample dl{
	width:347px;
	margin:0 0 16px 16px;
	float:left;
	display:inline;
}
#areaContents #featured #forexample dl dt{
	height:0;
	margin:0;
	padding-top:38px;
	overflow:hidden;
}
*+html #areaContents #featured #forexample dl dt{
	text-indent:-9999px;
}
#areaContents #featured #forexample dl dd{
	height:90px;
	padding:0 10px 0 64px;
	overflow:auto;
}
#areaContents #featured #forexample dl dd p{
	line-height:1.2;
	margin-bottom:0;
}
#areaContents #featured #forexample dl#example03 dd,
#areaContents #featured #forexample dl#example04 dd{
	padding-left:110px;
}


/* その他サービス */
#areaContents #overview div.wrapLayout{
	padding-top:0;
	margin-bottom:10px;
}
#areaContents #overview div.col2g1{
	width:358px;
	margin-right:12px;
}
#areaContents #overview div.col2g1 dl dd{
	width:345px;
}

#areaContents #overview dl{
	margin:0;
	zoom:1;
}
#areaContents #overview dl dt{
	height:39px;
}
#areaContents #overview dl dd{
	margin-left:4px;
	margin-bottom:4px;
}
#areaContents #overview dl dd div{
	background-color:#fff;
	height:auto !important;
	min-height:57px;
	height:57px;
	margin-left:64px;
	_padding-bottom:0.2em;
}
#areaContents #overview dl dd div p,
#areaContents #overview dl dd div ul{
	margin:0;
}
#areaContents #overview #exLine01{
	margin-top:20px;
}
#areaContents #overview #exLine01,
#areaContents #overview #exLine02{
	clear:both;
	background:transparent url(/landing/dc/service/jra_webs/img/line.gif) no-repeat scroll 0 100%;
}
#areaContents #overview #exLine03{
	clear:both;
	background:transparent url(/landing/dc/service/jra_webs/img/line.gif) no-repeat scroll -370px 100%;
}

#areaContents #overview #example05 dl dd{
	background:transparent url(/landing/dc/service/jra_webs/img/icon_overview.gif) no-repeat scroll 0 0;
}
#areaContents #overview #example06 dl dd{
	background:transparent url(/landing/dc/service/jra_webs/img/icon_overview.gif) no-repeat scroll -64px 0;
}
#areaContents #overview #example07 dl dd{
	background:transparent url(/landing/dc/service/jra_webs/img/icon_overview.gif) no-repeat scroll -128px 0;
}
#areaContents #overview #example08 dl dd{
	background:transparent url(/landing/dc/service/jra_webs/img/icon_overview.gif) no-repeat scroll -193px 0;
}
#areaContents #overview #example09 dl dd{
	background:transparent url(/landing/dc/service/jra_webs/img/icon_overview.gif) no-repeat scroll -263px 0;
}


#areaContents #overview dl dt{
	margin:0;
	position:relative;
	overflow:hidden;
}
#areaContents #overview #mobilesite dt{
	height:32px;
}
#areaContents #overview dl dt img{
	position:absolute;
}
#areaContents #overview #example05 dl dt img{
	left:-1px;
}
#areaContents #overview #example06 dl dt img{
	left:-365px;
}
#areaContents #overview #example07 dl dt img{
	left:-729px;
}
#areaContents #overview #example08 dl dt img{
	top:-40px;
	left:-1px;
}
#areaContents #overview #example09 dl dt img{
	top:-40px;
	left:-365px;
}


#areaContents #overview #example07 dl dt.ie8 img{
	left:-730px;
}
#areaContents #overview #example09 dl dt.ie8 img{
	left:-366px;
}



@media print{
/* おすすめサービス */
#areaContents #featured #forexample{
	background:none;
	height:auto;
	overflow:auto;
}
#areaContents #featured #forexample dl{
	width:auto;
	margin:0;
	float:none;
	display:block;
}
#areaContents #featured #forexample dl dt{
	height:auto;
	margin:0;
	padding:0;
	overflow:auto;
}
*+html #areaContents #featured #forexample dl dt{
	text-indent:0 !important;
}
#areaContents #featured #forexample dl dd{
	height:auto;
	padding:0 0 10px;
	overflow:auto
}
#areaContents #featured #forexample dl#example03 dd,
#areaContents #featured #forexample dl#example04 dd{
	padding-left:0;
}


/* その他サービス */
#areaContents #overview #exLine01,
#areaContents #overview #exLine02{
	background:none;
}
#areaContents #overview #exLine03{
	background:none;
}

#areaContents #overview div.col2g1{
	width:auto;
}
#areaContents #overview div.col2g1 dl dd{
	width:auto;
}

#areaContents #overview dl dt{
	display:block;
	width:358px;
}
#areaContents #overview dl dd div{
	height:auto !important;
	min-height:40px;
	height:40px;
}