665a637e2f2c77b39ef01b43e795a40e8e1551a231c9d73905bbc2ada5fe0db6
Source Code:
@charset "utf-8";
@media (max-width: 639px) {
/***********************************************************
pseudoHover
***********************************************************/
.swImgHover .swImgHoverON{
display:none;
}
/***********************************************************
cmnNaviHeader
***********************************************************/
#cmnNaviHeader{
position: relative;
width:100%;
border-top:none;
}
#headerInnerWrap{
width:100%;
margin:0 auto;
}
/*----------------------------------------------------------
breadcrumbWrap
----------------------------------------------------------*/
#breadcrumbWrap{
padding:0.214rem 0 0.285rem 0.571rem;
background-color:#f0f0f0;
}
#breadcrumbWrap a,
#breadcrumbWrap span{
color:#666666;
font-size:0.714rem;
line-height:1.3;
}
#breadcrumbWrap .itemscope:first-child a{
text-decoration:none;
}
#breadcrumbWrap .itemscope a:hover{
text-decoration:none;
border-bottom:1px solid #888888;
}
#breadcrumbWrap .itemscope{
display:inline-block;
margin:0 0.428rem 0.142rem 0;
padding:0 0 0 0.714rem;
line-height: 1;
background: url(../images/cmn_ico_020.gif);
background-size:5px auto;
background-position: left center;
background-repeat: no-repeat;
}
#breadcrumbWrap .itemscope:first-child{
padding:0 0 0 1.000rem;
background: url(../images/header_ico_006.gif);
background-size:10px auto;
background-position: left center;
background-repeat: no-repeat;
}
#breadcrumbWrap .itemscope:last-child{
margin-right:0;
}
#headerInnerWrapPC,
#headNaviPC{
display:none;
}
#headerInnerWrap{
overflow: hidden;
border-top:none;
border-bottom:3px solid #da2128;
}
.aeNavi #headerInnerWrap{
border-bottom:3px solid #002663;
}
.jcNavi #headerInnerWrap{
border-bottom:3px solid #006335;
}
#headerLogoSP{
float:left;
display:inline-block;
width:39.21875%;
max-width:125px;
height:46px;
padding:0.785rem 0.642rem 0.928rem 0.500rem;
text-align:center;
}
.oneCLM .aeNavi #headerLogoSP,
.oneCLM .jcNavi #headerLogoSP{
float:right;
}
.allTop #headerLogoSP{
float:none;
width:100%;
}
#amex.infoHeaderLogo #headerLogoSP{
display:none;
}
.oneCLM #headerLogoSP {
padding:0.785rem 0.542rem 0.928rem 0.500rem;
}
#headerLogoSP img{
width:110px;
}
.headerBackBtn{
display: none;
float: right;
margin: 0.5rem 0.35rem 0;
}
#select .headerBackBtn{
display: block;
}
.headerBackBtn > a{
display:inline-block;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.5rem 1rem 0.5rem 2rem;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_004.png);
background-position: .8rem 0.6rem;
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.headerBackBtn > a:link,
.headerBackBtn > a:hover{
color:#333333;
text-decoration: none;
}
#headNaviSP{
float: right;
display:inline-block;
width:60.78125%;
height:46px;
text-align: right;
}
.ufjjcbH1 #headNaviSP{
width:30.4%;
}
.mufgjalH1 #headNaviSP{
float:none;
display:table-cell;
width:46px;
border-bottom: 4px solid #da2128;
}
#headerLogoSP p:not(.subH1),
.allTop #headerLogoSP span{
display:none;
}
#headNaviSP ul{
float: right;
width:100%;
max-width:195px;
}
#headNaviSP li{
display:inline-block;
width:48px;
height:46px;
padding:2.214rem 0 0.357rem 0;
font-size:0.714rem;
line-height:1;
text-align:center;
border-left:1px solid #e1e1e1;
background-color:#f1f1f1;
}
#headNaviSP li a{
font-size:0.714rem;
color:#333333;
text-decoration:none;
}
#headNaviSP li.liSearch{
background-image: url(../images/header_ico_001.png);
background-size:20px auto;
background-position: center 0.428rem;
background-repeat: no-repeat;
}
#headNaviSP li.liInquiry{
background-image: url(../images/header_ico_002.png);
background-size:19px auto;
background-position: center 0.428rem;
background-repeat: no-repeat;
}
#headNaviSP li.liLogin{
background-image: url(../images/header_ico_003.png);
background-size:16px auto;
background-position: center 0.428rem;
background-repeat: no-repeat;
}
#headNaviSP li.liMenu{
background-image: url(../images/header_ico_004.png);
background-size:20px auto;
background-position: center 0.428rem;
background-repeat: no-repeat;
background-color:#dadada;
}
.oneCLM .aeNavi #headerLogoAmex{
float: left;
display: inline-block;
width: 58.21875%;
max-width: 186px;
height: 46px;
padding: 0.785rem 0.642rem 0.928rem 0.500rem;
text-align: center;
}
.oneCLM .aeNavi #headerLogoAmex img{
width: 169px;
}
.oneCLM .jcNavi #headerLogoJCCARD{
float: left;
display: inline-block;
padding: 1.071rem 0.642rem 0.928rem 0.857rem;
text-align: center;
}
.oneCLM .jcNavi #headerLogoJCCARD img{
width: 88px;
}
/***********************************************************
categoryTop headerGlobalNavi
***********************************************************/
.categoryTop #headerGlobalNavi{
}
#categoryTopNaviPanel .accordionBoxTitle .iconTypeACD{
position:absolute;
display: inline-block;
float: none;
width: 16px;
right: 0;
top: 50%;
margin-top: -10px;
}
#categoryTopNaviPanel .firstPanel > li{
display:block;
color:#1c1c1c;
padding:0 0 0 0;
font-size:1.142rem;
border-bottom:1px solid #aaaaaa;
text-decoration: none;
background-color:#ffffff;
}
#categoryTopNaviPanel .firstPanel > li.act{
border-bottom: none;
}
#categoryTopNaviPanel .firstPanel > li.accordionBoxTitle{
background-image:none;
}
#categoryTopNaviPanel .firstPanel > li > .ctnBtn{
position: relative;
display: block;
width:100%;
padding:25px 40px 21px 71px;
font-size:1.142rem;
color:#1c1c1c;
background-repeat: no-repeat;
background-color:#ffffff;
}
#categoryTopNaviPanel .firstPanel > li.act > .ctnBtn{
}
#categoryTopNaviPanel .firstPanel > li > .ctnBtn .ctnBtnTitle{
display:inline-block;
vertical-align: middle;
}
#categoryTopNaviPanel .firstPanel .accordionBoxTitle .iconTypeACD{
display: inline-block;
vertical-align: middle;
float: none;
width: 20px;
right: 0;
padding-right:1.142rem;
}
#categoryTopNaviPanel .firstPanel > li:nth-child(1) > .ctnBtn{
background-image: url(../images/header_ico_007_sp.png);
background-position: 24px 21px;
background-size: 29px auto;
-moz-background-size:29px auto;
-webkit-background-size: 29px auto;
-o-background-size: 29px auto;
-ms-background-size: 29px auto;
}
#categoryTopNaviPanel .firstPanel > li:nth-child(2) > .ctnBtn{
background-image: url(../images/header_ico_008_sp.png);
background-position:1.142rem 13px;
background-size: 45px auto;
-moz-background-size:45px auto;
-webkit-background-size:45px auto;
-o-background-size:45px auto;
-ms-background-size:45px auto;
}
#categoryTopNaviPanel .firstPanel > li:nth-child(3) > .ctnBtn{
background-image: url(../images/header_ico_009_sp.png);
background-position:24px center;
background-size: 37px auto;
-moz-background-size:37px auto;
-webkit-background-size:37px auto;
-o-background-size:37px auto;
-ms-background-size:37px auto;
}
#categoryTopNaviPanel .firstPanel > li:nth-child(4) > .ctnBtn{
background-image: url(../images/header_ico_010_sp.png);
background-position:24px center;
background-size: 40px auto;
-moz-background-size:40px auto;
-webkit-background-size:40px auto;
-o-background-size:40px auto;
-ms-background-size:40px auto;
}
#categoryTopNaviPanel .secondPanel{
border-top:none;
}
#categoryTopNaviPanel .secondPanel > li{
display: block;
width:100%;
padding:0;
border-bottom: 1px solid #cacaca;
background: #ebebeb;
}
#categoryTopNaviPanel .secondPanel > li > .ctnBtn .ctnBtnTitle{
width: 100%;
padding:15px 1.285rem 15px 1.142rem;
background: url(../images/cmn_ico_027.png) no-repeat 94.5% center;
background-size: 9px auto;
border-bottom: 1px solid #cacaca;
}
#categoryTopNaviPanel .secondPanel > li.accordionBoxTitle > .ctnBtn .ctnBtnTitle{
background-image:none;
}
#categoryTopNaviPanel .secondPanel > li.linkType02 > .ctnBtn .ctnBtnTitle{
background-image:none;
}
#categoryTopNaviPanel .secondPanel > li:nth-child(1){
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwZDBkMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIyJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlYmViZWIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #d0d0d0 0%, #ebebeb 15%, #ebebeb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0d0d0), color-stop(15%,#ebebeb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d0d0d0 0%,#ebebeb 15%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d0d0d0 0%,#ebebeb 15%,#ebebeb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d0d0d0 0%,#ebebeb 15%,#ebebeb 100%); /* IE10+ */
background: linear-gradient(to bottom, #d0d0d0 0%,#ebebeb 15%,#ebebeb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0d0d0', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
background-size:100%,100%;
}
#categoryTopNaviPanel .secondPanel > li:last-child{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ebebeb+0,ebebeb+85,d0d0d0+100 */
background: #ebebeb; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iI2ViZWJlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkMGQwZDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ebebeb 0%, #ebebeb 85%, #d0d0d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(85%,#ebebeb), color-stop(100%,#d0d0d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ebebeb 0%,#ebebeb 85%,#d0d0d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ebebeb 0%,#ebebeb 85%,#d0d0d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ebebeb 0%,#ebebeb 85%,#d0d0d0 100%); /* IE10+ */
background: linear-gradient(to bottom, #ebebeb 0%,#ebebeb 85%,#d0d0d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#d0d0d0',GradientType=0 ); /* IE6-8 */
background-size:100%,100%;
}
#categoryTopNaviPanel .secondPanel > li > .ctnBtn .ctnBtnTitle{
display: inline-block;
padding-right:46px;
}
#categoryTopNaviPanel .secondPanel > li.linkType02 span.iconTypeBlank{
position: absolute;
top: 50%;
right: 0px;
margin-top: -7px;
padding-right: 18px;
padding-left: 0;
}
#categoryTopNaviPanel .secondPanel > li > a{
position: relative;
display: inline-block;
width:100%;
padding:0;
color:#333333;
}
#categoryTopNaviPanel .secondPanel > li > a dt{
/*margin-bottom:9px;*/
}
#categoryTopNaviPanel .secondPanel > li > a dd{
font-size:0.714rem;
color:#666666;
}
#headerGlobalNavi .secondPanel > li .linkType01,
#headerGlobalNavi .secondPanel > li .linkType02,
#headerGlobalNavi .secondPanel > li .linkType03{
margin-bottom:0;
}
#categoryTopNaviPanel .thirdPanel > li{
display: block;
width: 100%;
padding: 0 0 0 0;
border-bottom: 1px solid #818181;
background: #585858;
}
#categoryTopNaviPanel .thirdPanel > li > .ctnBtn .ctnBtnTitle{
display: block;
width: 100%;
padding:15px 4.500rem 15px 1.142rem;
background: url(../images/slideMenu_ico_002.png) no-repeat 94.5% center;
background-size: 12px auto;
background-color: transparent;
border-bottom: 1px solid #505050;
}
#categoryTopNaviPanel .thirdPanel > li > .ctnBtn {
position: relative;
display: inline-block;
width:100%;
padding: 0 0 0 2.214rem;
color:#ffffff;
text-decoration:none;
background-color: transparent;
background-image:none;
}
#categoryTopNaviPanel .thirdPanel > li.linkType02 > .ctnBtn .ctnBtnTitle{
background-image:none;
}
#categoryTopNaviPanel .thirdPanel > li.linkType02 span.iconTypeBlank{
position: absolute;
top: 50%;
right: 0px;
margin-top: -7px;
padding-right: 18px;
padding-left: 0;
}
#categoryTopNaviPanel .thirdPanel > li:nth-child(1) {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#444444+0,585858+15,585858+100 */
background: #444444; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NDQ0NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE1JSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM1ODU4NTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #444444 0%, #585858 15%, #585858 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#444444), color-stop(15%,#585858), color-stop(100%,#585858)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #444444 0%,#585858 15%,#585858 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #444444 0%,#585858 15%,#585858 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #444444 0%,#585858 15%,#585858 100%); /* IE10+ */
background: linear-gradient(to bottom, #444444 0%,#585858 15%,#585858 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#585858',GradientType=0 ); /* IE6-8 */
background-size:100%,100%;
}
#categoryTopNaviPanel .thirdPanel > li:last-child{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#585858+0,585858+85,444444+100,444444+100 */
background: #585858; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg1JSIgc3RvcC1jb2xvcj0iIzU4NTg1OCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0NDQ0NDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDQ0NDQ0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #585858 0%, #585858 85%, #444444 100%, #444444 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#585858), color-stop(85%,#585858), color-stop(100%,#444444), color-stop(100%,#444444)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #585858 0%,#585858 85%,#444444 100%,#444444 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #585858 0%,#585858 85%,#444444 100%,#444444 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #585858 0%,#585858 85%,#444444 100%,#444444 100%); /* IE10+ */
background: linear-gradient(to bottom, #585858 0%,#585858 85%,#444444 100%,#444444 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#444444',GradientType=0 ); /* IE6-8 */
background-size:100%,100%;
}
.dropdownGlobalNaviWrap{
display:none;
}
/***********************************************************
noScriptMsg
***********************************************************/
.noScriptMsg{
margin:18px 16px 18px 16px;
padding:10px;
background-color:#fff1f1;
border:1px solid #e60000;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.noScriptMsg p{
padding:0 0 0 1.785rem;
color:#c40000;
text-align:left;
background-image: url(../images/cmn_ico_030.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size:16px auto;
}
/*----------------------------------------------------------
h1Header
----------------------------------------------------------*/
.h1wrapHeader{
display:table;
width:100%;
padding:0.428rem 0.642rem 0.428rem 0.571rem;
background-color:#7a7676;
}
.mufgjalH1 .h1wrapHeader{
padding:0 0 0 0;
border-top:1px solid #e1e1e1;
background-color:#ffffff;
border-bottom:1px solid #e1e1e1;
}
.allTop .h1wrapHeader{
display: block;
position: absolute;
width: 54.21875%;
height: 46px;
top: 0px;
left: 0px;
padding:0;
background-color: #ffffff;
vertical-align: middle;
}
.allTop .h1wrapHeader img{
width: 110px;
}
.h1wrapHeader h1,
.h1wrapHeader p.subH1{
display:table-cell;
vertical-align:middle;
padding-right:0rem;
font-size:1rem;
color:#ffffff;
}
.h1wrapHeader .spTable{
display:table;
width:100%;
}
.h1wrapHeader .spTableRow{
display:table-row;
}
.mufgjalH1 .h1wrapHeader h1,
.mufgjalH1 .h1wrapHeader p.subH1{
padding-left:0.571rem;
border-bottom: 4px solid #da2128;
}
.mufgjalH1 .h1wrapHeader h1 img,
.mufgjalH1 .h1wrapHeader p.subH1 img{
width:230px;
}
.h1wrapHeader h1 a,
.h1wrapHeader p.subH1 a{
display:inline-block;
color:#ffffff;
font-size:1.142rem;
font-weight:bold;
text-decoration:none;
background-repeat:no-repeat;
}
.h1wrapHeader h1 a .headerIcon,
.h1wrapHeader p.subH1 a .headerIcon{
display:none;
}
.mufjfgH1 .h1wrapHeader h1 a,
.mufjfgH1 .h1wrapHeader p.subH1 a{
padding:0.357rem 0 0.214rem 2.642rem;
color:#ffffff;
background-image: url(../images/mufjfg_ico_002_sp.png);
background-size:28px auto;
background-position:0 0.214rem;
}
.cardTop .mufjfgH1 .h1wrapHeader h1 a,
.cardTop .mufjfgH1 .h1wrapHeader p.subH1 a{
padding:0.357rem 0 0.214rem 0;
color:#ffffff;
background-image: none;
}
.dccardH1 .h1wrapHeader h1 a,
.dccardH1 .h1wrapHeader p.subH1 a{
padding:0.285rem 0 0.285rem 2.642rem;
color:#ffffff;
background-image: url(../images/dc_ico_001.png);
background-size:31px auto;
background-position:0 0.285em;
}
.nicos01H1 .h1wrapHeader h1 a,
.nicos01H1 .h1wrapHeader p.subH1 a{
padding:0.285rem 0 0.285em 2.571em;
color:#ffffff;
background-image: url(../images/nicos_ico_003.png);
background-size:30px auto;
background-position:0 0.642em;
}
.nicos02H1 .h1wrapHeader h1 a,
.nicos02H1 .h1wrapHeader p.subH1 a{
padding:0 0 0 3.000rem;
color:#ffffff;
background-image: url(../images/nicos_ico_002.png);
background-size:32px auto;
background-position:0 0.285em;
}
.nicos03H1 .h1wrapHeader h1 a,
.nicos03H1 .h1wrapHeader p.subH1 a{
padding:0 0 0 3.000rem;
color:#ffffff;
background-image: url(../images/nicos_ico_003.png);
background-size:32px auto;
background-position:0 0.285em;
}
.ae01H1 .h1wrapHeader h1 a,
.ae01H1 .h1wrapHeader p.subH1 a{
padding:0 0 0 3.000rem;
color:#ffffff;
font-size:0.857rem;
line-height:1.2;
background-image: url(../images/ae_ico_001_sp.png);
background-size:28px auto;
background-position:0 center;
}
.ae02H1 .h1wrapHeader h1 a,
.ae02H1 .h1wrapHeader p.subH1 a{
padding:0 0 0 3.000rem;
color:#ffffff;
font-size:0.857rem;
line-height:1.3;
background-image: url(../images/ae_ico_002.png);
background-size:30px auto;
background-position:0 0.142em;
}
.jacard01H1 .h1wrapHeader h1 a,
.jacard01H1 .h1wrapHeader p.subH1 a{
padding:0.357rem 0 0.357rem 4.000rem;
color:#ffffff;
background-image: url(../images/jacard_ico_001.png);
background-size:49px auto;
background-position:0 0.357em;
}
.jacard02H1 .h1wrapHeader h1 a,
.jacard02H1 .h1wrapHeader p.subH1 a{
padding:0 0 0 4.000rem;
color:#ffffff;
background-image: url(../images/jacard_ico_002.png);
background-size:48px auto;
background-position:0 0.428em;
}
.jalH1 .h1wrapHeader h1 a,
.jalH1 .h1wrapHeader p.subH1 a{
padding:0.285rem 0 0.285rem 5.142rem;
color:#ffffff;
background-image: url(../images/jalcard_ico_001.png);
background-size:65px auto;
background-position:0 0.428rem;
}
.mufgjalH1 .h1wrapHeader h1 a,
.mufgjalH1 .h1wrapHeader p.subH1 a{
color:#000000;
font-size:0.928rem;
padding:0.500rem 156px 0.500rem 1.928rem;
background-image:url(../images/mufjfg_ico_003.png),url(../images/mufjfg_ico_004.png);
background-size:20px auto,135px auto;
background-position: 0 center,135px center;
}
.allTop .h1wrapHeader h1 a{
color:#000000;
font-size:0.928rem;
padding:0;
background:none;
}
.h1wrapHeader .linkTypeHeaderInTop{
display:table-cell;
min-width:5em;
vertical-align:middle;
text-align: right;
}
.h1wrapHeader .linkTypeHeaderInTop a{
padding:0.285rem 0.428rem 0.285rem 0.428rem;
text-decoration:none;
font-size:0.571rem;
line-height:1;
color:#ffffff;
background-color:#414141;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.h1wrapHeader .linkTypeHeaderInTop span{
padding-left:0.500rem;
font-size:0.571rem;
color:#ffffff;
background: url(../images/header_ico_005.png);
background-size:3px auto;
background-position:left center;
background-repeat: no-repeat;
}
.h1wrapHeader .h1Caption{
display:table-row;
font-size:1rem;
}
.mufgjalH1 .h1wrapHeader .spTable .h1Caption{
display:table-cell;
vertical-align: middle;
width:78.695%;
padding:0.357rem 0 0 0;
}
.h1wrapHeader .h1Caption p{
padding:0.428rem 0 0 0.500rem;
}
.mufgjalH1 .h1wrapHeader .spTable .h1Caption p{
padding:0 0 0.357rem 0.857rem;
font-size:0.500rem;
}
/*----------------------------------------------------------
headerParts
----------------------------------------------------------*/
.selecterBrand,
#headerGlobalNavi,
.headerSearchWrap,
#dropdownGlobalNaviWrap{
display:none;
}
.mufgjalH1 .h1wrapHeader .spTable .headerSearchWrap{
display:table-cell;
vertical-align: middle;
width:21.035%;
padding:0.357rem 0 0 0.571rem;
}
/***********************************************************
main contents side
***********************************************************/
#main{
overflow:hidden;
width:100%;
min-width:320px;
margin:0 auto;
}
#contents,
#contentsCMP{
float:none;
width:100%;
margin:0 auto;
}
#side{
float:none;
width:100%;
margin:0 auto;
text-align:center;
}
/***********************************************************
link
***********************************************************/
a{
font-size:1rem;
}
a,a:link {text-decoration:none;color:#3366cc;}
a:hover {text-decoration:underline;color:#3366cc;}
.linkType01,
.linkType02,
.linkType03 {
text-align:left;
margin:0 0 0.857rem 0;
}
.columnBoxWrap .linkType01,
.columnBoxWrap .linkType02,
.columnBoxWrap .linkType03{
margin:0 0 0.285rem 0;
}
.columnBoxWrap .columnBox > *:last-child .linkType01,
.columnBoxWrap .columnBox > *:last-child .linkType02,
.columnBoxWrap .columnBox > *:last-child .linkType03{
margin: 0 0.285rem 0 0;
padding:0;
}
.columnBoxWrap + p.linkType01,
.columnBoxWrap + p.linkType02{
margin-top:0.285rem;
margin-bottom:0;
}
.columnBoxWrap + p.linkType01 + p.linkType01,
.columnBoxWrap + p.linkType02 + p.linkType01,
.columnBoxWrap + p.linkType01 + p.linkType02,
.columnBoxWrap + p.linkType02 + p.linkType02{
margin-bottom:0;
}
.linkType01 a,.linkType02 a,.linkType03 a{
display:inline-block;
padding-left:1.142rem;
font-size:1rem;
}
.linkType01 a{
background: url(../images/cmn_ico_002.png) no-repeat 3px 0.428em;
background-size:5px auto;
}
#amex .linkType01 a{
background: url(../images/ae_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
#jacard .linkType01 a{
background: url(../images/jacard_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
.linkType02 a{
background: url(../images/cmn_ico_002.png) no-repeat 3px 0.428em;
background-size:5px auto;
}
#amex .linkType02 a{
background: url(../images/ae_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
#jacard .linkType02 a{
background: url(../images/jacard_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
.linkType03 a{
background: url(../images/cmn_ico_017.png) no-repeat 3px 0.428em;
background-size:6px auto;
}
#amex .linkType03 a{
background: url(../images/ae_cmn_ico_017.png) no-repeat 3px 0.428em;
background-size:6px auto;
}
#jacard .linkType03 a{
background: url(../images/jacard_cmn_ico_017.png) no-repeat 3px 0.428em;
background-size:6px auto;
}
a.linkType02{
margin-right:0.428rem;
}
.linkType_list{
padding:0 0.714rem 0 0;
text-align:right;
}
.linkType02 span.iconTypeBlank,
.linkType03 span.iconTypeBlank{
display: inline-block;
padding-top:0;
padding-left:0.571rem;
vertical-align: middle;
line-height: 1;
}
.listType05 .linkType02 span.iconTypeBlank,
.listType05 .linkType03 span.iconTypeBlank{
text-align: right;
width: 16px;
}
.linkType02 span.iconTypeBlank img,
.linkType03 span.iconTypeBlank img{
width:9px;
margin-bottom:0;
}
.linkTypePdf span.iconTypePdf{
display: inline-block;
padding-top:0rem;
padding-left:0.428rem;
vertical-align: middle;
}
.linkTypePdf span.iconTypePdf img{
width:23px;
margin-bottom:0;
vertical-align:baseline;
}
a.linkTypePdf{
margin-right:0.428rem;
}
.linkType01 span.iconTypeCard,
.linkType02 span.iconTypeCard,
.linkType03 span.iconTypeCard{
display: inline-block;
padding-left:0.714em;
}
.linkType_nextToReturn{
overflow:hidden;
width:auto;
margin:1.142rem 0 1.142rem 0;
}
.linkType_nextToReturn a{
padding:0 1.357rem 0 1.357rem;
}
.linkType_nextToReturn a{
width:37.5%;
padding:0 0 0 1.142rem;
float:left;
background: url(../images/cmn_ico_005.gif) no-repeat left center;
}
#amex .linkType_nextToReturn a{
background: url(../images/ae_cmn_ico_005.gif) no-repeat left center;
}
#jacard .linkType_nextToReturn a{
background: url(../images/jacard_cmn_ico_005.gif) no-repeat left center;
}
.linkType_nextToReturn a:last-child{
float:right;
padding:0 1.142rem 0 0;
text-align:right;
background: url(../images/cmn_ico_006.gif) no-repeat right center;
}
#amex .linkType_nextToReturn a:last-child{
background: url(../images/ae_cmn_ico_006.gif) no-repeat right center;
}
#jacard .linkType_nextToReturn a:last-child{
background: url(../images/jacard_cmn_ico_006.gif) no-repeat right center;
}
.floatListLink li{
display: inline-block;
margin-top: 0;
margin-bottom: 0.500rem;
margin-right:2.000rem;
}
.floatListLink li:last-child{
margin-right:0;
}
.descText01{
position: absolute;
top: -9999px;
left: -9999px;
}
.linkType03BtnList{
font-size:0;
}
.linkType03Btn{
display:inline-block;
margin:0 10px 10px 0;
padding:0.571rem 0.857rem;
background-color:#fbfbfb;
border:1px solid #c9c9c9;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.linkType03Btn:last-child{
margin-right:0px;
}
.linkType03Btn a{
padding-left:17px;
font-size:1rem;
color:#333333;
text-decoration:none;
background: url(../images/cmn_ico_017.png) no-repeat 3px 0.500em;
background-size: 7px auto;
}
#amex .linkType03Btn a{
background: url(../images/ae_cmn_ico_017.png) no-repeat 3px 0.642em;
background-size: 6px auto;
}
#jacard .linkType03Btn a{
background: url(../images/jacard_cmn_ico_017.png) no-repeat 3px 0.642em;
background-size: 6px auto;
}
/***********************************************************
paragraph
***********************************************************/
p.parBase01{
font-size:1rem;
line-height:1.5;
text-align:left;
margin:0 0 0 0;
background-image: url("/cmn/img/parBaseBg.png");
}
p.parBase02{
font-size:1rem;
line-height:1.5;
margin:0 0 0 0;
text-align:left;
}
p.parBase01:last-child,
p.parBase02:last-child{
margin-bottom:0;
}
.columnBoxWrap .columnBox p.parBase01,
.columnBoxWrap .columnBox p.parBase02,
.columnBoxWrap .columnBoxText p.parBase01,
.columnBoxWrap .columnBoxText p.parBase02{
margin-left:0;
margin-right:0;
}
#contents p.parBase01,
#contents p.parBase02{
margin-bottom:0.428rem;
}
#contents p.parBase01:last-child,
#contents p.parBase02:last-child{
margin-bottom:0;
}
p.alignRight{
text-align:right;
}
.parTypeTel{
}
.parTypeTel .iconTypeND{
padding:2px 3px 0 0;
display:inline-block;
line-height:1;
vertical-align:middle;
}
/***********************************************************
list
***********************************************************/
ul.alignLists,
ol.alignLists{
margin:0 0 0 0;
}
#contents .inToH2orH3 > ul.alignLists,
#contents .inToH2orH3 > ol.alignLists,
#contents .inToH2orH3 .columnBox > ul.alignLists,
#contents .inToH2orH3 .columnBox > ol.alignLists,
#contents .inToH2orH3 .columnBox > ul.alignLists:not(.columnBoxImg):not(.columnBoxText),
#contents .inToH2orH3 .columnBox > ol.alignLists:not(.columnBoxImg):not(.columnBoxText){
margin:0 0 0 0;
margin-left:0;
margin-right:0;
padding-right: 1.142rem;
padding-left: 1.142rem;
}
.listType01,
.listType02,
.listType03,
.listType04,
.listType05,
.listType06{
margin:0 0 0 0;
font-size: 1.000rem;
line-height:1.5;
}
.listType02,
.listType03{
font-size:1.000rem;
}
.alignLists {
list-style: none;
padding-left: 0;
display: table;
}
.accordionBoxInner ul.alignLists,
.accordionBoxInner ol.alignLists {
}
p.alignLists {
text-align:left;
}
body:not(.underV40) .alignLists > li:after{
content: "";
display: block;
height:0.285rem;
}
.underV40 .alignLists > li:after{
height:0rem;
display: none;
}
.alignLists.listType04 > li:after{
margin-bottom: 0rem
}
.alignLists > li,
.alignLists .alignText{
display: table-row;
}
.alignLists >li:before,
.alignLists .alignText:before {
content: "â¢";
display: table-cell;
vertical-align: top;
}
.alignLists{
counter-reset:item;
}
ol.alignLists > li {
display: table-row;
counter-increment: item;
}
.listType01 > li,
.listType02 > li,
.listType03 > li,
.listType04 > li,
.listType05 > li,
.listType06 > li,
.listType04_01 > li,
.listType04_02 > li,
.listType04_03 > li,
.freeIndent1P0,
.freeIndent1P25,
.freeIndent1P5,
.freeIndent2P0,
.freeIndent2P25,
.freeIndent2P5,
.freeIndent2P75{
list-style: none;
word-break: break-word;
}
.listType01 li:before,
.alignLists .alignText:before {
content:"â¢";
padding-right: 0.5em;
padding-left: 0.25em;
min-width:0.5em;
}
.listType02 li:before {
content:"â»";
padding-right: 0.25em;
min-width:1em;
}
.listType03 li:before {
content:"â»"counter(item);
padding-right: 0.25em;
min-width:2.25em;
}
.alignLists.listType02 >li:before,
.alignLists.listType03 >li:before {
vertical-align:baseline;
}
.listType04 > li:before {
content:counter(item);
padding-right: 1.000em;
word-break: normal;
min-width: 1.250em;
}
ol.listType04_01{
margin-top:0.500rem;
margin-left: -0.5rem;
counter-reset:item0401;
}
ol.listType04_01 > li{
display: table-row;
min-width:2.642em;
counter-increment:item0401;
}
.listType04_01 > li:before {
display: table-cell;
min-width:3.285em;
content:"ï¼" counter(item0401) "ï¼";
padding-right: 0.0em;
}
ol.listType04_02{
margin-top:0.500rem;
margin-left: -0.75rem;
counter-reset:item0402;
}
ol.listType04_02 > li{
counter-increment:item0402;
}
.listType04 .listType04_02 > li:before{
padding-left: 0.75em;
}
.listType04 .listType04_02 > li:first-child:before {
content:"\2460";
}
.listType04 .listType04_02 > li+li:before {
content:"\2461";
}
.listType04 .listType04_02 > li+li+li:before {
content:"\2462";
}
.listType04 .listType04_02 > li+li+li+li:before {
content:"\2463";
}
.listType04 .listType04_02 > li+li+li+li+li:before {
content:"\2464";
}
.listType04 .listType04_02 > li+li+li+li+li+li:before {
content:"\2465";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li:before {
content:"\2466";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li:before {
content:"\2467";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li:before {
content:"\2468";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li:before {
content:"\2469";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246A";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246B";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246C";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246D";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246E";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\246F";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\2470";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\2471";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\2472";
}
.listType04 .listType04_02 > li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li:before {
content:"\2473";
}
.listType05 li{
list-style: none;
}
.listType05 > li{
margin-bottom:0.5rem;
padding-left:1.5em;
list-style: none;
text-indent: -1.5em;
max-width:100%;
}
.listType05 > li:before {
content:"";
padding-right: 0.25em;
min-width:0.5em;
}
.listType05 > li .listHeading{
padding-right:0.5em;
}
.listType05 > li .listHeading0P75{
padding-right:0.75em;
}
.listType05 > li .listHeading1P00{
padding-right:1.00em;
}
.listType05 > li .listHeading1P25{
padding-right:1.25em;
}
.listType06 > li:before {
content:counter(item)".";
padding-right: 0.300em;
min-width:1.8em;
}
.listType01 .listCel,
.listType02 .listCel,
.listType03 .listCel,
.listType04 .listCel,
.listType05 .listCel,
.listType06 .listCel{
display: table-cell;
vertical-align: top;
text-align:left;
}
.dorderBox01 .listType05 > li{
padding-right:0.5em;
}
ul.freeIndent1P0 > li,
ol.freeIndent1P0 > li{
padding-left:1.0em;
text-indent:-1.0em;
}
ul.freeIndent1P25 > li,
ol.freeIndent1P25 > li{
padding-left:1.25em;
text-indent:-1.25em;
}
ul.freeIndent1P5 > li,
ol.freeIndent1P5 > li{
padding-left:1.5em;
text-indent:-1.5em;
}
ul.freeIndent2P0 > li,
ol.freeIndent2P0 > li{
padding-left:2.0em;
text-indent:-2.0em;
}
ul.freeIndent2P25 > li,
ol.freeIndent2P25 > li{
padding-left:2.25em;
text-indent:-2.25em;
}
ul.freeIndent2P5 > li,
ol.freeIndent2P5 > li{
padding-left:2.5em;
text-indent:-2.5em;
}
ul.freeIndent2P75 > li,
ol.freeIndent2P75 > li{
padding-left:2.75em;
text-indent:-2.75em;
}
.noBefore:before {
display: none;
}
/***********************************************************
btn
***********************************************************/
.grayBtn01,
.grayBtn02,
.grayBtn03,
.grayBtn04,
.grayBtn05,
.redBtn01,
.redBtn02,
.redBtn03,
.redBtn04,
.navyBtn01,
.navyBtn02,
.navyBtn03,
.navyBtn04,
.greenBtn01,
.greenBtn02,
.greenBtn03,
.greenBtn04,
.whiteBtn01,
.whiteBtn02,
.whiteBtn03,
.whiteBtn04,
.littlWehiteBtn01,
.minLittlWehiteBtn01{
margin: 0 0 0 0;
padding: 0 0 5px 0;
text-align: center;
}
.redBtn02.mailGuide,
.navyBtn02.mailGuide,
.greenBtn02.mailGuide{
padding-left:1.142rem;
}
.grayBtn01 a{
display:inline-block;
min-width:80%;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.714rem 1.071rem 0.571rem 2.142rem;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_001.png);
background-position: 0.714rem 0.857rem; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
#amex .grayBtn01 a{
background-image: url(../images/ae_gbtn_ico_001.png);
background-size:13px auto;
}
#jacard .grayBtn01 a{
background-image: url(../images/jacard_gbtn_ico_001.png);
background-size:13px auto;
}
.grayBtn02 a{
position: relative;
display:inline-block;
min-width:80%;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.714rem 1.071rem 0.571rem 2.142rem;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_001.png);
background-position: 0.714rem 0.857rem; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
#amex .grayBtn02 a{
background-image: url(../images/ae_gbtn_ico_001.png);
background-size:13px auto;
}
#jacard .grayBtn02 a{
background-image: url(../images/jacard_gbtn_ico_001.png);
background-size:13px auto;
}
.grayBtn03 a{
display:inline-block;
width:140px;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.714rem 1.071rem 0.571rem 4.357rem;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_003.png);
background-position: 2.785rem 0.857rem; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.grayBtn04 a{
display:inline-block;
width:140px;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.714rem 1.071rem 0.571rem 4.642rem;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_004.png);
background-position: 3.000rem 0.857rem; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.grayBtn05 a{
display:inline-block;
width:140px;
height:auto;
font-size:0.857rem;
text-align:left;
text-decoration: none;
color:#333333;
line-height:1.3;
padding: 0.714rem 1.071rem 0.571rem 30.48%;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_005.png);
background-position:68.29% 0.857rem; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.grayBtn02 .iconTypeBlank{
position:absolute;
top:6px;
right:6px;
width:7px;
height:7px;
}
.redBtn01 a{
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #e60000;
background-image: url(../images/rbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #730000;
}
.redBtn02 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 4.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #e60000;
background-image: url(../images/rbtn_ico_002.png);
background-position: 1.428rem center;
background-size:20px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #730000;
}
.redBtn03 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.428rem 1.500rem 1.285rem 5.214rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #e60000;
background-image: url(../images/rbtn_ico_003.png);
background-position: 1.428rem center;
background-size:39px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #730000;
}
.redBtn04 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #e60000;
background-image: url(../images/rbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #730000;
}
.redBtn02 .iconTypeBlank,
.redBtn03 .iconTypeBlank,
.redBtn04 .iconTypeBlank{
position:absolute;
top:8px;
right:7px;
width:7px;
height:7px;
}
.navyBtn01 a{
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #002663;
background-image: url(../images/nbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #001331;
}
.navyBtn02 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 4.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #002663;
background-image: url(../images/nbtn_ico_002.png);
background-position: 1.428rem center;
background-size:20px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #001331;
}
.navyBtn03 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.428rem 1.500rem 1.285rem 5.214rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #002663;
background-image: url(../images/nbtn_ico_003.png);
background-position: 1.428rem center;
background-size:39px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #001331;
}
.navyBtn04 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #002663;
background-image: url(../images/nbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #001331;
}
.navyBtn02 .iconTypeBlank,
.navyBtn03 .iconTypeBlank,
.navyBtn04 .iconTypeBlank{
position:absolute;
top:8px;
right:7px;
width:7px;
height:7px;
}
.greenBtn01 a{
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #006134;
background-image: url(../images/grbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #00301a;
}
.greenBtn02 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 4.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #006134;
background-image: url(../images/grbtn_ico_002.png);
background-position: 1.428rem center;
background-size:20px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #00301a;
}
.greenBtn03 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration: none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.428rem 1.500rem 1.285rem 5.214rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #006134;
background-image: url(../images/grbtn_ico_003.png);
background-position: 1.428rem center;
background-size:39px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #00301a;
}
.greenBtn04 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#ffffff;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #006134;
background-image: url(../images/grbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #00301a;
}
.greenBtn02 .iconTypeBlank,
.greenBtn03 .iconTypeBlank,
.greenBtn04 .iconTypeBlank{
position:absolute;
top:8px;
right:7px;
width:7px;
height:7px;
}
.whiteBtn01 a{
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border:1px solid #7f7f7f;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #ffffff;
background-image: url(../images/wbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 2px 0 0 #7f7f7f;
}
#amex .whiteBtn01 a{
background-image: url(../images/ae_wbtn_ico_001.png);
background-size:19px auto;
}
#jacard .whiteBtn01 a{
background-image: url(../images/jacard_wbtn_ico_001.png);
background-size:19px auto;
}
.whiteBtn02 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 4.071rem;
border:1px solid #7f7f7f;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #ffffff;
background-image: url(../images/wbtn_ico_002.png);
background-position: 1.428rem center;
background-size:20px auto;
background-repeat: no-repeat;
box-shadow:0 2px 0 0 #7f7f7f;
}
#amex .whiteBtn02 a{
background-image: url(../images/ae_wbtn_ico_002.png);
background-size:20px auto;
}
#jacard .whiteBtn02 a{
background-image: url(../images/jacard_wbtn_ico_002.png);
background-size:20px auto;
}
.whiteBtn03 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.428rem 1.500rem 1.285rem 5.214rem;
border:1px solid #7f7f7f;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #ffffff;
background-image: url(../images/wbtn_ico_003.png);
background-position: 1.357rem center;
background-size:34px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #7f7f7f;
}
#amex .whiteBtn03 a{
background-image: url(../images/ae_wbtn_ico_003.png);
background-size:34px auto;
}
#jacard .whiteBtn03 a{
background-image: url(../images/jacard_wbtn_ico_003.png);
background-size:34px auto;
}
.whiteBtn04 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:center;
text-decoration:none;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.071rem 1.500rem 0.928rem 3.071rem;
border:1px solid #7f7f7f;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
background-color: #ffffff;
background-image: url(../images/wbtn_ico_001.png);
background-position: 1.000rem center; /*1.000 0.342*/
background-size:19px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #7f7f7f;
}
#amex .whiteBtn04 a{
background-image: url(../images/ae_wbtn_ico_001.png);
background-size:19px auto;
}
#jacard .whiteBtn04 a{
background-image: url(../images/jacard_wbtn_ico_001.png);
background-size:19px auto;
}
.whiteBtn02 .iconTypeBlank,
.whiteBtn03 .iconTypeBlank,
.whiteBtn04 .iconTypeBlank{
position:absolute;
top:8px;
right:7px;
width:7px;
height:7px;
}
.littlWehiteBtn01,
.minLittlWehiteBtn01{
display:none;
}
.iconBlank01 a,
.iconBlank02 a{
position: relative;
}
.iconBlank01 a:before{
content: "";
position: absolute;
top: 8px;
right: 8px;
display: block;
width:9px;
height:9px;
background-image: url(../images/rbtn_ico_005.png);
background-position: 0 0;
background-size:9px auto;
background-repeat: no-repeat;
}
/***********************************************************
sectionWrap
***********************************************************/
.cardTop .articleType01{
padding-top:1.428rem ;
}
/***********************************************************
sectionWrap
***********************************************************/
.sectionWrap,
.sectionType01{
overflow:hidden;
padding:0 1.142rem 0 1.142rem;
}
.sectionWrap.fullWidth,
.sectionType01.fullWidth {
padding:0 0 0 0;
}
/***********************************************************
H Tag
***********************************************************/
.h1wrap01{
margin:1.428rem 0 1.428rem 0;
padding:0 0 1.142rem 0;
text-align:left;
border-bottom:5px solid #dfdfdf;
}
h1.h1Base01{
color:#666666;
font-size:1.500rem;
font-weight: bold;
line-height:1.3;
}
.h2wrap01{
margin:0 0 1.142rem 0;
padding:0;
text-align:left;
border:1px solid #dfdfdf;
border-left: none;
border-right: none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
#side .h2wrap01{
border:none;
}
h2.h2Base01{
color:#333333;
padding:0.714rem 1.142rem 0.500rem 1.142rem;
font-size:1.214rem;
line-height:1.3;
font-weight: bold;
border-top:3px solid #e60000;
}
#amex h2.h2Base01{
border-top:3px solid #03266a;
}
#jacard h2.h2Base01{
border-top:3px solid #006134;
}
.cardTopGNaviSet01 h2.h2Base01{
padding:0.714rem 1.071rem 0.714rem 2.714rem;
background-image: url(../images/cardTop_header_ico_001.png);
background-repeat: no-repeat;
background-position: 16px 0.714em;
background-size: 13px auto;
-moz-background-size: 13px auto;
-webkit-background-size: 13px auto;
-o-background-size: 13px auto;
-ms-background-size: 13px auto;
}
.cardTopGNaviSet02 h2.h2Base01{
padding:0.714rem 1.071rem 0.714rem 2.714rem;
background-image: url(../images/cardTop_header_ico_002.png);
background-repeat: no-repeat;
background-position: 16px 0.714em;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size:16px auto;
-ms-background-size: 16px auto;
}
.h3wrap01{
margin:0 0 1.142rem 0;
padding:0.642rem 1.142rem 0.642rem 1.142rem;
text-align:left;
border-top:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
background-color:#f4f3f3;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.columnBox .h3wrap01{
margin-top:0;
}
.h3wrap01.iconTypeLOGO.nicosLOGO .h3Base01{
padding-left:3.000rem;
}
.h3wrap01.iconTypeLOGO.dcLOGO .h3Base01{
padding-left:3.000rem;
}
.h3wrap01.iconTypeLOGO.jacardLOGO .h3Base01{
padding-left:3.000rem;
}
h3.h3Base01{
position: relative;
padding:0.071rem 1.000rem 0.071rem 1.000rem;
color:#333333;
font-weight: bold;
font-size:1.142rem;
line-height:1.3;
}
h3.h3Base01 a{
font-weight: bold;
font-size:1.142rem;
line-height:1.3;
color:#333333;
}
h3.h3Base01:before{
content: "";
position: absolute;
top: 0px;
left: 0px;
display: block;
width:5px;
height:100%;
background-color:#e60000;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
#amex h3.h3Base01:before{
background-color:#03266a;
}
#jacard h3.h3Base01:before{
background-color:#006134;
}
.h3wrap01.iconTypeLOGO.nicosLOGO .h3Base01:before {
top:-2px;
height: 28px;
background-image:url(../images/cmn_ico_036.png);
background-size: 34px 28px;
width: 34px;
background-color: transparent;
}
.h3wrap01.iconTypeLOGO.dcLOGO .h3Base01:before {
top:-2px;
height: 28px;
background-image:url(../images/cmn_ico_035.png);
background-size: 34px 28px;
width: 34px;
background-color: transparent;
}
.h3wrap01.iconTypeLOGO.jacardLOGO .h3Base01:before {
top:-2px;
height: 28px;
background-image:url(../images/cmn_ico_038.png);
background-size: 34px 28px;
width: 34px;
background-color: transparent;
}
.h4wrap01{
margin:0 0 1.142rem 0;
padding:0.428rem 1.285rem 0.428rem 0.642rem;
text-align:left;
background-color:#ffffff;
border:1px solid #dfdfdf;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
h4.h4Base01{
position: relative;
padding:0.142rem 0.857rem 0.142rem 0.857rem;
color:#333333;
font-size:1.071rem;
font-weight: bold;
line-height:1.3;
}
h4.h4Base01 a{
color:#333333;
font-size:1.071rem;
font-weight: bold;
line-height:1.3;
}
h4.h4Base01:before{
content: "";
position: absolute;
top: 0px;
left: 0px;
display: block;
width:5px;
height:100%;
background-color:#999999;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}
.h5wrap01{
margin:0 0 0.428rem 0;
text-align:left;
background-color:#ffffff;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
h5.h5Base01{
position: relative;
padding:2px 0 2px 1.000rem;
font-size:1rem;
color:#333333;
}
h5.h5Base01:before{
content: "";
position: absolute;
top: 3px;
left: 0px;
display: block;
width:7px;
height:7px;
background-color:#e70e0e;
}
#amex h5.h5Base01:before{
background-color:#002663;
}
#jacard h5.h5Base01:before{
background-color:#006134;
}
h5.h5Base01:after{
content: "";
position: absolute;
top: 12px;
left: 0px;
display: block;
width:7px;
height:7px;
background-color:#7f7f7f;
}
.h6wrap01{
margin:0 0 1.785rem 0;
background-color:#ffffff;
}
h6.h6Base01{
position: relative;
font-size:1rem;
color:#333333;
}
/***********************************************************
accordion
***********************************************************/
.accordionWrap{
overflow: hidden;
}
.accordionWrap:not(.act):not(tr) .accordionBox{
height:0;
}
body:not(.addV40) .accordionWrap:not(.act):not(tr) .accordionBox{
visibility: hidden;
}
.accordionBoxTitle{
position: relative;
}
.accordionBoxTitle .tableWrap{
display:table;
width:100%;
}
.accordionBoxTitle .h3Base01{
padding-right:0;
}
.accordionBoxTitle .h4Base01{
padding-right:0;
}
.accordionBoxTitle a{
text-decoration: none;
}
.accordionBoxTitle .h3Base01 a,
.accordionBoxTitle .h4Base01 a{
display:table;
width:100%;
}
.accordionBoxTitle .tableCell{
display:table-cell;
vertical-align:middle;
}
.accordionBoxTitle .iconTypeACD{
display:table-cell;
vertical-align:middle;
padding: 0 0 0 0.285rem;
/*position: absolute;*/
width:20px;
min-height:20px;
box-sizing: content-box;
}
.accordionBoxTitle .iconTypeACD img{
width:20px;
}
.accordionWrap .accordionBox .accordionBoxInner{
padding-bottom:20px;
overflow: hidden;
}
.solicitationBoxWrap.accordionWrap .accordionBox .accordionBoxInner{
padding-bottom:0;
}
/***********************************************************
column
***********************************************************/
.columnBoxWrap{
width:auto;
overflow: hidden;
margin:0 0 0 0;
}
#contents .columnBoxWrap{
margin:1.214rem 0 1.142rem 0;
overflow: hidden;
}
#contents .columnBoxWrap.equalityWidth{
margin:1.214rem 0 1.142rem 0;
}
#contents .columnBoxWrap.inToH2orH3{
margin:1.214rem 0 1.142rem 0;
}
.tabBoxWrap .columnBoxWrap,
#contents .solicitationBoxWrap .columnBoxWrap,
#contents .webServiceBoxWrap .columnBoxWrap,
#contents .dorderBox01 .columnBoxWrap{
margin:0 0 0 0;
}
.columnBoxWrap .columnBox{
overflow:hidden;
}
.columnBoxWrap .columnBox img{
margin-bottom:1.071rem;
}
.introducingByIcon .columnBox img,
.introducingByNoneIcon .columnBox img{
margin-bottom:0;
}
.columnTow .columnBox{
float:none;
width:100%;
text-align:center;
}
.columnTow .columnBox:first-child{
margin-bottom:1.428rem;
}
.columnTow .columnBox:last-child{
margin-left:0px;
}
#contents .inToH2orH3 .columnBox > *:not(.columnBoxImg):not(.columnBoxText),
#contents .inToH2orH3 > *{
margin-left:1.142rem;
margin-right:1.142rem;
}
#contents .inToH2orH3 .columnBox > .columnBoxImg{
margin-left:1.142rem;
}
#contents .inToH2orH3 .columnBox > .columnBoxText{
margin-right:1.142rem;
}
#contents .columnBoxWrap.inToH2orH3 .columnBox *[class*="h2wrap"],
#contents .columnBoxWrap.inToH2orH3 .columnBox *[class*="h3wrap"],
#contents .inToH2orH3 > *[class*="h2wrap"],
#contents .inToH2orH3 > *[class*="h3wrap"],
#contents .inToH2orH3 > *[class*="columnBox"]{
margin-left:0;
margin-right:0;
}
#contents .columnBoxWrap.normalMargin{
margin-left:1.142rem;
margin-right:1.142rem;
}
#contents .inToH2orH3 .columnBox.nonMarginLR > *:not(.columnBoxImg):not(.columnBoxText){
margin-left:0;
margin-right:0;
}
.columnBoxWrap .columnBoxText{
width:100%;
}
.columnTow.equalityWidth .columnBox{
float:none;
width:100%;
}
.columnThree.equalityWidth .columnBox{
float:none;
width:100%;
}
.columnTow.equalityWidth .columnBox,
.columnThree.equalityWidth .columnBox{
margin-left:0px;
padding-left:0px;
}
.columnTow.equalityWidth .columnBox:first-child,
.columnThree.equalityWidth .columnBox{
padding-left:0;
}
.
.columnThree.equalityWidth .columnBox .grayBtn01,
.columnThree.equalityWidth .columnBox .grayBtn02,
.columnThree.equalityWidth .columnBox .grayBtn03,
.columnThree.equalityWidth .columnBox .grayBtn04,
.columnThree.equalityWidth .columnBox .grayBtn05,
.columnThree.equalityWidth .columnBox .redBtn01,
.columnThree.equalityWidth .columnBox .redBtn02,
.columnThree.equalityWidth .columnBox .redBtn03,
.columnThree.equalityWidth .columnBox .redBtn04,
.columnThree.equalityWidth .columnBox .whiteBtn01,
.columnThree.equalityWidth .columnBox .whiteBtn02,
.columnThree.equalityWidth .columnBox .whiteBtn03,
.columnThree.equalityWidth .columnBox .whiteBtn04{
margin-bottom:0.571rem;
}
.columnFour .columnBox,
.columnBoxWrap.imgOnly.columnFour .columnBox{
display: inline-block;
overflow: hidden;
float:left;
width:100%;
margin-right:0;
margin-left:0;
margin-bottom: 1.428rem;
padding-right:0.500rem;
}
.columnFour .columnBox:nth-child(even),
.columnBoxWrap.imgOnly.columnFour .columnBox:nth-child(even){
padding-right:0;
padding-left:0.500rem;
}
.columnBoxWrap.columnFour .columnBox:nth-child(even){
padding-left:0;
}
.columnBoxWrap.columnTow .columnBoxText{
float:right;
width:100%;
}
.columnBoxWrap .columnBoxImg{
float:none;
width:100%;
margin:0 0 1rem 0;
text-align:center;
}
.columnBoxWrap .columnBoxImg img{
width:100%;
height:auto;
}
.columnBoxWrap .columnBoxImg img.widthAuto{
width:auto;
}
.columnBoxWrap .columnBoxImg figcaption{
margin-top:8px;
font-size:0.714rem;
}
.columnBoxWrap.typeImgRight .columnBoxImg{
float:right;
width: 100%;
margin:1.142rem 0 0 0;
}
.columnBoxWrap.typeImgRight .columnBoxText{
float:left;
width: 100%;
padding:0 1.000rem 0 0;
}
.columnBoxWrap.typeImgRight .columnBoxText.inToH2orH3{
padding:0 0 0 0;
}
.columnBoxWrap.columnTow .columnBoxImg{
float:left;
width:34.72%;
margin:0 1.142rem 0 0;
padding-right:0;
}
.columnBoxWrap.columnTow .columnBoxImg img{
width:100%;
height:auto;
}
.columnBoxWrap.columnTow .columnBoxText{
float:none;
width:auto;
padding:0;
overflow: hidden;
}
/***********************************************************
mainImage
***********************************************************/
.mainImage01{
}
#contents .columnBoxWrap.mainImage01{
display:table;
width:100%;
max-height: 136px;
margin: 1.214rem 0 0 0;
border:1px solid #dbd5d1;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#fff8ed;
}
.columnBoxWrap.mainImage01 .columnBox{
display:table-cell;
vertical-align: middle;
}
.columnBoxWrap.mainImage01 .columnBox:first-child{
width:56.17%;
padding:8px 8px 8px 8px;
}
.oneCLMFullWidth .columnBoxWrap.mainImage01 .columnBox:first-child{
width:61.22%;
padding-right:0px;
}
.columnBoxWrap.mainImage01 .columnBox:first-child p{
font-size:0.857rem;
color:#910909;
line-height:1.6;
font-weight:bold;
}
.columnBoxWrap.mainImage01 .columnBox:last-child{
width:44.83%;
text-align: right;
}
.oneCLMFullWidth .columnBoxWrap.mainImage01 .columnBox:last-child{
width:38.78%;
}
.columnBoxWrap.columnBoxWrap .columnBox img {
margin-bottom:0;
}
/***********************************************************
tab
***********************************************************/
.tabBoxWrap{
width:auto;
margin:1.428rem 0 1.785rem 0;
border-radius:0px;
background:#ffffff;
}
.categoryTop .tabBoxWrap{
background:#f4e6e6;
}
.tabBoxBtn{
display:table;
overflow: hidden;
width:100%;
padding:0 0 0 0;
border:1px solid #dbd5d1;
border-bottom:0;
}
.tabBoxBtn li{
display:table-cell;
vertical-align:middle;
width: 50%;
float: left;
text-align:center;
font-size:0.857rem;
border-right:1px solid #dbd5d1;
border-bottom:2px solid #dbd5d1;
background-color:#f3f3f3;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.tabBoxBtn li a{
display:table-cell;
vertical-align:middle;
width:300px;/*table-cellå¹
ãè¶³ããªãå ´åã®å¯¾ç*/
padding:1.428rem 0.714rem 1.714rem 0.714rem;
font-size:1.000rem;
font-weight:bold;
color: #333333;
border-top: 6px solid #f3f3f3;
}
.tabBoxBtn li:last-child a{
}
.tabBoxBtn li.act a{
border-top: 6px solid #e60000;
}
#amex .tabBoxBtn li.act a{
border-top: 6px solid #002663;
}
#jacard .tabBoxBtn li.act a{
border-top: 6px solid #006134;
}
.tabBoxBtn.btn3 li{
width:33.3%;
float: none;
}
.tabBoxBtn.btn3 li:last-child{
width:33.4%;
}
.tabBoxBtn li a:hover{
text-decoration:none;
}
.tabBoxBtn li.act a:hover{
text-decoration:none;
}
.tabBoxBtn li.act{
position: relative;
z-index: 9;
background-color: #ffffff;
border-bottom: 2px solid #ffffff;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:none;
}
.tabBoxBtn li:nth-child(2).act,
.tabBoxBtn li:nth-child(3).act{
}
.tabBoxBtn li:last-child{
border-left:none;
border-right:none;
}
/***********************************************************
tab
***********************************************************/
.tabBox{
position: relative;
top: -1px;
z-index: 2;
padding: 1rem 0.714rem 1rem 0.714rem;
border:1px solid #dbd5d1;
border-top:0px solid #dbd5d1;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:none;
background-color:#ffffff;
}
.tabBox.nonTLRPadding{
padding-top:0;
padding-right:0;
padding-left:0;
}
.tabBox.off{
display:none;
}
/*----------------------------------------------------------
inTabDefinition
----------------------------------------------------------*/
.inTabDefinitionTerm,
#importantInfo > dl{
padding:1.285rem 0 1rem 0;
}
.categoryTop .tabBox > a:hover{
text-decoration:none;
}
.inTabDefinitionTerm dt,
.inTabDefinitionTerm dd,
#importantInfo dt,
#importantInfo dd{
float:none;
width:100%;
padding:0 0 0.9285rem 0;
border-bottom:0px dotted #dbd5d1;
}
.inTabDefinitionTerm dt,
#importantInfo dt{
font-size:0.857rem;
padding:0 0.714rem 0.5rem 0.714rem;
}
.inTabDefinitionTerm dd a,
#importantInfo dd > a{
display:block;
padding-left:0px;
padding-right:2.214rem;
}
.categoryTop .inTabDefinitionTerm dt{
color:#333333;
}
.inTabDefinitionTerm dd,
#importantInfo dd{
margin: 0 1.142rem 1.428rem 0;
padding:0 0.714rem 1.428rem 0.714rem;
border-bottom:1px solid #dbd5d1;
}
.inTabDefinitionTerm dd:last-child,
#importantInfo dd:last-child{
margin-bottom:0;
}
.tabBoxWrap .linkType_list{
margin-bottom:0;
text-align:right;
}
.inTabDefinitionTerm dd.linkTypePdf{
padding: 0 0.714rem 1.428rem 0.714rem;
}
.inTabDefinitionTerm dd.linkType01 a,
#importantInfo dd > a{
background: url(../images/cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
#amex .inTabDefinitionTerm dd.linkType01 a{
background: url(../images/ae_cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
#jacard .inTabDefinitionTerm dd.linkType01 a{
background: url(../images/jacard_cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
.inTabDefinitionTerm dd.linkType02 a,
#importantInfo dd > a,
.categoryTop .inTabDefinitionTerm dd.linkType01 a{
/*padding-bottom:1.428rem;*/
background: url(../images/cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
#amex .inTabDefinitionTerm dd.linkType02 a{
/*padding-bottom:1.428rem;*/
background: url(../images/ae_cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
#jacard .inTabDefinitionTerm dd.linkType02 a{
/*padding-bottom:1.428rem;*/
background: url(../images/jacard_cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
.categoryTop #importantInfo dd > a,
.categoryTop .inTabDefinitionTerm dd > a{
position: relative;
display:block;
line-height: 1.75;
}
.categoryTop #importantInfo dd.linkType02 > a,
.categoryTop #importantInfo dd.linkTypePdf > a,
.categoryTop .inTabDefinitionTerm dd.linkType02 > a,
.categoryTop .inTabDefinitionTerm dd.linkTypePdf > a,
#amex.categoryTop #importantInfo dd.linkType02 > a,
#amex.categoryTop #importantInfo dd.linkTypePdf > a,
#amex.categoryTop .inTabDefinitionTerm dd.linkType02 > a,
#amex.categoryTop .inTabDefinitionTerm dd.linkTypePdf > a,
#jacard.categoryTop #importantInfo dd.linkType02 > a,
#jacard.categoryTop #importantInfo dd.linkTypePdf > a,
#jacard.categoryTop .inTabDefinitionTerm dd.linkType02 > a,
#jacard.categoryTop .inTabDefinitionTerm dd.linkTypePdf > a{
background-image:none;
}
.categoryTop #importantInfo dd.linkType02 > a span.iconTypeBlank,
.categoryTop #importantInfo dd.linkTypePdf > a span.iconTypePdf,
.categoryTop .inTabDefinitionTerm dd.linkType02 a span.iconTypeBlank,
.categoryTop .inTabDefinitionTerm dd.linkTypePdf a span.iconTypePdf{
position: absolute;
right: 0px;
top: 50%;
margin-top:-7px;
}
.categoryTop #importantInfo dd.linkType02 > a span.iconTypeBlank img,
.categoryTop #importantInfo dd.linkTypePdf > a span.iconTypePdf img,
.categoryTop .inTabDefinitionTerm dd.linkType02 a span.iconTypeBlank img{
width:14px;
}
#importantInfo .linkType02 .fileItem .icoPdf{
padding-right:3px;
vertical-align:baseline;
}
.inTabDefinitionTerm dd.linkTypePdf a:after{
display:none;
}
.whatsNewWrap .infoSortBtn{
display:none;
overflow: hidden;
width:100%;
font-size:0;
padding:14px 10px 4px 10px
}
.whatsNewWrap .infoSortBtn li{
float: left;
width:50%;
padding-bottom:6px;
}
.whatsNewWrap .infoSortBtn li:nth-child(odd){
padding-right:3px;
}
.whatsNewWrap .infoSortBtn li:nth-child(even){
padding-left:3px;
}
.whatsNewWrap .infoSortBtn li span{
display:block;
width:100%;
min-height:56px;
font-size:0.785rem;
color:#666666;
text-align:center;
border:1px solid #c9c9c9;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#fbfbfb;
}
.whatsNewWrap .infoSortBtn li:nth-child(5) span{
font-size:0.642rem;
}
.whatsNewWrap .infoSortBtn li.act span{
color:#c40000;
border:1px solid #f3bebe;
}
.whatsNewWrap .infoSortBtn li.lineOne span{
padding:16px 5px 14px 5px;
}
.whatsNewWrap .infoSortBtn li.lineTow span{
padding:8px 5px 6px 5px;
}
/***********************************************************
introducing
***********************************************************/
.introducingByIcon .title,
.introducingByNoneIcon .title{
margin:0 0 14px 0;
padding:0 0 0 25px;
font-size:1.142rem;
font-weight: bold;
text-align:left;
line-height:1.5;
background: url(../images/cmn_ico_007.png) no-repeat left 0.357em;
background-size:16px auto;
}
#amex .introducingByIcon .title,
#amex .introducingByNoneIcon .title{
background: url(../images/ae_cmn_ico_007.png) no-repeat left 0.357em;
background-size:16px auto;
}
#jacard .introducingByIcon .title,
#jacard .introducingByNoneIcon .title{
background: url(../images/jacard_cmn_ico_007.png) no-repeat left 0.357em;
background-size:16px auto;
}
.introducingByIcon .columnBox .iconImg{
float:right;
width:37%;
border: none;
border:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:none;
}
.introducingByIcon,
.introducingByNoneIcon{
padding:0 0 0 0;
}
.fullWidth .introducingByIcon.columnBoxWrap,
.fullWidth .introducingByNoneIcon.columnBoxWrap{
padding:0 1.142rem 0 1.142rem;
}
.introducingByIcon .columnBox,
.introducingByNoneIcon .columnBox{
float:none;
width:100%;
margin-left:0px;
margin-bottom:1.071rem;
padding:0;
border:1px solid #b2b2b2;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
box-shadow:0 3px 0 0 #b2b2b2;
}
.introducingByIcon .columnBox .iconImg{
float:left;
width:37%;
padding: 0 0.714rem 0 0 ;
border:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.introducingByIcon .columnBox .iconImg img{
padding:10.28%;
background-color:#fff8ed;
}
.introducingByIcon .columnBox .columnBoxInner{
width:100%;
border:none;
border-radius:0px;
padding:0.714rem 0.714rem 0.714rem 0.714rem;
-webkit-border-radius:0px;
-moz-border-radius:0px;
box-shadow:none;
}
.introducingByIcon .columnBox .descriptionText{
float:right;
width:63%;
padding: 0;
}
.introducingByIcon .columnBox .columnBoxInner p.parBase01,
.introducingByNoneIcon .columnBox .descriptionText p.parBase01{
margin:0;
}
.introducingByIcon .columnBox .descriptionText p,
.introducingByNoneIcon .columnBox .descriptionText p{
font-size:0.857rem;
}
.introducingByIcon .columnBox .columnBoxInner,
.introducingByNoneIcon .columnBox .columnBoxInner{
display: block;
overflow: hidden;
padding:0.714rem 0.714rem 0.714rem 0.714rem;
font-size:1.071rem;
line-height:1.3;
color:#333333;
text-decoration:none;
}
#contents .inToH2orH3 .introducingByIcon .columnBox .columnBoxInner,
#contents .inToH2orH3 .introducingByNoneIcon .columnBox .columnBoxInner{
margin-left:0;
margin-right:0;
}
.introducingByNoneIcon .columnBox .descriptionText{
padding: 0;
}
.introducingByIcon .title{
float:right;
width:63%;
margin-bottom:0.500rem;
padding: 2px 0 0 1.5rem;
-moz-background-size:16px auto;
-webkit-background-size:16px auto;
-o-background-size:16px auto;
-ms-background-size:16px auto;
}
.introducingByNoneIcon .title{
float:none;
width:100%;
margin-bottom:0.500rem;
padding: 2px 0 0 1.5rem;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}
.introducingByNoneIcon .columnBox .descriptionText{
font-size:0.857rem;
line-height:1.3;
}
/***********************************************************
capSetImg
***********************************************************/
.capSetImgBox{
margin:1.142rem 0 1.428rem 0;
}
.capSetImgBox figcaption{
padding:0.357rem 0 0 0;
font-size:0.857rem;
}
.capSetImgBox.alignImgLeft{
text-align:left;
}
.capSetImgBox.alignImgRight{
text-align:right;
}
.columnBoxWrap.imgOnly .columnBox{
width:auto;
margin:0 1.428rem 0 0;
}
/***********************************************************
magnifyImg
***********************************************************/
.magnifyImgBox{
margin:1.428rem 0 1.142rem 0;
text-align:center;
text-indent:0;
}
.listType01 > li > .magnifyImgBox img,
.listType02 > li > .magnifyImgBox img,
.listType03 > li > .magnifyImgBox img,
.listType04 > li > .magnifyImgBox img,
.listType04_01 > li > .magnifyImgBox img{
width:50%;
width: -webkit-calc(100% - 32px);
width: calc(100% - 32px);
}
.magnifyImgBox .magnifyBtn{
display: block;
margin:1.142rem auto 0 auto;
font-size:0.714rem;
}
.magnifyImgBox .magnifyBtn a{
display: inline-block;
padding:0.428rem 1.071rem 0.428rem 2.428rem;
font-size:0.714rem;
color: #666666;
text-decoration:none;
text-indent:0;
background-color:#d7d7d7;
border-radius:4pxs;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-image: url(../images/cmn_ico_019.png);
background-position: 0.857rem center;
background-repeat: no-repeat;
background-size:16px auto;
text-indent:0;
}
/***********************************************************
dorderBox
***********************************************************/
.dorderBox01{
margin:1.142rem 0 1.428rem 0;
padding:0.714rem 10px 0.714rem 10px;
border:1px solid #999999;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.dorderBox01.columnBox,
.dorderBox01.columnBoxText,
.dorderBox01.columnBoxImg{
margin:0;
}
.dorderBox02{
margin:1.142rem 0 1.428rem 0;
padding:1.428rem 0.714rem 1.428rem 0.714rem;
border:1px solid #f99595;
border-radius:4px;
background-color:#fff1f1;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
.dorderBox01 .columnBoxWrap{
margin:0;
}
/***********************************************************
solicitationBox
***********************************************************/
.solicitationBoxWrap{
margin:1.428rem 0 1.142rem 0;
}
.solicitationBoxWrap .wrapInnerBox{
padding:1.071rem 1.142rem 1.071rem 1.142rem;
border:1px solid #7f7f7f;
border-top:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.solicitationBoxWrap.flowSetTop .solicitationBox,
.solicitationBoxWrap.flowSet .solicitationBox{
border:2px solid #7f7f7f;
border-top:0px solid #7f7f7f;
}
.solicitationBoxWrap.flowSetTop .wrapInnerBox,
.solicitationBoxWrap.flowSet .wrapInnerBox{
border:3px solid #cccccc;
border-top:0px solid #cccccc;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight .columnBoxImg{
float:right;
width: 37%;
margin:0 0 0 0;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight .columnBoxText{
float:left;
width: 63%;
padding:0 0.5rem 0.500rem 0;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight02 .columnBoxImg,
.dorderBox01 .columnBoxWrap.typeImgRight02 .columnBoxImg{
float:right;
width: 100%;
margin:0 0 0 0;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight02 .columnBoxText,
.dorderBox01 .columnBoxWrap.typeImgRight02 .columnBoxText{
float:left;
width: 100%;
padding:0 0.5rem 0.500rem 0;
}
.solicitationBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.714rem 0.714rem 0.714rem 0.714rem;
font-size:1.142rem;
font-weight: bold;
line-height:1.2;
border:1px solid #7f7f7f;
border-bottom:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.solicitationBoxWrap.flowSetTop .wrapTitle,
.solicitationBoxWrap.flowSet .wrapTitle{
border:3px solid #cccccc;
border-bottom:0px solid #cccccc;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
.solicitationBoxWrap.flowSetTop .wrapTitle a,
.solicitationBoxWrap.flowSet .wrapTitle a{
position: relative;
display:table;
width:100%;
font-size:1.142rem;
font-weight: bold;
line-height:1.2;
color:#333333;
}
.solicitationBoxWrap.flowSetTop.accordionWrap .wrapTitle,
.solicitationBoxWrap.flowSet.accordionWrap .wrapTitle{
border-bottom:3px solid #cccccc;
border-bottom-right-radius:2px;
border-bottom-left-radius:2px;
}
.solicitationBoxWrap.flowSetTop.accordionWrap.act .wrapTitle,
.solicitationBoxWrap.flowSet.accordionWrap.act .wrapTitle{
border-bottom:0;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
.solicitationBoxWrap.flowSet{
margin-top:0.714rem;
margin-bottom:0;
padding-top:1.571rem;
background: url(../images/cmn_ico_008.gif) no-repeat center top;
background-size:35px auto;
}
.solicitationBoxWrap.flowSetTop{
margin-bottom:0;
}
/***********************************************************
verticalColumnBox
***********************************************************/
.verticalColumnBoxWrap{
margin:1.428rem 0 1.142rem 0;
}
.verticalColumnBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.571rem 0.714rem 0.571rem 0.714rem;
font-size:114.28%;
font-weight: bold;
line-height:1.5;
border:1px solid #7f7f7f;
border-bottom:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.verticalColumnBoxWrap .wrapInnerBox{
padding:1.142rem 0 0.785rem 0;
border:1px solid #7f7f7f;
border-top:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.verticalColumnBoxWrap.information .wrapInnerBox {
padding:1.142rem 0.857rem 0.785rem 0.857rem;
}
#contents .verticalColumnBoxWrap .columnBoxWrap{
margin: 0 0 0 0;
}
.verticalColumnBoxWrap .columnBoxWrap .columnBox p.paragraphBase01,
.verticalColumnBoxWrap .columnBoxWrap .columnBox p.paragraphBase02{
margin: 0 0 1rem 0;
}
.verticalColumnBoxWrap .columnBoxWrap .columnBox{
float: none;
margin-bottom:0.928rem;
padding:0 1.142rem 0.928rem 1.142rem;
border-bottom: 1px dotted #dbd5d1;
}
.verticalColumnBoxWrap .columnBoxWrap .columnBox:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom: none;
}
.verticalColumnBoxWrap .columnBoxWrap *:last-child{
margin-bottom:0;
}
.verticalColumnBoxWrap.relatedInformation .wrapTitle > *:first-child{
padding:1px 0 1px 28px;
background-image: url(../images/cmn_ico_010.png);
background-position: left center;
background-repeat: no-repeat;
background-size:21px auto;
}
.verticalColumnBoxWrap.information .wrapTitle > *:first-child{
padding:1px 0 1px 28px;
background-image: url(../images/cmn_ico_009.png);
background-position: left center;
background-repeat: no-repeat;
background-size:21px auto;
}
/***********************************************************
information
***********************************************************/
.information dt{
margin:0 0 1rem 0;
}
.information dd p{
margin: 0 0 0.928rem 0;
}
/***********************************************************
cautionsBox
***********************************************************/
.cautionsBoxWrap{
margin:1.428rem 0 1.142rem 0;
}
.topInfoBoxWrap .cautionsBoxWrap{
margin:0 0 1.142rem 0;
}
.cautionsBoxWrap .wrapInnerBox{
padding:1rem 0.857rem 0.785rem 0.857rem;
border:1px solid #e60000;
border-top:0px solid #e60000;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.cautionsBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.857rem 0.714rem 0.857rem 1.071rem;
font-size:114.28%;
font-weight: bold;
line-height:1.5;
border:1px solid #e60000;
border-bottom:1px solid #dfdfdf;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-color:#ffffff;
}
.cautionsBoxWrap .wrapTitle > *:first-child{
padding:1px 0 1px 30px;
background-image: url(../images/cmn_ico_011.png);
background-position: left center;
background-repeat: no-repeat;
background-size:22px auto;
}
/***********************************************************
questionBox
***********************************************************/
.questionBoxWrap{
margin:1.428rem 0 1.142rem 0;
}
.questionBoxWrap .wrapInnerBox{
padding:0.785rem 0 0.571rem 0;
border:1px solid #7f7f7f;
border-top:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.cardTop .questionBoxWrap .wrapInnerBox{
padding:0.785rem 1.071rem 0.785rem 1.071rem;
}
.questionBoxWrap .wrapInnerBox .rn_List{
font-size:1.000rem;
}
.questionBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.857rem 0.714rem 0.857rem 1.071rem;
font-size:114.28%;
font-weight: bold;
line-height:1.5;
border:1px solid #7f7f7f;
border-bottom:0px solid #7f7f7f;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.questionBoxWrap .wrapTitle > *:first-child{
padding:1px 0 1px 41px;
background-image: url(../images/cmn_ico_012.png);
background-position: left center;
background-repeat: no-repeat;
background-size:21px auto;
}
.questionBoxWrap li{
margin:0 0 0.714rem 0;
padding:0 0.714rem 0 0.714rem;
border-bottom: 1px dotted #dbd5d1;
}
.questionBoxWrap li:last-child{
margin:0 0 0 0;
border-bottom:0px dotted #dbd5d1;
}
.questionBoxWrap .rn_Title{
display:inline-block;
text-align:left;
margin:0 0 0.857rem 0;
}
.questionBoxWrap li:last-child .rn_Title{
margin:0 0 0 0;
}
#contents .questionBoxWrap .rn_Title a{
display:inline-block;
padding:2px 0 2px 2.142rem;
font-size:1rem;
background-image:url(../images/cmn_ico_023.png);
background-position: left 0;
background-repeat: no-repeat;
background-size:22px auto;
text-decoration: none;
}
#amex .questionBoxWrap .rn_Title a{
background-image:url(../images/ae_cmn_ico_023.png);
background-size:22px auto;
}
#jacard .questionBoxWrap .rn_Title a{
background-image:url(../images/jacard_cmn_ico_023.png);
background-size:22px auto;
}
.questionBoxWrap .rn_Title a span.iconTypeBlank{
display: inline-block;
padding-top: 0;
padding-left: 0.571rem;
vertical-align: middle;
line-height: 1;
}
.questionBoxWrap .rn_Title a span.iconTypeBlank img{
width:9px;
margin-bottom:0;
}
.questionBoxWrap .rn_Navigation{
padding: 0 0.714rem 0 0;
text-align: right;
}
.questionBoxWrap .rn_Navigation a{
display: inline-block;
padding-left: 1.142rem;
font-size: 1rem;
background: url(../images/cmn_ico_002.png) no-repeat 3px 0.642em;
background-size: 5px auto;
text-decoration: none;
}
#contents .questionBoxWrap span.rn_Title a:hover,
.questionBoxWrap .rn_Navigation a:hover{
text-decoration: underline;
}
#amex .questionBoxWrap .rn_Navigation a{
background: url(../images/ae_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
#jacard .questionBoxWrap .rn_Navigation a,
#ja .questionBoxWrap .rn_Navigation a{
background: url(../images/jacard_cmn_ico_002.png) no-repeat left 0.428em;
background-size: 5px auto;
}
/***********************************************************
webServiceBox
***********************************************************/
.webServiceBoxWrap{
margin:1rem 1.142rem 1.142rem 1.142rem;
}
.halfWidthWrap .webServiceBoxWrap{
margin:0;
}
.webServiceBoxWrap .wrapTitle{
margin-bottom:1.142rem;
}
.halfWidthWrap .webServiceBoxWrap .wrapTitle{
margin:0 0 0 0;
padding-left: 0px;
padding-right: 0px;
border:none;
background-color: #ffffff;
}
.halfWidthWrap .webServiceBoxWrap .wrapInnerBox{
padding-left: 0px;
padding-right: 0px;
border:none;
}
.webServiceBoxWrap .columnBoxWrap{
margin: 0 0 0 0;
}
.webServiceBoxWrap .columnBox{
float:none;
width:100%;
margin-left:0;
margin-bottom:1rem;
border:3px solid #7d7476;
border-radius:0;
}
.webServiceBoxWrap .columnBox:first-child{
margin-left:0px;
}
.webServiceBoxWrap .columnBox:last-child{
margin-top:1rem;
}
.webServiceBoxWrap .columnBox dt,
#sideCVWrap .webServiceBoxWrap .columnBox h2{
color:#ffffff;
text-align:center;
font-weight:bold;
padding:0.357rem 0.714rem 0.357rem 0.714rem;
background-color:#7d7476;
}
#contents .inToH2orH3 .halfWidthWrap .webServiceBoxWrap .columnBox dl,
#contents .inToH2orH3 .webServiceBoxWrap .columnBox > dl:not(.columnBoxImg):not(.columnBoxText){
margin-left:0px;
margin-right: 0px;
}
.webServiceBoxWrap .columnBox dd,
#sideCVWrap .webServiceBoxWrap .columnBox .webServiceInner{
margin-bottom:0;
padding:1.142rem 1.000rem 1.142rem 1.142rem;
background-color:#ffffff;
}
.webServiceBoxWrap .linkType01 a,
.webServiceBoxWrap .linkType02 a{
font-size:1.000rem;
}
.linkType_webServiceBtn{
margin:0 0 1.142rem 0;
padding:0 0 5px 0;
}
.linkType_webServiceBtn.mailGuide{
padding-left:1.142rem;
}
.linkType_webServiceBtn a{
display:inline-block;
width:100%;
height:auto;
padding:1.142rem 0 0.928rem 0;
color:#333333;
font-size:1.000rem;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:1;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
background-color: #eeeeee;
background-image: url(../images/cmn_ico_013.png);
background-position: 1.571rem center;
background-size:16px auto;
background-repeat: no-repeat;
box-shadow:0 5px 0 0 #a6a6a6;
background-position: 2rem center;
}
.linkType_webServiceBtn.mailGuide a{
width:auto;
padding:1.071rem 1.500rem 0.928rem 4.071rem !important;
}
.linkType_webServiceBtn.loginBtn a{
color:#ffffff;
padding:1.142rem 0 1.142rem 1rem;
font-size:1.285rem;
background-image: url(../images/cmn_ico_014.png);
background-position: 2rem center;
background-size:22px auto;
background-repeat: no-repeat;
background-color:#e60000;
box-shadow:0 5px 0 0 #730000;
}
#amex .linkType_webServiceBtn.loginBtn a{
background-color:#00275d;
box-shadow:0 5px 0 0 #001331;
}
#jacard .linkType_webServiceBtn.loginBtn a{
background-color:#006134;
box-shadow:0 3px 0 0 #00301a;
}
.linkType_webServiceBtn.registeredBtn a{
padding-left: 1rem;
}
.pgAnnotation{
margin:0 0 0 0;
font-size:0.857rem;
}
.annotationSet{
margin-bottom:0.357rem;
}
/***********************************************************
cardInfoBox
***********************************************************/
.dorderBox01.cardInfoBox{
}
.cardInfoBox .columnBoxWrap.typeImgRight{
width:100%;
display:table;
}
.cardInfoBox .columnBox{
float:none;
display:table-cell;
vertical-align:middle;
}
.cardInfoBox .columnBox:first-child{
padding-right:1.142rem;
}
.cardInfoBox .columnBox:last-child{
width:37%;
text-align:center;
vertical-align:top;
}
.cardInfoBox .columnBox:last-child img{
margin-bottom:0;
}
/***********************************************************
cardSelctCLM
***********************************************************/
.cardSelctCLM .cardCopy{
font-size:0.714rem;
color:#666666;
}
.cardSelctCLM .cSCLMsetHName{
margin-bottom:1.000rem;
font-size:1.142rem;
font-weight:bold;
}
.cardSelctCLM .cSCLMsetHCard{
padding-bottom:14px;
}
.cardSelctCLM .cSCLMsetHCard img{
width:57%;
max-width:57%;
}
/***********************************************************
abodeBox
***********************************************************/
.dorderBox01.abodeBox{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
.abodeBox .linkType01 a{
background:none;
padding-left:0;
}
.abodeBox .columnBox:last-child{
text-align:center;
margin-top:1.142rem;
}
.abodeBox .columnBox:last-child img{
margin-bottom:0;
}
.dorderBox01.jfsaBox{
-webkit-border-radius:0;
-moz-border-radius:0;
border-top-right-radius:0px;
}
/***********************************************************
jfsaBox
***********************************************************/
.jfsaBox .columnBox{
float:none;
width:100%;
}
#contents .jfsaBox > p.parBase02:first-child{
margin-bottom:1.000rem;
}
.jfsaBox dt{
margin-bottom:0.357rem;
font-size:1.285rem;
font-weight: bold;
}
.jfsaBox dt span{
display:block;
}
.jfsaBox .columnBox:first-child{
float:left;
width:130px;
padding:0 0 16px 0;
}
.jfsaBox .columnBoxWrap .columnBox img {
margin-bottom: 0;
}
.jfsaBox .parBase02.parTypeTel,
.jfsaBox .parBase02.parTypeTel a{
margin-bottom: 0;
font-size:1.214rem;
font-weight: bold;
color:#333333;
text-decoration: none;
}
/***********************************************************
inquiryArea
***********************************************************/
.inquiryAreaWrap{
margin:1.428rem 0 1.142rem 0;
}
.accordionBox .inquiryAreaWrap{
margin:0 0 0 0;
}
.inquiryAreaWrap .wrapInnerBox{
padding: 0.785rem 0.642rem 0.785rem 0.642rem;
border:2px solid #666666;
border-top: 0px solid #7f7f7f;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
background-color:#fff1f1;
}
.inquiryAreaWrap .wrapTitle{
margin: 0 0 0 0;
padding: 0.857rem 0.714rem 0.857rem 1.071rem;
color:#ffffff;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.5;
border:2px solid #666666;
border-bottom: 0px solid #7f7f7f;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
background-color:#666666;
}
.inquiryAreaWrap .wrapTitle > *{
color:#ffffff;
font-size: 1.142rem;
font-weight: bold;
line-height: 1.5;
}
.inquiryAreaWrap .tableWrap{
display:table;
width:100%;
border:1px solid #d4d4d4;
background-color:#ffffff;
}
.inquiryAreaWrap .tableRow{
border-right:0px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
}
.inquiryAreaWrap .tableWrap .tableRow:nth-last-child(2){
border-bottom:none;
}
.inquiryAreaWrap .tableCell{
float:left;
display:table;
vertical-align:middle;
width:100%;
padding:16px 16px 16px 16px;
text-align:left;
border-bottom:1px solid #d4d4d4;
background-color:#ffffff;
}
.inquiryAreaWrap .tableWrap > .tableCell:last-child{
border-bottom:none;
}
.inquiryAreaWrap .tableCell.receptionTime{
text-align:center;
}
.inquiryAreaWrap .tableCell.parTypeotherTel{
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow:nth-last-child(2){
border-bottom:1px solid #d4d4d4;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow:nth-last-child(1){
border-bottom:none;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow .tableCell{
text-align:left;
border-bottom:1px solid #d4d4d4;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow .tableCell:first-child{
padding-left:1.928rem;
padding-right:27px;
color:#333333;
font-size:12px;
font-weight:bold;
text-align:center;
background-color:#eeeeee;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow .tableCell:first-child .parBase02{
text-align:center;
font-size:1.142rem;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow:last-child .tableCell:last-child{
border-bottom:none;
}
.inquiryAreaWrap .parTypeTel {
display:inline;
padding-left:0;
font-size:19px;
font-weight:bold;
color:#e60000;
background-image:none;
}
.inquiryAreaWrap .parTypeTel a{
font-size:19px;
font-weight:bold;
color:#e60000;
text-decoration:none;
}
#amex .inquiryAreaWrap .parTypeTel a{
color:#ac0000;
}
.inquiryAreaWrap .parTypeTel a rt{
ruby-align:distribute-letter;
ruby-position:above;
}
.inquiryAreaWrap .parTypeotherTel .parBase02{
position:relative;
display:inline-block;
padding-left:47px;
font-size:20px;
font-weight:bold;
line-height:1;
color:#333333;
}
.inquiryAreaWrap .parTypeotherTel02 .parBase02{
position: relative;
display: inline-block;
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #333333;
}
.inquiryAreaWrap .parTypeotherTel .parBase02 a{
font-size:20px;
font-weight:bold;
line-height:1;
color:#333333;
text-decoration:none;
}
.inquiryAreaWrap .parTypeotherTel02 .parBase02 a{
font-size: 20px;
font-weight: bold;
line-height: 1;
color: #e60000;
text-decoration: none;
}
#amex .inquiryAreaWrap .parTypeotherTel02 a{
color: #ac0000;
}
.inquiryAreaWrap .parTypeTel .iconTypeFD,
.inquiryAreaWrap .parTypeTel .iconTypeD,
.inquiryAreaWrap .parTypeTel .iconTypeND,
.inquiryAreaWrap .parTypeotherTel02 .iconTypeTEL {
width:48px;
display: inline-block;
line-height:1;
padding-right:10px;
}
.inquiryAreaWrap .parTypeotherTel .otherwiseText{
position:absolute;
top:0.214rem;
left:-4px;
padding-right:26px;
font-size:14px;
line-height:1;
vertical-align: middle;
color:#3069cb;
}
.inquiryAreaWrap .parTypeotherTel .iconTypeTEL{
position:absolute;
top:0.214rem;
left:-4px;
line-height:1;
width:44px;
display: inline-block;
}
.inquiryAreaWrap dl{
padding-left:49px;
background-image: url(../images/inquiryArea_ico_002.png);
background-position:5px top;
background-size:25px;
background-repeat: no-repeat;
}
.inquiryAreaWrap dl dt,
.inquiryAreaWrap dl dd{
color:#333333;
text-align:left;
font-size:1.000rem;
}
.inquiryAreaWrap dl dt{
font-size:1.142rem;
font-weight:bold;
}
.inquiryAreaWrap .alignLists{
margin-top:1.000rem;
}
/***********************************************************
sideNavi
***********************************************************/
#sideNaviWrap{
margin:0 0 1.071rem 0;
padding:0.571rem 0.571rem 0.571rem 0.571rem;
background-color:#656565;
}
#sideNaviWrap li a{
display:block;
text-align:left;
}
#sideNaviWrap li a em{
font-weight:normal;
}
#sideNaviWrap li.stratum01 h2 > a{
display:block;
padding:0.714rem 1.285rem 1.214rem 0.571rem;
color:#ffffff;
font-size:1.000rem;
font-weight:bold;
background-image: url(../images/sideNavi_icon_001.gif);
background-position: 96.875% 0.857rem;
background-size:10px auto;
background-repeat: no-repeat;
}
#sideNaviWrap li.stratum02 > a{
padding:0.857rem 1.071rem 0.857rem 0.571rem;
color:#303030;
font-size:0.857rem;
border-bottom:1px solid #c7c7c7;
background-image: url(../images/sideNavi_icon_002.gif);
background-position:96.875% 1.071rem;
background-size:10px auto;
background-repeat: no-repeat;
background-color:#f7f7f7;
}
#sideNaviWrap li.stratum02.act > a{
color:#a90101;
border-bottom:none;
border-bottom: 1px dotted #c7c7c7;
background-color:#fbe3e3;
background-image:none;
}
#amex #sideNaviWrap li.stratum02.act > a{
color:#001b40;
background-color:#ccd4df;
}
#jacard #sideNaviWrap li.stratum02.act > a{
color:#004022;
background-color:#ccdfd6;
}
#sideNaviWrap li.stratum02:last-child > a{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
#sideNaviWrap li.stratum02:first-child > a{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}
#sideNaviWrap li.stratum02.inAct > a{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
#sideNaviWrap li.stratum03 > a{
padding:0.857rem 2.285rem 0.857rem 1.857rem;
color:#303030;
font-size:0.857rem;
border-bottom:1px dotted #c7c7c7;
background-image: url(../images/sideNavi_icon_002.gif);
background-position:96.875% 1.071rem;
background-size:10px auto;
background-repeat: no-repeat;
background-color:#f7f7f7;
}
#sideNaviWrap li.stratum02:only-child li.stratum03:last-child > a,
#sideNaviWrap li.stratum02.inAct li.stratum03:last-child > a {
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
#sideNaviWrap li.stratum02:last-child > a{
border-bottom:none;
}
#sideNaviWrap li.stratum03:last-child > a{
border-bottom:1px solid #c7c7c7;
}
#sideNaviWrap li.stratum02.act li.stratum03.act > a{
color:#a90101;
background-color:#fbe3e3;
background-image:none;
}
#amex #sideNaviWrap li.stratum02.act li.stratum03.act > a{
color:#001b40;
background-color:#ccd4df;
background-image:none;
}
#jacard #sideNaviWrap li.stratum02.act li.stratum03.act > a{
color:#004022;
background-color:#ccdfd6;
background-image:none;
}
/*----------------------------------------------------------
intermediateCV
----------------------------------------------------------*/
#intermediateCVWrap{
margin:0 0 0 0;
padding:1.142rem 1.142rem 2.285rem 1.142rem;
/* background-color:#efebec; */
}
/* #intermediateCVWrap .h2wrap01{
margin: 0.214rem 0 0.857rem 0;
} */
/* #intermediateCVWrap h2{
margin: 0 0 0.428rem 0;
text-align:center;
border:none;
} */
/* #intermediateCVWrap .h2wrap01 h2.h2Base01{
color: #9d2422;
margin-bottom:0;
padding: 0;
font-size: 1.428rem;
line-height: 1.3;
border-top:none;
}
*/
#intermediateCVWrap ul{
display: table;
}
#intermediateCVWrap li{
float:left;
display: table-cell;
width:50%;
padding:0 0.285rem 0.785rem 0;
}
#intermediateCVWrap li:nth-child(3){
padding:0 0.285rem 0.785rem 0;
}
#intermediateCVWrap li:nth-child(4){
padding:0 0 0.785rem 0;
}
#intermediateCVWrap li:nth-child(even){
padding-right:0;
padding-left:0.285rem;
}
#intermediateCVWrap ul{
overflow: hidden;
width:100%;
}
/* #intermediateCVWrap li a{
display:block;
vertical-align:middle;
padding:0.285rem 0.785rem 0.285rem 0.785rem;
border:3px solid #dddddd;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-color:#ffffff;
box-shadow: 0 2px 0 0 #787676;
} */
/* #intermediateCVWrap li a img{
vertical-align:middle;
pointer-events: none;
} */
/***********************************************************
emergencyBoxWrap
***********************************************************/
.categoryTop #contents .sectionType01.emergencyBoxWrap{
position: relative;
margin-bottom:0;
padding:0;
background-color: #ffeded;
box-shadow: rgba(245, 220, 200, 0.8) 0px 4px 6px -4px inset,rgba(245, 220, 200, 0.5) 0px -12px 18px -4px inset;
-webkit-box-shadow: rgba(245, 220, 200, 0.5) 0px 8px 8px -4px inset,rgba(245, 220, 200, 0.5) 0px -12px 18px -4px inset;
-moz-box-shadow: rgba(245, 220, 200, 0.3) 0px -10px 6px -4px inset,rgba(245, 220, 200, 0.5) 0px -12px 18px -4px inset;
}
.emergencyBox{
display:inline-block;
width:100%;
padding:10px 10px 7px 10px;
background-color:#ffeded;
box-shadow:rgba(245, 220, 200, 0.8) 0px 4px 6px -4px inset;
-webkit-box-shadow:rgba(245, 220, 200, 0.5) 0px 8px 8px -4px inset,rgba(245, 220, 200, 0.5) 0px -12px 18px -4px inset;
-moz-box-shadow:rgba(245, 220, 200, 0.3) 0px -10px 6px -4px inset;
}
.emergencyBoxWrap .titleText{
display:inline-block;
width:100%;
padding:0 22px 9px 0;
color:#e60000;
font-weight:bold;
}
#amex .emergencyBoxWrap .titleText{
color:#ac0000;
}
.emergencyBoxWrap .emergencyBox > ul,
.emergencyBoxWrap .emergencyBox > p{
display:inline-block;
width:100%
}
.emergencyBoxWrap .emergencyBox > ul > li{
padding:0 0 0 1.785rem;
color:#e60000;
text-align:left;
background-image: url(../images/cmn_ico_030.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size:16px auto;
}
#amex .emergencyBoxWrap .emergencyBox > ul > li{
color:#ac0000;
}
.emergencyBoxWrap .emergencyBox > ul > li .linkType_list{
padding:0 0 0 0;
text-align:left;
}
.emergencyBoxWrap .emergencyBox > ul > li .linkType02 a{
padding-left:0;
background:none;
}
.emergencyBoxWrap .emergencyBox .close{
position: absolute;
top: 10px;
right: 10px;
text-align:right;
vertical-align:top;
}
.emergencyBoxWrap .emergencyBox .close a{
margin-top: -2px;
padding:0.142rem 0.571rem;
color:#ffffff;
font-size:1.000rem;
line-height:1;
text-decoration:none;
background-color:#bfbfbf;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
/*----------------------------------------------------------
inqAndPrdBoxWrap
----------------------------------------------------------*/
.inqAndPrdBoxWrap > .wrapTitle{
padding:10px 1.142rem 7px 1.142rem;
border:none;
border-top:2px solid #979797;
background-color:#f4f4f4;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.inqAndPrdBoxWrap > .wrapTitle > *:first-child{
padding: 1px 0 1px 28px;
background-image: url(/mufgcard/img/index_ico_001.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size: 19px auto;
}
.inqAndPrdBoxWrap > .wrapInnerBox{
padding:16px 0 16px 0;
}
.inqAndPrdBoxWrap .imgAndText{
margin:0 1.142rem 0 1.142rem;
padding:12px 15px 12px 15px;
background-color:#fcf2e1;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
}
.inqAndPrdBoxWrap .imgAndText .parBase01{
display:none;
}
.inqAndPrdBoxWrap .wrapInnerBox{
border:none;
}
#contents .inqAndPrdBoxWrap .columnBoxWrap,
.inqAndPrdBoxWrap .columnBoxWrap .columnBox{
margin:0;
padding:0;
border:0;
}
.inqAndPrdBoxWrap .columnBoxWrap .columnBox .webServiceBoxWrap{
margin-bottom: 0;
padding: 1.142rem 1.000rem 1.142rem 1.142rem;
border: 3px solid #f66d6d;
background-color: #ffffff;
}
/*----------------------------------------------------------
searchFormBoxWrap
----------------------------------------------------------*/
.searchFormBoxWrap > .wrapTitle{
padding:10px 1.142rem 7px 1.142rem;
border:none;
border-top:2px solid #979797;
background-color:#f4f4f4;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.searchFormBoxWrap > .wrapTitle > *:first-child{
padding: 1px 0 1px 28px;
background-image: url(/mufgcard/img/index_ico_002.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size: 18px auto;
}
.searchFormBoxWrap .wrapKeyWord{
padding: 0.785rem 1.142rem 0.785rem 1.142rem;
}
.searchFormBoxWrap .wrapKeyWord .searchKeyWordWrap{
text-align:left;
}
.searchFormBoxWrap .wrapKeyWord .searchKeyWordWrap .searchKey{
-webkit-appearance: none;
padding:0 8px 0 8px;
width:85%;
height:40px;
font-size:0.857rem;
vertical-align: top;
border:1px solid #c6ccd2;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top-right-radius:0;
border-bottom-right-radius:0;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-top-left-radius:4px;
-moz-border-bottom-left-radius:4px;
-moz-border-top-right-radius:0;
-moz-border-bottom-right-radius:0;
-o-border-top-left-radius:4px;
-o-border-bottom-left-radius:4px;
-o-border-top-right-radius:0;
-o-border-bottom-right-radius:0;
-ms-border-top-left-radius:4px;
-ms-border-bottom-left-radius:4px;
-ms-border-top-right-radius:0;
-ms-border-bottom-right-radius:0;
}
.searchFormBoxWrap .wrapKeyWord span{
display: block;
margin-right:16px;
padding-bottom:9px;
font-size:1.142rem;
font-weight:bold;
}
.searchFormBoxWrap .headerSearchBtn01{
box-sizing:content-box;
width:20px;
height:21px;
padding:9px 11px 9px 11px;
vertical-align: top;
background-color:#e60000;
border:1px solid #c6ccd2;
border-left:none;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
background-image: url(/mufgcard/img/index_btn_001.png);
background-position: 12px 8px;
background-size: 22px auto;
background-repeat: no-repeat;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-top-left-radius:0;
border-bottom-left-radius:0;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-top-right-radius:4px;
-moz-border-bottom-right-radius:4px;
-moz-border-top-left-radius:0;
-moz-border-bottom-left-radius:0;
-o-border-top-right-radius:4px;
-o-border-bottom-right-radius:4px;
-o-border-top-left-radius:0;
-o-border-bottom-left-radius:0;
-ms-border-top-right-radius:4px;
-ms-border-bottom-right-radius:4px;
-ms-border-top-left-radius:0;
-ms-border-bottom-left-radius:0;
}
.searchFormBoxWrap .headerSearchBtn01 > span{
visibility:hidden;
}
.searchFormBoxWrap .btnList{
margin:0 1.142rem 0 1.142rem;
}
.searchFormBoxWrap .btnList li{
float:left;
display:inline-block;
width:50%;
padding-right:5px;
}
.searchFormBoxWrap .btnList li:last-child{
padding-right:0;
padding-left:5px;
}
.searchFormBoxWrap .btnList li p{
width:100%;
}
.searchFormBoxWrap .btnList li p.grayBtn01 a{
width:100%;
padding: 0.928rem 7.142% 0.714rem 25.71%;
font-weight:bold;
border-radius: 12px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
-ms-border-radius: 16px;
background-image: url(/mufgcard/img/index_ico_003.png);
background-position: 9.285% center;
background-size: 17px auto;
}
.searchFormBoxWrap .btnList li:last-child p.grayBtn01 a{
background-image: url(/mufgcard/img/index_ico_004.png);
}
/*----------------------------------------------------------
featuredServiceBoxWrap
----------------------------------------------------------*/
.featuredServiceBoxWrap > .wrapTitle{
padding:10px 1.142rem 7px 1.142rem;
border:none;
border-top:2px solid #979797;
background-color:#f4f4f4;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.featuredServiceBoxWrap > .wrapTitle > *:first-child{
padding: 1px 0 1px 28px;
background-image: url(/mufgcard/img/index_ico_005.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size: 18px auto;
}
.featuredServiceBoxWrap .redBtn03 a{
width:100%;
max-width:340px;
padding: 1.428rem 1.142rem 1.428rem 69px;
text-align:left;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn01 a{
margin-bottom:11px;
background-image: url(/mufgcard/img/index_ico_006.png);
background-position:1rem center;
background-size: 39px auto;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn02 a{
margin-bottom:11px;
background-image: url(/mufgcard/img/index_ico_007.png);
background-position:1rem center;
background-size: 39px auto;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn03 a{
background-image: url(/mufgcard/img/index_ico_008.png);
background-position:1rem center;
background-size: 39px auto;
}
.featuredServiceBoxWrap .wrapInnerBox{
margin:0 1.142rem 0 1.142rem;
}
.categoryTop .linkType01 li{
padding-bottom:12px;
}
.categoryTop .linkType01 li:last-child{
padding-bottom:0;
}
/***********************************************************
carouselBoxWrap
***********************************************************/
.sectionType01.bannerTypeWarp{
margin-bottom:10px;
}
.carouselBoxWrap{
position:relative;
}
.carouselBoxWrap .carouselBox{
width:100%;
height:auto;
margin:0 auto;
overflow:hidden;
}
.carouselBoxWrap.bannerType .carouselBox{
width:78.125%;
padding:10px 0;
background-color:#e7e7e7;
}
.carouselBoxWrap .carouselBox .carouselBoxInner{
overflow:hidden;
position: relative;
}
.carouselBoxWrap .carouselBox .carouselBoxInner:after{
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
.carouselBoxWrap .carouselBox .carouselBoxInner .selBox{
float:left;
width:100%;
visibility: hidden;
}
.carouselBoxWrap.bannerType .carouselBox .carouselBoxInner .selBox{
padding:0 0 0 10px;
}
.carouselBoxWrap .carouselBox .carouselBoxInner .selBox img{
width:100%;
max-width: auto;
}
.carouselBoxWrap.bannerType .carouselBox .carouselBoxInner .selBox img{
max-width: 160px;
}
.carouselBoxWrap .carouselLabel{
width:100%;
height:37px;
padding:12px 12px;
background-color:#2e2e2e;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner{
position:relative;
display:table;
width:auto;
padding-top: 5px;
height:7px;
margin: 0 auto;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox{
position:relative;
display:table-cell;
width:26px;
height:7px;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox div{
display:none;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox::after{
position: absolute;
top:50%;
left:50%;
content: "";
color:#ffffff;
width: 7px;
height: 7px;
margin-top: -3px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color:#585858;
cursor:pointer;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox.act::after{
background-color:#ffffff;
}
.carouselBoxWrap .slick-arrow{
position:absolute;
background:transparent;
border:0;
width:7px;
height:12px;
margin:0;
padding:0;
color:transparent;
outline:none;
z-index:88;
cursor:pointer;
}
.carouselBoxWrap .slick-arrow.carouselPrev{
bottom:11px;
left:16px;
margin-top:-3px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselPrev,
.carouselBoxWrap.bannerType .slick-arrow.carouselNext{
bottom:50%;
margin-bottom:-10px;
}
.carouselBoxWrap .slick-arrow.carouselNext{
bottom:11px;
right:12px;
margin-top:-3px;
}
.carouselBoxWrap .slick-arrow.carouselStop{
right: 20%;
z-index: 100;
bottom: 11px;
}
.carouselBoxWrap .slick-arrow.carouselPrev{
}
.carouselBoxWrap .slick-arrow.carouselNext{
margin-left:-10px;
}
.carouselBoxWrap .slick-arrow.carouselStop{
width:8px;
height:12px;
}
.carouselBoxWrap .slick-arrow.carouselStop img.btnStop{
display:block;
}
.carouselBoxWrap .slick-arrow.carouselStop img.btnPlay{
display:none;
}
.carouselBoxWrap .slick-arrow.carouselStop.onPlay img.btnStop{
display:none;
}
.carouselBoxWrap .slick-arrow.carouselStop.onPlay img.btnPlay{
display:block;
width:7px;
height:12px;
}
/***********************************************************
cardInformation
***********************************************************/
.cardInformation{
position: relative;
padding:1.142rem 1.142rem 1.142rem 1.142rem;
background-color:#ebebeb;
}
#contents .cardInformation > a{
position: relative;
display:inline-block;
width: 100%;
height:auto;
padding: 16px 20px 16px 20px;
font-size:1.142rem;
text-align:left;
color:#333333;
line-height:1.3;
border:1px solid #7f7f7f;
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
background-color: #ffffff;
box-shadow:0 3px 0 0 #7f7f7f;
}
#contents .cardInformation > a:hover{
text-decoration:none;
}
#contents .cardInformation .columnBoxWrap{
margin-top:0;
margin-bottom:0;
}
#contents .cardInformation .columnBoxWrap .columnBox{
text-align:left;
}
#contents .cardInformation .columnBoxWrap .columnBox:first-child{
width:100%;
padding:0 0 0 64px;
font-size:1.000m;
color: #333333;
line-height:1.5;
text-align:left;
background-image: url(/mufgcard/img/index_ico_009.png);
background-position: left 3px;
background-repeat: no-repeat;
background-size: 56px auto;
}
#contents .cardInformation .columnBoxWrap .columnBox:last-child p{
display: inline-block;
width:100%;
height: auto;
padding: 0 0 0 1.214rem;
font-size: 1.285rem;
text-align: center;
font-weight: bold;
color: #333333;
line-height: 1.3;
background-image: url(../images/wbtn_ico_001.png);
background-position: left center;
background-size: 19px auto;
background-repeat: no-repeat;
}
#contents .cardInformation .columnBoxWrap .columnBox:last-child p .iconTypeBlank{
position: absolute;
top:9px;
right:9px;
width:9px;
height:9px;
}
.cardInformation .columnBox:first-child p:first-child{
padding-bottom:11px;
font-size:1.000rem;
line-height:1.3;
font-weight: bold;
}
.cardInformation .columnBox:first-child p:last-child{
font-size:0.857rem;
line-height:1.3;
color:#666666;
}
.categoryTop .cautionsBoxWrap .wrapTitle{
padding: 0.857rem 0 0.857rem 0;
font-size:1.000rem;
border:0px;
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
background-color: transparent;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox {
border-top: 1px solid #e60000;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
background-color:#ffffff;
}
.sectionType01.topInfoBoxWrap{
margin-bottom:10px;
background-color:#f4e6e6;
box-shadow:rgba(244, 210, 210, 0.6) 0px 11px 5px -1px inset,rgba(244, 210, 210, 0.6) 0px -14px 5px -3px inset;
-webkit-box-shadow:rgba(244, 210, 210, 0.6) 0px 11px 5px -1px inset,rgba(244, 210, 210, 0.6) 0px -14px 5px -3px inset;
-moz-box-shadow:rgba(244, 210, 210, 0.6) 0px 11px 5px -1px inset,rgba(244, 210, 210, 0.6) 0px -14px 5px -3px inset;
}
/*----------------------------------------------------------
campaign
----------------------------------------------------------*/
#campaignWrap{
margin:0 0 0 0;
padding:1.142rem 1.142rem 1.142rem 1.142rem;
background-color:#ffffff;
}
#campaignWrap ul{
overflow: hidden;
display: table;
width:100%;
}
#campaignWrap li{
margin-bottom:0.571rem;
padding:0 0.285rem 0 0;
display: table-cell;
float:left;
width:50%;
}
#campaignWrap li:nth-child(3),
#campaignWrap li:nth-child(4){
margin-bottom:0;
padding-bottom:0;
}
#campaignWrap li:nth-child(even){
padding-right:0;
padding-left:0.285rem;
}
.dummyImgPC{
display:none;
}
.dummyImgSP{
display:block;
}
/***********************************************************
searchAndLoginWarp
***********************************************************/
#contents .searchAndLoginWarp.columnBoxWrap{
width:100%;
margin:0;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:first-child{
width:100%;
margin-bottom:0px
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child{
float: none;
width:100%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox h2{
padding:6px 1.214rem 6px 1.214rem;
font-size:1.071rem;
color:#ffffff;
text-align:center;
font-weight: bold;
background-color:#e60000;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner{
position: relative;
padding:16px 20px 1px 20px;
background-color:#fcf4f4;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner::after,
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child > .columnBoxInner::before{
content: '';
display: inline-block;
border: 11px solid transparent;
border-top-color: #e60000;
position:absolute;
left:50%;
top:0;
margin-left:-11px;
z-index:22;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child > .columnBoxInner::before{
left:50%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a{
overflow: hidden;
display: block;
float: none;
width: 100%;
margin-left: 0px;
margin-bottom: 1.071rem;
padding:20px 15px 15px 18px;
font-size:1.285rem;
line-height:1.3;
color:#333333;
text-decoration:none;
border: 1px solid #b2b2b2;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
box-shadow: 0 3px 0 0 #b2b2b2;
background-color:#ffffff;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .title{
float:right;
width:71.81%;
margin:0 0 4px 0;
padding:0 0 0 25px;
-moz-background-size:16px auto;
-webkit-background-size:16px auto;
-o-background-size:16px auto;
-ms-background-size:16px auto;
font-size:1.285rem;
font-weight: bold;
text-align:left;
line-height:1.5;
background: url(../images/cmn_ico_007.png) no-repeat left 0.357em;
background-size:16px auto;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .iconImg{
float:left;
width:28.19%;
padding:0.714rem 0.714rem 0 0 ;
border:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .iconImg img{
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner .descriptionText{
float:right;
width:71.81%;
padding: 0;
color:#666666;
font-size:0.857rem;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap{
margin:0 0 0 0;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox{
width:100%;
margin-right:0px;
margin-bottom:0px
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child{
margin-right:0px;
margin-left:0px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a,
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner{
overflow: hidden;
display: block;
float: none;
width: 100%;
margin-left: 0px;
margin-bottom: 1.428rem;
padding:20px 8px 15px 18px;
font-size:1.285rem;
line-height:1.3;
color:#333333;
text-decoration:none;
border: 1px solid #b2b2b2;
border-radius: 16px;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
box-shadow: 0 3px 0 0 #b2b2b2;
background-color:#ffffff;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner{
padding:20px 15px 5px 18px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .title{
float:right;
width:71.81%;
margin:0 0 6px 0;
padding:0 0 0 25px;
-moz-background-size:16px auto;
-webkit-background-size:16px auto;
-o-background-size:16px auto;
-ms-background-size:16px auto;
font-size:1.285rem;
font-weight: bold;
text-align:left;
line-height:1.5;
background: url(../images/cmn_ico_007.png) no-repeat left 0.357em;
background-size:16px auto;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .iconImg{
float:left;
width:28.19%;
padding:2.55% 0.714rem 0 0 ;
border:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .iconImg img{
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner h3{
margin-bottom:5px;
font-size:1.285rem;
text-align:center;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .descriptionText{
float:none;
width:100%;
color:#666666;
text-align:center;
margin-bottom:8px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .linkType_webServiceBtn.loginBtn{
margin-bottom:8px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .linkType_webServiceBtn.loginBtn a{
min-width:200px;
padding: 18px 1.000rem 15px 7.962%;
font-size:1.285rem;
background-size:22px auto;
background-position: 22px center;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .linkType_webServiceBtn.registeredBtn a{
min-width:200px;
padding: 14px 1.000rem 10px 7.962%;
background-position:26px center;
}
/***********************************************************
topFeaturedServiceBoxWrap
***********************************************************/
.topFeaturedServiceBoxWrap .columnBox{
width:100%;
margin:0 0 0 0;
padding:0 0.714rem 0 0.714rem;
border-bottom:1px solid #dbd5d1;
}
.topFeaturedServiceBoxWrap .columnBox:last-child{
border-bottom:none;
}
#contents .topFeaturedServiceBoxWrap .columnBoxWrap.equalityWidth{
margin:0 0 0 0;
}
.topFeaturedServiceBoxWrap .columnBox .whiteBtn03{
background: url(../images/cmn_ico_016.png) no-repeat right center;
background-size:8px auto;
-moz-background-size:8px auto;
-webkit-background-size:8px auto;
-o-background-size:8px auto;
-ms-background-size:8px auto;
}
.topFeaturedServiceBoxWrap .columnBox .whiteBtn03 a{
width:100%;
padding: 1.428rem 1.500rem 1.285rem 5.214rem;
text-align:left;
background: url(../images/cmn_ico_016.png) no-repeat right center;
background-size: 8px auto;
-moz-background-size: 8px auto;
-webkit-background-size: 8px auto;
-o-background-size: 8px auto;
-ms-background-size: 8px auto;
border:none;
box-shadow:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn01 a{
padding: 1.428rem 1.500rem 1.214rem 23.41%;
background-image: url(/cmn/img/index_ico_001.png);
background-position: 7.66% center;
background-size: 43px auto;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn02 a{
padding: 1.428rem 1.500rem 1.214rem 23.41%;
background-image: url(/cmn/img/index_ico_002.png);
background-position: 7.66% center;
background-size: 43px auto;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn03 a{
padding: 1.428rem 1.500rem 1.214rem 23.41%;
background-image: url(/cmn/img/index_ico_003.png);
background-position: 7.66% center;
background-size: 43px auto;
}
/***********************************************************
topSearchFormBoxWrap
***********************************************************/
#contents .topSearchFormBoxWrap .columnBoxWrap{
margin:0 0 0 0;
}
.topSearchFormBoxWrap .columnBox{
margin-bottom:20px;
}
.topSearchFormBoxWrap .columnBox:first-child .wrapTitle{
padding:10px 1.142rem 7px 1.142rem;
border:none;
border-top:3px solid #979797;
background-color:#f4f4f4;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.topSearchFormBoxWrap .columnBox:first-child .wrapTitle > *:first-child{
padding:1px 0 1px 28px;
text-align:left;
font-size:1.071rem;
background-image: url(/mufgcard/img/index_ico_002.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size: 18px auto;
}
.topSearchFormBoxWrap .wrapKeyWord{
padding: 0 1.142rem 0 1.142rem;
}
.topSearchFormBoxWrap .wrapKeyWord .searchKeyWordWrap{
text-align:left;
}
.topSearchFormBoxWrap .wrapKeyWord .searchKeyWordWrap .searchKey{
-webkit-appearance: none;
padding:0 8px 0 8px;
width:85%;
height:41px;
font-size:0.857rem;
vertical-align: top;
border:1px solid #c6ccd2;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top-right-radius:0;
border-bottom-right-radius:0;
-webkit-border-top-left-radius:4px;
-webkit-border-bottom-left-radius:4px;
-webkit-border-top-right-radius:0;
-webkit-border-bottom-right-radius:0;
-moz-border-top-left-radius:4px;
-moz-border-bottom-left-radius:4px;
-moz-border-top-right-radius:0;
-moz-border-bottom-right-radius:0;
-o-border-top-left-radius:4px;
-o-border-bottom-left-radius:4px;
-o-border-top-right-radius:0;
-o-border-bottom-right-radius:0;
-ms-border-top-left-radius:4px;
-ms-border-bottom-left-radius:4px;
-ms-border-top-right-radius:0;
-ms-border-bottom-right-radius:0;
}
.topSearchFormBoxWrap .wrapKeyWord span{
display: block;
margin-right:16px;
padding-bottom:9px;
font-size:1.142rem;
font-weight:bold;
}
.topSearchFormBoxWrap .headerSearchBtn01{
box-sizing:content-box;
width:20px;
height:21px;
padding:9px 11px 9px 11px;
vertical-align: top;
background-color:#e60000;
border:1px solid #c6ccd2;
border-left:none;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
background-image: url(/mufgcard/img/index_btn_001.png);
background-position: 12px 8px;
background-size: 22px auto;
background-repeat: no-repeat;
border-top-right-radius:4px;
border-bottom-right-radius:4px;
border-top-left-radius:0;
border-bottom-left-radius:0;
-webkit-border-top-right-radius:4px;
-webkit-border-bottom-right-radius:4px;
-webkit-border-top-left-radius:0;
-webkit-border-bottom-left-radius:0;
-moz-border-top-right-radius:4px;
-moz-border-bottom-right-radius:4px;
-moz-border-top-left-radius:0;
-moz-border-bottom-left-radius:0;
-o-border-top-right-radius:4px;
-o-border-bottom-right-radius:4px;
-o-border-top-left-radius:0;
-o-border-bottom-left-radius:0;
-ms-border-top-right-radius:4px;
-ms-border-bottom-right-radius:4px;
-ms-border-top-left-radius:0;
-ms-border-bottom-left-radius:0;
z-index:23;
}
.topSearchFormBoxWrap .headerSearchBtn01 > span{
visibility:hidden;
}
.topSearchFormBoxWrap .selectSearchType{
text-align:left;
}
.topSearchFormBoxWrap .selectSearchType p,
.topSearchFormBoxWrap .selectSearchType label{
position: relative;
overflow: hidden;
display:inline-block;
width:75.5%;
margin: 0 0 0 20px;
padding:6px 0 6px 0;
color:#ffffff;
text-align:left;
background-color:#666666;
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border-top-right-radius: 0px;
-moz-border-top-right-radius: 0px;
-webkit-border-top-right-radius: 0px;
-o-border-top-right-radius: 0px;
-ms-border-top-right-radius: 0px;
border-top-left-radius: 0px;
-moz-border-top-left-radius: 0px;
-webkit-border-top-left-radius: 0px;
-o-border-top-left-radius: 0px;
-ms-border-top-left-radius: 0px;
}
.topSearchFormBoxWrap .selectSearchType label select{
width:100%;
padding:0px 15.5% 0px 8px;
border:none;
color:#ffffff;
background-color:#666666;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.topSearchFormBoxWrap .selectSearchType label select::-ms-expand{
display: none;
}
.topSearchFormBoxWrap .selectSearchType label select option,
.topSearchFormBoxWrap .selectSearchType label select optgroup{
color: #ffffff;
font-size:1.000rem;
background-color:#666666;
}
.topSearchFormBoxWrap .selectSearchType p::before,
.topSearchFormBoxWrap .selectSearchType label::before{
content: '';
display: inline-block;
border: 7px solid transparent;
border-top-color: #ffffff;
position: absolute;
left: 87%;
top: 50%;
margin-top: -3px;
z-index: 22;
}
.topSearchFormBoxWrap .selectSearchType.act p,
.topSearchFormBoxWrap .selectSearchType.act label{
width:75.5%;
margin: 0 0 0 20px;
box-shadow:none;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
}
.topSearchFormBoxWrap .selectSearchType.act p::before{
content: 'Ã';
top:50%;
left: 92%;
margin-top:-13px;
font-size:18px;
border:none;
}
.topSearchFormBox{
display:none;
position:absolute;
width:75.5%;
margin: 0 0 3px 20px;
padding:0;
border:1px solid #666666;
z-index:222;
background-color:#ffffff;
}
.act .topSearchFormBox{
display:block;
}
.skwInputBox{
margin-bottom:0;
}
.skwInputBox:last-child{
margin-top:14px;
}
.topSearchFormBox .skwInputBox:last-child{
margin-top:0;
}
.skwInputBox.typeBrand{
margin:14px 10px 10px 10px;
padding:0;
background-color:#faf8f6;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
}
.skwInputBox.typeBrand .wrapTitle{
margin-bottom:8px;
padding:10px 10px 10px 10px;
font-size:0.857rem;
text-align:left;
border-bottom: 1px dotted #dbd5d1;
}
.inputList .tableList,
.inputList{
display:table;
width:100%;
}
.inputList .tableList{
margin-bottom:16px;
}
.inputList .tableRow:last-child .tableList{
margin-bottom:0px;
}
.typeBrand .inputList{
padding:0 12px 12px 12px;
}
.inputList > li{
display: block;
padding: 14px 10px;
font-size:0.857rem;
border-bottom: 1px solid #aaaaaa;
text-align: left;
}
.inputList > li:last-child{
margin-bottom:0px;
border-bottom:none;
}
.topSearchFormBox .skwInputBox:first-child .inputList > li:last-child{
padding-bottom:0;
}
.typeBrand .inputList > li{
margin-bottom:0;
padding: 14px 0px 9px 0;
border-bottom:none;
}
.inputList input[type=radio],
.inputList input[type=checkbox] {
display: inline-block;
margin-right: 6px;
}
.inputList input[type=radio] + label,
.inputList input[type=checkbox] + label {
position: relative;
display: inline-block;
margin-right: 12px;
font-size:0.857rem;
line-height: 1.000rem;
font-weight:bold;
cursor: pointer;
}
.inputList input[type=radio],
.inputList input[type=checkbox] {
display: none;
margin: 0;
}
.inputList input[type=radio] + label > span,
.inputList input[type=checkbox] + label > span{
line-height:1.5;
}
.inputList input[type=radio] + label,
.inputList input[type=checkbox] + label {
padding: 0 0 0 24px;
}
.inputList input[type=checkbox] + label {
padding: 0 0 0 32px;
}
.inputList input[type=radio] + label::before,
.inputList input[type=checkbox] + label::before {
content: "";
position: absolute;
top: 0;
left: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 16px;
height: 16px;
margin-top: 1px;
background: #ffffff;
}
.inputList input[type=radio] + label::before {
border: 1px solid #666666;
border-radius: 30px;
box-shadow:1px 1px 3px 1px rgba(200,200,200,0.6) inset;
}
.inputList input[type=checkbox] + label::before {
width:21px;
height:21px;
margin-top:0px;
border:1px solid #737373;
background-color:#ffffff;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
box-shadow: 1px 1px 3px 1px rgba(200,200,200,0.5) inset;
}
.inputList input[type=checkbox]:checked + label::before {
width:21px;
height:21px;
margin-top:0px;
border:none;
background-color:#e60000;
box-shadow: none;
}
.inputList input[type=radio]:checked + label::before{
border: 6px solid #666666;
}
.inputList input[type=radio]:checked + label::after,
.inputList input[type=checkbox]:checked + label::after {
content: "";
position: absolute;
top: 0%;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
}
.inputList input[type=radio]:checked + label::after {
left: 4px;
width: 8px;
height: 8px;
margin-top: 5px;
background: #ffffff;
border-radius: 8px;
}
.inputList input[type=checkbox]:checked + label::after {
left: 5px;
width: 12px;
height: 9px;
margin-top: 3px;
border-left: 3px solid #ffffff;
border-bottom: 3px solid #ffffff;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/***********************************************************
topBannerList
***********************************************************/
.topBannerList.littlWehiteBtn01,
.topBannerList .littlWehiteBtn01{
display:block;
padding-bottom:0;
}
.topBannerList.littlWehiteBtn01 ul{
overflow: hidden;
border-top: 1px solid #cccccc;
}
.topBannerList.littlWehiteBtn01 li{
position:relative;
display:inline-block;
float:left;
width:50%;
min-height:61px;
border-bottom:1px solid #cccccc;
}
.topBannerList.littlWehiteBtn01 li:nth-child(odd){
border-right:1px solid #cccccc;
}
.topBannerList.littlWehiteBtn01 li:last-child{
border-bottom:none;
}
.topBannerList.littlWehiteBtn01 li .iconTypeBlank{
position:absolute;
right:7px;
top:7px;
}
.topBannerList.littlWehiteBtn01 li a{
display:block;
padding:18px 8px 13px 8px;
}
.topBannerList.littlWehiteBtn01 li .iconTypeBlank img{
width:7px;
}
/***********************************************************
qrcode
***********************************************************/
.qrCode {
text-align: center;
}
/***********************************************************
footer
***********************************************************/
footer{
position: relative;
width:100%;
padding:0 0 0 0;
background-color:#e7e7e7;
}
#brandFooterNav{
padding-top:2.642rem;
}
#brandFooterNavWrap{
margin:0 1.214rem 1.071rem 1.214rem;
padding:0.714rem 1.142rem 0.714rem 1.142rem;
background-color:#f3f3f3;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
}
#brandFooterNavWrap li{
display:inline-block;
margin-right:1.428rem;
padding:0 0 0 0.642rem;
background-image: url(../images/footer_ico_001.png);
background-position:left center;
background-size:5px auto;
background-repeat: no-repeat;
line-height:1;
}
#brandFooterNavWrap li a{
color:#343434;
font-size:0.857rem
}
#footerGlobalNavi li > ul{
display:table;
width:100%;
table-layout:fixed;
border-collapse: collapse;
}
#footerGlobalNavi li > ul > li{
display:table-cell;
width:33.333%;
vertical-align:middle;
text-align:center;
line-height:1.3;
border-top:1px solid #bfbfbf;
border-right:1px solid #bfbfbf;
padding:0.714rem 0.428rem 0.714rem 0.428rem;
}
#footerGlobalNavi ul > li > ul > li{
display:inline-block;
min-height: 56px;
}
#footerGlobalNavi ul > li:last-child > ul > li{
display:inline-block;
min-height: 52px;
padding-top: 1.3em;
}
#footerGlobalNavi li > ul > li:last-child{
border-right:none;
}
#footerGlobalNavi li > ul > li.act{
background-color:#d9d9d9;
}
#footerGlobalNavi li > ul > li.act em{
font-weight:normal;
}
#footerGlobalNavi li a{
color:#343434;
text-align:center;
font-size:0.785rem;
line-height:1.3;
}
#footerBrandNav{
margin:0 1.214rem 1.142rem 1.214rem;
border:1px solid #bfbfbf;
}
#footerLogo{
padding:0.428rem 0 0.428rem 0;
border:0px solid #bfbfbf;
text-align:center;
}
#footerLogo > a > img{
width:125px;
}
#footerLogo .prgFooterHomeLink a{
padding: 0 0 0 1.000rem;
color:#343434;
font-size:0.785rem;
line-heigth:1;
background: url(../images/header_ico_006.gif);
background-size: 10px auto;
background-position: left center;
background-repeat: no-repeat;
}
#footerInnerLinkNavi{
position: relative;
margin:0 1.214rem 1.214rem 1.214rem;
}
#footerInnerLinkNavi li{
display:block;
padding:0 0 0 0;
}
#footerInnerLinkNavi li a{
margin-right:1.428rem;
padding:0 1.428rem 0 0.642rem;
color:#343434;
font-size:0.857rem;
line-height:0;
background-image: url(../images/footer_ico_001.png);
background-size:5px auto;
background-position: left center;
background-repeat: no-repeat;
}
#footerInnerLinkNavi li:nth-child(1) a,
#footerInnerLinkNavi li:nth-child(4) a,
#footerInnerLinkNavi li:nth-child(6) a{
/*border-right:1px solid #333333;*/
}
#footerInnerLinkNavi li:nth-child(2) a,
#footerInnerLinkNavi li:nth-child(3) a,
#footerInnerLinkNavi li:nth-child(5) a{
padding-right:0;
}
#footerInnerLinkNavi li:nth-child(3) a,
#footerInnerLinkNavi li:nth-child(5) a{
padding-right:12px;
}
.linkType_viewSWBtn{
display:none;
margin:1.214rem 0 1.214rem 0;
padding:0 0 5px 0;
text-align:center;
}
#mainFooter .linkType_viewSWBtn:first-child{
padding-top:2.642rem;
}
.linkType_viewSWBtn a{
display:inline-block;
min-width:142px;
max-width:165px;
height:auto;
padding:0.928rem 1.428rem 0.785rem 3.571rem;
color:#333333;
font-size:0.785rem;
font-weight:bold;
text-align:center;
text-decoration:none;
line-height:1;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
background-repeat: no-repeat;
box-shadow:0 2px 0 0 #a6a6a6,0 -2px 0 0 #ffffff;
background-color: #ffffff;
}
.linkType_viewSWBtn .viewSWBtnPC{
padding:0.928rem 1.428rem 0.928rem 3.571rem;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
background-color: #ffffff;
background-image: url(../images/footer_ico_003.png);
background-position: 3.428rem center;
background-size:20px auto;
}
.linkType_viewSWBtn .viewSWBtnSP{
padding:0.928rem 1.285rem 0.928rem 2.571rem;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
background-image: url(../images/footer_ico_004.png);
background-position: 1.071rem center;
background-size:13px auto;
}
.linkType_viewSWBtn .viewSWBtnPC.act,
.linkType_viewSWBtn .viewSWBtnSP.act{
color:#ffffff;
box-shadow:0 -2px 0 0 #3d3d3d,0 2px 0 0 #666666;
background-color: #666666;
}
.linkType_viewSWBtn .viewSWBtnPC.act{
background-image: url(../images/footer_ico_003_ac.png);
}
.linkType_viewSWBtn .viewSWBtnSP.act{
background-image: url(../images/footer_ico_004_ac.png);
}
.parPrivacymark{
position:absolute;
right:2%;
bottom:0;
width:41px;
}
#copyright{
padding:1.142rem 0 1.142rem 0;
text-align:center;
background-color: #716f70;
}
#copyright small{
width:100%;
padding:1.142rem 0 1.142rem 0;
text-align:center;
font-size:0.857rem;
color:#ffffff;
}
#allMainWrap{
width:100%;
}
#slideMenuWrap{
visibility:hidden;
position:fixed;
top:0px;
width:100%;
height:600px;
z-index:1234;
}
#slideMenu{
overflow-y:scroll;
width:100%;
height:100%;
padding-bottom:1.928rem;
background-color:#333333;
}
#slideMenu > *{
}
#typeMenu{
padding:0 0 0 0;
}
.parHeader{
color: #ffffff;
text-align: center;
font-weight: bold;
font-size:1.000rem;
padding: 0.928rem 0.714rem 0.785rem 0.714rem;
}
#typeloginMenu .parHeader{
color:#c2c2c2;
}
.parSlideTitle{
margin-bottom:1.571rem;
padding:1.285rem 0 1.285rem 0;
background-color:#333333;
border-bottom:1px solid #000000;
}
#typeMenu .parSlideTitle,
#typeloginMenu .parSlideTitle{
margin-bottom:0;
position: relative;
}
.parSlideTitle > a,
.parSlideTitle > span{
display:inline-block;
width:100%;
color:#c2c2c2;
font-size:0.857rem;
text-align:center;
text-decoration: none;
background-image: url(../images/slideMenu_ico_001.png);
background-position: 92.25% 0;
background-size:12px auto;
background-repeat: no-repeat;
}
.parSlideTitle .iconTypeSMC{
display: block;
position: absolute;
right:16px;
top: 9px;
z-index:33;
padding:16px 24px 16px 32px;
cursor: pointer;
text-indent: -9999px;
}
.parSlideTitle .iconTypeSMC img{
width:12px;
}
.firstPanel > li{
padding:1.071rem 0 1.071rem 0;
background-color:#333333;
border-bottom:1px solid #000000;
background-image: url(../images/slideMenu_ico_002.png);
background-position: 92.5% 1.642em;
background-size:12px auto;
background-repeat: no-repeat;
}
.firstPanel > li.act{
padding-bottom:0;
}
.firstPanel > li > a{
display:inline-block;
width:100%;
color:#c2c2c2;
font-size:1.000rem;
font-weight:bold;
text-align:left;
}
.firstPanel > li:nth-child(1) > a{
padding:0.285rem 1.285rem 0.142rem 4.000rem;
background-image: url(../images/slideMenu_ico_008.png);
background-position: 1.285rem 0.285rem;
background-size:20px auto;
background-repeat: no-repeat;
}
.firstPanel > li:nth-child(2) > a{
padding:0.357rem 1.285rem 0 4.000rem;
background-image: url(../images/slideMenu_ico_009.png);
background-position: 0.785rem 0;
background-size:26px auto;
background-repeat: no-repeat;
}
.firstPanel > li:nth-child(3) > a{
padding:0 1.857rem 0 4.000rem;
background-image: url(../images/slideMenu_ico_010.png);
background-position: 1.071rem 0;
background-size:27px auto;
background-repeat: no-repeat;
}
.firstPanel > li:nth-child(4) > a{
padding:0 1.285rem 0 4.000rem;
background-image: url(../images/slideMenu_ico_011.png);
background-position: 1.214rem 0.142rem;
background-size:25px auto;
background-repeat: no-repeat;
}
.firstPanel > li.act > a{
padding-bottom:1.071rem;
}
.firstPanel > li.linkType02 > a{
padding-left:0;
background-image:none;
}
.firstPanel > li.linkType02 span img{
width:15px;
}
.secondPanel{
border-top:1px solid #000000;
}
.secondPanel > li{
padding:1.000rem 0 1.000rem 0;
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em;
background-size:12px auto;
background-color:#4b4b4b;
border-bottom:1px solid #606060;
}
.secondPanel > li:nth-child(1){
background: rgb(51,51,51); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzMzMzMzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjI1JSIgc3RvcC1jb2xvcj0iIzRiNGI0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-moz-linear-gradient(top, rgba(51,51,51,1) 0%, rgba(75,75,75,1) 25%); /* FF3.6+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(51,51,51,1)), color-stop(25%,rgba(75,75,75,1))); /* Chrome,Safari4+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-webkit-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(75,75,75,1) 25%); /* Chrome10+,Safari5.1+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-o-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(75,75,75,1) 25%); /* Opera 11.10+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-ms-linear-gradient(top, rgba(51,51,51,1) 0%,rgba(75,75,75,1) 25%); /* IE10+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,linear-gradient(to bottom, rgba(51,51,51,1) 0%,rgba(75,75,75,1) 25%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#4b4b4b',GradientType=0 ); /* IE6-8 */
background-size:12px auto,100%,100%;
}
.secondPanel > li:last-child{
background: rgb(75,75,75); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI3NSUiIHN0b3AtY29sb3I9IiM0YjRiNGIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzMzMzMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em ,-moz-linear-gradient(top, rgba(75,75,75,1) 75%, rgba(51,51,51,1) 100%); /* FF3.6+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-webkit-gradient(linear, left top, left bottom, color-stop(75%,rgba(75,75,75,1)), color-stop(100%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-webkit-linear-gradient(top, rgba(75,75,75,1) 75%,rgba(51,51,51,1) 100%); /* Chrome10+,Safari5.1+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-o-linear-gradient(top, rgba(75,75,75,1) 75%,rgba(51,51,51,1) 100%); /* Opera 11.10+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,-ms-linear-gradient(top, rgba(75,75,75,1) 75%,rgba(51,51,51,1) 100%); /* IE10+ */
background: url(../images/slideMenu_ico_002.png) no-repeat 92.5% 1.428em,linear-gradient(to bottom, rgba(75,75,75,1) 75%,rgba(51,51,51,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b4b4b', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
border-bottom:0px solid #000000;
background-size:12px auto,100%,100%;
}
.secondPanel > li.act:not(.accordionBoxTitle):nth-child(1){
padding-bottom:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#999999+0,ffffff+22 */
background: rgb(250,250,250); /* Old browsers */
background: -moz-linear-gradient(top, rgb(150,150,150) 0%, rgb(255,255,255) 20%); /* FF3.6-15 */
background: -webkit-gradient(top, rgb(150,150,150) 0%,rgb(255,255,255) 20%); /* Chrome10-25,Safari5.1-6 */
background: -webkit-linear-gradient(top, rgb(150,150,150) 0%,rgb(255,255,255) 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgb(150,150,150) 0%,rgb(255,255,255) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
background-size:100%,100%;
}
.secondPanel > li.act:not(.accordionBoxTitle):last-child{
padding-bottom:0;
background: rgb(250,250,250); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background:-moz-linear-gradient(top, rgba(255,255,255,1) 80%, rgba(150,150,150,1) 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(80%,rgba(255,255,255,1)), color-stop(100%,rgba(150,150,150,1))); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(150,150,150,1) 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(150,150,150,1) 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(150,150,150,1) 100%); /* IE10+ */
background:linear-gradient(to bottom, rgba(255,255,255,1) 80%,rgba(150,150,150,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#969696',GradientType=0 ); /* IE6-8 */
background-size:100%,100%;
}
.secondPanel > li.accordionBoxTitle{
background-image:none;
background-color: #4b4b4b;
}
.secondPanel > li.act.accordionBoxTitle{
padding-bottom:0;
}
.secondPanel > li.act:not(.accordionBoxTitle){
padding-bottom:0;
background:none;
background-color:#ffffff;
}
.secondPanel > li > a{
padding:0 1.285rem 0 1.285rem;
display:inline-block;
width:86.5%;
color:#ffffff;
font-weight:bold;
}
.secondPanel > li.act > a{
padding-bottom:1.000rem;
}
.secondPanel > li.act:not(.accordionBoxTitle) a{
color: #2f2f2f;
}
.secondPanel > li.linkType02,
.thirdPanel > li.linkType02,
.innerMenu{
margin-bottom:0;
padding-left:0;
background-image:none;
}
.secondPanel > li.linkType02 {
background-color: rgb(75,75,75);
}
.secondPanel > li.linkType02 a{
background-image:none;
}
.secondPanel li.accordionBoxTitle > a{
width:87.4%;
}
.secondPanel .accordionBoxTitle .iconTypeACD{
position:static;
display:inline-block;
float:none;
width:16px;
}
.secondPanel > li.linkType02 span img,
.thirdPanel > li.linkType02 span img{
width:15px;
}
.thirdPanel{
}
.thirdPanel > li{
padding:0 0 0 2.214rem;
background-color:#afafaf;
border-bottom:1px solid #505050;
}
.thirdPanel > li:nth-child(1){
background: rgb(138,138,138); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhOGE4YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE4JSIgc3RvcC1jb2xvcj0iI2FmYWZhZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(175,175,175,1) 18%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(138,138,138,1)), color-stop(18%,rgba(175,175,175,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(175,175,175,1) 18%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(175,175,175,1) 18%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(175,175,175,1) 18%); /* IE10+ */
background: linear-gradient(to bottom, rgba(138,138,138,1) 0%,rgba(175,175,175,1) 18%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#afafaf',GradientType=0 ); /* IE6-8 */
}
.thirdPanel > li:last-child{
background: rgb(175,175,175); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MiUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOGE4YThhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, rgba(175,175,175,1) 82%, rgba(138,138,138,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(82%,rgba(175,175,175,1)), color-stop(100%,rgba(138,138,138,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(175,175,175,1) 82%,rgba(138,138,138,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(175,175,175,1) 82%,rgba(138,138,138,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(175,175,175,1) 82%,rgba(138,138,138,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(175,175,175,1) 82%,rgba(138,138,138,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afafaf', endColorstr='#8a8a8a',GradientType=0 ); /* IE6-8 */
}
.thirdPanel > li.act{
padding-bottom:0;
background:none;
background-color:#ffffff;
}
.thirdPanel > li.act:nth-child(1){
padding-bottom:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8a8a8a+0,ffffff+20,ffffff+20 */
background: rgb(138,138,138); /* Old browsers */
background: -moz-linear-gradient(top, rgba(138,138,138,1) 0%, rgba(255,255,255,1) 20%, rgba(255,255,255,1) 20%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(138,138,138,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(138,138,138,1) 0%,rgba(255,255,255,1) 20%,rgba(255,255,255,1) 20%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.thirdPanel > li.act:last-child{
padding-bottom:0;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+80,8a8a8a+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 80%, rgba(138,138,138,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 80%,rgba(138,138,138,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 80%,rgba(138,138,138,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#8a8a8a',GradientType=0 ); /* IE6-9 */
}
.thirdPanel > li > a{
padding:0.714rem 2.857rem 0.714rem 0;
display:inline-block;
width:91.5%;
color:#2f2f2f;
background-image: url(../images/slideMenu_ico_006.png);
background-position: right center;
background-size:6px auto;
background-repeat: no-repeat;
}
#amex #slideMenu .thirdPanel > li.linkType02 a{
padding:0.714rem 2.500rem 0.714rem 2.214rem;
width:88.5%;
background-image:none !important;
vertical-align:middle;
}
#amex #slideMenu .thirdPanel > li.linkType02 span.iconTypeBlank {
padding-left:0;
}
.thirdPanel > li > a:hover{
text-decoration: underline;
}
.thirdPanel > li.act > a{
background-image:none;
}
.btnPanel{
padding:1.142rem 1.142rem 0 1.142rem;
}
.btnPanel li{
margin-bottom:0.714rem;
padding:0 0 0 0;
}
.btnPanel a{
display:inline-block;
width:100%;
padding:1.142rem 1.071rem 1.142rem 2.571rem;
color:#c2c2c2;
font-size:0.857rem;
text-align:center;
text-decoration:none;
border:1px solid #c0c0c0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-image: url(../images/slideMenu_ico_007.png);
background-position: 1.071rem center;
background-size:11px auto;
background-repeat: no-repeat;
}
.slideMenuClose{
width:100%;
text-align:center;
}
.slideMenuClose a{
display:inline-block;
margin-top:1.928rem;
padding:0.642rem 1.714rem 0.642rem 3.214rem;
color:#000000;
text-align:center;
text-decoration:none;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#c2c2c2;
background-image: url(../images/slideMenu_ico_012.png);
background-position: 1.785rem center;
background-size:12px auto;
background-repeat: no-repeat;
}
.menuContent .contentInner{
padding:0 1.071rem 0 1.071rem;
}
#typeSearchMenu .headerSearchWrap{
display:block;
}
#typeSearchMenu .headerSearchWrap{
text-align:center;
height:39px;
}
#typeSearchMenu .headerSearchWrap.brandSelectSPWarp{
width:241px;
margin:25px auto 0px auto;
}
#typeSearchMenu #headerSearchText02,
#typeSearchMenu #brandSelectSP,
#typeSearchMenu .brandSelectSPWarp > span{
-webkit-appearance: none;
padding:0 1em 0 1em;
width:200px;
height:39px;
font-size:0.857rem;
border:none;
background-color:#d5d5d5;
border-top-left-radius:4px;
border-bottom-left-radius:4px;
border-top-right-radius:0;
border-bottom-right-radius:0;
}
#typeSearchMenu .brandSelectSPWarp > span{
display: inline-block;
position:relative;
overflow:hidden;
width:242px;
margin:0 auto 25px auto;
padding:0;
border-radius:4px;
}
#typeSearchMenu #brandSelectSP{
width:272px;
padding-right:76px;
border-radius:4px;
}
#typeSearchMenu #brandSelectSP::-ms-expand{
display: none;
}
#typeSearchMenu .brandSelectSPWarp > span:before{
content: '';
display: inline-block;
border: 7px solid transparent;
border-top-color: #ffffff;
position: absolute;
left: 88%;
top: 50%;
margin-top: -3px;
z-index: 22;
pointer-events: none;
}
#typeSearchMenu .brandSelectSPWarp > span::after{
content: '';
position: absolute;
top:0px;
right:0px;
display:block;
width:42px;
height:41px;
background-color:#aaaaaa;
pointer-events: none;
}
#typeSearchMenu .headerSearchBtn01{
position: relative;
}
#typeSearchMenu .headerSearchBtn01{
box-sizing:content-box;
width:20px;
height:21px;
padding:9px 11px 9px 11px;
background-color:#aaaaaa;
border-top-right-radius:2px;
border-bottom-right-radius:2px;
border-top-left-radius:0px;
border-bottom-left-radius:0px;
}
#typeloginMenu .linkType_webServiceBtn a{
color:#ffffff;
}
#typeloginMenu .linkType_webServiceBtn.loginBtn a{
padding-left:34.375%;
text-align:left;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-image: url(../images/slideMenu_ico_014.png);
background-color:#212121;
box-shadow:0 5px 0 0 #101010;
background-position: 20.41% center;
}
#typeloginMenu .contentInner .linkType01,
#typeMenu .contentInner .linkType02{
margin-bottom:0.785rem;
text-align:left;
}
#typeloginMenu .contentInner .linkType01 a,
#typeloginMenu .contentInner .linkType02 a,
#typeMenu .contentInner .linkType02 a{
color:#ffffff;
font-size:1.000rem;
background-image: url(../images/slideMenu_ico_016.png);
}
#typeloginMenu .contentInner dl{
background-color:#5c5c5c;
}
#typeloginMenu .contentInner dt{
padding:1.071rem 1.285rem 1.071rem 1.285rem;
color:#ffffff;
font-size:1.000rem;
}
#typeloginMenu .contentInner dd{
padding:0 1.071rem 1.071rem 1.071rem;
}
#typeloginMenu .linkType_webServiceBtn.registeredBtn a{
padding-left:34.375%;
padding-right:26.666%;
text-align:left;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-image: url(../images/slideMenu_ico_015.png);
background-color:#212121;
box-shadow:0 5px 0 0 #101010;
background-position:21% center;
}
#typeFaqMenu .linkType_inquiryBtn,
#typeMenu .linkType_inquiryBtn{
display: inline-block;
width:100%;
height:auto;
margin-bottom:1.571rem;
padding:1.000rem 0 1.000rem 0;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
background-color:#212121;
box-shadow:0 5px 0 0 #101010;
}
#typeFaqMenu .linkType_inquiryBtn:last-child,
#typeMenu .linkType_inquiryBtn:last-child{
margin-bottom:0;
}
#typeFaqMenu .linkType_inquiryBtn a,
#typeMenu .linkType_inquiryBtn a{
display:inline-block;
width:100%;
color:#ffffff;
font-size:1.000rem;
text-align: center;
text-decoration: none;
background-repeat: no-repeat;
}
#typeFaqMenu .linkType_inquiryBtn.faqBtn a,
#typeMenu .linkType_inquiryBtn.faqBtn a{
padding-left:20.832%;
padding-right:20.832%;
background-image: url(../images/slideMenu_ico_017.png);
background-position:10% center;
background-size:13px auto;
}
#typeFaqMenu .linkType_inquiryBtn.contactDetailsBtn a{
padding-left:20.832%;
padding-right:18.75%;
background-image: url(../images/slideMenu_ico_018.png);
background-position:10% center;
background-size:17px auto;
}
#typeFaqMenu .linkType_inquiryBtn.cardTheftLossBtn a{
padding-left:20.832%;
padding-right:17.91%;
background-image: url(../images/slideMenu_ico_019.png);
background-position:10% center;
background-size:20px auto;
}
#mainFooter{
position:relative;
}
#jalcard.categoryTop #mainFooter{
padding-top: 1.214rem;
}
#mainFooter.nonViewSWBtn{
padding-top:0;
}
/***********************************************************
returnTop
***********************************************************/
#returnTopSP{
position:fixed;
bottom:25px;
right:4.687%;
z-index:2222;
width:52px;
height:52px;
cursor:pointer;
}
.modal-open #returnTopSP{
display:none !important;
}
#returnTopSP.stop{
position:absolute;
}
#returnTopSP .hoverON{
display:none;
}
#returnTopSP a{
display:block;
width:52px;
height:52px;
z-index:98;
}
#returnTopSP a:before{
position:absolute;
content: "";
color:#ffffff;
width: 52px;
height: 52px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: rgba(95,95,95,0.7);
/*box-shadow: 0px 7px 14px 0px rgba(172,172,172,0.5);*/
}
#returnTopSP a img{
position:absolute;
top:19px;
left:15px;
width:22px;
max-width:22px;
z-index:97;
pointer-events: none;
}
#returnTopSP a:hover img{
}
#returnTopSP a:hover img.hoverON{
display:none;
}
.cmpTableWrap{
text-indent:0;
margin-bottom:0.428rem;
}
.cmpTableWrap .scrDesc{
text-align:right;
}
.cmpTableWrap .scrDesc span{
display:inline-block;
padding:14px 0 12px 36px;
font-size:0.857rem;
background-image: url(../images/cmn_ico_029.png);
background-position: left center;
background-size:27px auto;
background-repeat: no-repeat;
}
.spTableWrap{
display:block;
}
.pcTableWrap{
display:none;
}
.tableBodyWrap{
-webkit-overflow-scrolling: touch;
}
.cmpTableWrap table{
width:100%;
/*min-height:400px;*/
table-layout:fixed;
border:1px solid #b6b6b6;
-webkit-overflow-scrolling: touch;
}
.addV40 .cmpTableWrap.tableTypeD table{
border-collapse: separate;
}
.cmpTableWrap table .tbWidth15pr{
width:15%;
}
.cmpTableWrap table .tbWidth25pr{
width:25%;
}
.cmpTableWrap table th,
.cmpTableWrap table td{
padding:0.714rem 0.428rem 0.714rem 0.428rem;
text-align:center;
border:1px solid #b6b6b6;
word-break:break-all;
}
.cmpTableWrap table .accordionWrap td{
padding-top:0;
padding-bottom:0;
white-space:nowrap;
overflow:hidden;
}
.cmpTableWrap.tableTypeC table .accordionWrap td{
white-space:normal;
}
.cmpTableWrap table th{
font-size:0.857rem;
font-weight:bold;
vertical-align:middle;
}
.cmpTableWrap table td{
font-size:0.857rem;
width:25%;
}
.cmpTableWrap table th,
.cmpTableWrap table td,
.cmpTableWrap table th *,
.cmpTableWrap table td *{
font-size:0.857rem;
}
.cmpTableWrap caption{
padding-bottom:1rem;
text-align:left;
}
.cmpTableWrap table thead th{
background-color:#f1e3dd;
}
.cmpTableWrap table tbody th{
background-color:#f6f2ef;
}
.cmpTableWrap.tableTypeC .tableW25par,
.cmpTableWrap.tableTypeD .tableW25par{
display:inline-block;
width:100%;
}
.cmpTableWrap.tableTypeC .tableW75par,
.cmpTableWrap.tableTypeD .tableW75par{
display:inline-block;
width:100%;
}
.cmpTableWrap.tableTypeA .tableW25par{
width:25%;
}
.cmpTableWrap.tableTypeA .tableW75par{
width:75%;
}
.cmpTableWrap.tableTypeD tr{
overflow: hidden;
}
.cmpTableWrap.tableTypeD table th,
.cmpTableWrap.tableTypeD table td,
.cmpTableWrap.tableTypeC table th,
.cmpTableWrap.tableTypeC table td{
overflow: hidden;
display:block;
width:100%;
float: left;
border:none;
}
.cmpTableWrap.tableTypeD table th,
.cmpTableWrap.tableTypeC table th{
border-top:1px solid #b6b6b6;
border-bottom:1px solid #b6b6b6;
}
.cmpTableWrap.tableTypeD table tr:nth-child(1) th,
.cmpTableWrap.tableTypeC table tr:nth-child(1) th{
border-top:0px solid #b6b6b6;
}
.cmpTableWrap table td dt,
.cmpTableWrap table td dd{
text-align:left;
}
.cmpTableWrap .accordionWrap .accordionBox .accordionBoxInner {
padding:0.714rem 0 0.714rem 0;
}
.cmpTableWrap table .accordionWrap th{
border-bottom:none;
}
.cmpTableWrap table .accordionWrap.act th{
border-bottom:1px solid #b6b6b6;
}
/***********************************************************
sectionClass
***********************************************************/
.sectionType01{
margin-bottom:20px;
}
.sectionType02{
margin-bottom:15px;
}
.sectionType01 > *nth-child(1){
margin-top:0px;
}
/***********************************************************
UtilityClass
***********************************************************/
/*----------------------------------------------------------
img-width
----------------------------------------------------------*/
.imgW75par{
width:75%;
}
.imgW70par{
width:50%;
}
.imgW65par{
width:65%;
}
.imgW60par{
width:60%;
}
.imgW55par{
width:55%;
}
.imgW50par{
width:50%;
}
/*----------------------------------------------------------
vertical-align
----------------------------------------------------------*/
.vAlignMiddle{
vertical-align:middle !important;
}
.vAlignTop{
vertical-align:top !important;
}
.vAlignBaseline{
vertical-align:baseline !important;
}
.vAlignBottom{
vertical-align:bottom !important;
}
.vAlignTextBottom{
vertical-align:text-bottom !important;
}
.vAlignTextTop{
vertical-align:text-top !important;
}
/*----------------------------------------------------------
text-align
----------------------------------------------------------*/
.tAlignCenter{
text-align:center !important;
}
.tAlignLeft{
text-align:left !important;
}
.tAlignRight{
text-align:right !important;
}
/*----------------------------------------------------------
font
----------------------------------------------------------*/
.textTypeBold{
font-weight:bold !important;
}
.textTypeBasic{
color:#333333 !important;
}
.textTypeRed{
color:#e60000 !important;
}
#amex .textTypeRed{
color:#ac0000 !important;
}
.textTypeOrange{
color:#F60 !important;
}
.pcDisplay{
display:none !important;
}
/*----------------------------------------------------------
font-size
----------------------------------------------------------*/
.fSize1{
font-size:0.071rem !important;
}
.fSize2{
font-size:0.142rem !important;
}
.fSize3{
font-size:0.214rem !important;
}
.fSize4{
font-size:0.285rem !important;
}
.fSize5{
font-size:0.357rem !important;
}
.fSize6{
font-size:0.428rem !important;
}
.fSize7{
font-size:0.500rem !important;
}
.fSize8{
font-size:0.571rem !important;
}
.fSize9{
font-size:0.642rem !important;
}
.fSize10{
font-size:0.714rem !important;
}
.fSize11{
font-size:0.785rem !important;
}
.fSize12{
font-size:0.857rem !important;
}
.fSize13{
font-size:0.928rem !important;
}
.fSize14{
font-size:1.000rem !important;
}
.fSize15{
font-size:1.071rem !important;
}
.fSize16{
font-size:1.142rem !important;
}
.fSize17{
font-size:1.285rem !important;
}
.fSize18{
font-size:1.285rem !important;
}
.fSize19{
font-size:1.357rem !important;
}
.fSize20{
font-size:1.428rem !important;
}
.fSize21{
font-size:1.5rem !important;
}
.fSize22{
font-size:1.571rem !important;
}
.fSize23{
font-size:1.642rem !important;
}
.fSize24{
font-size:1.714rem !important;
}
.fSize25{
font-size:1.785rem !important;
}
/*----------------------------------------------------------
margin
----------------------------------------------------------*/
.mg-BOneFont,
.mg-BtPrtBasic{
margin-bottom:0.857rem !important;
}
.mg-BtBasic{
margin-bottom:20px !important;
}
.mg-B0{
margin-bottom:0px !important;
}
.mg-B6{
margin-bottom:6px !important;
}
.mg-B12{
margin-bottom:12px !important;
}
.mg-B20 {
margin-bottom: 20px !important;
}
.mg-B30 {
margin-bottom: 30px !important;
}
.mg-T5{
margin-top:5px !important;
}
.mg-BNone{
margin-bottom:0 !important;
}
.mg-BNoneSpOnly{
margin-bottom:0 !important;
}
.mg-T0{
margin-top:0px !important;
}
.mg-T5{
margin-top:5px !important;
}
.mg-T10{
margin-top:10px !important;
}
.mg-T15{
margin-top:15px !important;
}
.mg-TNoneSpOnly{
margin-top:0 !important;
}
.mg-RNoneSpOnly{
margin-right:0 !important;
}
.mg-BNoneSpOnly{
margin-bottom:0 !important;
}
.mg-LNoneSpOnly{
margin-left:0 !important;
}
.mg-sectionBtBasic{
margin-bottom:20px !important;
}
/*----------------------------------------------------------
padding spOnly
----------------------------------------------------------*/
.pd-TNoneSpOnly{
padding-top:0 !important;
}
.pd-RNoneSpOnly{
padding-right:0 !important;
}
.pd-BNoneSpOnly{
padding-bottom:0 !important;
}
.pd-LNoneSpOnly{
padding-left:0 !important;
}
/*----------------------------------------------------------
imgInline
----------------------------------------------------------*/
.imgInlineListWrap{
margin:0;
font-size:0;
}
.imgInlineListWrap .imgInlineList{
margin-bottom:1.071rem;
display:block;
vertical-align:top;
}
.imgInlineListWrap.setArrow .imgInlineList:first-child{
position: relative;
display: inline-block;
margin-bottom:44px;
}
.imgInlineListWrap.setArrow .imgInlineList:first-child::after{
display:block;
position:absolute;
right:50%;
bottom:-46px;
margin-right: -14px;
content:'';
width:0px;
height:0px;
border-top:solid 16px #cccccc;
border-right:solid 16px transparent;
border-bottom:solid 16px transparent;
border-left:solid 16px transparent;
}
.imgInlineListWrap .imgInlineList:last-child{
margin-bottom:0;
}
/*----------------------------------------------------------
background-color
----------------------------------------------------------*/
.boxBgEFEFEF{
background-color:#efefef !important;
}
.boxBgFFFFFF{
background-color:#ffffff !important;
}
/*----------------------------------------------------------
background-color android4 text bug use
----------------------------------------------------------*/
.blBgFFFFFF{
background-color:#ffffff !important;
}
.blockBgF6F2EF{
background-color:#f6f2ef !important;
}
.bugFixType01{
background-color:#ffffff !important;
}
ol.bugFixType01{
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
/*----------------------------------------------------------
TEST USE
----------------------------------------------------------*/
.sbyConfirmWrap{
padding:16px;
background-color:#ff9999;
border:2px solid #851f1f;
}
.sbyCopedLaterWrap{
padding:16px;
background-color:#1f8548;
border:2px solid #851f1f;
}
/***********************************************************
modal
***********************************************************/
.mg-BOneFont{
}.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1500;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition: -o-transform .3s ease-out;
transition: transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
min-height: 16.42857143px;
padding: 15px;
text-align: right;
}
.modal-header .close {
margin-top: -2px;
padding:0.214rem 0.714rem;
color:#ffffff;
font-size:1.285rem;
line-height:1;
text-decoration:none;
background-color:#666666;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-body p{
color:#000000;
font-size:12px;
text-align: center;
}
.modal-body p.mainText{
font-size:18px;
font-weight:bold;
}
.modal-footer {
overflow:hidden;
padding:15px 15px 60px 15px;
text-align: center;
}
.modal-footer .grayBtn04,
.modal-footer .grayBtn05{
width:50%;
padding-right:10px;
}
.modal-footer > p:last-child{
width:50%;
padding-right:10px;
padding-left:10px;
}
.modal-footer .grayBtn04 a{
width:100%;
max-width:120px;
padding:0.714rem 1.071rem 0.571rem 1.071rem;
text-align:center;
background-position: 1.857rem 0.857rem;
}
.modal-footer .grayBtn05 a{
width:120px;
padding:0.714rem 1.071rem 0.571rem 1.071rem;
text-align:center;
background-position:76.29% 0.857rem;
}
.modal-footer .grayBtn04,
.modal-footer .grayBtn05{
display:inline-block;
}
.modal-footer .grayBtn04 a,
.modal-footer .grayBtn05 a{
background-image:none;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.modal-footer .btn-default,
.modal-footer .btn-primary{
display: inline-block;
padding:0.571rem 1.500rem 0.571rem 1.500rem;
height:auto;
font-weight:bold;
text-align:center;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
background-color:#eeeeee;
box-shadow:0 3px 0 0 #a6a6a6;
}
.modal .modal-htmlViewWarp{
display:none;
}
.modal.htmlView .modal-htmlViewWarp{
display:block;
}
.modal.htmlView .modal-LinkWarp,
.modal.htmlView .modal-footer{
display:none;
}
.modal .elBrochure{
display:none;
}
.modal.elBrochureWarp .elBrochure{
display:block;
width:90%;
margin:16px auto;
padding:14px;
border:1px solid #e60000;
}
.modal.elBrochureWarp .elBrochure .elBrochureTitle{
margin-bottom:14px;
font-weight:bold;
color:#e60000;
}
.viewHtmlWarp{
display:none;
}
.modal .mainText02{
display:none;
}
.modal.mainTextType02 .mainText02{
display:inline;
width:100%;
}
.modal.mainTextType02 .mainText01{
display:none;
}
/***********************************************************
brandSelect
***********************************************************/
#select .braSelectBlock .introducingByIcon .title > span {
font-size: 0.643rem;
font-weight: normal;
}
.braSelectHead01 {
font-size: 1.538rem;
margin: 18px 0 0;
padding: 0 1.142rem 0 1.142rem;
}
.braSelectH2Base01 {
margin: 1.142rem 0 0 0;
padding: 0 1.142rem;
color: #333333;
font-size:1.214rem;
font-weight: bold;
line-height: 1.3;
}
.braSelectTextBlock01 {
padding: 16px 0 12px;
border-top: 1px solid #c8c6c5;
border-bottom: 1px solid #c8c6c5;
}
.braSelectDetailText {
margin-bottom: 25px;
}
.braSelectDetailBlock {
background-color: #f6d3d3;
padding: 25px 20px;
}
#select .columnBoxWrap.bottom {
padding: 0 17%;
}
#select .introducingByIcon .columnBox {
float: left;
width: 32%;
margin-left: 2%;
border: none;
box-shadow: none;
}
#select .introducingByIcon .columnBox .spOnly {
display: block;
}
#select .introducingByIcon .columnBox .pcOnly {
display: none;
}
#select .introducingByIcon .columnBox .columnBoxInner {
padding: 0.357rem;
}
#select .introducingByIcon .columnBox {
margin-bottom: 0;
}
#select .columnBox {
border-radius: 0;
}
#select .columnBox > a {
display: block;
border: 1px solid #aaa;
border-bottom-width: 5px;
border-radius: 14px;
}
#select .columnBox > a > img {
border-radius: 14px;
}
#select .columnBox > a:hover {
border: 1px solid #e60000;
border-bottom-width: 5px;
}
#select .columnBoxWrap.bottom.introducingByIcon .columnBox {
width: 48.5%;
margin-left: 3%;
}
#select .columnBoxWrap.bottom.introducingByIcon .columnBox:first-child,
#select .introducingByIcon .columnBox:first-child {
margin-left: 0;
}
#select .introducingByIcon .title,
#select .introducingByIcon .columnBox .iconImg {
float: none;
width: 100%;
}
#select .introducingByIcon .columnBox .iconImg > img {
width: 80%;
}
#select .introducingByIcon .title {
font-size: 0.857rem;
text-align: center;
margin-bottom: 0;
padding-left: 0.8rem;
background-position: left 0.3rem;
background-size: 13px;
}
#select .introducingByIcon .columnBox .iconImg {
text-align: center;
padding-right: 0;
}
#select .introducingByIcon .columnBox .iconImg img {
background-color: #fff;
}
.braSelectDetailImage {
text-align: center;
}
/***********************************************************
redirect
***********************************************************/
.redirect .dorderBox01{
width:100%;
margin-top:30px;
padding:0;
border:2px solid #b3b3b3;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
.redirect .wrapTitle{
padding: 0.857rem 1.428rem 12px 1.428rem;
font-size:1.000rem;
text-align: center;
font-weight: bold;
border-bottom:2px solid #b3b3b3;
}
.redirect .columnBoxWrap{
padding: 23px 1.428rem 23px 1.428rem;
}
.redirect .columnBoxWrap.columnTow.equalityWidth .columnBox{
float: left;
width:50%;
margin-bottom:0;
}
.redirect .columnBoxWrap.columnTow.equalityWidth .columnBox:first-child{
padding-right:8px;
}
.redirect .columnBoxWrap.columnTow.equalityWidth .columnBox:last-child{
padding-left:8px;
}
.redirect .whiteBtn01 a{
min-width:78px;
padding:17px 1.000rem 14px 1.000rem;
font-size:1.000rem;
text-align: center;
background-image:none;
}
.redirect .columnBox:first-child .whiteBtn01{
text-align:right;
}
.redirect .columnBox:last-child .whiteBtn01{
text-align:left;
}
.redirect #returnTopSP{
display:none;
}
.redirect02 .sectionType01{
}
.redirect02 .redBtn01{
margin-top:20px;
margin-bottom:20px;
}
/***********************************************************
dottedList
***********************************************************/
.dottedList > li {
margin-bottom: 0;
padding: 12px 0;
border-bottom:1px dotted #dbd5d1;
}
/*
161101 MUN LOGO CHANGE
---------------------------------------------------------*/
.munLogo2016 #headerLogoSP{
width:auto;
height:35px;
padding: 0.875rem 0 0 0.500rem;
max-width:170px;
}
.munLogo2016_02 #headNaviSP{
max-width: 60%;
}
.munLogo2016 #headNaviSP li,
.munLogo2016_02 #headNaviSP li,
.munLogo2016_04 #headNaviSP li{
width: 46px;
}
.munLogo2016 #headerLogoSP img{
width: 100%;
}
#amex.cardTop .munLogo2016 #headerLogoSP{
text-align:left;
font-size: 0;
height: 46px;
padding: 1.214rem 0 0.679rem 0.286rem;
width: 100%;
max-width: 145px;
}
#amex.cardTop .munLogo2016 #headerLogoSP a{
display: block;
font-size: 0;
}
#amex.cardTop .munLogo2016 #headerLogoSP img{
max-width: 139px;
vertical-align: middle;
}
.munLogo2016 #corpLogo{
float: right;
width: 120px;
padding: 0.785rem 0.642rem 0.785rem 0.500rem;
min-width: 120px;
}
.munLogo2016 .oneCLM .aeNavi #headerLogoAmex{
max-width: 150px;
}
.munLogo2016 #footerLogo > a > img{
width:153px;
}
#headerLogoArea .munLogo2016 .pc,
header.munLogo2016_02 .pc{
display: none;
}
#cmnNaviHeader.munLogo2016_02 #corpLogo{
display: none;
}
#cmnNaviHeader.munLogo2016_02 #headerLogoSP{
max-width:150px;
width:40%;
padding:1.214rem 0 0.679rem 0.286rem;
text-align:left;
}
#cmnNaviHeader.munLogo2016_02 #headerLogoSP img.sp{
width:100%;
max-width:139px;
}
.mufgjalH1.munLogo2016 .h1wrapHeader h1.pc,
.mufgjalH1.munLogo2016 .h1wrapHeader p.pc.subH1{
display:none;
}
.mufgjalH1.munLogo2016 .h1wrapHeader h1.pc img,
.mufgjalH1.munLogo2016 .h1wrapHeader p.subH1 img{
width:211px;
}
.mufgjalH1.munLogo2016 .h1wrapHeader #headNaviSP{
width:auto;
}
#cmnNaviHeader.munLogo2016_04 .pc{
display: none;
}
#cmnNaviHeader.munLogo2016_04 .h1wrapHeader{
display: block;
position: relative;
width: auto;
}
#cmnNaviHeader.munLogo2016_04 .h1wrapHeader{
display: block;
position: relative;
width: auto;
}
.allTop #cmnNaviHeader.munLogo2016_04 #headerLogoSP{
width:50%;
max-width: 150px;
text-align:left;
padding: 1.214rem 0 0.6791rem 0.286rem;
}
.allTop #cmnNaviHeader.munLogo2016_04 #headerLogoSP img{
width:100%;
max-width:139px;
}
.allTop #cmnNaviHeader.munLogo2016_04 #headNaviSP{
max-width:50%;
}
.allTop #cmnNaviHeader.munLogo2016_04 .h1wrapHeader{
height:auto;
min-height:46px;
}
.oneCLM .munLogo2016_05 #headerLogoSP{
padding:1.214rem 0 0.679rem 0.286rem;
width:50%;
max-width:150px;
text-align:left
}
.oneCLM .munLogo2016_05 #headerLogoSP img{
width: 100%;
max-width: 139px;
}
.oneCLM .munLogo2016_05 #headerLogoSP img.pc{
display: none;
}
.oneCLM .munLogo2016_05 #corpLogo{
display: none;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoJCCARD{
padding: 1.428rem 0 0 0.286rem;
text-align: left;
line-height: 1;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoJCCARD img{
width: 67px;
}
.oneCLM .aeNavi .munLogo2016 #headerLogoSP,
.oneCLM .jcNavi .munLogo2016 #headerLogoSP{
padding: 1.214rem 0.286rem 0.714rem 0;
height: 46px;
}
.oneCLM .munLogo2016_03 #headerLogoSP{
width:50%;
max-width:150px;
text-align:left;
line-height:1;
font-size:0;
height: 46px;
padding: 1.214rem 0 0.679rem 0.286rem;
}
.oneCLM .munLogo2016_03 #headerLogoSP img{
width: 100%;
max-width:139px;
text-align: left;
}
.oneCLM .munLogo2016_03 #headerLogoJwest{
padding:1.142rem 0.642rem 0 0;
}
.oneCLM .munLogo2016_03 #headerLogoJwest img{
width:45px;
}
.cardTop .munLogo2016_03 #headerLogoSP{
text-align: left;
padding: 1.214rem 0 0.857rem 0.286rem;
height:46px;
}
.cardTop .munLogo2016_03 #headerLogoSP img{
max-width: 139px;
vertical-align: middle;
}
.cardTop .munLogo2016_03 #headerLogoSP a{
display: block;
font-size: 0;
}
#amex .oneCLM #headerInnerWrap.munLogo2016 #headerLogoSP{
font-size: 0;
padding: 1.214rem 0.429rem 0.857rem 0;
text-align: right;
}
#amex .oneCLM #headerInnerWrap.munLogo2016 #headerLogoAmex {
width: 50%;
max-width: 150px;
font-size: 0;
text-align: left;
padding: 1rem 0 0.714rem 0.428rem;
}
#amex .oneCLM #headerInnerWrap.munLogo2016 #headerLogoSP img{
width:139px;
}
#amex .oneCLM #headerInnerWrap.munLogo2016 #headerLogoAmex img{
width: 128px;
}
.munLogo2016.munLogo2016_03 #headerLogoSP{
text-align:left;
width:50%;
max-width:150px;
height:150px;
}
.munLogo2016.munLogo2016_03 #headerLogoSP img{
width:100%;
max-width:139px;
}
.munLogo2016.mufgjalH1 .h1wrapHeader{
border-top:none;
}
.munLogo2016.mufgjalH1 .h1wrapHeader h1,
.munLogo2016.mufgjalH1 .h1wrapHeader p.subH1{
padding: 1.284rem 0 0.857rem 0.286rem;
vertical-align:top;
font-size:0;
}
}//end