e03bbc6cf7a991c3e4cbe6d50a7909d6b9eeda31a8b9bd8a893c404f6c36c46a
Source Code:
@charset "utf-8";
body.categoryTop{
min-width: 980px;
width: 100%;
}
/***********************************************************
pseudoHover
***********************************************************/
a.pseudoHover:hover{
display:block;
position:relative;
}
a.pseudoHover:hover:after{
content: "";
position: absolute;
top: -1px;
left: 0px;
display: block;
width:100%;
height:100%;
background-color:rgba(215,215,215,0.5);
}
a.pseudoHover.radius8:hover:after{
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
}
.swImgHover .swImgHoverON{
display:none;
}
.swImgHover:hover .swImgHoverOFF{
display:none;
}
.swImgHover:hover .swImgHoverON{
display:block;
}
/***********************************************************
cmnNaviHeader
***********************************************************/
#cmnNaviHeader{
display: table;
width: 100%;
border-top: 4px solid #da2128;
}
#cmnNaviHeader.mufgjalH1{
border-bottom: 1px solid #edeae8;
}
#cmnNaviHeader.aeNavi,
.oneCLM #cmnNaviHeader.aeNavi{
border-top: 4px solid #002663;
}
#cmnNaviHeader.jcNavi,
.oneCLM #cmnNaviHeader.jcNavi{
border-top: 4px solid #006335;
}
.oneCLM #cmnNaviHeader{
display:table;
margin-bottom:30px;
width: 100%;
border-top: 4px solid #da2128;
box-shadow: 0 4px 12px 0 #dddddd;
}
.allTop .oneCLM #cmnNaviHeader{
margin-bottom:0px;
}
/*----------------------------------------------------------
breadcrumbWrap
----------------------------------------------------------*/
#breadcrumb{
margin-bottom:2.142rem;
background: #e5e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e5e1e1 10%, #f3f3f3 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e5e1e1), color-stop(30%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* IE10+ */
background: linear-gradient(to bottom, #e5e1e1 10%,#f3f3f3 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1e1', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.categoryTop #breadcrumb{
margin-bottom:0;
}
#breadcrumbWrap{
width:980px;
margin:0 auto;
padding:0.428rem 0 0.357rem 0;
background: #e5e1e1; /* Old browsers */
background: -moz-linear-gradient(top, #e5e1e1 10%, #f3f3f3 30%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#e5e1e1), color-stop(30%,#f3f3f3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #e5e1e1 10%,#f3f3f3 30%); /* IE10+ */
background: linear-gradient(to bottom, #e5e1e1 10%,#f3f3f3 30%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e1e1', endColorstr='#f3f3f3',GradientType=0 ); /* IE6-9 */
}
.categoryTop #breadcrumbWrap{
width:980px;
}
#breadcrumbWrap a,
#breadcrumbWrap span{
color:#666666;
font-size:0.714rem;
line-height:1;
}
#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-right:0.857rem;
padding: 1px 0 1px 1.571rem;
line-height: 0;
background: url(../images/cmn_ico_020.gif);
background-size:7px auto;
background-position: 0.142rem 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;
}
#headerInnerWrap{
overflow:hidden;
width:980px;
margin:0 auto;
border-bottom:1px solid #edeae8;
}
.allTop #headerInnerWrap{
border-bottom:none;
}
.oneCLM #headerInnerWrap{
overflow:hidden;
width:100%;
min-width:730px;
max-width:980px;
margin:0 auto;
}
.oneCLM #headerInnerWrap{
border-bottom:none;
}
#headerLogoSP{
float:left;
display:inline-block;
height:34px;
padding:0.357rem 0.642rem 0.928rem 0;
text-align:center;
}
.oneCLM #headerLogoSP{
float:left;
display:inline-block;
width:39.21875%;
max-width:204px;
height:auto;
padding: 1.614rem 0 1.434rem;
text-align:center;
}
.allTop #headerLogoSP{
float:none;
display:table-cell;
width:41%;
padding:0;
}
#amex.infoHeaderLogo #headerLogoSP{
display:none;
}
.allTop #headerLogoSP h1,
.allTop #headerLogoSP p.subH1{
display: block;
width:auto;
margin-left:0;
}
.allTop #headerLogoSP h1 > a,
.allTop #headerLogoSP h1 > span,
.allTop #headerLogoSP > a,
.allTop #headerLogoSP > span{
display: table-cell;
vertical-align: middle;
margin-left:0;
padding-left:0;
}
.allTop #headerLogoSP h1 > a,
.allTop #headerLogoSP p.subH1 > a{
width:auto;
background:none;
}
.allTop #headerLogoSP h1 > span,
.allTop #headerLogoSP p.subH1,
.allTop #headerLogoSP > span{
padding-left:20px;
color:#666666;
font-weight:normal;
font-size:0.714rem;
line-height:1;
text-align: left;
}
#headerLogoSP img{
width:109px;
}
.oneCLM #headerLogoSP img,
.allTop #headerLogoSP img{
width:204px;
}
.oneCLM #headerLogoSP img{
height:41px
}
#headerLogoSP p{
display:inline-block;
margin-left:14px;
font-size:0.714rem;
line-height:1;
color:#666666;
}
.oneCLM .aeNavi #headerLogoSP,
.oneCLM .jcNavi #headerLogoSP{
float:right;
display:inline-block;
width:39.21875%;
max-width:204px;
height:auto;
padding: 1.614rem 0 1.434rem;
text-align:center;
}
.oneCLM .aeNavi #headerLogoAmex,
.oneCLM .jcNavi #headerLogoAmex{
float: left;
display: inline-block;
width: 340px;
max-width: 340px;
height: auto;
padding: 1.428rem 0 1.571rem 0;
text-align: center;
}
.oneCLM .jcNavi #headerLogoJCCARD{
float: left;
display: inline-block;
width: 120px;
max-width: 120px;
height: auto;
padding: 2.285rem 0 1.857rem 0;
text-align: center;
}
#headNaviSP,
.mufgjalH1 #headNaviSP{
display:none;
}
#headNaviPC{
float: right;
display:inline-block;
width:auto;
height:34px;
}
.allTop #headNaviPC{
min-height:22px;
height:auto;
}
#headNaviPC li{
display:inline-block;
}
#headNaviPC li a,
#headNaviPC li.linkType02 a{
display: inline-block;
padding: 0.785rem 1.500rem 0.500rem 1.428rem;
font-size: 0.785rem;
line-height:1;
color:#333333;
text-align:left;
background-image: url(../images/cmn_ico_018.png);
background-size: 6px auto;
background-position: 0.571rem 1.214em;
background-repeat: no-repeat;
}
#headNaviPC li:last-child a{
padding-right: 0;
}
.allTop #headNaviPC ul,
.allTop #headNaviPC li{
line-height: 1;
}
.allTop #headNaviPC li.linkType01, .allTop #headNaviPC li.linkType02, .allTop #headNaviPC li.linkType03{
margin-bottom: 0;
}
.allTop #headNaviPC li a,
.allTop #headNaviPC li.linkType02 a{
padding: 0.785rem 1.500rem 0 1.428rem;
}
/*----------------------------------------------------------
h1Header
----------------------------------------------------------*/
.h1wrapHeader{
display:table;
width:980px;
margin:0 auto 1.285rem auto;
padding:1.071rem 0 0 0;
background-color:#ffffff;
}
.ae01H1 .h1wrapHeader{
margin:0 auto 0.857rem auto;
padding:0.714rem 0 0 0;
}
.jcNavi .h1wrapHeader{
padding:1.000rem 0 0 0;
margin:0 auto 1.285rem auto;
}
.mufgjalH1 .h1wrapHeader{
position: relative;
border:none;
}
.allTop .h1wrapHeader{
margin:0 auto 1.214rem auto;
padding:0 0 0 0;
}
.h1wrapHeader h1,
.h1wrapHeader p.subH1{
display:table-cell;
vertical-align:middle;
padding-right:0;
font-size:1rem;
color:#ffffff;
}
.mufgjalH1 .h1wrapHeader h1 img,
.mufgjalH1 .h1wrapHeader p.subH1 img{
width:230px;
}
.dccardH1 .h1wrapHeader h1,
.dccardH1 .h1wrapHeader p.subH1{
width:274px;
}
.nicos01H1 .h1wrapHeader h1,
.nicos01H1 .h1wrapHeader p.subH1{
width:332px;
}
.nicos02H1,
.nicos03H1{
display:none;
}
.ae01H1 .h1wrapHeader h1,
.ae01H1 .h1wrapHeader p.subH1{
width:412px;
}
.jacard01H1 .h1wrapHeader h1,
.jacard01H1 .h1wrapHeader p.subH1{
width:320px;
}
.jacard02H1{
display:none;
}
.ufjjcbH1 .h1wrapHeader h1,
.ufjjcbH1 .h1wrapHeader p.subH1{
width:280px;
}
.jalH1 .h1wrapHeader h1,
.jalH1 .h1wrapHeader p.subH1{
width:359px;
}
.mufgjalH1 .h1wrapHeader h1,
.mufgjalH1 .h1wrapHeader p.subH1{
width:592px;
padding:0 0 8px 0;
border-bottom:none;
}
.mufjfgH1 .h1wrapHeader h1,
.mufjfgH1 .h1wrapHeader p.subH1{
width:294px;
}
.cardTopHeader .mufjfgH1 .h1wrapHeader h1,
.cardTopHeader .mufjfgH1 .h1wrapHeader p.subH1{
width:250px;
}
.h1wrapHeader h1 a,
.h1wrapHeader p.subH1 a,
.h1wrapHeader > a{
position:relative;
display:inline-block;
color:#333333;
font-size:20px;
font-weight:bold;
background-repeat:no-repeat;
}
.h1wrapHeader h1 a .headerIcon,
.h1wrapHeader p.subH1 a .headerIcon{
position: absolute;
left:0px;
top:0px;
}
.mufjfgH1 .h1wrapHeader h1 a,
.mufjfgH1 .h1wrapHeader p.subH1 a{
height:32px;
color:#333333;
padding:0 0 0 42px;
}
.dccardH1 .h1wrapHeader h1 a,
.dccardH1 .h1wrapHeader p.subH1 a{
color:#333333;
padding:0 0 0 52px;
}
.dccardH1 .h1wrapHeader h1 a .headerIcon,
.dccardH1 .h1wrapHeader p.subH1 a .headerIcon{
top:0;
}
.nicos01H1 .h1wrapHeader h1 a,
.nicos01H1 .h1wrapHeader p.subH1 a{
color:#333333;
padding:0 0 0 74px;
}
.nicos01H1 .h1wrapHeader h1 a .headerIcon,
.nicos01H1 .h1wrapHeader p.subH1 a .headerIcon{
top:0.142em;
}
.ae01H1 .h1wrapHeader h1 a,
.ae02H1 .h1wrapHeader h1 a,
.ae01H1 .h1wrapHeader p.subH1 a,
.ae02H1 .h1wrapHeader p.subH1 a{
color:#333333;
font-size:18px;
line-height:1.2;
padding:0 0 0 59px;
}
.ae01H1 .h1wrapHeader h1 a .headerIcon,
.ae01H1 .h1wrapHeader p.subH1 a .headerIcon,
.ae02H1 .h1wrapHeader h1 a .headerIcon,
.ae02H1 .h1wrapHeader p.subH1 a .headerIcon{
top:0.500em;
}
.jacard01H1 .h1wrapHeader h1 a,
.jacard01H1 .h1wrapHeader p.subH1 a{
color:#333333;
padding:0 0 0 102px;
}
.jacard01H1 .h1wrapHeader h1 a .headerIcon,
.jacard01H1 .h1wrapHeader p.subH1 a .headerIcon{
top:0.285em;
}
.ufjjcbH1 .h1wrapHeader h1 a,
.ufjjcbH1 .h1wrapHeader p.subH1 a{
color:#333333;
}
.jalH1 .h1wrapHeader h1 a,
.jalH1 .h1wrapHeader p.subH1 a{
color:#333333;
padding:0 0 0 141px;
}
.mufgjalH1 .h1wrapHeader h1 img,
.mufgjalH1 .h1wrapHeader p.subH1 img{
width:418px;
}
.cardTopHeader .h1wrapHeader h1 a,
.cardTopHeader .h1wrapHeader p.subH1 a{
padding:0 0 0 0;
background-image:none;
}
.h1wrapHeader h1 a:hover,
.h1wrapHeader p.subH1 a:hover{
color:#e60000;
text-decoration:none;
}
.aeNavi .h1wrapHeader h1 a:hover,
.aeNavi .h1wrapHeader p.subH1 a:hover{
color:#002663;
text-decoration:none;
}
.jcNavi .h1wrapHeader h1 a:hover,
.jcNavi .h1wrapHeader p.subH1 a:hover{
color:#006335;
text-decoration:none;
}
.h1wrapHeader .linkTypeHeaderInTop{
display:table-cell;
vertical-align:middle;
position: relative;
left:0px;
width:60px;
min-width:4.285em;
float:none;
margin:0;
padding:0;
text-align: right;
color:#333333;
background-color:#ffffff;
}
.h1wrapHeader .linkTypeHeaderInTop{
display:none;
}
.cardTopHeader .h1wrapHeader .linkTypeHeaderInTop{
width:698px;
padding-left:20px;
text-align: left;
}
.h1wrapHeader .linkTypeHeaderInTop span{
padding-left:1.428rem;
color:#333333;
font-size:0.714rem;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
background-image: url(../images/cmn_ico_018.png);
background-size: 6px auto;
background-position: 0.571rem center;
background-repeat: no-repeat;
}
.h1wrapHeader .h1Caption{
display:table-row;
font-size:1rem;
}
.mufgjalH1 .h1wrapHeader .spTable .h1Caption p{
display:block;
vertical-align: middle;
width:auto;
padding:0 0 0 0.428rem;
font-size:1.000rem;
}
/*----------------------------------------------------------
headerParts
----------------------------------------------------------*/
.selecterBrand,
#headerGlobalNavi,
.headerSearchWrap,
#dropdownGlobalNaviWrap{
display:none;
}
.h1wrapHeader .h1Caption p{
padding:0.428rem 0 0 0.500rem;
}
.selecterBrand{
display:table-cell;
vertical-align:middle;
position: relative;
width:162px;
margin-left:18px;
padding-left:18px;
}
/***********************************************************
headerGlobalNavi
***********************************************************/
#headerGlobalNavi::before{
position: absolute;
top:1px;
z-index:10;
content:"";
width:100%;
height:0px;
background-color:#ffffff;
}
#headerGlobalNavi::after{
position: absolute;
bottom:0px;
z-index:10;
content:"";
width:100%;
height:6px;
background-color:#c9c8c7;
}
#headerGlobalNavi{
display:block;
position:relative;
overflow:hidden;
width:100%;
margin-top: -3px;
border-top:1px solid #cccccc;
background-color:#faf8f6;
}
#headerGlobalNavi > ul{
overflow: hidden;
display:table;
width:980px;
margin:0 auto;
z-index:11;
border-top:1px solid #ffffff;
}
.categoryTop #headerGlobalNavi > ul{
width:980px;
}
#headerGlobalNavi > ul > li,
#headerGlobalNavi > ul > li.nonHover{
display:table-cell;
width:25%;
border-left:1px solid #cccccc;
border-bottom:none;
background-color:#faf8f6;
}
#headerGlobalNavi > ul > li:hover,
#headerGlobalNavi > ul > li.current{
background-color:#e60203;
}
.aeNavi #headerGlobalNavi > ul > li:hover,
.aeNavi #headerGlobalNavi > ul > li.current{
background-color:#002663;
}
.jcNavi #headerGlobalNavi > ul > li:hover,
.jcNavi #headerGlobalNavi > ul > li.current{
background-color:#006335;
}
#headerGlobalNavi > ul > li.nonHover:hover,
.aeNavi #headerGlobalNavi > ul > li.nonHover:hover,
.jcNavi #headerGlobalNavi > ul > li.nonHover:hover{
background-color:#faf8f6;
}
#headerGlobalNavi > ul > li.act,
.aeNavi #headerGlobalNavi > ul > li.act,
.jcNavi #headerGlobalNavi > ul > li.act{
background-color:#666666 !important;
}
/*----------------------------------------------------------
card_top
----------------------------------------------------------*/
.cardTopHeader #headerGlobalNavi > ul > li{
width:50%;
}
/*----------------------------------------------------------
headerGlobalNav
----------------------------------------------------------*/
#headerGlobalNavi > ul > li:last-child{
border-right:1px solid #cccccc;
}
#headerGlobalNavi > ul > li > a,
#headerGlobalNavi > ul > li.nonHover > a{
position:relative;
display:block;
width:243px;
padding:9px 0 18px 0;
color:#333333;
text-align:left;
font-size:15px;
line-height:1;
font-weight:bold;
border:1px solid #ffffff;
border-top:none;
border-bottom:none;
background-image: url(../images/cmn_ico_021.gif);
background-repeat: no-repeat;
background-position: center 44px;
background-size:15px auto;
}
#headerGlobalNavi > ul > li > a:hover,
#headerGlobalNavi > ul > li.current > a{
color:#ffffff;
border:1px solid #e60203;
border-top:none;
border-bottom:none;
}
.aeNavi #headerGlobalNavi > ul > li > a:hover,
.aeNavi #headerGlobalNavi > ul > li.current > a{
border:1px solid #002663;
border-top:none;
border-bottom:none;
}
.jcNavi #headerGlobalNavi > ul > li > a:hover,
.jcNavi #headerGlobalNavi > ul > li.current > a{
border:1px solid #006335;
border-top:none;
border-bottom:none;
}
#headerGlobalNavi > ul > li.nonHover > a:hover{
color:#333333;
}
#headerGlobalNavi > ul > li > a:hover,
#headerGlobalNavi > ul > li.current > a{
text-decoration:none;
color:#ffffff;
background-image: url(../images/cmn_ico_022.png);
}
#headerGlobalNavi > ul > li.act > a{
color:#ffffff;
border:1px solid #666666 !important;
border-top:none;
background-image: url(../images/cmn_ico_024.png) !important;
}
#headerGlobalNavi > ul > li:nth-child(3) > a,
#headerGlobalNavi > ul > li.nonHover:nth-child(3) > a{
font-size:14px;
padding-top: 10px;
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(3) > a,
.jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a{
font-size:16px;
padding-top: 8px;
}
.nicosNavi #headerGlobalNavi > ul > li:nth-child(3) > a,
.nicosNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a{
font-size:16px;
padding-top: 8px;
}
.cardTopHeader #headerGlobalNavi > ul > li > a{
width:489px;
}
.cardTopHeader #headerGlobalNavi > ul > li > a:hover{
color:#ffffff;
border:1px solid #e60203;
border-left:1px solid #ffffff;
border-bottom:none;
}
#headerGlobalNavi > ul > li > a::after{
position: absolute;
bottom:0px;
left:-1px;
z-index:12;
content:"";
width:244px;
height:6px;
background-color:#e60000;
}
#headerGlobalNavi > ul > li:last-child > a::after{
width:243px;
}
.aeNavi #headerGlobalNavi > ul > li > a::after{
background-color:#002663;
}
.jcNavi #headerGlobalNavi > ul > li > a::after{
background-color:#006335;
}
_::-webkit-full-page-media, _:future, :root .jcNavi #headerGlobalNavi > ul > li > a::after{
bottom:-1px;
}
_::-webkit-full-page-media, _:future, :root .jcNavi #headerGlobalNavi > ul > li:nth-child(3) > a::after,
_::-webkit-full-page-media, _:future, :root .jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a:hover::after{
height: 7px;
}
#headerGlobalNavi > ul > li.act > a::after{
background-color:#666666;
}
.cardTopHeader #headerGlobalNavi > ul > li > a:after{
width:488px;
border-left:1px solid #ffffff;
}
.cardTopHeader #headerGlobalNavi > ul > li > a:hover:after{
border-left:1px solid #ffffff;
}
#headerGlobalNavi > ul > li > a span{
display:block;
padding:11px 0 4px 0;
}
#headerGlobalNavi > ul > li:nth-child(1) > a span,
#headerGlobalNavi > ul > li.nonHover:nth-child(1) > a:hover span{
margin-left:40px;
padding-left:33px;
background-image: url(../images/header_ico_007.png);
background-repeat: no-repeat;
background-position: 0 0.285em;
background-size:21px auto;
-moz-background-size:21px auto;
-webkit-background-size:21px auto;
-o-background-size:21px auto;
-ms-background-size:21px auto;
}
.aeNavi #headerGlobalNavi > ul > li:nth-child(1) > a span,
.aeNavi #headerGlobalNavi > ul > li.nonHover:nth-child(1) > a:hover span{
background-image: url(../images/header_ico_007_ae.png);
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(1) > a span,
.jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(1) > a:hover span{
background-image: url(../images/header_ico_007_jc.png);
}
#headerGlobalNavi > ul > li:nth-child(1) > a:hover span,
#headerGlobalNavi > ul > li.act:nth-child(1) > a span,
#headerGlobalNavi > ul > li.current:nth-child(1) > a span{
background-image:url(../images/header_ico_007_ac.png);
}
.aeNavi #headerGlobalNavi > ul > li:nth-child(1) > a:hover span,
.aeNavi #headerGlobalNavi > ul > li.act:nth-child(1) > a span,
.aeNavi #headerGlobalNavi > ul > li.current:nth-child(1) > a span{
background-image:url(../images/header_ico_007_ac.png);
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(1) > a:hover span,
.jcNavi #headerGlobalNavi > ul > li.act:nth-child(1) > a span,
.jcNavi #headerGlobalNavi > ul > li.current:nth-child(1) > a span{
background-image:url(../images/header_ico_007_ac.png);
}
#headerGlobalNavi > ul > li:nth-child(2) > a span,
#headerGlobalNavi > ul > li.nonHover:nth-child(2) > a:hover span{
margin-left:29px;
padding-left:45px;
background-image: url(../images/header_ico_008.png);
background-repeat: no-repeat;
background-position: 0 0;
background-size:32px auto;
-moz-background-size:32px auto;
-webkit-background-size:32px auto;
-o-background-size:32px auto;
-ms-background-size:32px auto;
}
.aeNavi #headerGlobalNavi > ul > li:nth-child(2) > a span,
.aeNavi #headerGlobalNavi > ul > li.nonHover:nth-child(2) > a span{
background-image: url(../images/header_ico_008_ae.png);
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(2) > a span,
.jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(2) > a span{
background-image: url(../images/header_ico_008_jc.png);
}
#headerGlobalNavi > ul > li:nth-child(2) > a:hover span,
#headerGlobalNavi > ul > li.act:nth-child(2) > a span,
#headerGlobalNavi > ul > li.current:nth-child(2) > a span{
background-image:url(../images/header_ico_008_ac.png);
}
#headerGlobalNavi > ul > li:nth-child(3) > a span,
#headerGlobalNavi > ul > li.nonHover:nth-child(3) > a:hover span{
margin-left:10px;
padding-left:37px;
background-image: url(../images/header_ico_009.png);
background-repeat: no-repeat;
background-position: 0 8px;
background-size:30px auto;
-moz-background-size:30px auto;
-webkit-background-size:30px auto;
-o-background-size:30px auto;
-ms-background-size:30px auto;
}
.aeNavi #headerGlobalNavi > ul > li:nth-child(3) > a span,
.aeNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a:hover span{
background-image: url(../images/header_ico_009_ae.png);
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(3) > a span,
.jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a:hover span{
padding-left:72px;
background-image: url(../images/header_ico_009_jc.png);
background-position:31px 8px;
}
.nicosNavi #headerGlobalNavi > ul > li:nth-child(3) > a span,
.nicosNavi #headerGlobalNavi > ul > li.nonHover:nth-child(3) > a:hover span{
padding-left:72px;
background-position:31px 8px;
}
#headerGlobalNavi > ul > li:nth-child(3) > a:hover span,
#headerGlobalNavi > ul > li.act:nth-child(3) > a span,
#headerGlobalNavi > ul > li.current:nth-child(3) > a span{
background-image:url(../images/header_ico_009_ac.png);
}
#headerGlobalNavi > ul > li:nth-child(4) > a span,
#headerGlobalNavi > ul > li.nonHover:nth-child(4) > a:hover span{
margin-left:31px;
padding-left:37px;
background-image: url(../images/header_ico_010.png);
background-repeat: no-repeat;
background-position: 0 0.428em;
background-size:30px auto;
-moz-background-size:30px auto;
-webkit-background-size:30px auto;
-o-background-size:30px auto;
-ms-background-size:30px auto;
}
.aeNavi #headerGlobalNavi > ul > li:nth-child(4) > a span,
.aeNavi #headerGlobalNavi > ul > li.nonHover:nth-child(4) > a:hover span{
background-image: url(../images/header_ico_010_ae.png);
}
.jcNavi #headerGlobalNavi > ul > li:nth-child(4) > a span,
.jcNavi #headerGlobalNavi > ul > li.nonHover:nth-child(4) > a:hover span{
background-image: url(../images/header_ico_010_jc.png);
}
#headerGlobalNavi > ul > li:nth-child(4) > a:hover span,
#headerGlobalNavi > ul > li.act:nth-child(4) > a span,
#headerGlobalNavi > ul > li.current:nth-child(4) > a span{
background-image:url(../images/header_ico_010_ac.png);
}
/* cardTopHeader */
.cardTopHeader #headerGlobalNavi > ul > li:nth-child(1) > a span,
.cardTopHeader #headerGlobalNavi > ul > li.nonHover:nth-child(1) > a:hover span{
margin-left:40px;
padding-left:139px;
background-image: url(../images/cardTop_header_ico_001.png);
background-repeat: no-repeat;
background-position: 113px 0.428em;
background-size:18px auto;
-moz-background-size:18px auto;
-webkit-background-size:18px auto;
-o-background-size:18px auto;
-ms-background-size:18px auto;
}
.cardTopHeader #headerGlobalNavi > ul > li:nth-child(1) > a:hover span,
.cardTopHeader #headerGlobalNavi > ul > li.act:nth-child(1) > a span{
background-image: url(../images/cardTop_header_ico_001_ac.png);
}
.cardTopHeader #headerGlobalNavi > ul > li:nth-child(2) > a span,
.cardTopHeader #headerGlobalNavi > ul > li.nonHover:nth-child(2) > a:hover span{
margin-left:29px;
padding-left:161px;
background-image: url(../images/cardTop_header_ico_002.png);
background-repeat: no-repeat;
background-position: 130px 0.428em;
background-size:22px auto;
-moz-background-size:22px auto;
-webkit-background-size:22px auto;
-o-background-size:22px auto;
-ms-background-size:22px auto;
}
.cardTopHeader #headerGlobalNavi > ul > li:nth-child(2) > a:hover span,
.cardTopHeader #headerGlobalNavi > ul > li.act:nth-child(2) > a span{
background-image: url(../images/cardTop_header_ico_002_ac.png);
}
.headerSearchWrap{
display:table-cell;
vertical-align:middle;
height:28px;
width:auto;
text-align:right;
}
.allTop .headerSearchWrap{
padding-top:1.071rem
}
#headerSearchText{
-webkit-appearance: none;
padding:0 1em 0 1em;
width:212px;
height:28px;
font-size:0.857rem;
border:1px solid #e0e9ec;
border-top-left-radius:6px;
-moz-border-top-left-radius:6px;
-webkit-border-top-left-radius:6px;
-o-border-top-left-radius:6px;
-ms-border-top-left-radius:6px;
border-bottom-left-radius:6px;
-moz-border-bottom-left-radius:6px;
-webkit-border-bottom-left-radius:6px;
-o-border-bottom-left-radius:6px;
-ms-border-bottom-left-radius:6px;
}
.aeNavi #headerSearchText{
width:143px;
}
.allTop #headerSearchText{
border-radius:0px;
}
.searchKey{
-webkit-appearance: none;
}
.headerSearchBtn01{
position: relative;
}
.headerSearchBtn01{
box-sizing:content-box;
width:19px;
height:19px;
padding:5px 7px 4px 7px;
border:1px solid #e0e9ec;
border-left:none;
background-color:#666666;
border-top-right-radius:6px;
-moz-border-top-right-radius:6px;
-webkit-border-top-right-radius:6px;
-o-border-top-right-radius:6px;
-ms-border-top-right-radius:6px;
border-bottom-right-radius:6px;
-moz-border-bottom-right-radius:6px;
-webkit-border-bottom-right-radius:6px;
-o-border-bottom-right-radius:6px;
-ms-border-bottom-right-radius:6px;
}
.brandSelect,
.allTop .headerSearchWrap label{
position: relative;
display:inline;
overflow: hidden;
width:308px;
height:28px;
padding:3px 64px 4px 7px;
background-color:#e0e9ec;
border:none;
border-radius:6px;
-moz-border-radius:6px;
-webkit-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-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
z-index:23;
}
.allTop .headerSearchWrap label:focus{
padding:3px 0 4px 7px;
}
.allTop .headerSearchWrap > *{
vertical-align: top;
}
.allTop .headerSearchWrap label{
display: inline-block;
top:0px;
left:1px;
padding:2px 7px 4px 7px;
}
.allTop .headerSearchWrap label::before{
content: '';
display: inline-block;
border: 7px solid transparent;
border-top-color: #666666;
position: absolute;
left: 92%;
top: 50%;
margin-top: -3px;
z-index: 22;
pointer-events: none;
}
.allTop .headerSearchWrap label select.brandSelect{
width:356px;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
font-size:0.785rem;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: rgba(0, 0, 0, 0) !important;
}
.allTop .headerSearchWrap label select.brandSelect:focus{
width:388px
}
.allTop .headerSearchWrap label select.brandSelect option,
.allTop .headerSearchWrap label select.brandSelect optgroup,
.allTop .headerSearchWrap label select.brandSelect optgroup option{
color: #666666;
background: #e0e9ec;
}
.allTop .headerSearchWrap label select.brandSelect:focus option,
.allTop .headerSearchWrap label select.brandSelect:focus optgroup,
.allTop .headerSearchWrap label select.brandSelect:focus optgroup option{
color: #333333;
background: #ffffff;
}
.allTop .headerSearchWrap label select.brandSelect::-ms-expand{
display: none;
}
.brandSelect option{
background-color:#ffffff;
}
.brandSelect option:checked{
background-color:#ffffff;
}
.brandSelect optgroup,
.brandSelect optgroup option{
background-color:#ffffff;
}
/***********************************************************
noScriptMsg
***********************************************************/
.noScriptMsg{
width:100%;
margin:20px auto 20px auto;
max-width:980px;
padding:20px;
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 1.000rem 0 1.785rem;
color: #c40000;
text-align: left;
font-size:1rem;
background-image: url(../images/cmn_ico_030.png);
background-position: left 2px;
background-repeat: no-repeat;
background-size: 16px auto;
}
/***********************************************************
main contents side
***********************************************************/
#main{
overflow:hidden;
width:980px;
margin:0 auto;
}
.oneCLM #main,
.oneCLMFullWidth #main{
width:730px;
float:none;
}
.cardTop .oneCLMFullWidth #main,
.new .oneCLMFullWidth #main{
overflow:hidden;
width:980px;
margin:0 auto;
}
.categoryTop .oneCLMFullWidth #main{
width:100%;
}
#contents,
#contentsCMP{
float:left;
margin:0 auto;
width:730px;
overflow:hidden;
}
.cardTop .oneCLMFullWidth #main #contents,
.new .oneCLMFullWidth #main #contents{
float:none;
width:980px;
}
.categoryTop .oneCLMFullWidth #main #contents{
width:100%;
}
#side{
float:right;
width:230px;
margin:0 auto;
text-align:center;
}
/* ==========================================================================
LINK
=========================================================================== */
a{
font-size:1rem;
}
a,a:link {text-decoration:none;color:#3366cc;}
a:visited,
#headNaviPC li a:visited
{text-decoration:none;color:#800080;}
a:hover {text-decoration:underline;color:#3366cc;}
.linkType01,
.linkType02,
.linkType03 {
text-align:left;
margin-bottom: 0.785rem;
}
li.linkType01,
li.linkType02,
li.linkType03 {
margin-bottom: 0.642rem;
}
.columnBoxWrap .linkType01,
.columnBoxWrap .linkType02,
.columnBoxWrap .linkType03{
margin:0 0 0.285rem 0;
}
.columnBoxWrap .linkType01:last-child,
.columnBoxWrap .linkType02:last-child,
.columnBoxWrap .linkType03:last-child{
/*margin: 0 1.428rem 0 0;*/
margin: 0 0 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,.linkType_nextToReturn a{
display:inline-block;
padding-left:1.142rem;
font-size:1rem;
line-height:1.5;
}
.linkType_nextToReturn a:last-child{
padding: 0 1.285rem 0 0;
}
.linkType01 a{
background: url(../images/cmn_ico_002.png) no-repeat left 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 left 0.500em;
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,
#ja .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.500em;
background-size:7px auto;
}
#amex .linkType03 a{
background: url(../images/ae_cmn_ico_017.png) no-repeat 3px 0.500em;
background-size:7px auto;
}
#jacard .linkType03 a,
#ja .linkType03 a{
background: url(../images/jacard_cmn_ico_017.png) no-repeat 3px 0.500em;
background-size:7px auto;
}
a.linkType02{
margin-right:0.428rem;
}
.linkType_list{
padding:0 0.714rem 0 0;
text-align:right;
}
p.linkType01,
p.linkType02{
margin-bottom: 6px;
margin-right:0;
margin-left:0;
text-align: left;
}
.columnBoxWrap + p.linkType01,
.columnBoxWrap + p.linkType02{
margin-top:1.071rem;
}
.linkType02 span.iconTypeBlank,
.linkType03 span.iconTypeBlank{
display: inline-block;
padding-top:0;
padding-left:0.285em;
vertical-align: middle;
line-height: 1;
}
.listType05 .linkType02 span.iconTypeBlank,
.listType05 .linkType03 span.iconTypeBlank{
text-align: right;
width: 14px;
}
.linkType02 span.iconTypeBlank img,
.linkType03 span.iconTypeBlank img{
width:9px;
margin-bottom:0;
margin-left:;
}
.linkTypePdf span{
display: inline-block;
padding-top:0.142rem;
padding-left:0.714em;
vertical-align: middle;
}
.linkTypePdf span.iconTypePdf{
display: inline-block;
padding-top:0.285rem;
padding-left:0.428em;
vertical-align: middle;
}
.linkTypePdf span.iconTypePdf img{
width:23px;
margin-bottom: 0;
}
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;
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;
}
.linkType04 a{
background-image: url(../images/cmn_ico_018.png);
background-size:6px auto;
background-position: 0.571rem 0.857em;
}
p.linkType_list{
padding:8px 0 0 0;
text-align:right;
}
.linkType_nextToReturn{
margin:0 0 1.785rem 0;
}
p.linkType_nextToReturn{
overflow: hidden;
width:100%;
}
.littlWehiteBtn01.mufjfgBtn a{
padding: 1.214rem 0.714rem 1.071rem 2.285rem;
background-image: url(../images/mufjfg_ico_001.gif);
background-position: 0.571rem 1.000rem;
background-size: 19px auto;
background-repeat: no-repeat;
}
.littlWehiteBtn01.mufjfgBtn.iconBlank02 a:before{
top: 4px;
right: 4px;
}
.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:hover{
border:1px solid #f3bebe;
background-color:#fff2f2;
}
#amex .linkType03Btn:hover{
background-color:#f0f4fb;
border:1px solid #a6bee1;
}
#jacard .linkType03Btn:hover{
background-color:#ebfbf3;
border:1px solid #8ec9ae;
}
.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;
}
.linkType03Btn:hover a{
color:#e60000;
}
#amex .linkType03Btn:hover a{
color:#00275d;
}
#jacard .linkType03Btn:hover a{
color:#006134;
}
/***********************************************************
paragraph
***********************************************************/
p.parBase01{
font-size:1rem;
line-height:1.5;
text-align:left;
margin:0;
background-image: url("/cmn/img/parBaseBg.png");
}
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.714rem;
}
#contents p.parBase01:last-child,
#contents p.parBase02:last-child{
margin-bottom:0;
}
p.alignRight{
text-align:right;
}
.alignLeft{
text-align:left !important;
}
.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;
}
.alignLists li:after{
height:0.071rem;
}
.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 li:last-child:after{
height:0;
}
.alignLists {
list-style: none;
padding-left: 0;
display: table;
}
.accordionBoxInner ol.alignLists,
.accordionBoxInner ul.alignLists{
}
.alignLists li:after{
content: "";
display: block;
height:0.285rem;
}
.alignLists.listType04 > li:after{
margin-bottom: 0rem
}
.alignLists.listType02 li:after,
.alignLists.listType03 li:after,
.alignLists .listType04_01 li:after,
.alignLists .listType04_02 li:after{
height:0.071rem;
}
.alignLists > li,
.alignLists .alignText{
display:table-row;
}
.alignLists >li:before,
.alignLists .alignText:before {
content: "â¢";
display: table-cell;
vertical-align:top;
}
.alignLists .listType04_02 li:last-child:after{
height:2.857rem;
}
.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;
}
.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;
}
.alignLists.listType02 >li:before,
.alignLists.listType03 >li:before {
vertical-align:baseline;
}
.listType03 li:before {
content:"â»"counter(item);
padding-right: 0.25em;
min-width:2.25em;
}
.listType04 > li:before {
content:counter(item);
padding-right: 1.000em;
min-width: 1.300em;
}
ol.listType04_01{
margin-top: 0.500rem;
margin-left: -0.5rem;
counter-reset:item0401;
}
ol.listType04_01 > li{
display: table-row;
counter-increment:item0401;
}
.listType04_01 > li:before {
display: table-cell;
content:"ï¼" counter(item0401) "ï¼";
padding-right: 0.0em;
min-width:3.5em;
}
ol.listType04_02{
margin-left:2rem;
margin-top: 1.142rem;
}
ol.alignLists > li {
display: table-row;
counter-increment: item;
}
ol.listType04_02 > li{
counter-increment:item0402;
}
.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{
margin-bottom:0.5rem;
padding-left:1.5em;
list-style: none;
text-indent: -1.5em;
}
.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;
}
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;
}
.grayBtn01 a{
display:inline-block;
min-width:165px;
height:auto;
padding: 1.000rem 1.285rem 0.857rem 3.428rem;
font-size: 1.000rem;
text-align:left;
color:#333333;
line-height:1.3;
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_001.png);
background-position: 1.428rem 1.000rem;
background-size: 18px 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: 18px auto;
}
#jacard .grayBtn01 a{
background-image: url(../images/jacard_gbtn_ico_001.png);
background-size: 18px auto;
}
.grayBtn02 a{
position: relative;
display:inline-block;
min-width:165px;
height:auto;
padding: 1.000rem 1.928rem 0.857rem 3.428rem;
font-size:1.000rem;
text-align:left;
color:#333333;
line-height:1.3;
border-radius:14px;
-webkit-border-radius:14px;
-moz-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_001.png);
background-position: 1.714rem 1.142rem;
background-size: 18px 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: 18px auto;
}
#jacard .grayBtn02 a{
background-image: url(../images/jacard_gbtn_ico_001.png);
background-size: 18px auto;
}
.grayBtn03 a{
display:inline-block;
/* width:140px; */
min-width: 165px;
height:auto;
/* padding: 1.000rem 1.928rem 0.857rem 4.785rem; */
padding: 14px 27px 12px 67px;
font-size:1.285rem;
text-align:left;
color:#333333;
line-height:1.3;
background-position: 2.857rem 1.285rem;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_003.png);
background-position: 39px center; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.grayBtn04 a{
display:inline-block;
min-width:165px;
height:auto;
padding: 1.000rem 1.285rem 0.857rem 5.142rem;
font-size:1.285rem;
text-align:left;
color:#333333;
line-height:1.3;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_004.png);
background-position: 3.000rem center; /*1.000 0.257*/
background-size:13px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #a6a6a6;
}
.grayBtn05 a{
display:inline-block;
min-width:165px;
height:auto;
padding: 1.000rem 1.285rem 0.857rem 30.48%;
font-size:1.285rem;
text-align:left;
color:#333333;
line-height:1.3;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
background-color: #eeeeee;
background-image: url(../images/gbtn_ico_005.png);
background-position: 68.29% center; /*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;
}
.grayBtn01 a:hover,
.grayBtn02 a:hover,
.grayBtn03 a:hover,
.grayBtn04 a:hover,
.grayBtn05 a:hover{
color:#333333;
text-decoration:none;
background-color:#d7d7d7;
}
.grayBtn02 .iconTypeBlank{
position:absolute;
top:8px;
right:10px;
width:9px;
height:9px;
}
.redBtn01 a{
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
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;
-o-border-radius:16px;
-ms-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:left;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.071rem 0 0.928rem 4.071rem;
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;
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;
/* -webkit-appearance: textfield; */
}
#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:left;
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;
-o-border-radius:16px;
-ms-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:43px auto;
}
#jacard .whiteBtn03 a{
background-image: url(../images/jacard_wbtn_ico_003.png);
background-size:43px auto;
}
.whiteBtn04 a{
position:relative;
display:inline-block;
min-width:57.78%;
height:auto;
font-size:1.142rem;
text-align:left;
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;
-o-border-radius:16px;
-ms-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;
}
.redBtn01 a,
.navyBtn01 a,
.greenBtn01 a,
.whiteBtn01 a{
padding: 1.142rem 1.357rem 1.000rem 48px;
background-position: 1.428rem center;
}
.redBtn02 a,
.navyBtn02 a,
.greenBtn02 a,
.whiteBtn02 a{
padding: 1.142rem 1.928rem 1.000rem 59px;
background-position: 1.428rem center;
background-size: 19px auto;
}
.redBtn03 a,
.navyBtn03 a,
.greenBtn03 a{
padding: 2.000rem 1.500rem 1.857rem 97px;
background-position: 1.428rem center;
background-size: 58px auto;
}
.whiteBtn03 a{
padding: 2.000rem 1.500rem 1.857rem 84px;
background-position: 1.500rem center;
background-size: 41px auto;
}
.redBtn04 a,
.navyBtn04 a,
.greenBtn04 a,
.whiteBtn04 a{
padding: 1.142rem 1.928rem 1.000rem 3.428rem;
background-position: 1.428rem center;
}
.redBtn01 a:hover,
.redBtn02 a:hover,
.redBtn03 a:hover,
.redBtn04 a:hover{
color:#ffffff;
text-decoration:none;
background-color:#ed4b4b;
}
.navyBtn01 a:hover,
.navyBtn02 a:hover,
.navyBtn03 a:hover,
.navyBtn04 a:hover{
color:#ffffff;
text-decoration:none;
background-color:#4e6796;
}
.greenBtn01 a:hover,
.greenBtn02 a:hover,
.greenBtn03 a:hover,
.greenBtn04 a:hover{
color:#ffffff;
text-decoration:none;
background-color:#4c9071;
}
.redBtn02 .iconTypeBlank,
.redBtn03 .iconTypeBlank,
.redBtn04 .iconTypeBlank,
.navyBtn02 .iconTypeBlank,
.navyBtn03 .iconTypeBlank,
.navyBtn04 .iconTypeBlank
.greenBtn02 .iconTypeBlank,
.greenBtn03 .iconTypeBlank,
.greenBtn04 .iconTypeBlank{
position:absolute;
top:6px;
right:8px;
width:9px;
height:9px;
}
.whiteBtn01 a:hover,
.whiteBtn02 a:hover,
.whiteBtn03 a:hover,
.whiteBtn04 a:hover{
color:#333333;
text-decoration:none;
background-color:#eeeeee;
}
.whiteBtn02 .iconTypeBlank,
.whiteBtn03 .iconTypeBlank,
.whiteBtn04 .iconTypeBlank,
.littlWehiteBtn01 .iconTypeBlank{
position:absolute;
top:4px;
right:6px;
width:9px;
height:9px;
}
.littlWehiteBtn01,
.minLittlWehiteBtn01{
display:block;
}
.selecterBrand .minLittlWehiteBtn01{
padding-bottom:0px;
border-left:1px solid #edeae8;
}
.mufgjalH1 .h1wrapHeader .spTable .headerSearchWrap{
position: absolute;
top:21px;
right:0px;
display:block;
vertical-align: middle;
width:auto;
padding:0 0 0 0;
}
.littlWehiteBtn01 a{
display:inline-block;
height:auto;
font-size:0.642rem;
text-align:left;
font-weight:bold;
color:#333333;
line-height:1.3;
padding: 1.428rem 1.500rem 1.428rem 2.357rem;
border:1px solid #7f7f7f;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
-o-border-radius:8px;
-ms-border-radius:8px;
background-color: #ffffff;
background-size:15px auto;
background-repeat: no-repeat;
box-shadow:0 3px 0 0 #7f7f7f;
}
.minLittlWehiteBtn01 a{
display:inline-block;
height:auto;
font-size:0.714rem;
text-align:left;
color:#333333;
line-height:1.3;
padding: 0.357rem 0.928rem 0.357rem 1.428rem;
border:1px solid #c9c9c9;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
background-color: #fbfbfb;
background-repeat: no-repeat;
}
.littlWehiteBtn01 a:hover,
.minLittlWehiteBtn01 a:hover{
color:#333333;
text-decoration:none;
background-color:#eeeeee;
}
.selecterBrand .minLittlWehiteBtn01 a{
margin-left:18px;
}
.redBtn01 a,
.redBtn02 a,
.redBtn03 a,
.redBtn04 a,
.navyBtn01 a,
.navyBtn02 a,
.navyBtn03 a,
.navyBtn04 a,
.greenBtn01 a,
.greenBtn02 a,
.greenBtn03 a,
.greenBtn04 a,
.whiteBtn01 a,
.whiteBtn02 a,
.whiteBtn03 a,
.whiteBtn04 a{
min-width:165px;
font-size:1.285rem;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
-ms-border-radius:12px;
}
.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;
}
.hSetBtn > a{
display:table;
}
.hSetBtn > a .btnCell{
display:table-cell;
vertical-align:middle;
}
/***********************************************************
sectionWrap
***********************************************************/
.sectionWrap,
.sectionType01{
overflow:hidden;
margin-bottom:40px;
padding:0 0 0 0;
}
.sectionType02{
}
.sectionWrap.fullWidth,
.sectionType01.fullWidth {
padding:0 0 0 0;
}
.categoryTop #contents .sectionType01{
width:980px;
margin-right:auto;
margin-left:auto;
}
/***********************************************************
H Tag
***********************************************************/
.h1wrap01{
margin:0 0 1.428rem 0;
padding:0 0 0.714rem 0;
text-align:left;
border-bottom:6px solid #dfdfdf;
}
h1.h1Base01{
color:#666666;
font-size:1.928rem;
font-weight: bold;
line-height:1.3;
}
.h2wrap01{
margin:0 0 1.428rem 0;
padding:0 0 0 0;
text-align:left;
border:1px solid #dfdfdf;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
#side .h2wrap01{
border:none;
}
h2.h2Base01{
zoom:1;
padding:0.714rem 1.071rem 0.714rem 1.071rem;
color:#333333;
font-size:1.428rem;
font-weight: bold;
line-height:1.3;
border:5px solid #e60000;
border-bottom:none;
border-left:none;
border-right: 1px;
}
#amex h2.h2Base01{
border-top:5px solid #03266a;
}
#jacard h2.h2Base01{
border-top:5px solid #006134;
}
.cardTopGNaviSet01 h2.h2Base01{
padding:0.714rem 1.071rem 0.714rem 3.285rem;
background-image: url(../images/cardTop_header_ico_001.png);
background-repeat: no-repeat;
background-position: 16px 0.571em;
background-size: 17px auto;
-moz-background-size: 17px auto;
-webkit-background-size: 17px auto;
-o-background-size: 17px auto;
-ms-background-size: 17px auto;
}
.cardTopGNaviSet02 h2.h2Base01{
padding:0.714rem 1.071rem 0.714rem 3.285rem;
background-image: url(../images/cardTop_header_ico_002.png);
background-repeat: no-repeat;
background-position: 16px 0.571em;
background-size: 22px auto;
-moz-background-size: 22px auto;
-webkit-background-size: 22px auto;
-o-background-size: 22px auto;
-ms-background-size: 22px auto;
}
.h3wrap01{
margin:0 0 1.428rem 0;
padding:0.571rem 0.714rem 0.571rem 0.714rem;
text-align:left;
background-color:#f4f3f3;
border:0;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
.columnBox .h3wrap01{
margin-top:0;
}
.h3wrap01.iconTypeLOGO.nicosLOGO .h3Base01{
padding-left:3.5rem;
}
.h3wrap01.iconTypeLOGO.dcLOGO .h3Base01{
padding-left:3.000rem;
}
.h3wrap01.iconTypeLOGO.jacardLOGO .h3Base01{
padding-left:3.500rem;
}
h3.h3Base01{
position: relative;
padding:0.142rem 1.071rem 0.142rem 1.071rem;
color:#333333;
font-size:1.214rem;
font-weight: bold;
line-height:1.3;
}
h3.h3Base01 a{
color:#333333;
font-size:1.214rem;
font-weight: bold;
line-height:1.3;
text-decoration:none;
}
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;
-o-border-radius:2px;
-ms-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.428rem 0;
padding:0.500rem 0.714rem 0.500rem 0.714rem;
background-color:#ffffff;
border:1px solid #dfdfdf;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
h4.h4Base01{
position: relative;
padding:0.071rem 1.714rem 0.071rem 1.071rem;
color:#333333;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
}
h4.h4Base01 a{
color:#333333;
font-size:1.071rem;
font-weight: bold;
line-height:1.3;
text-decoration:none;
}
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;
-o-border-radius:2px;
-ms-border-radius:2px;
}
.h5wrap01{
margin:1.428rem 0 0.642rem 0;
text-align:left;
padding:0;
background-color:#ffffff;
border-radius:0px;
-webkit-border-radius:0px;
-moz-border-radius:0px;
-o-border-radius:0px;
-ms-border-radius:0px;
}
h5.h5Base01{
position: relative;
padding:2px 0 2px 15px;
color:#333333;
font-size:1.000rem;
font-weight: bold;
line-height:1.3;
}
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 0.857rem 0;
padding:0;
background-color:#ffffff;
}
h6.h6Base01{
position: relative;
padding:0 0 0 0;
color:#333333;
font-size:100%;
font-weight: bold;
line-height:1.3;
}
/***********************************************************
accordion
***********************************************************/
.accordionWrap{
overflow: hidden;
}
.accordionWrap:not(.act):not(tr) .accordionBox{
visibility: hidden;
height:0;
}
.accordionBoxTitle .h3Base01 a,
.accordionBoxTitle .h4Base01 a{
display:table;
width:100%;
}
.accordionBoxTitle{
}
.accordionBoxTitle .tableWrap{
display:table;
width:100%;
}
.accordionBoxTitle .tableCell{
display:table-cell;
vertical-align:middle;
}
.accordionBoxTitle .h3Base01{
padding-right:0;
}
.accordionBoxTitle .h4Base01{
padding-right:0;
}
.h3wrap01.accordionBoxTitle:hover{
background-color:#e4e3e3;
}
.h4wrap01.accordionBoxTitle:hover{
background-color:#eeeeee;
}
.accordionBoxTitle a{
text-decoration: none;
}
.accordionBoxTitle .iconTypeACD{
display:table-cell;
vertical-align:middle;
padding: 0 0 0 1.142rem;
/*position: absolute;*/
width:20px;
min-height:20px;
box-sizing: content-box;
}
.solicitationBoxWrap .accordionBoxTitle .iconTypeACD{
top:0;
}
.accordionBoxTitle .iconTypeACD img{
width:20px;
}
.accordionWrap .accordionBox .accordionBoxInner{
padding-bottom:35px;
}
.solicitationBoxWrap.accordionWrap .accordionBox .accordionBoxInner{
padding-bottom:0;
}
/***********************************************************
column
***********************************************************/
.columnBoxWrap{
width:100%;
overflow: hidden;
margin:0;
}
#contents .columnBoxWrap {
margin:1.428rem 0 1.428rem 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{
overflow: hidden;
float:left;
width:355px;
}
.columnTow .columnBox:first-child{
margin-bottom:0;
}
.columnTow .columnBox:last-child{
margin-left:0px;
}
.columnTow.halfWidth .columnBox,
.halfWidthWrap.columnTow .columnBox{
width:50%;
margin-left:0px;
}
.columnTow.halfWidth .columnBox:first-child,
.halfWidthWrap.columnTow .columnBox:first-child{
width:50%;
padding-right:0px;
}
.halfWidthWrap.columnTow .columnBox:first-child{
width: 304px;
margin-right:10px;
}
.columnTow.halfWidth .columnBox:last-child,
.halfWidthWrap.columnTow .columnBox:last-child{
width:50%;
margin-left:0px;
padding-left:0px;
}
.halfWidthWrap.columnTow .columnBox:last-child{
width: 304px;
margin-left:10px;
}
.columnBoxWrap .columnBox img{
margin-bottom: 1.428rem;
}
.columnTow .columnBox:last-child{
margin-left:20px;
}
.columnBoxWrap .columnBoxText{
width:100%;
}
.columnTow.equalityWidth .columnBox{
float:left;
width:50%;
}
.columnThree.equalityWidth .columnBox{
float:left;
width:33.33%;
}
.columnTow.equalityWidth .columnBox,
.columnThree.equalityWidth .columnBox{
margin-left:0px;
padding-left:20px;
}
.columnTow.equalityWidth .columnBox:first-child,
.columnThree.equalityWidth .columnBox:first-child{
padding-left:0;
}
.columnThree.equalityWidth .columnBox .grayBtn01,
.columnThree.equalityWidth .columnBox .grayBtn02,
.columnThree.equalityWidth .columnBox .grayBtn03,
.columnThree.equalityWidth .columnBox .grayBtn04,
.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{
overflow: hidden;
float:left;
width:170.5px;
margin-left:16px;
}
.columnFour .columnBox:first-child{
margin-left:0px;
}
.columnBoxWrap.columnTow .columnBoxText{
float:right;
width:100%;
}
.columnBoxWrap .columnBoxImg{
float:left;
width:230px;
margin:0 20px 0 0;
text-align:center;
}
.columnBoxWrap .columnBoxImg img{
/*width:230px;*/
height:auto;
}
.columnBoxWrap .columnBoxImg img.widthAuto{
width:auto;
}
.columnBoxWrap .columnBoxImg figcaption{
margin-top:10px;
font-size:0.857rem;
}
.columnBoxWrap .columnBoxText{
float:right;
width:480px;
}
.columnBoxWrap.typeImgRight .columnBoxImg{
float:right;
width:230px;
margin:0 0 0 20px;
}
.columnBoxWrap.typeImgRight .columnBoxText{
float:left;
width:480px;
padding: 0 0 0 0;
}
.columnBoxWrap.columnTow .columnBoxImg{
float:left;
width:100px;
margin:0 20px 0 0;
padding-right:0px;
}
.columnBoxWrap.columnTow .columnBoxImg img{
width:100px;
height:auto;
}
.introducingByIcon .columnBox dd {
float: none;
width: 100%;
padding: 0;
}
.columnBoxWrap.columnTow .columnBoxText{
float:right;
width:234px;
padding: 0 0 0 0;
}
#contents .columnBoxWrap.introducingByIcon, #contents .columnBoxWrap.introducingByNoneIcon {
margin-top:1.000rem;
padding: 0;
}
/***********************************************************
mainImage
***********************************************************/
.mainImage01{
}
#contents .columnBoxWrap.mainImage01{
display:table;
width:730px;
margin: 1.428rem 0 0 0;
border:1px solid #dbd5d1;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
background-color:#fff8ed;
}
.oneCLMFullWidth #contents .columnBoxWrap.mainImage01{
width:100%;
}
.columnBoxWrap.mainImage01 .columnBox{
display:table-cell;
vertical-align: middle;
}
.columnBoxWrap.mainImage01 .columnBox:first-child{
width:54.79%;
padding:16px;
}
.oneCLMFullWidth .columnBoxWrap.mainImage01 .columnBox:first-child{
width:61.22%;
padding-left:36px;
}
.columnBoxWrap.mainImage01 .columnBox:first-child p{
font-size:2.142rem;
color:#910909;
line-height:1.4;
font-weight: bold;
}
.oneCLMFullWidth .columnBoxWrap.mainImage01 .columnBox:first-child p{
font-size:1.928rem;
}
.columnBoxWrap.mainImage01 .columnBox:last-child{
width:45.21%;
text-align: right;
}
.oneCLMFullWidth .columnBoxWrap.mainImage01 .columnBox:last-child{
width:38.78%;
}
.columnBoxWrap.columnBoxWrap .columnBox img {
margin-bottom:0;
}
/***********************************************************
tab
***********************************************************/
.tabBoxWrap{
width:100%;
margin: 1.428rem 0 1.428rem 0;
border-radius:4px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-radius:4px;
-webkit-border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius:4px;
-moz-border-bottom-right-radius:0px;
-moz-border-bottom-left-radius:0px;
background: #d1c6c6; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNkYmQ1ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #d1c6c6 66%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#d1c6c6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1c6c6 66%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1c6c6 66%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1c6c6 66%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1c6c6 66%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c6c6', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
.categoryTop .tabBoxWrap{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNkYmQ1ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #d1c6c6 66%, #fcf4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#d1c6c6), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1c6c6 66%,#fcf4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1c6c6 66%,#fcf4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1c6c6 66%,#fcf4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1c6c6 66%,#fcf4f4 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c6c6', endColorstr='#fcf4f4',GradientType=0 ); /* IE6-8 */
}
#amex.categoryTop .tabBoxWrap{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNkYmQ1ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #d1c6c6 66%, #e4ecfa 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#d1c6c6), color-stop(100%,#e4ecfa)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1c6c6 66%,#e4ecfa 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1c6c6 66%,#e4ecfa 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1c6c6 66%,#e4ecfa 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1c6c6 66%,#e4ecfa 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c6c6', endColorstr='#e4ecfa',GradientType=0 ); /* IE6-8 */
}
#jacard.categoryTop .tabBoxWrap{
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI2NiUiIHN0b3AtY29sb3I9IiNkYmQ1ZDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top, #d1c6c6 66%, #e8f6ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(66%,#d1c6c6), color-stop(100%,#e8f6ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #d1c6c6 66%,#e8f6ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #d1c6c6 66%,#e8f6ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #d1c6c6 66%,#e8f6ef 100%); /* IE10+ */
background: linear-gradient(to bottom, #d1c6c6 66%,#e8f6ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1c6c6', endColorstr='#e8f6ef',GradientType=0 ); /* IE6-8 */
}
.tabBoxWrap .linkType_list{
padding-top:1.000rem;
}
.tabBoxBtn{
overflow: hidden;
width:100%;
padding:10px 10px 0 10px;
border:1px solid #dbd5d1;
border-bottom:0;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-bottm-right-radius:0px;
-webkit-border-bottm-right-radius:0px;
-moz-border-bottm-right-radius:0px;
-o-border-bottm-right-radius:0px;
-ms-border-bottm-right-radius:0px;
border-bottm-left-radius:0px;
-webkit-border-bottm-left-radius:0px;
-moz-border-bottm-left-radius:0px;
-o-border-bottm-left-radius:0px;
-ms-border-bottm-left-radius:0px;
}
.tabBoxBtn li{
position: relative;
display:table;
float:left;
width:50%;
margin-top:1px;
font-weight: bold;
text-align:center;
border:1px solid #dbd5d1;
border-bottom:0px solid #dbd5d1;
background-color:#f3f3f3;
box-shadow:0 0 0 0 #dbd5d1, 0 0 0 0 #dbd5d1;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
.tabBoxBtn li a{
display:table-cell;
vertical-align:middle;
width:100%;
padding:14px 12px 10px 12px;
font-size:1.142rem;
line-height:1.5;
color: #333333;
}
.tabBoxBtn li h3{
display:table-cell;
vertical-align:middle;
width:100%;
}
.tabBoxBtn li h3 a{
display:inline-block;
}
.tabBoxBtn li.act a{
padding:12px 12px 12px 12px;
}
.tabBoxBtn.btn3 li{
width:33.3%;
}
.tabBoxBtn li a:hover{
color:#ac0000;
background-color:#ffdbdb;
text-decoration:none;
}
#amex .tabBoxBtn li a:hover{
color:#001b40;
background-color:#ccd4df;
}
#jacard .tabBoxBtn li a:hover{
color:#004022;
background-color:#ccdfd6;
}
.tabBoxBtn li.act a:hover,
#amex .tabBoxBtn li.act a:hover,
#jacard .tabBoxBtn li.act a:hover{
color:#666666;
background:transparent;
text-decoration:none;
}
.tabBoxBtn.btn3 li{
width:33.3%;
}
.tabBoxBtn li.act{
position: relative;
top: 1px;
z-index: 9;
margin-top:0px;
background-color:#ffffff;
border-top:3px solid #e60000;
border-bottom:0px solid #dbd5d1;
border-right:0px solid #dbd5d1;
box-shadow:0 0 0 0 #dbd5d1, 0 0 0 0 #dbd5d1 !important;
border-top-left-radius:6px;
-webkit-border-top-left-radius:6px;
-moz-border-top-left-radius:6px;
-o-border-top-left-radius:6px;
-ms-border-top-left-radius:6px;
}
#amex .tabBoxBtn li.act {
border-top:3px solid #002663;
}
#jacard .tabBoxBtn li.act {
border-top:3px solid #006134;
}
.btn3 li.act{
box-shadow:3px 0px 12px 0px #dbd5d1;
}
.tabBoxBtn li:nth-child(2).act,
.tabBoxBtn li:nth-child(3).act{
box-shadow:3px 0px 6px 0px #dbd5d1,-3px 0px 6px 0px #dbd5d1;
}
.tabBoxBtn li:last-child.act{
border-left: 0;
border-right: 0;
box-shadow:3px 0px 6px 0px #dbd5d1,-3px 0px 6px 0px #dbd5d1;
}
.tabBoxBtn li:first-child{
border-top-left-radius:6px;
-webkit-border-top-left-radius:6px;
-moz-border-top-left-radius:6px;
-o-border-top-left-radius:6px;
-ms-border-top-left-radius:6px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
}
.tabBoxBtn li:last-child{
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;
border-top-right-radius:6px;
-moz-border-top-right-radius:6px;
-webkit-border-top-right-radius:6px;
-o-border-top-right-radius:6px;
-ms-border-top-right-radius:6px;
}
.tabBoxBtn li:nth-child(2).act{
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;
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;
}
.tabBoxBtn.btn3 li:nth-child(2){
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;
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;
}
.tabBoxBtn li:last-child.act{
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;
border-top-right-radius:6px;
-moz-border-top-right-radius:6px;
-webkit-border-top-right-radius:6px;
-o-border-top-right-radius:6px;
-ms-border-top-right-radius:6px;
}
.tabBox{
position: relative;
top: -1px;
z-index: 2;
padding:1.357rem 1.785rem 0.714rem 1.785rem;
border:1px solid #dbd5d1;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
box-shadow:none;
background-color:#ffffff;
}
.tabBox.nonTLRPadding{
padding:1.357rem 1.785rem 0.714rem 1.785rem;
}
.tabBox.off{
display:none;
}
/*----------------------------------------------------------
inTabDefinition
----------------------------------------------------------*/
.inTabDefinitionTerm,
#importantInfo > dl{
overflow: hidden;
padding:0 0 0 0;
border-bottom:1px dotted #dbd5d1;
}
.tabBox .inTabDefinitionTerm:last-child,
.tabBox #importantInfo > dl:last-child{
padding-bottom:0;
}
.inTabDefinitionTerm dt,
.inTabDefinitionTerm dd,
#importantInfo dt,
#importantInfo dd{
float:left;
width:100%;
padding:12px 0 12px 0;
line-height: 1.5;
border-bottom:none;
}
.inTabDefinitionTerm dt,
#importantInfo dt{
width:22%;
font-size: 1rem;
padding:12px 0 12px 0;
}
#importantInfo dt,
.categoryTop .inTabDefinitionTerm dt{
width:18.27%;
padding-left:10px;
}
.inTabDefinitionTerm dd,
#importantInfo dd{
width:78%;
margin:0;
padding-right:36px;
border-bottom:1px solid #dbd5d1;
text-indent:-16px!important;
padding-left:16px!important;
}
.inTabDefinitionTerm dd:last-child,
#importantInfo dd:last-child{
margin-bottom:0;
border-bottom:none;
}
.categoryTop #contents .sectionType01.topInfoBoxWrap dd,
.categoryTop #contents .sectionType01.topInfoBoxWrap dl{
border-bottom:none;
}
.categoryTop #contents .sectionType01.topInfoBoxWrap dd{
text-indent:-16px;
padding-left:16px;
}
.categoryTop #contents .sectionType01.topInfoBoxWrap dd .fileItem .icoPdf{
padding:0 3px 0 1px;
vertical-align: baseline;
}
.tabBoxWrap .linkType_list{
margin-bottom:0;
text-align:right;
}
.topInfoBoxWrap .importantInfoWrap .linkType02.linkType_list,
.topInfoBoxWrap .whatsNewWrap .linkType02.linkType_list{
display:none;
}
.inTabDefinitionTerm dd a,
#importantInfo dd a{
display:block;
padding-left:16px;
padding-right:0;
}
.inTabDefinitionTerm dd.linkType01 a,
.inTabDefinitionTerm dd.linkType02 a,
#importantInfo dd a{
display:inline;
background: url(../images/cmn_ico_002.png) no-repeat 3px 0.500rem;
-moz-background-size:5px auto;
-webkit-background-size:5px auto;
-o-background-size:5px auto;
-ms-background-size:5px auto;
background-size:5px auto;
}
.inTabDefinitionTerm dd.linkType01 a span.iconTypeBlank,
.inTabDefinitionTerm dd.linkType02 a span.iconTypeBlank,
#importantInfo dd a span.iconTypeBlank{
text-align:center;
display:inline;
vertical-align:top;
}
.inTabDefinitionTerm dd.linkType01 a span.iconTypeBlank img,
.inTabDefinitionTerm dd.linkType02 a span.iconTypeBlank img,
#importantInfo dd a span.iconTypeBlank img{
vertical-align:top;
padding:1px 4px 0 0;
width:13px;
}
.inTabDefinitionTerm dd.linkType01 a span.iconTypePdf{
vertical-align:baseline;
text-align:center;
display:inline;
}
.inTabDefinitionTerm dd.linkType01 a span.iconTypePdf img{
vertical-align:middle;
}
.inTabDefinitionTerm dd.linkTypePdf a:after{
display:none;
}
.inTabDefinitionTerm dd.linkTypePdf{
padding:12px 0 12px 0;
}
.tabBox > p.linkType01{
text-align: right;
padding:0 0 1.142rem 0;
}
#importantInfo dd > .only-child{
display: inline;
}
#importantInfo dd > img{
display: inline;
padding-top: 0;
padding-left: 0.285em;
vertical-align: middle;
line-height: 1;
}
.whatsNewWrap .infoSortBtn{
display:none;
overflow: hidden;
width:100%;
padding:10px 0;
font-size:0;
}
.whatsNewWrap .infoSortBtn li{
float: left;
width:145px;
margin-right:9px;
}
.whatsNewWrap .infoSortBtn li:nth-child(5){
width:157px;
}
.whatsNewWrap .infoSortBtn li:last-child{
margin-right:0;
}
.whatsNewWrap .infoSortBtn li span{
display:block;
width:100%;
min-height:52px;
font-size:0.857rem;
color:#666666;
text-align:center;
border:1px solid #c9c9c9;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color:#fbfbfb;
cursor: pointer;
}
.whatsNewWrap .infoSortBtn li.act span,
.whatsNewWrap .infoSortBtn li span:hover{
color:#c40000;
border:1px solid #f3bebe;
background-color:#fcf4f4;
}
.whatsNewWrap .infoSortBtn li:nth-child(5) span{
font-size:0.785rem;
}
.whatsNewWrap .infoSortBtn li.lineOne span{
padding:16px 5px 14px 5px;
}
.whatsNewWrap .infoSortBtn li.lineTow span{
padding:8px 5px 6px 5px;
}
/***********************************************************
introducing
***********************************************************/
.introducingByIcon .columnBox{
float:left;
width:230px;
margin-left:20px;
margin-bottom:0;
padding: 0.428rem 0 0 0;
border:none;
box-shadow: none;
}
.introducingByIcon .columnBox:first-child{
margin-left:0px;
}
#allMainWrap:not(.oneCLMFullWidth) .introducingByIcon .columnBox:nth-child(4),
#allMainWrap:not(.oneCLMFullWidth) .introducingByIcon .columnBox:nth-child(5),
#allMainWrap:not(.oneCLMFullWidth) .introducingByIcon .columnBox:nth-child(6){
margin-left:0px;
padding-top:20px;
}
.introducingByNoneIcon .columnBox{
float:left;
width:230px;
margin-left:20px;
padding: 0.714rem 0 0.714rem 0;
border:none;
box-shadow: none;
}
.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.gif) no-repeat left center;
}
.introducingByIcon .title{
min-height:23px;
}
.introducingByIcon .columnBox .iconImg{
float:none;
width:auto;
text-align:center;
padding:20px 20px 20px 20px;
border:1px solid #7f7f7f;
border-bottom:0px solid #7f7f7f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#fff8ed;
}
.introducingByNoneIcon .columnBox:first-child{
margin-left:0px;
margin-bottom:0;
}
.introducingByIcon .columnBox .columnBoxInner{
position: relative;
float:none;
width:100%;
margin-bottom:5px;
padding:1.071rem 1.071rem 1.071rem 1.071rem;
border:1px solid #7f7f7f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
background-color:#ffffff;
box-shadow:0 3px 0 0 #7f7f7f,0 5px 0 0 #aaaaaa;
}
.introducingByIcon .columnBox .columnBoxInner:hover{
cursor:pointer;
border:3px solid #e60000;
padding:0.928rem 0.928rem 0.928rem 0.928rem;
}
#amex .introducingByIcon .columnBox .columnBoxInner:hover{
border:3px solid #002663;
}
#jacard .introducingByIcon .columnBox .columnBoxInner:hover{
border:3px solid #006134;
}
.introducingByIcon .columnBox .columnBoxInner:hover .title{
color:#ac0000;
text-decoration:none;
}
#amex .introducingByIcon .columnBox .columnBoxInner:hover .title{
color:#001b43;
}
#jacard .introducingByIcon .columnBox .columnBoxInner:hover .title{
color:#004022;
}
.introducingByIcon .title{
float:none;
width:100%;
margin:148px 0 0 0;
padding:1px 0 1px 28px;
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.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
#amex .introducingByIcon .title{
background: url(../images/ae_cmn_ico_007.png) no-repeat left 0.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
#jacard .introducingByIcon .title{
background: url(../images/jacard_cmn_ico_007.png) no-repeat left 0.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
.introducingByNoneIcon .columnBox .columnBoxInner{
position: relative;
float:none;
width:100%;
margin-bottom:5px;
padding:1.071rem 1.071rem 1.071rem 1.071rem;
border:1px solid #7f7f7f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
background-color:#ffffff;
box-shadow:0 3px 0 0 #7f7f7f,0 5px 0 0 #aaaaaa;
}
.introducingByIcon .columnBox .iconImg{
position: absolute;
top: 0%;
left: 0px;
width: 100%;
border:none;
}
.introducingByIcon .columnBox .columnBoxInner:hover .iconImg{
padding: 18px 18px 18px 18px;
}
.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 p.parBase01.descriptionText{
margin-top:14px;
}
.introducingByIcon .columnBox .descriptionText p{
font-size: 1.000rem;
}
.introducingByIcon .columnBox img{
margin-bottom: 0;
}
.introducingByIcon .columnBox .columnBoxInner{
display:block;
font-size:1.142rem;
line-height:1.3;
color:#333333;
text-decoration:none;
}
.introducingByNoneIcon .columnBox .descriptionText {
float: none;
width: auto;
margin-bottom: 5px;
}
.introducingByNoneIcon .columnBox .columnBoxInner{
display:block;
float: none;
width:100%;
margin-bottom:14px;
font-size: 1.071rem;
line-height: 1.3;
color:#333333;
text-decoration:none;
}
.introducingByNoneIcon .columnBox .columnBoxInner:hover{
cursor:pointer;
border:3px solid #e60000;
padding:0.928rem 0.928rem 0.928rem 0.928rem;
}
#amex .introducingByNoneIcon .columnBox .columnBoxInner:hover{
border:3px solid #002663;
}
#jacard .introducingByNoneIcon .columnBox .columnBoxInner:hover{
border:3px solid #006134;
}
.introducingByNoneIcon .columnBox .columnBoxInner:hover .title{
color:#ac0000;
text-decoration:none;
}
#amex .introducingByNoneIcon .columnBox .columnBoxInner:hover .title{
color:#001b43;
}
#jacard .introducingByNoneIcon .columnBox .columnBoxInner:hover .title{
color:#004022;
}
.introducingByNoneIcon .title{
float:none;
width:100%;
margin:148px 0 14px 0;
padding:1px 0 1px 28px;
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.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
#amex .introducingByNoneIcon .title{
background: url(../images/ae_cmn_ico_007.png) no-repeat left 0.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
#jacard .introducingByNoneIcon .title{
background: url(../images/jacard_cmn_ico_007.png) no-repeat left 0.214em;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}
.introducingByNoneIcon .title{
margin:0 0 14px 0;
}
.introducingByNoneIcon .columnBox .descriptionText{
font-size:0.857rem;
line-height:1.3;
}
.introducingByNoneIcon .columnBox .descriptionText p{
font-size: 1.000rem;
}
.introducingByNoneIcon .columnBox img {
margin-bottom: 0;
}
/***********************************************************
capSetImg
***********************************************************/
.capSetImgBox{
margin:0.857rem 0 1.428rem 0;
}
.capSetImgBox figcaption{
padding:10px 0 0 0;
font-size:0.857rem;
}
.capSetImgBox.alignImgLeft{
width:355px;
text-align:left;
}
.capSetImgBox.alignImgRight{
float:right;
width:355px;
text-align:right;
}
.columnBoxWrap.imgOnly .columnBox{
float:left;
width:230px;
margin:0 20px 0 0;
}
.columnBoxWrap.imgOnly.columnFour .columnBox{
width:170.5px;
margin:0 16px 0 0;
}
/***********************************************************
magnifyImg
***********************************************************/
.magnifyImgBox{
text-align:center;
}
.magnifyImgBox .magnifyBtn{
display: none;
}
.columnBoxWrap.imgOnly .columnBox:last-child{
margin:0 0 0 0;
}
/***********************************************************
dorderBox
***********************************************************/
.dorderBox01{
margin:1.428rem 0 1.428rem 0;
padding:0.857rem 1.428rem 0.857rem 1.428rem;
border:1px solid #999999;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.dorderBox01.columnBox,
.dorderBox01.columnBoxText,
.dorderBox01.columnBoxImg{
margin:0;
}
.dorderBox02{
margin: 0 0 1.428rem 0;
padding:20px 20px 20px 20px;
border:1px solid #f99595;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
background-color:#fff1f1;
}
/***********************************************************
solicitationBox
***********************************************************/
.solicitationBoxWrap{
margin:1.428rem 0 1.428rem 0;
}
.solicitationBoxWrap .wrapInnerBox{
padding:1.428rem 1.428rem 1.428rem 1.428rem;
border:1px solid #cbcdd6;
border-top:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
border-top-left-radius:0px;
}
.solicitationBoxWrap.flowSetTop .solicitationBox,
.solicitationBoxWrap.flowSet .solicitationBox{
border:2px solid #cbcdd6;
border-top:0px solid #cbcdd6;
}
.solicitationBoxWrap.flowSetTop .wrapInnerBox,
.solicitationBoxWrap.flowSet .wrapInnerBox{
border:3px solid #cbcdd6;
border-top:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight .columnBoxImg,
.solicitationBoxWrap .columnBoxWrap.typeImgRight02 .columnBoxImg,
.dorderBox01 .columnBoxWrap.typeImgRight02 .columnBoxImg{
float:right;
width: 24%;
text-align:right;
margin:0 0 0 0;
}
.solicitationBoxWrap .columnBoxWrap.typeImgRight .columnBoxText,
.solicitationBoxWrap .columnBoxWrap.typeImgRight02 .columnBoxText,
.dorderBox01 .columnBoxWrap.typeImgRight02 .columnBoxText{
float:left;
width: 75%;
padding:0 0 0 0;
}
.solicitationBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.928rem 1.428rem 0.785rem 1.428rem;
font-weight: bold;
line-height:1.3;
font-size:1.142rem;
border:1px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.solicitationBoxWrap .wrapTitle a{
line-height:1.3;
font-size:1.142rem;
color: #666666;
}
.solicitationBoxWrap.flowSetTop .wrapTitle,
.solicitationBoxWrap.flowSet .wrapTitle{
border:3px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
.solicitationBoxWrap.flowSetTop .wrapTitle a,
.solicitationBoxWrap.flowSet .wrapTitle a{
position: relative;
display:table;
width:100%;
padding-right:0;
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 #cbcdd6;
border-bottom-right-radius:3px;
-webkit-border-bottom-right-radius:3px;
-moz-border-bottom-right-radius:3px;
-o-border-bottom-right-radius:3px;
-ms-border-bottom-right-radius:3px;
border-bottom-left-radius:3px;
-webkit-border-bottom-left-radius:3px;
-moz-border-bottom-left-radius:3px;
-o-border-bottom-left-radius:3px;
-ms-border-bottom-left-radius:3px;
}
.solicitationBoxWrap.flowSetTop.accordionWrap .wrapTitle:hover,
.solicitationBoxWrap.flowSet.accordionWrap .wrapTitle:hover{
background-color:#e4e3e3;
}
.solicitationBoxWrap.flowSetTop.accordionWrap.act .wrapTitle,
.solicitationBoxWrap.flowSet.accordionWrap.act .wrapTitle{
border-bottom:0;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
.solicitationBoxWrap .columnBoxWrap{
}
.solicitationBoxWrap .columnBoxWrap .columnBoxImg{
width:135px;
}
.solicitationBoxWrap .columnBoxWrap .columnBoxImg img{
/*width:150px;*/
}
.solicitationBoxWrap .columnBoxWrap .columnBoxText{
width:510px;
}
.solicitationBoxWrap.flowSet{
margin-top:13px;
margin-bottom:0;
padding-top:24px;
background: url(../images/cmn_ico_008.gif) no-repeat center top;
background-size:34px auto;
}
.solicitationBoxWrap.flowSetTop{
margin-bottom:0;
}
/***********************************************************
verticalColumnBox
***********************************************************/
.verticalColumnBoxWrap{
margin:1.428rem 0 1.428rem 0;
}
.verticalColumnBoxWrap .wrapInnerBox{
padding:1.214rem 1.428rem 1.142rem 1.428rem;
border:1px solid #cbcdd6;
border-top:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
.verticalColumnBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.714rem 1.428rem 0.714rem 1.428rem;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:1px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
#contents .verticalColumnBoxWrap .columnBoxWrap{
margin: 0 0 0 0;
}
.verticalColumnBoxWrap .columnBoxWrap .columnBox{
float: none;
margin-bottom:1.357rem;
padding: 0 0 1.357rem 0;
width:100%;
border-bottom: 1px dotted #dbd5d1;
}
.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 0.714rem 0.928rem 0.714rem;
border-bottom: 1px dotted #dbd5d1;
}
.verticalColumnBoxWrap .columnBoxWrap .columnBox:last-child{
margin-bottom:0;
padding-bottom:0;
border-bottom: none;
}
.verticalColumnBoxWrap.relatedInformation .wrapTitle > *:first-child{
padding:0.428rem 1.428rem 0.428rem 2.714rem;
background-image: url(../images/cmn_ico_010.png);
background-position: left center;
background-repeat: no-repeat;
background-size:28px auto;
}
.verticalColumnBoxWrap.information .wrapTitle > *:first-child{
padding:0.428rem 1.428rem 0.428rem 2.714rem;
background-image: url(../images/cmn_ico_009.png);
background-position: left center;
background-repeat: no-repeat;
background-size:28px auto;
}
/***********************************************************
information
***********************************************************/
.information dt{
margin:0 0 8px 0;
}
.information dd p{
margin:0 0 8px 0;
}
/***********************************************************
cautionsBox
***********************************************************/
.cautionsBoxWrap{
margin:1.428rem 0 1.428rem 0;
}
.cautionsBoxWrap .wrapInnerBox{
padding:1.428rem 1.428rem 1.428rem 1.428rem;
border:2px solid #e60000;
border-top:0px solid #e60000;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox{
padding:2.285rem 1.428rem 0.714rem 1.428rem;
border:2px solid #e60000;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
.cautionsBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.500rem 1.428rem 0.642rem 1.428rem;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:2px solid #e60000;
border-bottom:1px solid #dfdfdf;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#ffffff;
}
.categoryTop .cautionsBoxWrap .wrapTitle{
padding:0.500rem 0 0.642rem 0;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:none;
background-color:#fcf4f4;
}
.cautionsBoxWrap .wrapTitle > *:first-child{
padding:0.428rem 1.428rem 0.428rem 2.714rem;
background-image: url(../images/cmn_ico_011.png);
background-position: left center;
background-repeat: no-repeat;
background-size:28px auto;
}
.cautionsBox li{
margin:0 0 8px 1em;
list-style-type:disc;
}
/***********************************************************
questionBox
***********************************************************/
.questionBoxWrap{
margin:0 0 1.428rem 0;
}
.questionBoxWrap .wrapInnerBox{
padding:1.214rem 1.428rem 1.428rem 1.428rem;
border:1px solid #dbd5d1;
border-top:0px solid #dbd5d1;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
.questionBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.714rem 1.428rem 0.500rem 1.428rem;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:1px solid #dbd5d1;
border-bottom:0px solid #dbd5d1;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.questionBoxWrap .wrapTitle > *:first-child{
padding:0.428rem 1.428rem 0.428rem 2.714rem;
background-image: url(../images/cmn_ico_012.png);
background-position: left center;
background-repeat: no-repeat;
background-size:28px auto;
}
.questionBoxWrap .wrapInnerBox .rn_List{
font-size:1.000rem;
}
.questionBoxWrap li{
margin:0 0 10px 0;
padding:0;
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;
margin-bottom:6px;
margin-right:0;
margin-left:0;
text-align:left;
}
.questionBoxWrap li:last-child .rn_Title{
margin-bottom:0px;
}
#contents .questionBoxWrap span.rn_Title a{
display:inline-block;
padding:2px 0 2px 2.142rem;
font-size:1rem;
line-height:1.5;
background-image:url(../images/cmn_ico_023.png);
background-position: left 0;
background-repeat: no-repeat;
background-size:22px auto;
text-decoration: none;
}
#amex #contents .questionBoxWrap .rn_Title a{
background-image:url(../images/ae_cmn_ico_023.png);
background-size:22px auto;
}
#jacard #contents .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.285em;
vertical-align: middle;
line-height: 1;
}
.questionBoxWrap .rn_Title a span.iconTypeBlank img{
width: 9px;
margin-bottom: 0;
}
.questionBoxWrap .rn_Navigation{
text-align: right;
}
.questionBoxWrap .rn_Navigation a{
display: inline-block;
padding-left: 1.142rem;
font-size: 1rem;
line-height: 1.5;
text-align: right;
background: url(../images/cmn_ico_002.png) no-repeat left 0.500em;
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:1.428rem 0 1.428rem 0;
}
#side .webServiceBoxWrap{
margin-top:0;
}
.webServiceBoxWrap .wrapTitle{
margin:0 0 1.428rem 0;
}
.halfWidthWrap .webServiceBoxWrap .wrapTitle{
margin:0 0 0 0;
}
.webServiceBoxWrap .columnBox{
float:none;
width:100%;
margin-left:0;
margin-bottom:1rem;
border:3px solid #7d7476;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
-o-border-radius:0;
-ms-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-size:1.000rem;
font-weight:bold;
padding:0.142rem 1.142rem 0.428rem 1.142rem;
background-color:#7d7476;
}
.webServiceBoxWrap .columnBox dd{
margin-bottom:5px;
padding:1.142rem 5.285rem 1.142rem 5.285rem;
background-color:#ffffff;
}
.halfWidthWrap .webServiceBoxWrap .columnBox dd{
padding:1.142rem 4.285rem 1.142rem 4.285rem;
}
#side .webServiceBoxWrap .columnBox dd,
#sideCVWrap .webServiceBoxWrap .columnBox .webServiceInner{
padding:1.142rem 1.071rem 1.142rem 1.071rem;
}
.webServiceBoxWrap .columnBox{
float:left;
width:354px;
margin-left:20px;
border:4px solid #7d7476;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
}
#side .webServiceBoxWrap .columnBox{
width:100%;
margin-bottom:0;
}
.webServiceBoxWrap .columnBox:first-child{
margin-left:0px;
}
.webServiceBoxWrap .columnBox:last-child{
margin-top:0;
}
.webServiceBoxWrap .columnBoxWrap .linkType01,
.webServiceBoxWrap .columnBoxWrap .linkType02{
margin: 0 0 0.071rem 0;
line-height:1.3;
}
.webServiceBoxWrap .columnBoxWrap .linkType01 a,
.webServiceBoxWrap .columnBoxWrap .linkType02 a{
padding-left: 0.714em;
font-size:0.857rem;
text-align:left;
}
.webServiceBoxWrap .linkType01 a,
.webServiceBoxWrap .linkType02 a{
font-size:0.857rem;
}
.linkType_webServiceBtn{
text-align:center;
margin:0 0 1.071rem 0;
padding:0 0 0 0;
}
.linkType_webServiceBtn a{
display:inline-block;
/* width:190px; */
min-width: 190px;
min-height:35px;
padding:12px 1.000rem 8px 3.571rem;
color:#333333;
font-size:1.000rem;
font-weight:bold;
text-align: left;
line-height:1;
border-radius:12px;
-webkit-border-radius:12px;
-moz-border-radius:12px;
-o-border-radius:12px;
-ms-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 3px 0 0 #a6a6a6;
}
.linkType_webServiceBtn.loginBtn a{
color:#ffffff;
padding:12px 1.000rem 8px 4.714rem;
font-size:1rem;
background-image: url(../images/cmn_ico_014.png);
background-position: 22.10% center;
background-size: 15px auto;
background-color:#e60000;
box-shadow:0 3px 0 0 #730000;
}
#amex .linkType_webServiceBtn.loginBtn a{
background-color:#00275d;
box-shadow:0 3px 0 0 #001331;
}
#jacard .linkType_webServiceBtn.loginBtn a{
background-color:#006134;
box-shadow:0 3px 0 0 #00301a;
}
#side .linkType_webServiceBtn.loginBtn a{
height:auto;
padding:1.214rem 0 1.214rem 3.714rem;
font-size:1.142rem;
background-size: 19px auto;
background-position: 1.571rem center;
}
.linkType_webServiceBtn.loginBtn a:hover{
text-decoration:none;
background-color:#ed4b4b;
}
#amex .linkType_webServiceBtn.loginBtn a:hover{
text-decoration:none;
background-color:#4e6796;
}
#jacard .linkType_webServiceBtn.loginBtn a:hover{
text-decoration:none;
background-color:#4c9071;
}
.linkType_webServiceBtn.registeredBtn a:hover{
text-decoration:none;
background-color:#d7d7d7;
}
.pgAnnotation{
margin-right:0px;
margin-left:0px;
font-size:0.857rem;
line-height:1.5;
}
.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:1rem;
}
.cardInfoBox .columnBox:last-child{
width:19.78%;
text-align:center;
}
.cardInfoBox .columnBox:last-child img{
margin-bottom:0;
}
/***********************************************************
cardSelctCLM
***********************************************************/
#contents .columnBoxWrap.cardSelctCLM,
#contents .columnBoxWrap.equalityWidth.cardSelctCLM{
margin: 0 0 40px 0;
}
#contents .columnBoxWrap.equalityWidth.cardSelctCLM.columnTow .columnBox:first-child{
padding-right:10px;
}
#contents .columnBoxWrap.equalityWidth.cardSelctCLM.columnTow .columnBox:last-child{
padding-left:10px;
}
.cardSelctCLM .cardCopy{
max-width:260px;
margin-right:auto;
margin-left:auto;
font-size:0.714rem;
color:#666666;
}
.cardSelctCLM .cSCLMsetHName{
max-width:260px;
margin:0 auto 1.000rem auto;
font-size:1.142rem;
font-weight:bold;
}
.cardSelctCLM .cSCLMsetHCard{
padding-bottom:14px;
}
.cardSelctCLM .cSCLMsetHCard img{
width:57%;
max-width:57%;
margin-bottom:1.428rem;
}
/***********************************************************
cardInformation
***********************************************************/
.cardInformation{
position:relative;
}
#contents .cardInformation > a{
display:inline-block;
width: 100%;
height:auto;
min-height:95px;
padding: 1.142rem 30px 1.142rem 30px;
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;
background-color: #eeeeee;
}
#contents .cardInformation .columnBoxWrap{
display:table;
width:100%;
min-height:61px;
margin:0;
}
#contents .cardInformation .columnBoxWrap .columnBox{
display:table-cell;
vertical-align:middle;
float:none;
width:34.70%;
margin:0;
}
#contents .cardInformation .columnBoxWrap .columnBox:first-child{
width:65.30%;
padding:0 16px 0 80px;
font-size:1.142rem;
color: #333333;
line-height:1.8;
border-right:1px solid #cbcdd6;
background-image: url(/mufgcard/img/index_ico_009.png);
background-position: left 0.3em;
background-repeat: no-repeat;
background-size: 4.000rem auto;
}
#contents .cardInformation .columnBoxWrap .columnBox:first-child p:first-child{
font-weight: bold;
}
#amex.categoryTop #contents .cardInformation .columnBoxWrap .columnBox:first-child p:first-child{
min-height:58px;
}
#contents .cardInformation .columnBoxWrap .columnBox:last-child{
text-align: center;
}
#contents .cardInformation .columnBoxWrap .columnBox:last-child p{
display: inline;
height: auto;
padding: 2px 1.142rem 0 3.071rem;
font-size: 1.142rem;
text-align: left;
font-weight: bold;
color: #333333;
line-height: 1.3;
background-image: url(../images/wbtn_ico_001.png);
background-position: 1.000rem 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;
}
.verticalColumnBoxWrap.cardInformation .wrapInnerBox{
overflow:hidden;
}
.verticalColumnBoxWrap.cardInformation .wrapInnerBox p:first-child {
float:left;
}
.verticalColumnBoxWrap.cardInformation .wrapInnerBox p:last-child {
float:right;
}
/***********************************************************
.categoryTop .cautionsBoxWrap
***********************************************************/
.categoryTop .cautionsBoxWrap {
width:980px;
margin: 0 auto 40px auto;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox{
background-color:#ffffff;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox .linkType01{
margin-bottom:0;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox li{
margin-bottom:1rem;
}
.categoryTop .cautionsBoxWrap .wrapInnerBox a:last-child li{
margin-bottom:0.428rem;
}
/***********************************************************
.categoryTop .cautionsBoxWrap
***********************************************************/
.categoryTop #contents .sectionType01.topInfoBoxWrap{
width:100%;
margin-bottom:0;
padding:25px 0 40px 0;
background-color:#fcf4f4;
box-shadow:rgba(244, 210, 210, 0.4) 0px 16px 17px -8px inset,rgba(244, 210, 210, 0.4) 0px -20px 12px -8px inset;
-webkit-box-shadow:rgba(244, 210, 210, 0.4) 0px 16px 17px -8px inset,rgba(244, 210, 210, 0.4) 0px -20px 12px -8px inset;
-moz-box-shadow:rgba(244, 210, 210, 0.4) 0px 16px 17px -8px inset,rgba(244, 210, 210, 0.4) 0px -20px 12px -8px inset;
}
.categoryTop #contents .sectionType01.topInfoBoxWrap .cautionsBoxWrap .wrapTitle{
font-size: 1.285rem;
}
.categoryTop #contents .sectionType01.topInfoBoxWrap .tabBoxWrap {
width:980px;
margin-right:auto;
margin-left:auto;
}
/***********************************************************
abodeBox
***********************************************************/
.dorderBox01.abodeBox{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
}
.abodeBox .columnBox{
float:left;
width:515px;
}
.abodeBox .linkType01 a{
background:none;
padding-left:0;
}
.abodeBox .columnBox:last-child{
float:right;
width:112px;
margin-top:0;
margin-right:48px;
padding:15px 0 0 0;
text-align:center;
}
.abodeBox .columnBox:last-child img{
margin-bottom:0;
}
.abodeBox .parBase02{
margin-bottom:0.571rem;
font-size:0.785rem;
}
/***********************************************************
jfsaBox
***********************************************************/
.jfsaBox{
position:relative;
}
.jfsaBox .columnBox{
float:right;
width:515px;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-radius:0;
-ms-border-radius:0;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
}
#contents .jfsaBox p.parBase02:first-child{
margin-bottom:0.357rem;
}
.jfsaBox dl{
padding-left: 22%;
}
.jfsaBox dt{
margin-bottom:0;
font-size:1.285rem;
font-weight: bold;
}
.jfsaBox dt .jfsaBoxTitleImg{
position:absolute;
top:31%;
left:3%;
}
.jfsaBox dt span{
}
.jfsaBox dd{
}
.jfsaBox .columnBox:first-child{
float:left;
width:130px;
padding:0 0 0 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;
cursor:default;
text-decoration: none;
}
/***********************************************************
inquiryArea
***********************************************************/
.inquiryAreaWrap{
margin:1.428rem 0 1.428rem 0;
}
.inquiryAreaWrap .wrapInnerBox{
padding:1.214rem 1.428rem 1.142rem 1.428rem;
border:2px solid #666666;
border-top:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
background-color:#fff1f1;
}
.inquiryAreaWrap .wrapTitle{
margin: 0 0 0 0;
padding:0.714rem 1.428rem 0.714rem 1.428rem;
color:#ffffff;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:2px solid #666666;
border-bottom:none;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#666666;
}
.inquiryAreaWrap .tableWrap{
display:table;
width:100%;
border:1px solid #d4d4d4;
background-color:#ffffff;
}
.inquiryAreaWrap .tableRow{
border-right:1px solid #d4d4d4;
border-bottom:1px solid #d4d4d4;
}
.inquiryAreaWrap .tableWrap .tableRow:nth-last-child(2){
border-bottom:none;
}
.inquiryAreaWrap .tableCell{
display:table-cell;
vertical-align:middle;
width:50%;
padding:20px 10px 20px 24px;
text-align:left;
border-right:1px solid #d4d4d4;
background-color:#ffffff;
}
.inquiryAreaWrap .tableCell:last-child{
border-right:none;
}
.inquiryAreaWrap .tableCell.receptionTime{
padding-left:48px;
padding-right:20px;
text-align:left;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow{
display:table-row;
}
.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{
width:auto;
padding-left:18px;
padding-right:10px;
border-bottom:1px solid #d4d4d4;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow .tableCell:first-child{
width:106px;
padding-left:14px;
padding-right:14px;
color:#333333;
font-size:16px;
font-weight:bold;
text-align:center;
background-color:#eeeeee;
}
.inquiryAreaWrap.inAreaName .tableWrap .tableRow:last-child .tableCell{
border-bottom:none;
}
.inquiryAreaWrap .parTypeTel {
display:inline;
padding-left:0;
font-size:28px;
font-weight:bold;
color:#e60000;
background:none;
}
.inquiryAreaWrap .parTypeTel a{
font-size:28px;
font-weight:bold;
color:#e60000;
text-decoration:none;
cursor:default;
}
#amex .inquiryAreaWrap .parTypeTel a{
color:#ac0000;
}
.inquiryAreaWrap .parTypeTel a ruby{
ruby-align:distribute-letter;
ruby-position:above;
}
.inquiryAreaWrap .parTypeTel .iconTypeFD,
.inquiryAreaWrap .parTypeTel .iconTypeND,
.inquiryAreaWrap .parTypeotherTel02 .iconTypeTEL,
.inquiryAreaWrap .parTypeotherTel .iconTypeTEL {
width:56px;
padding-right:18px;
display:inline-block;
line-height:1;
}
.inquiryAreaWrap .parTypeotherTel .parBase02,
.inquiryAreaWrap .parTypeotherTel02 .parBase02{
display:inline;
font-size:28px;
font-weight:bold;
color:#333333;
}
.inquiryAreaWrap .parTypeotherTel a,
.inquiryAreaWrap .parTypeotherTel02 a{
font-size:28px;
font-weight:bold;
color:#333333;
text-decoration:none;
cursor:default;
}
#amex .inquiryAreaWrap .parTypeotherTel02 a{
color: #ac0000;
}
.inquiryAreaWrap .parTypeotherTel .otherwiseText{
padding-right:14px;
font-size:14px;
line-height:1;
vertical-align: middle;
color:#3069cb;
}
.inquiryAreaWrap dl{
padding-left:56px;
background-image: url(../images/inquiryArea_ico_002.png);
background-position: left top;
background-size:25px;
background-repeat: no-repeat;
}
.inquiryAreaWrap dl dt,
.inquiryAreaWrap dl dd{
color:#333333;
text-align:left;
font-size:14px;
}
.inquiryAreaWrap dl dt{
font-size:16px;
font-weight:bold;
}
.inquiryAreaWrap .alignLists{
margin-top:1.000rem;
}
/***********************************************************
sideNavi
***********************************************************/
#sideNaviWrap{
margin:0 0 1.428rem 0;
padding:0 0 0.214rem 0;
background-color:#666666;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
#sideNaviWrap li a{
display:block;
text-align:left;
}
#sideNaviWrap li a em{
font-weight:normal;
}
#sideNaviWrap li.stratum01 h2 > a{
display:block;
padding:0.857rem 1.285rem 0.714rem 3.571rem;
color:#ffffff;
font-size:1.142rem;
font-weight:bold;
background-color:#666666;
background-image: url(../images/sideNavi_icon_003.png);
background-position: 1.285rem 0.857em;
background-size:20px auto;
background-repeat: no-repeat;
border-top-right-radius:4px;
-moz-border-top-right-radius:4px;
-webkit-border-top-right-radius:4px;
-o-border-top-right-radius:4px;
-ms-border-top-right-radius:4px;
border-top-left-radius:4px;
-moz-border-top-left-radius:4px;
-webkit-border-top-left-radius:4px;
-o-border-top-left-radius:4px;
-ms-border-top-left-radius:4px;
}
#sideNaviWrap li.stratum01 h2 > a:hover{
background-color: #e60000;
background-image: url(../images/sideNavi_icon_003_on.png);
}
#amex #sideNaviWrap li.stratum01 h2 > a:hover{
background-color: #00275d;
background-image: url(../images/ae_sideNavi_icon_003_on.png);
}
#jacard #sideNaviWrap li.stratum01 h2 > a:hover{
background-color: #006134;
background-image: url(../images/jacard_sideNavi_icon_003_on.png);
}
#sideNaviWrap li.stratum02 > a{
padding:1.214rem 1.071rem 1.214rem 2.500rem;
color:#303030;
font-size:1.000rem;
border-bottom:1px solid #c7c7c7;
background-image: url(../images/cmn_ico_018.png);
background-size: 6px auto;
background-position: 1.428rem 1.642em;
background-repeat: no-repeat;
background-color:#f7f7f7;
}
#sideNaviWrap li.stratum02 > a:hover{
color:#ac0000;
background-image: url(../images/cmn_ico_018_ac.png);
background-color:#ffdbdb;
}
#amex #sideNaviWrap li.stratum02 > a:hover{
color:#001b40;
background-image: url(../images/ae_cmn_ico_018_ac.png);
background-color:#ccd4df;
}
#jacard #sideNaviWrap li.stratum02 > a:hover{
color:#004022;
background-image: url(../images/jacard_cmn_ico_018_ac.png);
background-color:#ccdfd6;
}
#sideNaviWrap li.stratum02.act > a{
color:#a90101;
border-bottom:none;
border-bottom:1px dotted #c7c7c7;
background-image: url(../images/cmn_ico_018_ac.png);
background-color:#ffdbdb;
}
#amex #sideNaviWrap li.stratum02.act > a{
color:#001b40;
background-image: url(../images/ae_cmn_ico_018_ac.png);
background-color:#ccd4df;
}
#jacard #sideNaviWrap li.stratum02.act > a{
color:#004022;
background-image: url(../images/jacard_cmn_ico_018_ac.png);
background-color:#ccdfd6;
}
#sideNaviWrap li.stratum02:first-child > a{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
#sideNaviWrap li.stratum02:last-child > a{
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
#sideNaviWrap ul.stratum02{
border:1px solid #b2b2b2;
}
#sideNaviWrap li.stratum02 h2 > a,
#sideNaviWrap li.stratum03 > a{
padding:1.000rem 1.071rem 1.000rem 2.500rem;
font-size:1.000rem;
background-image: url(../images/cmn_ico_018.png);
background-size: 6px auto;
background-position: 1.428rem 1.428em;
}
#sideNaviWrap li.stratum03 > a{
padding:0.857rem 0.857rem 0.857rem 3.714rem;
color:#303030;
font-size:0.857rem;
border-bottom: 1px dotted #c7c7c7;
background-image: url(../images/cmn_ico_018.png);
background-position: 2.642rem 1.571em;
background-size: 6px auto;
background-repeat: no-repeat;
background-color:#f7f7f7;
}
#sideNaviWrap li.stratum03 > a:hover{
color:#ac0000;
background-image: url(../images/cmn_ico_018_ac.png);
background-color:#ffdbdb;
}
#amex #sideNaviWrap li.stratum03 > a:hover{
color:#001b40;
background-image: url(../images/ae_cmn_ico_018_ac.png);
background-color:#ccd4df;
}
#jacard #sideNaviWrap li.stratum03 > a:hover{
color:#004022;
background-image: url(../images/jacard_cmn_ico_018_ac.png);
background-color:#ccdfd6;
}
#sideNaviWrap li.stratum03.act > a{
color:#a90101;
border-bottom:none;
border-bottom:1px dotted #c7c7c7;
background-image: url(../images/cmn_ico_018_ac.png);
background-color:#ffdbdb;
}
#amex #sideNaviWrap li.stratum03.act > a{
color:#001b40;
background-image: url(../images/ae_cmn_ico_018_ac.png);
background-color:#ccd4df;
}
#jacard #sideNaviWrap li.stratum03.act > a{
color:#004022;
background-image: url(../images/jacard_cmn_ico_018_ac.png);
background-color:#ccdfd6;
}
#sideNaviWrap li.stratum02:first-child h2 > a,
#sideNaviWrap li.stratum02:first-child > a,
#sideNaviWrap li.stratum02:last-child > a{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
-o-border-sradius:0;
-ms-border-radius:0;
}
#sideNaviWrap li.stratum03:last-child > a{
border-bottom:1px solid #c7c7c7;
}
/*----------------------------------------------------------
intermediateCV
----------------------------------------------------------*/
/*#intermediateCVWrap{
margin: 0 0 1.428rem 0;
padding:0.714rem 0.714rem 0.357rem 0.714rem;
background-color:#efebec;
}
#intermediateCVWrap h2{
margin: 0 0 0.428rem 0;
text-align:center;
border:none;
}
#intermediateCVWrap .h2wrap01{
margin: 0.285rem 0 0.071rem 0;
border:none;
}
#intermediateCVWrap .h2wrap01 h2.h2Base01{
color: #9d2422;
padding: 0;
font-size: 1.000rem;
line-height: 1.3;
border-top:none;
}
#intermediateCVWrap li{
float:left;
width:100%;
margin:0 0 0.571rem 0;
}
#intermediateCVWrap li:nth-child(even){
margin:0 0 0.571rem 0;
}
#intermediateCVWrap ul{
overflow: hidden;
width:100%;
}
#intermediateCVWrap li a{
display:block;
padding:0.142rem 0.785rem 0.142rem 0.785rem;
border:3px solid #dddddd;
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 #787676;
}
#intermediateCVWrap li a:hover{
position:relative;
}
#intermediateCVWrap li a:hover:after{
content: "";
position: absolute;
top: -2px;
left: 0px;
display: block;
width:100%;
height:105%;
background-color:rgba(256,256,256,0.3);
border-radius:16px;
-webkit-border-radius:16px;
-moz-border-radius:16px;
-o-border-radius:16px;
-ms-border-radius:16px;
}*/
#intermediateCVWrap li + li {
margin-top: 10px;
}
/***********************************************************
emergencyBoxWrap
***********************************************************/
.categoryTop #contents .sectionType01.emergencyBoxWrap{
display:block;
width:100%;
margin-bottom: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;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
opacity:0;
}
.categoryTop #contents .sectionType01.emergencyBoxWrap.act{
opacity:1;
}
.emergencyBox{
display:table;
width:980px;
margin:0 auto;
padding:15px 6px 7px 6px;
}
.emergencyBoxWrap .titleText{
display:table-cell;
width:14.25%;
padding:0 22px 0 0;
color:#e60000;
font-weight:bold;
}
#amex .emergencyBoxWrap .titleText{
color:#ac0000;
}
.emergencyBoxWrap .emergencyBox > ul,
.emergencyBoxWrap .emergencyBox > p{
display:table-cell;
}
.emergencyBoxWrap .emergencyBox > ul > li{
padding:0 1.000rem 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:15px 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{
text-align:right;
vertical-align:top;
}
.emergencyBoxWrap .emergencyBox .close a{
margin-top: -2px;
padding:0.214rem 0.714rem;
color:#ffffff;
font-size:1.285rem;
line-height:1;
text-decoration:none;
background-color:#bfbfbf;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
/*----------------------------------------------------------
inqAndPrdBoxWrap
----------------------------------------------------------*/
.inqAndPrdBoxWrap > .wrapTitle{
margin: 0 0 0 0;
padding: 0.714rem 1.428rem 0.714rem 1.428rem;
font-size:1.142rem;
font-weight: bold;
line-height:1.3;
border:1px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.inqAndPrdBoxWrap > .wrapTitle > *:first-child{
padding: 0.285rem 1.428rem 0.285rem 3.142rem;
background-image: url(/mufgcard/img/index_ico_001.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 28px auto;
}
.inqAndPrdBoxWrap > .wrapInnerBox{
padding: 1.428rem 1.428rem 1.428rem 1.428rem;
border: 1px solid #cbcdd6;
border-top: 0px solid #cbcdd6;
}
#contents .inqAndPrdBoxWrap .columnBoxWrap{
margin:0;
height:100%;
}
.inqAndPrdBoxWrap > .wrapInnerBox > .columnTow > .columnBox:first-child{
width:65.95%;
}
.inqAndPrdBoxWrap > .wrapInnerBox > .columnTow > .columnBox:last-child{
float: right;
width:30.91%;
}
.inqAndPrdBoxWrap > .wrapInnerBox > .columnTow > .columnBox:last-child .columnBox{
width:100%;
height:100%;
}
.inqAndPrdBoxWrap .imgAndText{
display:table;
width:628px;
padding:24px 24px 24px 24px;
background-color:#fcf2e1;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-ms-border-radius:4px;
}
.inqAndPrdBoxWrap .imgAndText > *:first-child{
display:table-cell;
vertical-align: middle;
width:270px;
padding-right:26px;
font-size:1.285rem;
line-height:2;
color:#910909;
font-weight:bold;
}
.inqAndPrdBoxWrap .imgAndText > *:last-child{
display:table-cell;
vertical-align: middle;
width:auto;
}
.inqAndPrdBoxWrap .imgAndText .parImg01 img{
width:308px;
margin-bottom:0;
}
.inqAndPrdBoxWrap .webServiceBoxWrap{
margin:0;
height:100%;
}
.inqAndPrdBoxWrap .webServiceBoxWrap .wrapInnerBox{
height:100%;
}
.inqAndPrdBoxWrap .webServiceBoxWrap .columnBox{
border-color:#f66d6d;
}
.inqAndPrdBoxWrap .webServiceBoxWrap .columnBox .webServiceInner{
padding:1.142rem 1.071rem 1.142rem 1.071rem;
}
.inqAndPrdBoxWrap .webServiceBoxWrap .linkType_webServiceBtn.loginBtn a{
width:100%;
height:auto;
padding:1.214rem 0 1.214rem 20px;
font-size:1.142rem;
text-align: center;
background-size: 19px auto;
background-position: 1.571rem center;
}
.inqAndPrdBoxWrap .linkType_webServiceBtn a {
width:100%;
padding-left:85px;
}
.inqAndPrdBoxWrap > .wrapTitle{
margin: 0 0 0 0;
padding: 0.714rem 1.428rem 0.714rem 1.428rem;
font-size:1.285rem;
font-weight: bold;
line-height:1.3;
border:1px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
/*----------------------------------------------------------
searchFormBoxWrap
----------------------------------------------------------*/
.searchFormBoxWrap > .wrapTitle{
margin: 0 0 0 0;
padding: 0.285rem 1.428rem 0.285rem 1.428rem;
font-size:1.285rem;
font-weight: bold;
line-height:1.3;
border:1px solid #cbcdd6;
border-top:0px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
background-color:#faf8f6;
}
.searchFormBoxWrap > .wrapTitle > *:first-child{
padding: 0.714rem 1.428rem 0.714rem 2.285rem;
background-image: url(/mufgcard/img/index_ico_002.png);
background-position: left center;
background-repeat: no-repeat;
background-size: 22px auto;
}
.searchFormBoxWrap .columnTow .columnBox:first-child{
width:62.57%;
}
.searchFormBoxWrap .columnTow .columnBox:last-child{
width:37.42%;
margin:0;
}
.searchFormBoxWrap .wrapKeyWord .searchKeyWordWrap .searchKey{
-webkit-appearance: none;
padding:0 14px 0 14px;
width:433px;
height:42px;
font-size:1.000rem;
border:1px solid #666666;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
}
.searchFormBoxWrap .wrapKeyWord span{
margin-right:16px;
font-size:1.142rem;
font-weight:bold;
}
.searchFormBoxWrap .iconTypeACD{
display:none;
}
.searchFormBoxWrap .accordionBoxTitle .tableWrap,
.searchFormBoxWrap .accordionBoxTitle .tableCell{
display: inline;
}
.searchFormBoxWrap .accordionBoxTitle,
.searchFormBoxWrap .accordionBoxTitle > *:first-child{
display:inline-block;
}
.searchFormBoxWrap .wrapTitle p.searchCaption{
display:inline-block;
margin-left:20px;
font-size:1.000rem;
color:#e60000;
}
.searchFormBoxWrap .wrapInnerBox{
padding:26px 20px 30px 20px;
border: 1px solid #cbcdd6;
border-top:none;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-top-bottom-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px
}
#contents .searchFormBoxWrap .columnBoxWrap{
margin:0;
}
.skwInputBox{
margin-bottom:0;
}
.skwInputBox:last-child{
margin-top:14px;
}
.searchFormBoxWrap .headerSearchBtn01{
position: relative;
}
.searchFormBoxWrap .headerSearchBtn01{
box-sizing:border-box;
vertical-align: baseline;
width:120px;
height:39px;
padding: 6px 0 4px 0;
margin-left:10px;
padding-left: 5%;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1;
letter-spacing:0.4em;
border: none;
background-color:#e60000;
border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
background-image: url(/cmn/img/btn/searchResult_btn_001.png);
background-position:18px 10px;
background-size: 19px auto;
background-repeat: no-repeat;
box-shadow: 0 3px 0 0 #730000;
cursor:pointer;
}
.searchFormBoxWrap .headerSearchBtn01:hover{
background-color: #ed4b4b;
}
.searchFormBoxWrap .btnList{
margin:0 0 0 0;
width: 100%;
text-align: right;
font-size: 0;
}
.searchFormBoxWrap .btnList li{
float:none;
display:inline-block;
width:164px;
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{
vertical-align: bottom;
width:100%;
max-width:164px;
min-width:0;
padding: 0.928rem 20px 0.714rem 40px;
font-weight:bold;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-ms-border-radius: 12px;
background-image: url(/mufgcard/img/index_ico_003.png);
background-position: 23px center;
background-size: 12px auto;
}
.searchFormBoxWrap .btnList li:last-child p.grayBtn01 a{
padding: 0.928rem 16px 0.714rem 45px;
background-image: url(/mufgcard/img/index_ico_004.png);
background-position: 18px center;
background-size: 18px auto;
}
/*----------------------------------------------------------
featuredServiceBoxWrap
----------------------------------------------------------*/
.featuredServiceBoxWrap > .wrapTitle{
margin: 0 0 0 0;
padding: 0.714rem 1.428rem 0.714rem 1.428rem;
font-size:1.285rem;
font-weight: bold;
line-height:1.3;
border:1px solid #cbcdd6;
border-bottom:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
background-color:#faf8f6;
}
.featuredServiceBoxWrap > .wrapTitle > *:first-child{
padding: 0.285rem 1.428rem 0.285rem 32px;
background-image: url(/mufgcard/img/index_ico_005.png);
background-position: left 0.2em;
background-repeat: no-repeat;
background-size: 24px auto;
}
.featuredServiceBoxWrap .redBtn03 a{
min-height:77px;
width: 292px;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn01 a{
width:100%;
margin-bottom:11px;
padding: 1.285rem 1.500rem 0.928rem 110px;
background-image: url(/mufgcard/img/index_ico_006.png);
background-position:7.66% center;
background-size: 58px auto;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn02 a{
margin-bottom:11px;
padding: 2.000rem 0.500rem 0.928rem 84px;
background-image: url(/mufgcard/img/index_ico_007.png);
background-position:7.66% center;
background-size: 58px auto;
}
.featuredServiceBoxWrap .redBtn03.serviceBtn03 a{
background-image: url(/mufgcard/img/index_ico_008.png);
background-position:7.66% center;
background-size: 58px auto;
}
.featuredServiceBoxWrap .wrapInnerBox{
padding:1.214rem 1.428rem 1.142rem 1.428rem;
border:1px solid #cbcdd6;
border-top:0px solid #cbcdd6;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-o-border-radius:3px;
-ms-border-radius:3px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
}
/***********************************************************
carouselBoxWrap
***********************************************************/
.categoryTop #contents .sectionType01.bannerTypeWarp{
width:100%;
background-color:#faf8f6;
}
.carouselBoxWrap{
position:relative;
margin-bottom:30px;
}
.carouselBoxWrap.bannerType{
width:980px;
margin:0 auto;
margin-top:25px;
margin-bottom:25px;
overflow: hidden;
}
.carouselBoxWrap .carouselBox{
position:relative;
width:980px;
height:240px;
margin:0 auto;
overflow: visible;
}
.carouselBoxWrap.bannerType .carouselBox{
height:62px;
width:980px;
padding:0 30px;
border-top:none;
border-bottom:none;
overflow: hidden;
}
.carouselBoxWrap .carouselBox .carouselBoxInner{
width:4900px;
height:240px;
overflow:hidden;
position:relative;
top:0px;
}
.allTop .carouselBoxWrap:not(.bannerType){
box-shadow: rgba(130, 130, 130, 0.3) 0px 8px 12px -3px inset;
-webkit-box-shadow: rgba(130, 130, 130, 0.3) 0px 8px 12px -3px inset;
-moz-box-shadow: rgba(130, 130, 130, 0.3) 0px 8px 12px -3px inset;
}
.categoryTop #contents *{
-webkit-backface-visibility:hidden;
backface-visibility:hidden;
}
.carouselBoxWrap.bannerType .carouselBox .carouselBoxInner{
height:62px;
font-size:0;
}
.carouselBoxWrap .carouselBox .carouselBoxInner .selBox{
float:left;
background-color: transparent;
}
.carouselBoxWrap.bannerType .carouselBox .carouselBoxInner .selBox{
padding:0 10px 0 0;
}
.carouselBoxWrap .carouselBox .carouselBoxInner .selBox img{
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
-ms-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
opacity:0.4;
}
.carouselBoxWrap .carouselBox .carouselBoxInner .selBox.act img,
.carouselBoxWrap.bannerType .carouselBox .carouselBoxInner .selBox img{
opacity:1;
}
.carouselBoxWrap .buttonBox{
position:relative;
width:1200px;
}
.carouselBoxWrap .slick-arrow{
position:absolute;
background:transparent;
border:0;
width:55px;
height:55px;
margin:0;
padding:0;
color:transparent;
outline:none;
z-index:88;
cursor:pointer;
}
.carouselBoxWrap .slick-arrow.carouselPrev{
top:50%;
left:-75px;
margin-top:-27px;
}
.carouselBoxWrap .slick-arrow.carouselNext{
top:50%;
right:-75px;
margin-top:-27px;
}
.carouselBoxWrap.bannerType .slick-arrow{
background-color:#faf8f6;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselPrev{
top:0px;
left:0px;
width:30px;
height:64px;
margin-top:0px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselNext{
top:0px;
right:0px;
width:40px;
height:64px;
margin-top:0px;
}
.carouselBoxWrap .slick-arrow.carouselStop{
right: -5px;
z-index: 100;
bottom: -71px;
}
.carouselBoxWrap.sixSlide01 .slick-arrow.carouselStop{
bottom: -67px;
}
.carouselBoxWrap .slick-arrow::after{
position:absolute;
top:0px;
left:0px;
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);
cursor:pointer;
}
.carouselBoxWrap .slick-arrow.carouselStop::after{
width:32px;
height:32px;
}
.carouselBoxWrap.bannerType .slick-arrow::after{
width:20px;
height:64px;
border-radius: 0%;
background-color: #e3e3e3;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselPrev::after{
left:0px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-top-right-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-top-right-radius:0px;
-o-border-top-right-radius:0px;
-ms-border-top-right-radius:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselNext::after{
left:10px;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-top-left-radius:0px;
-webkit-border-top-left-radius:0px;
-moz-border-top-left-radius:0px;
-o-border-top-left-radius:0px;
-ms-border-top-left-radius:0px;
border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
.carouselBoxWrap .slick-arrow img{
position: absolute;
top: 50%;
left:50%;
margin-top: -12px;
margin-left: -7px;
z-index:9;
}
.carouselBoxWrap .slick-arrow.carouselPrev img,
.carouselBoxWrap .slick-arrow.carouselNext img{
width:12px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselPrev img,
.carouselBoxWrap.bannerType .slick-arrow.carouselNext img{
width:10px;
margin-top: -8px;
margin-left: -11px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselNext img{
margin-left:-3px;
}
.carouselBoxWrap.bannerType .slick-arrow.carouselPrev img{
text-align:left;
}
.carouselBoxWrap .slick-arrow.carouselStop img{
width:8px;
margin-top: -16px;
margin-left: -15px;
}
.carouselBoxWrap .slick-arrow.carouselStop img.btnStop{
display:block;
}
.carouselBoxWrap .slick-arrow.carouselStop img.btnPlay{
display:none;
margin-top: -18px;
}
.carouselBoxWrap .slick-arrow.carouselStop.onPlay img.btnStop{
display:none;
}
.carouselBoxWrap .slick-arrow.carouselStop.onPlay img.btnPlay{
display:block;
}
.carouselBoxWrap .carouselLabel{
width:100%;
margin:0 auto;
background-image: url(/mufgcard/img/index_label_bg_002.gif);
background-position:left top;
background-repeat:repeat;
background-size: 3px auto;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner{
position:relative;
display:table;
width:980px;
margin: 0 auto;
padding:10px 66px;
text-align:center;
background-image: url(/mufgcard/img/index_label_bg_001.gif);
background-position:left top;
background-repeat:repeat;
background-size: 3px auto;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox{
position:relative;
display:inline-block;
margin-right:7px;
vertical-align:middle;
text-align:center;
cursor:pointer;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox:last-child{
margin-right:0px;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox div{
display:inline-block;
padding:2px;
background-repeat:repeat;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox.act div{
padding:0px;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox div img{
box-sizing:content-box;
width:158px;
height:38px;
border:1px solid #ffffff;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox.act div img{
box-sizing:content-box;
width:158px;
height:38px;
border:3px solid #e60000;
}
.carouselBoxWrap.sixSlide01 .carouselLabel .carouselLabelInner .selBox div img{
box-sizing:content-box;
width:129px;
height:31px;
border:1px solid #ffffff;
}
.carouselBoxWrap.sixSlide01 .carouselLabel .carouselLabelInner .selBox.act div img{
box-sizing:content-box;
width:129px;
height:31px;
border:3px solid #e60000;
}
.carouselBoxWrap .carouselLabel .carouselLabelInner .selBox.act::after{
display:block;
position: absolute;
left: 50%;
top: 0%;
margin-top:-12px;
margin-left:-6px;
content:'';
width:0px;
height:0px;
border-top:solid 6px transparent;
border-right:solid 6px transparent;
border-bottom:solid 6px #e60000;
border-left:solid 6px transparent;
}
/*----------------------------------------------------------
campaign
----------------------------------------------------------*/
#campaignWrap{
margin:0 0 1.428rem 0;
padding:0;
background-color:#ffffff;
}
#campaignWrap ul{
overflow: hidden;
width:100%;
}
#campaignWrap li{
float:none;
width:100%;
margin:0 0 0.714rem 0;
padding:0;
}
#campaignWrap li:last-child{
margin:0 0 0 0;
}
#campaignWrap li:nth-child(even){
margin:0 0 3.448% 0;
}
#campaignWrap li a{
}
#campaignWrap li a:hover img{
opacity: 0.67;
}
#contents .jfsaBox p.parBase02:first-child{
margin-bottom: 0.642rem;
}
/***********************************************************
searchAndLoginWarp
***********************************************************/
#contents .searchAndLoginWarp.columnBoxWrap{
width:980px;
margin-top:0;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:first-child{
width:31.53%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child{
float: right;
width:65.81%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox h2{
padding:6px 1.214rem 6px 1.214rem;
font-size:1.214rem;
color:#ffffff;
text-align:center;
background-color:#e60000;
border-radius:6px;
-webkit-border-radius:6px;
-moz-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-bottom-right-radius:0px;
-moz-border-bottom-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-o-border-bottom-right-radius:0px;
-ms-border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
-moz-border-bottom-left-radius:0px;
-webkit-border-bottom-left-radius:0px;
-o-border-bottom-left-radius:0px;
-ms-border-bottom-left-radius:0px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner{
position: relative;
padding:16px 20px 16px 20px;
background-color:#fcf4f4;
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;
}
.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::after{
left:25%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child > .columnBoxInner::before{
left:74%;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a{
display: block;
position: relative;
float:none;
width:100%;
min-height:234px;
margin-bottom:5px;
padding:12px 1.071rem 21px 1.071rem;
font-size: 1.142rem;
line-height: 1.3;
color: #333333;
text-decoration: none;
border:1px solid #7f7f7f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
background-color:#ffffff;
box-shadow:0 3px 0 0 #7f7f7f,0 5px 0 0 #aaaaaa;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a:hover{
background-color: #eeeeee;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .title{
float:none;
width:100%;
margin:112px 0 13px 0;
padding:1px 0 1px 50px;
font-size:1.428rem;
font-weight: bold;
text-align:left;
line-height:1.3;
background: url(../images/cmn_ico_007.png) no-repeat 18px 0.214em;
background-size: 22px auto;
-moz-background-size: 22px auto;
-webkit-background-size: 22px auto;
-o-background-size: 22px auto;
-ms-background-size: 22px auto;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .title .textAdjust{
width: 100%;
display: inline-block;
text-align: center;
padding-right: 2em;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .iconImg{
position: absolute;
top: 8px;
left: 0px;
width: 100%;
border:none;
float:none;
text-align:center;
margin-bottom:0;
padding:4px 20px 20px 20px;
background-color:transparent;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner > a .iconImg img{
margin-left:33px;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox > .columnBoxInner .descriptionText{
text-align:center;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap{
margin:0 0 0 0;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox{
width:48.56%;
margin-right:8px;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child{
margin-right:0px;
margin-left:8px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a,
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner{
display: block;
position: relative;
float:none;
width:100%;
min-height:234px;
margin-bottom:5px;
padding:12px 1.071rem 24px 1.071rem;
font-size: 1.142rem;
line-height: 1.3;
color: #333333;
text-decoration: none;
border:1px solid #7f7f7f;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
background-color:#ffffff;
box-shadow:0 3px 0 0 #7f7f7f,0 5px 0 0 #aaaaaa;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner{
padding:25px 1.071rem 24px 1.071rem;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a:hover{
background-color: #eeeeee;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .title{
float:none;
width:100%;
margin:136px 0 8px 0;
padding:1px 0 1px 28px;
font-size:1.285rem;
font-weight: bold;
text-align:left;
line-height:1.5;
background: url(../images/cmn_ico_007.png) no-repeat 0 0.214em;
background-size: 22px auto;
-moz-background-size: 22px auto;
-webkit-background-size: 22px auto;
-o-background-size: 22px auto;
-ms-background-size: 22px auto;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .iconImg{
position: absolute;
top: 8px;
left: 0px;
width: 100%;
border:none;
float:none;
text-align:center;
padding:4px 20px 20px 20px;
background-color:transparent;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:first-child a .iconImg img{
width:126px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner h3{
margin-bottom:8px;
font-size:1.142rem;
text-align:center;
}
#contents .searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .descriptionText{
margin-bottom:19px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .linkType_webServiceBtn.loginBtn{
margin-bottom:14px;
}
.searchAndLoginWarp.columnBoxWrap > .columnBox:last-child .columnBoxWrap .columnBox:last-child .webServiceInner .linkType_webServiceBtn.loginBtn a{
min-width:200px;
padding: 18px 1.000rem 15px 62px;
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: 12px 1.000rem 8px 59px;
background-position:26px center;
background-size:14px auto;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox{
width:310px;
margin-right:25px;
padding-left:0;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox:last-child{
margin-right:0;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox a{
width:100%;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .whiteBtn03{
margin-bottom: 0;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn01 a{
padding: 2.000rem 1.500rem 1.857rem 32.25%;
background-image: url(/cmn/img/index_ico_001.png);
background-position: 7.66% center;
background-size: 64px auto;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn02 a{
padding: 2.775rem 1.500rem 2.775rem 36.45%;
background-image: url(/cmn/img/index_ico_002.png);
background-position: 7.66% center;
background-size: 64px auto;
}
.topFeaturedServiceBoxWrap .columnBoxWrap .columnBox .serviceBtn03 a{
padding: 2.775rem 1.500rem 2.775rem 41.29%;
background-image: url(/cmn/img/index_ico_003.png);
background-position: 7.66% center;
background-size: 64px auto;
}
.topSearchFormBoxWrap .wrapTitle{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size:1.000rem;
font-weight: bold;
line-height:1.3;
}
.topSearchFormBoxWrap .wrapTitle > *:first-child{
padding: 12px 12px 8px 30px;
}
.topSearchFormBoxWrap .wrapTitle h2{
font-size:1.428rem;
color:#333333;
font-weight:normal;
padding-left: 30px;
background: url(../images/cmn_ico_032.png) left center no-repeat;
background-size: 24px auto;
}
.topSearchFormBoxWrap .columnTow .columnBox{
width:27.57%;
}
.topSearchFormBoxWrap .columnTow .columnBox:first-child{
padding-left:50px;
}
.topSearchFormBoxWrap .columnTow .columnBox:last-child{
width:60.61%;
}
.topSearchFormBoxWrap .headerSearchBtn01{
position: relative;
}
.topSearchFormBoxWrap .headerSearchBtn01{
box-sizing:border-box;
vertical-align: baseline;
width:120px;
height:39px;
padding: 6px 0 4px 0;
margin-left:10px;
padding-left: 5%;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1;
letter-spacing:0.4em;
border: none;
background-color:#e60000;
border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
background-image: url(/cmn/img/btn/searchResult_btn_001.png);
background-position:18px 10px;
background-size: 19px auto;
background-repeat: no-repeat;
box-shadow: 0 3px 0 0 #730000;
cursor:pointer;
}
.topSearchFormBoxWrap .headerSearchBtn01:hover{
background-color: #ed4b4b;
}
.topSearchFormBoxWrap .btnList{
margin:0 0 0 0;
width: 100%;
text-align: right;
font-size: 0;
}
.topSearchFormBoxWrap .btnList li{
float:none;
display:inline-block;
width:164px;
padding-right:5px;
}
.topSearchFormBoxWrap .wrapKeyWord .searchKeyWordWrap .searchKey{
-webkit-appearance: none;
padding:0 14px 0 14px;
width:440px;
height:42px;
font-size:1.000rem;
border:1px solid #666666;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 4px 6px -4px inset;
}
.topSearchFormBoxWrap .wrapKeyWord span{
margin-right:16px;
font-size:1.142rem;
font-weight:bold;
}
.topSearchFormBoxWrap .selectSearchType{
text-align:left;
}
.topSearchFormBoxWrap .selectSearchType label{
position: relative;
display:inline-block;
overflow: hidden;
width:420px;
margin: 0 0 3px 10px;
padding:9px 18px 5px 0;
color:#ffffff;
background-color:#666666;
box-shadow: 0 3px 0 0 #333333;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
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;
z-index:23;
}
.topSearchFormBoxWrap .selectSearchType label::before{
content: '';
display: inline-block;
border: 7px solid transparent;
border-top-color: #ffffff;
position: absolute;
left: 92%;
top: 50%;
margin-top: -3px;
z-index: 22;
pointer-events: none;
}
.topSearchFormBoxWrap .selectSearchType label select{
width:444px;
padding:0px 0 0px 17px;
border:none;
color:#ffffff;
background-color:transparent;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
.topSearchFormBoxWrap .selectSearchType label select::-ms-expand{
display: none;
}
.topSearchFormBoxWrap .selectSearchType.act p{
width:420px;
margin: 0 0 0 10px;
padding:9px 18px 8px 17px;
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%;
margin-top:-13px;
font-size:18px;
border:none;
}
.topSearchFormBoxWrap .selectSearchType label select option,
.topSearchFormBoxWrap .selectSearchType label select optgroup{
font-size:1.000rem;
color: #ffffff;
background: #666666;
}
.topSearchFormBoxWrap .selectSearchType label select:focus option,
.topSearchFormBoxWrap .selectSearchType label select:focus optgroup{
color: #333333;
background: #ffffff;
}
.topSearchFormBoxWrap .selectSearchType p::before,
.topSearchFormBoxWrap .selectSearchType label::before{
content: '';
display: inline-block;
border: 7px solid transparent;
border-top-color: #ffffff;
position: absolute;
left: 94%;
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 .iconTypeACD{
display:none;
}
.topSearchFormBoxWrap .accordionBoxTitle .tableWrap,
.topSearchFormBoxWrap .accordionBoxTitle .tableCell{
display: inline;
}
.topSearchFormBoxWrap .accordionBoxTitle,
.topSearchFormBoxWrap .accordionBoxTitle > *:first-child{
display:inline-block;
}
.topSearchFormBoxWrap .wrapTitle p.searchCaption{
display:inline-block;
margin-left:20px;
font-size:1.000rem;
color:#e60000;
}
.topSearchFormBoxWrap .wrapInnerBox{
padding:20px 20px 20px 20px;
border: 1px solid #cbcdd6;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
}
#contents .topSearchFormBoxWrap .columnBoxWrap{
margin:0;
}
.skwInputBox{
margin-bottom:0;
}
.skwInputBox:last-child{
margin-top:14px;
}
.searchFormBoxWrap .headerSearchBtn01{
position: relative;
}
.topSearchFormBoxWrap .headerSearchBtn01{
box-sizing:border-box;
vertical-align: baseline;
width:116px;
height:39px;
padding: 6px 0 4px 0;
margin-left:10px;
padding-left: 5%;
color:#ffffff;
font-size:16px;
font-weight:bold;
line-height:1;
letter-spacing:0.4em;
border: none;
background-color:#e60000;
border-radius:14px;
-moz-border-radius:14px;
-webkit-border-radius:14px;
-o-border-radius:14px;
-ms-border-radius:14px;
background-image: url(/cmn/img/btn/searchResult_btn_001.png);
background-position:18px 10px;
background-size: 19px auto;
background-repeat: no-repeat;
box-shadow: 0 3px 0 0 #730000;
cursor:pointer;
}
.topSearchFormBoxWrap .headerSearchBtn01:hover{
background-color: #ed4b4b;
}
/***********************************************************
topBannerList
***********************************************************/
.topSearchFormBox{
display:none;
position:absolute;
width:420px;
margin: 0 0 3px 10px;
padding:1.000rem;
border:1px solid #666666;
box-shadow: 0 3px 0 0 #333333;
border-radius:6px;
-moz-border-radius:6px;
-webkit-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;
z-index:222;
background-color:#ffffff;
}
.act .topSearchFormBox{
display:block;
}
.skwInputBox{
margin-bottom:0;
}
.skwInputBox:last-child{
margin-top:14px;
}
.skwInputBox.typeBrand{
margin-top:12px;
margin-bottom:14px;
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:0 0 0 0;
font-size:1.000rem;
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 8px 12px;
}
.inputList > li{
margin-bottom:12px;
}
.inputList > li:last-child{
margin-bottom:0px;
}
.typeBrand .inputList > li{
margin-bottom:7px;
}
.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: 1.000rem;
line-height: 1.000rem;
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 ul{
font-size:0;
}
.topBannerList li{
display:inline-block;
margin-right:20px;
}
.topBannerList li:last-child{
margin-right:0px;
}
.topBannerList li > p > a{
width:180px;
}
.topBannerList li .littlWehiteBtn01 a{
width:180px;
padding: 0.857rem 0.500rem 0.857rem 0.500rem;
}
/***********************************************************
footer
***********************************************************/
footer{
position: relative;
width:100%;
display:inline-table;
margin-top:3.214rem;
padding:0 0 0 0;
background-color:#e7e7e7;
}
#mainFooter.nonViewSWBtn{
padding-top:0;
}
.oneCLM footer{
position: relative;
width:100%;
display:inline-table;
margin-top:3.214rem;
padding:0 0 0 0;
background-color:#e7e7e7;
}
.categoryTop footer{
margin-top:0;
}
#brandFooterNavWrap{
width:980px;
margin:40px auto 1.785rem auto;
padding:1.500rem 1.142rem 1.500rem 1.142rem;
background-color:#f3f3f3;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
#brandFooterNavWrap li{
display:inline-block;
margin-right:3.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;
}
#brandFooterNavWrap li a{
color:#343434;
font-size:0.857rem
}
#footerGlobalNavi li > ul{
display:table;
width:100%;
table-layout:fixed;
}
#footerGlobalNavi li > ul > li{
display:table-cell;
width:33.333%;
vertical-align:middle;
text-align:center;
border:1px solid #bfbfbf;
padding:0.714rem 0.428rem 0.714rem 0.428rem;
}
#footerGlobalNavi li > ul > li.act{
background-color:#d9d9d9;
}
#footerGlobalNavi li a{
color:#343434;
text-align:center;
font-size:0.857rem;
line-height:1;
}
#footerBrandNav{
display:table;
table-layout: fixed;
width:980px;
margin:0 auto 0 auto;
padding:0 0 0.428rem 0;
border:none;
border-bottom: 1px solid #bfbfbf;
}
#footerLogo{
display:table-cell;
width:250px;
padding: 0 1.071rem 0 1.071rem;
text-align:left;
border:none;
border-left: 1px solid #bfbfbf;
vertical-align:middle;
}
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:inline-block;
padding:0 0 0 0;
}
#footerInnerLinkNavi li a{
margin-right:1.428rem;
padding:0 1.428rem 0 0;
color:#343434;
font-size:0.857rem;
line-height:0;
}
#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;
}
#footerLogo{
display:table-cell;
width:250px;
padding: 0 1.071rem 0 1.071rem;
text-align:left;
border:none;
border-left: 1px solid #bfbfbf;
vertical-align:middle;
}
#footerLogo > a,
#footerLogo .prgFooterHomeLink{
display:table-cell;
text-align:center;
vertical-align: middle;
}
#footerLogo > a{
width:142px;
}
#footerLogo > a img{
width:123px;
}
#footerLogo .prgFooterHomeLink{
width:108px;
}
#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;
}
#footerGlobalNavi{
display:table-cell;
}
#footerGlobalNavi li{
display:table-cell;
}
#footerGlobalNavi li > ul{
display:table-cell;
}
#footerGlobalNavi li > ul > li{
width:122px;
padding: 0 0.428rem 0 0.428rem;
text-align:center;
border:none;
border-left: 1px solid #bfbfbf;
}
#footerGlobalNavi li:last-child > ul > li{
padding:0 0.428rem 0 0.428rem;
}
#footerGlobalNavi li:last-child > ul > li:first-child{
border-left: none;
}
#footerGlobalNavi li > ul > li.act,
#footerBrandNav.act{
position: relative;
background-color:#e7e7e7;
}
#footerGlobalNavi li > ul > li.act::after,
#footerBrandNav.act #footerLogo::after {
position: absolute;
bottom: -7px;
left: 0px;
z-index: 12;
content: "";
width: 100%;
height: 5px;
background-color: #3f3f3f;
}
#footerBrandNav.act #footerLogo::after {
width:250px;
bottom: -2px;
}
#footerGlobalNavi li > ul > li.act em{
font-weight:normal;
}
#footerGlobalNavi ul ul:last-child > li:last-child{
border-right: 1px solid #bfbfbf;
}
#footerGlobalNavi li a{
display:block;
padding:0.357rem 0 0.357rem 0;
line-height:1.5;
}
#footerInnerLinkNavi {
overflow: hidden;
width:980px;
margin: 0 auto 0 auto;
padding:2.857rem 0 2.857rem 0 ;
}
#footerInnerLinkNavi li{
margin-bottom:0.714rem;
line-height:1;
}
#footerInnerLinkNavi li{
float: left;
}
#footerInnerLinkNavi li:nth-child(4){
clear:left;
}
#footerInnerLinkNavi li a{
padding: 0 1.214rem 0 1.214rem;
line-height:1;
border-right:1px solid #939393;
background-image: url(../images/cmn_ico_018.png);
background-size: 6px 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 #939393;
}
#footerInnerLinkNavi li:nth-child(2) a,
#footerInnerLinkNavi li:nth-child(3) a,
#footerInnerLinkNavi li:nth-child(5) a{
padding-right:1.285rem;
}
#footerInnerLinkNavi li:nth-child(3) a,
#footerInnerLinkNavi li:last-child a{
border-right:none;
}
#footerNav{
width:980px;
margin:0 auto;
background-color:#e7e7e7;
}
/*----------------------------------------------------------
viewSWBtn
----------------------------------------------------------*/
.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:40px;
}
.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;
-o-border-radius:8px;
-ms-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);
}
/*----------------------------------------------------------
pmark copyright
----------------------------------------------------------*/
.pmarkWrap{
position: relative;
width:980px;
margin:0 auto;
}
.parPrivacymark{
position:absolute;
right:0;
top:-20px;
width:82px;
}
#copyright{
width:100%;
padding: 1.428rem 0 1.428rem 0;
background-color:#717070;
}
#copyright small{
display: block;
width:980px;
margin:0 auto;
padding:0;
text-align:left;
font-size:0.857rem;
color:#ffffff;
}
.oneCLM #copyright small{
width:100%;
min-width:730px;
max-width:980px;
}
/***********************************************************
allMainWrap
***********************************************************/
#allMainWrap{
width:100%;
}
.spView{
margin:0 16px;
}
#main:afte,
.columnBoxWrap:after{
content: "";
clear: both;
display: block;
}
/*----------------------------------------------------------
test
----------------------------------------------------------*/
.dummyImgPC{
display:block;
}
.dummyImgSP{
display:none;
}
/***********************************************************
dropdownGlobalNavi
***********************************************************/
.dropdownGlobalNaviWrap{
position:absolute;
top:59px;
left:0px;
overflow:hidden;
z-index:200;
width:100%;
padding:16px 0 17px 0;
background-color:#666666;
}
.dropdownGlobalNavi{
position:relative;s
overflow:hidden;
width:980px;
min-height:250px;
margin:0 auto;
}
#amex .dropdownGlobalNavi{
min-height:300px;
}
.dropdownGlobalNavi a:hover{
text-decoration: none;
}
.dropdownGlobalNaviWrap .gbnClose{
position:relative;
float:right;
bottom:0px;
right:7px;
width: 125px;
background-color: #484848;
border-radius: 6px;
}
.dropdownGlobalNaviWrap .gbnClose a{
padding: 8px 0 8px 0;
color: #ffffff;
font-size:14px;
text-align: center;
display: inline-block;
width: 100%;
}
.dropdownGlobalNaviWrap .gbnClose a span{
position:relative;
padding-left:8px;
}
.dropdownGlobalNaviWrap .gbnClose a .iconText{
position: absolute;
top: 50%;
left: -21px;
display:block;
margin-top:-9px;
padding:0;
font-size:22px;
line-height: 1;
vertical-align: middle;
}
.dgnList{
position:relative;
padding-bottom:16px;
}
.dgnList > li{
min-height:250px;
}
#amex .dgnList > li{
min-height:300px;
}
#headerGlobalNavi .innerMenu{
overflow:hidden;
height:auto;
padding-bottom:16px;
font-size:0;
}
#headerGlobalNavi .innerMenu > ul > li{
display:inline-block;
width:77%;
font-size:14px;
}
#headerGlobalNavi .innerMenu .gtTopMenu{
float:left;
width:162px;
margin-left:9px;
}
#headerGlobalNavi .innerMenu .gtTopMenu > a{
display:block;
min-height:205px;
padding:135px 10px 0 10px;
color:#666666;
font-size:14px;
border-radius: 10px;
background-image:url(../images/dropdown_ico_01.png);
background-size:104px auto;
background-position:center 15px;
background-repeat:no-repeat;
background-color:#eeeeee;
}
#headerGlobalNavi .innerMenu .gtTopMenu > a:hover{
color:#ac0000;
background-color:#ffdbdb;
text-decoration:underline !important;
}
/*----------------------------------------------------------
headerGlobalNavi bgImg class strat
----------------------------------------------------------*/
#headerGlobalNavi .innerMenu .gtTopMenu.menu001 a{
background-image:url(../images/gnavi/dropdown_ico_001.png);
}
#headerGlobalNavi .innerMenu .gtTopMenu.menu002 a{
background-image:url(../images/gnavi/dropdown_ico_002.png);
}
#headerGlobalNavi .innerMenu .gtTopMenu.menu003 a{
background-image:url(../images/gnavi/dropdown_ico_003.png);
}
#headerGlobalNavi .innerMenu .gtTopMenu.menu004 a{
background-image:url(../images/gnavi/dropdown_ico_004.png);
}
/*----------------------------------------------------------
headerGlobalNavi bgImg class end
----------------------------------------------------------*/
#headerGlobalNavi .innerMenu .gtTopMenu p.linkType01,
#headerGlobalNavi .innerMenu .gtTopMenu p.linkType02{
padding-left:12px;
font-weight:bold;
background: url(../images/cmn_ico_002.png) no-repeat left 0.400em;
background-size: 6px auto;
background-repeat: no-repeat;
}
#headerGlobalNavi .innerMenu .gtTopMenu.menu003 p.linkType01,
#headerGlobalNavi .innerMenu .gtTopMenu.menu003 p.linkType02{
padding-left:27px;
background-position:15px 0.400em;
}
#amex #headerGlobalNavi .innerMenu .gtTopMenu p.linkType01,
#amex #headerGlobalNavi .innerMenu .gtTopMenu p.linkType02{
background-image: url(../images/ae_cmn_ico_002.png);
}
#ja #headerGlobalNavi .innerMenu .gtTopMenu p.linkType01,
#ja #headerGlobalNavi .innerMenu .gtTopMenu p.linkType02,
#jacard #headerGlobalNavi .innerMenu .gtTopMenu p.linkType01,
#jacard #headerGlobalNavi .innerMenu .gtTopMenu p.linkType02{
background-image: url(../images/jacard_cmn_ico_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenuWrap > ul,
#headerGlobalNavi .innerMenu .gtUnderMenuWrap .tableCell > ul{
display:table;
margin-bottom:8px;
border-spacing: 8px 0;
border-collapse: separate;
}
#headerGlobalNavi .innerMenu .gtUnderMenuWrap ul.listInner{
width: 476px;
border-spacing:0 0;
margin-left: 8px;
}
#headerGlobalNavi .innerMenu .gtUnderMenuWrap .tableWrap{
display:table;
width:100%;
}
#headerGlobalNavi .innerMenu .gtUnderMenuWrap .tableWrap .tableCell{
display:table-cell;
vertical-align:top;
}
#headerGlobalNavi .innerMenu .gtUnderMenu{
display:table-cell;
width:258px;
max-width: 258px;
margin:0 8px 8px 0;
background-color:#eeeeee;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.{
vertical-align: top;
}
#headerGlobalNavi .innerMenu .gtUnderMenu:nth-child(4),
#headerGlobalNavi .innerMenu .gtUnderMenu:nth-child(7){
margin-right:0;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType02{
width:310px;
max-width:310px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04{
width:25%;
max-width:25%;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu{
width:476px;
max-width:476px;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu:hover{
background-color: #eeeeee;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu li > a:hover{
color:#ac0000 !important;
text-decoration: underline !important;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu > .columnBoxWrap{
min-height: 205px;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox{
width:50%;
margin-left:0;
padding:11px 12px 15px 16px;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox .linkType01,
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox .linkType02{
margin-bottom:10px;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox > ul > li:last-child{
margin-bottom:0;
}
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox .linkType01 a,
#headerGlobalNavi .innerMenu .listInner .gtUnderMenu .columnBox .linkType02 a{
font-size:14px;
padding-left:14px;
color:#333333;
line-height:1.3;
font-weight:bold;
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a{
display:block;
width:258px;
min-height:98px;
padding-left:84px;
color:#666666;
background-color:#eeeeee;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
-o-border-radius:10px;
-ms-border-radius:10px;
background-image: url(/cmn/img/dummy_img_020.png);
background-position:16px center;
background-size: 58px auto;
background-repeat: no-repeat;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType02 > a{
width:310px;
min-height:98px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType03 > a{
width:524px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 > a{
width:191px;
padding: 0;
background-position: 16px 16px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.heightType02{
min-height:108px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.heightType03{
min-height:88px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu:hover,
#headerGlobalNavi .innerMenu .gtUnderMenu:hover > a{
color:#ac0000;
background-color:#ffdbdb;
}
/*----------------------------------------------------------
headerGlobalNavi gtUnderMenu bgImg class strat
----------------------------------------------------------*/
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to001{
background-image: url(../images/gnavi/dropdown_ico_001_001.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to002{
background-image: url(../images/gnavi/dropdown_ico_001_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to003{
background-image: url(../images/gnavi/dropdown_ico_001_003.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to004{
background-image: url(../images/gnavi/dropdown_ico_001_004.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to005{
background-image: url(../images/gnavi/dropdown_ico_001_005.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to006{
background-image: url(../images/gnavi/dropdown_ico_001_006.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to007{
background-image: url(../images/gnavi/dropdown_ico_001_007.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to008{
background-image: url(../images/gnavi/dropdown_ico_001_008.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to009{
background-image: url(../images/gnavi/dropdown_ico_001_009.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu001to010{
background-image: url(../images/gnavi/dropdown_ico_001_010.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to001{
background-image: url(../images/gnavi/dropdown_ico_002_001.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to002{
background-image: url(../images/gnavi/dropdown_ico_002_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to003{
background-image: url(../images/gnavi/dropdown_ico_002_003.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to004{
background-image: url(../images/gnavi/dropdown_ico_002_004.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to005{
background-image: url(../images/gnavi/dropdown_ico_002_005.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to006{
background-image: url(../images/gnavi/dropdown_ico_002_006.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to007{
background-image: url(../images/gnavi/dropdown_ico_002_007.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to008{
background-image: url(../images/gnavi/dropdown_ico_002_008.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to009{
background-image: url(../images/gnavi/dropdown_ico_002_009.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to010{
background-image: url(../images/gnavi/dropdown_ico_002_010.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to011{
background-image: url(../images/gnavi/dropdown_ico_002_011.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to012{
background-image: url(../images/gnavi/dropdown_ico_002_012.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to013{
background-image: url(../images/gnavi/dropdown_ico_002_013.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to014{
background-image: url(../images/gnavi/dropdown_ico_002_014.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to015{
background-image: url(../images/gnavi/dropdown_ico_002_015.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to016{
background-image: url(../images/gnavi/dropdown_ico_002_016.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu002to017{
background-image: url(../images/gnavi/dropdown_ico_002_017.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to001{
background-image: url(../images/gnavi/dropdown_ico_003_001.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to002{
background-image: url(../images/gnavi/dropdown_ico_003_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to003{
background-image: url(../images/gnavi/dropdown_ico_003_003.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to004{
background-image: url(../images/gnavi/dropdown_ico_003_004.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to005{
background-image: url(../images/gnavi/dropdown_ico_003_005.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to006{
background-image: url(../images/gnavi/dropdown_ico_003_006.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 > a.menu003to006{
width: 192px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to007{
background-image: url(../images/gnavi/dropdown_ico_003_007.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to008{
background-image: url(../images/gnavi/dropdown_ico_003_008.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to009{
background-image: url(../images/gnavi/dropdown_ico_003_009.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to010{
background-image: url(../images/gnavi/dropdown_ico_003_010.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to011{
background-image: url(../images/gnavi/dropdown_ico_003_011.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu003to012{
background-image: url(../images/gnavi/dropdown_ico_003_012.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 > a.menu003to012{
width: 192px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu004to001{
background-image: url(../images/gnavi/dropdown_ico_004_001.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu004to002{
background-image: url(../images/gnavi/dropdown_ico_004_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu004to003{
background-image: url(../images/gnavi/dropdown_ico_004_003.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu > a.menu004to004{
background-image: url(../images/gnavi/dropdown_ico_004_004.png);
}
/*----------------------------------------------------------
headerGlobalNavi gtUnderMenu bgImg class end
----------------------------------------------------------*/
#headerGlobalNavi .innerMenu .gtUnderMenu dt{
padding:14px 6px 6px 35px;
font-size:14px;
line-height:1.3;
font-weight:bold;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType02{
margin-bottom:0;
margin-right:0;
margin-left:0;
padding-left:12px;
font-weight:bold;
background-image: url(../images/cmn_ico_002.png);
background-size: 6px auto;
background-position:0 1.285em;
background-repeat: no-repeat;
}
#headerGlobalNavi .innerMenu .gtUnderMenu .menu002to008 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu .menu002to008 dt.linkType01{
background-position:0 1.571em;
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to004 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to005 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to005 dt.linkType02,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to006 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to006 dt.linkType02,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to009 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to009 dt.linkType02,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to012 dt.linkType01,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to012 dt.linkType02{
padding: 28px 6px 0 96px;
background-position: 84px 31px;
min-height: 75px;
}
#amex #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType01,
#amex #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType02{
background-image: url(../images/ae_cmn_ico_002.png);
}
#ja #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType01,
#ja #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType02,
#jacard #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType01,
#jacard #headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType02{
background-image: url(../images/jacard_cmn_ico_002.png);
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.hightTop{
background-position: 0 26px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.fontType12{
font-size:12px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.fontType13{
font-size:13px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.minLetterSpacing{
line-height: 1.3;
letter-spacing: -1px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.hightBottom{
padding-bottom:26px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.minBottom{
padding-bottom:4px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.hightTop{
padding-top:22px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.minTop{
padding-top:6px;
background-position:0 0.857em;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dt.linkType02 span.iconTypeBlank {
padding-top:0;
line-height:1;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dd{
padding:0 6px 8px 0;
font-size:12px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu .menu002to011 dd{
padding-right:2px
}
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to004 dd,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to005 dd,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to006 dd,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to009 dd,
#headerGlobalNavi .innerMenu .gtUnderMenu.widthType04 .menu003to012 dd{
padding: 11px 9px 12px 16px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu dd.fontType11{
font-size:11px;
}
#headerGlobalNavi .innerMenu .gtUnderMenu a:hover dd,
#headerGlobalNavi .innerMenu .gtUnderMenu a:hover dt{
/*background-color:#ffdbdb;*/
}
#headerGlobalNavi .innerMenu .gtUnderMenu a:hover dt{
text-decoration:underline;
}
/***********************************************************
slideMen
***********************************************************/
#slideMenuWrap{
display:none !important;
}
/***********************************************************
table
***********************************************************/
.tableBodyWrap{
-webkit-overflow-scrolling: touch;
}
.cmpTableWrap{
margin-top:1.000rem;
margin-bottom:1.000rem;
text-indent:0;
}
.cmpTableWrap table{
width:100%;
table-layout:fixed;
border:1px solid #b6b6b6;
-webkit-overflow-scrolling: touch;
}
.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 th{
font-size:0.857rem;
font-weight:bold;
vertical-align:middle;
}
.cmpTableWrap.setScroll 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 table thead th{
background-color:#f1e3dd;
}
.cmpTableWrap table tbody th{
background-color:#f6f2ef;
}
.tableBodyWrap{
overflow:visible !important;
}
.cmpTableWrapInner{
margin:0 0 !important;
}
.cmpTableWrap caption{
padding-bottom:1rem;
text-align:left;
}
.tableW25par{
width:25%;
}
.tableW75par{
width:75%;
}
.cmpTableWrap table td dt,
.cmpTableWrap table td dd{
text-align:left;
}
.cmpTableWrap .accordionWrap .accordionBox .accordionBoxInner {
padding:0;
}
.cmpTableWrap table .accordionWrap td{
max-height:auto !important;
}
.cmpTableWrap .accordionBoxTitle .iconTypeACD{
display:none;
}
/***********************************************************
returnTop
***********************************************************/
#mainFooter{
position:relative;
}
#returnTopSP{
position:fixed;
bottom:40px;
right:4.687%;
z-index:2222;
width:52px;
height:52px;
cursor:pointer;
}
#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);
}
#returnTopSP a:hover:before{
background-color:#464646;
}
#returnTopSP a img{
position:absolute;
top:19px;
left:17px;
width:18px;
z-index:97;
}
#returnTopSP a:hover img{
}
#returnTopSP a:hover img.hoverON{
display:none;
}
/***********************************************************
sectionClass
***********************************************************/
.sectionType01{
margin-bottom:35px;
}
.sectionType02{
margin-bottom:25px;
}
/***********************************************************
UtilityClass
***********************************************************/
.spDisplay{
display:none !important;
}
/*----------------------------------------------------------
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;
}
/*----------------------------------------------------------
img-width
----------------------------------------------------------*/
.imgW75par{
width:75%;
}
.imgW70par{
width:50%;
}
.imgW65par{
width:65%;
}
.imgW60par{
width:60%;
}
.imgW55par{
width:55%;
}
.imgW50par{
width:50%;
}
/*----------------------------------------------------------
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;
}
.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:1.000rem !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-B25 {
margin-bottom: 25px !important;
}
.mg-B30 {
margin-bottom: 30px !important;
}
.mg-B35,
.mg-sectionBtBasic{
margin-bottom:35px !important;
}
.mg-BNone{
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-BtBasic{
margin-bottom:40px !important;
}
/*----------------------------------------------------------
background-color
----------------------------------------------------------*/
.boxBgEFEFEF{
background-color:#efefef !important;
}
.boxBgFFFFFF{
background-color:#ffffff !important;
}
/*----------------------------------------------------------
background-color android4 text bug use
----------------------------------------------------------*/
ol.bugFixType01{
list-style: none;
text-indent: -1em;
padding-left: 1em;
}
/*----------------------------------------------------------
imgInline
----------------------------------------------------------*/
.imgInlineListWrap{
margin:0;
font-size:0;
}
.imgInlineListWrap .imgInlineList{
margin-right:14px;
display:inline-block;
vertical-align:top;
}
.imgInlineListWrap.setArrow .imgInlineList:first-child{
position: relative;
margin-right:44px;
}
.imgInlineListWrap.setArrow .imgInlineList:first-child::after{
display:block;
position: absolute;
right: -46px;
top: 50%;
margin-top: -14px;
content:'';
width:0px;
height:0px;
border-top:solid 16px transparent;
border-right:solid 16px transparent;
border-bottom:solid 16px transparent;
border-left:solid 16px #cccccc;
}
.imgInlineListWrap.sliceImgSet .imgInlineList{
margin-right:0;
}
.imgInlineListWrap .imgInlineList:last-child{
margin-right:0px
}
/*----------------------------------------------------------
qrCode
----------------------------------------------------------*/
div.qrCode{
text-align:center;
}
/*----------------------------------------------------------
TEST USE
----------------------------------------------------------*/
.sbyConfirmWrap{
padding:16px;
background-color:#ff9999 !important;
border:2px solid #851f1f !important;
}
.sbyCopedLaterWrap{
padding:16px;
background-color:#1f8548 !important;
border:2px solid #851f1f !important;
}
/***********************************************************
modal
***********************************************************/
.mg-BOneFont{
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
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:14px;
text-align: center;
}
.modal-body p.mainText{
font-size:22px;
font-weight:bold;
}
.modal-footer {
overflow:hidden;
padding:15px 15px 60px 15px;
text-align: center;
}
.modal-footer .grayBtn04,
.modal-footer .grayBtn05{
display:inline-block;
}
.modal-footer .grayBtn04 a,
.modal-footer .grayBtn05 a{
padding:1.000rem 1.285rem 0.857rem 1.285rem;
text-align: center;
background-image:none;
}
.modal-footer .grayBtn04{
margin-right:20px;
}
.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;
}
.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;
}
.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 .mainText01{
display:inline;
}
.modal .mainText02{
display:none;
}
.modal.mainTextType02 .mainText02{
display:inline;
width:100%;
}
.modal.mainTextType02 .mainText01{
display:none;
}
.tableBoxWrap{
display:table;
width:100%;
height: 100%;
border-collapse: separate;
}
.tableBoxWrap > .tableBox{
position: relative;
display:table-cell;
width:50%;
height: 100%;
vertical-align: middle;
box-shadow: 0 0 0 1px #333 inset;
}
.tableBoxWrap > .tableBox .tableBox {
display:table;
width:100%;
vertical-align: middle;
}
.tableBoxWrap > .tableBox:first-child{
border-right: 22px solid #ffffff;
}
.tableBoxWrap > .tableBox:last-child{
border-left: 22px solid #ffffff;
}
.tableBoxInner{
display:inline-block;
width:100%;
height:100%;
border: 1px solid #bdbdbd;
}
.tableBoxInner h4,
.tableBoxInner .boxInner{
display:table-cell;
width:100%;
vertical-align: middle;
}
.tableBoxInner h4{
height: 87px;
color: #fff;
text-align: center;
background-color: #333;
}
.carouselWrap{
overflow:hidden;
width:1200px;
height:300px;
margin:0 auto;
}
.carousePanel{
overflow:hidden;
width:1200px;
height:240px;
margin:0 auto;
}
.carousePanel .carouseTabPanel {
display:table;
table-layout:fixed;
width:100%;
}
.carousePanel .carouseTabPanel li{
display:table-cell;
width:980px;
height:240px;
}
.carousePanel .carouseTabPanel li img{
width:980px;
height:240px;
}
.carouseTab{
overflow:hidden;
width:980px;
margin:0 auto;
padding:10px 0;
}
.carouseTab li{
display:inline-block;
width:160px;
height:40px;
}
/***********************************************************
brandSelect
***********************************************************/
#select #contents {
width: 660px;
}
#select .oneCLM #contents {
float:none;
}
.braSelectHead01 {
color: #666;
font-size: 1.714rem;
margin-bottom: 20px;
}
.braSelectH2Base01 {
margin: 0 0 1.428rem;
color: #333333;
font-size: 1.428rem;
font-weight: bold;
line-height: 1.3;
}
.braSelectBlock {
background-color: #faf8f6;
margin-bottom: 28px;
padding: 26px 20px 40px 20px;
}
#select .columnBoxWrap.bottom {
width: 420px;
margin-left: auto;
margin-right: auto;
}
#select .columnBox {
width: 200px;
padding-top: 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 .columnBox + .columnBox {
margin-left: 10px;
}
#select .columnBoxWrap.bottom .columnBox {
margin: 0 5px;
}
#select .introducingByIcon .columnBox .spOnly {
display: none;
}
#select .introducingByIcon .columnBox .pcOnly {
display: block;
}
#select .introducingByIcon .columnBox .columnBoxInner {
padding: 1rem;
}
#select .introducingByIcon .columnBox .columnBoxInner:hover {
padding: 0.85rem 0.9rem;
}
#select .introducingByIcon .title {
display: inline-block;
text-align: center;
line-height: 1.25;
margin-top: 118px;
padding: 0 0 0 23px;
background-position: left top;
}
#select .introducingByIcon:nth-child(2) .columnBox:first-child .title {
font-size: 0.857rem;
}
#select .braSelectBlock .introducingByIcon .title > span {
font-size: 0.857rem;
font-weight: normal;
}
#select .introducingByIcon .columnBox .iconImg {
background-color: #fff;
}
.braSelectTextBlock01 {
margin-top: 30px;
padding: 16px 69px 12px;
border-top: 1px solid #c8c6c5;
border-bottom: 1px solid #c8c6c5;
}
.braSelectTextBlock01.top {
margin-top: 0;
}
.braSelectText01 {
margin-bottom: 0.7143rem;
}
.braSelectLinkText {
display: inline-block;
color: #333;
font-size: 1.1rem;
font-weight: bold;
padding-left: 25px;
background: url(../images/cmn_ico_007.png) no-repeat left center;
background-size: 20px auto;
}
.braSelectLinkText > span {
font-size: 0.9rem;
}
.braSelectLinkImaege {
vertical-align: middle;
height: 85px;
}
.braSelectDetailBlock {
background-color: #f6d3d3;
padding: 25px 47px;
}
.braSelectDetailText {
margin-bottom: 25px;
}
.braSelectDetailImage {
text-align: center;
}
.braBtnBack.grayBtn04 > .disabled {
cursor: default;
color: #7d7d7d;
background-color: #d7d7d7;
}
/***********************************************************
redirect
***********************************************************/
.redirect .dorderBox01{
width:640px;
margin:120px auto 100px auto;
padding: 0;
}
.redirect .wrapTitle{
padding: 0.857rem 1.428rem 12px 1.428rem;
font-size:1.214rem;
text-align: center;
font-weight: bold;
border-bottom:2px solid #b3b3b3;
}
.redirect .columnBoxWrap{
padding: 40px 1.428rem 40px 1.428rem;
}
.redirect .whiteBtn01 a{
min-width:100px;
padding:17px 1.000rem 14px 1.000rem;
font-size:1.285rem;
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:40px;
}
/***********************************************************
dottedList
***********************************************************/
.dottedList > li {
margin-bottom: 0;
padding: 12px 0;
border-bottom:1px dotted #dbd5d1;
}
/*
161101 MUN LOGO CHANGE
---------------------------------------------------------*/
.munLogo2016 #headerLogoArea,
.munLogo2016_02 #headerLogoArea,
.munLogo2016_03 #headerLogoArea,
.munLogo2016_04 #headerLogoArea{
box-shadow:0px -8px 6px -6px #dddddd inset;
}
.munLogo2016 #headerLogoSP{
height:75px;
padding: 1.5rem 0 1.55rem 0;
}
.munLogo2016 #headerLogoSP img{
width: 267px;
}
.oneCLM .munLogo2016 #headerLogoSP img,
.allTop .munLogo2016 #headerLogoSP img{
width: 311px;
}
.oneCLM .munLogo2016 #headerLogoSP img{
width:280px;
height:30px;
}
#cmnNaviHeader.mufgjalH1.munLogo2016{
border-bottom:none;
}
.munLogo2016 #corpLogo{
float: right;
padding: 1.857rem 0 0 0;
text-align:right;
}
.munLogo2016 #corpLogo img{
width: 152px;
}
.munLogo2016 #corpLogo .logoText{
font-size:9px;
padding: 3px 0 0 0;
color: #a9a9a9;
}
#amex .munLogo2016 #corpLogo{
width: auto;
text-align: right;
}
#amex .munLogo2016 #corpLogo img{
width: 152px;
}
.oneCLM .aeNavi .munLogo2016 #headerLogoSP{
max-width:280px;
padding: 2rem 0 1.857rem;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoSP{
max-width: 311px;
padding: 1.571rem 0 1.643rem;
}
.oneCLM .aeNavi .munLogo2016 #headerLogoAmex{
padding: 1.429rem 0 1.5rem;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoAmex{
padding: 1.429rem 0 1.786rem;
}
#mainFooter .munLogo2016 #footerLogo{
padding-right:0.428rem;
font-size:0;
}
.munLogo2016 #footerLogo > a{
display:inline-block;
width:153px;
}
.munLogo2016 #footerLogo > a img{
width: 153px;
}
.munLogo2016 #footerLogo .prgFooterHomeLink{
display:inline-block;
width:64px;
vertical-align:middle;
text-align:right;
}
#footerInnerLinkNavi.munLogo2016 li:nth-child(4){
clear:none;
}
#footerInnerLinkNavi.munLogo2016 li:nth-child(5){
clear:left;
}
#footerInnerLinkNavi.munLogo2016 li:nth-child(3) a{
border-right:1px solid #939393;
}
#footerInnerLinkNavi.munLogo2016 li:nth-child(4) a{
border-right:none;
}
#headerLogoArea .munLogo2016 .sp,
header.munLogo2016_02 .sp{
display: none;
}
#cmnNaviHeader.munLogo2016_02 #headerInnerWrap{
position:relative;
overflow:visible;
}
#cmnNaviHeader.munLogo2016_02 #headerInnerWrap:before,
#cmnNaviHeader.munLogo2016_02 #headerInnerWrap:after{
content: " ";
display: table;
}
#cmnNaviHeader.munLogo2016_02 #headerInnerWrap:after{
clear: both;
}
#cmnNaviHeader.munLogo2016_02 #headerLogoSP{
height:auto;
padding: 1.5rem 0 1.55rem;
}
#cmnNaviHeader.munLogo2016_02 #headerLogoSP img{
width:133px;
}
#cmnNaviHeader.munLogo2016_02 #headerLogoSP img.logo-img02{
width:121px;
margin-left: 13px;
}
#cmnNaviHeader.munLogo2016_02 #corpLogo{
float:right;
text-align:right;
padding: 1.857rem 0 0 0;
}
#cmnNaviHeader.munLogo2016_02 #corpLogo .logoText{
font-size: 9px;
padding: 3px 0 0 0;
color: #a9a9a9;
font-family: "ã¡ã¤ãªãª", Meiryo;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC{
position: absolute;
right: 0px;
top: 75px;
z-index: 2;
width:472px;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC ul{
text-align: right;
margin-top: 7px;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC li{
margin: 0 8px 0 0;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC li:last-child{
margin: 0;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC li a{
padding: 0 0 0 20px;
vertical-align:middle;
background-position: 0.571rem center;
}
#cmnNaviHeader.munLogo2016_02 #headNaviPC li:last-child a{
padding: 0 0 0 20px;
}
#cmnNaviHeader.munLogo2016_02 .headerSearchWrap{
padding: 1.5rem 0 0 0;
}
#cmnNaviHeader.munLogo2016_02 .h1wrapHeader{
margin: 0 auto 0.714rem auto;
padding: 1.071rem 0 0 0;
}
#cmnNaviHeader.munLogo2016_02 .ae01H1 .h1wrapHeader h1,
#cmnNaviHeader.munLogo2016_02 .ae01H1 .h1wrapHeader p.subH1 {
width: 510px;
}
#cmnNaviHeader.munLogo2016_02 .ae01H1 .h1wrapHeader .selecterBrand{
margin: 0;
text-align:left;
vertical-align:bottom;
padding: 24px 0 0 6px;
}
#cmnNaviHeader.munLogo2016_02 .ae01H1 .h1wrapHeader .minLittlWehiteBtn01{
border-left: none;
text-align: left;
}
#cmnNaviHeader.munLogo2016_02 .ae01H1 .h1wrapHeader .minLittlWehiteBtn01 a{
margin: 0;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoSP{
max-width:280px;
}
.mufgjalH1.munLogo2016 .h1wrapHeader h1{
padding:0.286rem 0 0.8571rem 0;
width:496px;
}
.mufgjalH1.munLogo2016 .h1wrapHeader p.subH1{
padding:0.5rem 0 0.286rem 0;
width:980px;
}
.mufgjalH1.munLogo2016 .h1wrapHeader h1.sp,
.mufgjalH1.munLogo2016 .h1wrapHeader p.sp.subH1{
display: none;
}
.mufgjalH1.munLogo2016 .h1wrapHeader h1 img,
.mufgjalH1.munLogo2016 .h1wrapHeader p.subH1 img{
width:978px;
padding:0 0 0 2px;
}
.oneCLM .munLogo2016_03 #headerLogoSP{
max-width:280px;
text-align:left;
padding: 1.571rem 0 1.643rem 0;
}
.oneCLM .munLogo2016_03 #headerLogoSP img{
width:280px;
height:30px;
}
header.munLogo2016_04 .sp{
display: none;
}
#cmnNaviHeader.munLogo2016_04 #headerInnerWrap{
position:relative;
overflow:visible;
}
#cmnNaviHeader.munLogo2016_04 #headerInnerWrap:before,
#cmnNaviHeader.munLogo2016_04 #headerInnerWrap:after{
content: " ";
display: table;
}
#cmnNaviHeader.munLogo2016_04 #headerInnerWrap:after{
clear: both;
}
#cmnNaviHeader.munLogo2016_04 #headerLogoSP{
width:267px;
float:left;
height:auto;
padding: 1.5rem 0 1.6428em 0;
overflow:hidden;
text-align:left;
}
.cardTop .munLogo2016_03 .h1wrapHeader{
padding: 0.928rem 0 0 0;
}
.cardTop .munLogo2016_03 #headerLogoSP{
padding: 1.5rem 0 1.55em 0;
height:auto;
}
.cardTop .munLogo2016_03 #headerLogoSP:before,
.cardTop .munLogo2016_03 #headerLogoSP:after,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP:before,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP:after{
content: " ";
display: table;
}
.cardTop .munLogo2016_03 #headerLogoSP:before,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP:after{
clear: both;
}
.cardTop .munLogo2016_03 #headerLogoSP a,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP a{
width:133px;
display:inline;
}
.cardTop .munLogo2016_03 #headerLogoSP img,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP img{
width:133px;
}
.cardTop .munLogo2016_03 #headerLogoSP img.logo-img02,
#cmnNaviHeader.munLogo2016_04 #headerLogoSP img.logo-img02{
width:121px;
margin-left:13px;
}
#cmnNaviHeader.munLogo2016_04 #corpLogo{
float:right;
text-align:right;
padding: 1.8571em 0 0 0;
}
#cmnNaviHeader.munLogo2016_04 #corpLogo .logoText{
font-size: 9px;
padding: 3px 0 0 0;
color: #a9a9a9;
font-family: "ã¡ã¤ãªãª", Meiryo;
}
#cmnNaviHeader.munLogo2016_04 #headNaviPC{
position: absolute;
left: -7px;
bottom: -39px;
z-index: 2;
max-width:505px;
}
#cmnNaviHeader.munLogo2016_04 #headNaviPC li a{
padding:0 1.500rem 0 1.428rem;
}
#cmnNaviHeader.munLogo2016_04 #headNaviPC li:first-child a{
padding:0 1.500rem 0 1.428rem;
}
#cmnNaviHeader.munLogo2016_04 #headNaviPC li a,
#cmnNaviHeader.munLogo2016_04 #headNaviPC li.linkType02 a{
background-position:0.571rem center;
vertical-align:middle;
}
#cmnNaviHeader.munLogo2016_04 .headerSearchWrap{
display: block;
padding:0;
width: 980px;
margin: 0 auto 0.714rem auto;
}
#cmnNaviHeader.munLogo2016_04 .headerSearchWrap label,
#cmnNaviHeader.munLogo2016_04 .headerSearchWrap select{
width: 200px;
}
#cmnNaviHeader.munLogo2016_04 .headerSearchWrap select{
width: 248px\9;
}
#cmnNaviHeader.munLogo2016_04 .headerSearchWrap label::before{
left: 87%;
}
#cmnNaviHeader.munLogo2016_04 .h1wrapHeader{
display: block;
background: none;
margin: 0 auto 0.714rem auto;
}
.oneCLM .munLogo2016_05 #headerLogoSP img.sp{
display: none;
}
.oneCLM .munLogo2016_05 #headerLogoSP{
text-align:left;
padding: 1.5rem 0 1.55rem;
}
.oneCLM .munLogo2016_05 #headerLogoSP img{
width: 133px;
height: 32px;
}
.oneCLM .munLogo2016_05 #corpLogo{
float:right;
text-align:right;
padding: 1.857rem 0 0 0;
}
.oneCLM .jcNavi .munLogo2016 #headerLogoJCCARD{
padding: 1.928rem 0 1.571rem 0;
}
.munLogo2016 .logoHidden,
.munLogo2016_02 .logoHidden,
.munLogo2016_03 .logoHidden,
.munLogo2016_04 .logoHidden{
display: none;
}
#jalcard .munLogo2016.mufgjalH1 .h1wrapHeader h1 img,
#jalcard .munLogo2016.mufgjalH1 .h1wrapHeader p.subH1 img{
width:496px;
}