@charset "Shift_JIS";

/* ==========================================================================
Reset
=========================================================================== */
body{margin:0;padding:0;color:#303030;background:#fff;line-height:1.4;-webkit-text-size-adjust:none;font-size:12px;}
h1,h2,h3,h4,form,p{margin:0;padding:0;}
img{margin:0;border:none;}
ul,ol{margin: 0;padding: 0;list-style: none;}
em{font-style:normal;font-weight:bold;}
*{font-family: Helvetica, HiraKakuProN-W3, sans-serif;}


/* ==========================================================================
general
=========================================================================== */

/* link */
a,a:link,a:visited,a:active{color:#4e7ad3;text-decoration:none;}

/* clear fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-table;min-height:1%;}
/* \*/
html .clearfix{* height:1%;}
.clearfix{display:block;}
/* */


/* ==========================================================================
Splite image
=========================================================================== */
/* ボタン */
#header div a,h1 a,#link_expressCard,#link_camlist,h2 a,#footer a,.btnNewid,.entryAndLogin ul li a.btnLogin,#ssbtn_idservice,#ssbtn_Login,#ssbtn_makecard,#searchBtn,.detailLink
{background:url(/sp/img/btn_splite.png) no-repeat;text-indent: -9999px;}
/* アイコン */
/*.caseList li,#btnPurpose01,#btnPurpose02,#btnPurpose03,#btnPurpose04,#ttl,#btnFaq01,#btnFaq02,#btnFaq03,#btnFaq04,#btnFaq05
{background:url(/sp/img/icon_splite.png) no-repeat;}
*/
/* その他 */
/*
#header,#footer
{background:url(/sp/img/misc_splite.png) repeat-x;}
#header p,.linkList li a em,a.icnLink,.entryAndLogin ul li a.icnGuide,#indexPCLinks01 li a em,#webLogin p.p01,#webLogin p.p02
{background:url(/sp/img/misc_splite.png) no-repeat;}
.entryAndLogin.mufgCard p,.entryAndLogin.dcCard p,.entryAndLogin.ufjCard p,.entryAndLogin.nicosCard p,#indexCards,#toMember p,#toPrememver p,#moreCards01 span,#moreCards02 span,#moreCards03 span,#moreCards04 span,#webDeOK div
{background:url(/sp/img/misc_splite.png) no-repeat;text-indent: -9999px;}
*/
/* バナー */
#bannerArea a
{background:url(/sp/img/bnr_splite.png) no-repeat;text-indent: -9999px;height:59px;display:block;}


/* ==========================================================================
Common Parts
=========================================================================== */

/* header
-------------------------------------------------------------------------*/
#header{
position:relative;margin:0;padding:0;height:84px;background-position: 0 -340px;
}
#header p {
display:block;position:absolute;left:11px;top:27px;width:177px;height:38px;background-position: 0 0;
}
#header p span,#header p a{
display:block;width:177px;height:38px;text-indent:-9999px;
}
#header div a{
display:block;position:absolute;right:10px;top:34px;width:94px;height:23px;background-position: -206px -137px;
}

/* footer
-------------------------------------------------------------------------*/
#footer{
padding:13px 0;font-size:10px;text-align:center;background-position: 0 -424px;background-color: #f6f6f6;}
#footer a{
display:block;width:203px;height:38px;background-position: 0 -254px;margin:0 auto 10px;
}

/*
Headings
-------------------------------------------------------------------------*/
h1,h2 {
position:relative;padding:8px 10px 10px;color:#fff;font-size:14px;
background: -moz-linear-gradient(top, #003399, #003399 50%,#003399 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#003399), color-stop(0.5, #003399), to(#003399));
}
h2.verGray {
color:#303030;border-top:1px solid #cacaca;border-bottom:2px solid #cacaca; padding:7px 10px 4px;
background: -moz-linear-gradient(top, #f2f2f2, #dcdcdc 50%,#cacaca 51%,#dbdbdb 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#f2f2f2), color-stop(0.5, #dcdcdc), color-stop(0.5, #cacaca), to(#dbdbdb));
}
/* h1 */
h1 {min-height:16px;}
h1 span {display:block;margin-left:85px;}
h1 a {
position:absolute;top:2px;left:10px;display:block;width:63px;height:30px;background-position: -210px -254px;
}
/* h2 */
h2 {min-height:7px;}
h2 a {
position:absolute;top:5px;right:10px;display:block;width:86px;height:24px;background-position: -206px -113px;
}
/* h1:index */
#indexCards {
margin:10px auto 0;padding:0;width:155px;height:32px;background-position: -185px 0;
}


/* ==========================================================================
/sp/index.html
=========================================================================== */
#suspend{
margin:0 10px;padding:5px;border:1px solid #d90c1b;
}
#statusSepalate {
width:300px;margin:10px auto 0;
}
#toMember,#toPrememver {
width:250px;height:100px;border:1px solid #80021b;
}
#toMember{float:left;}
#toPrememver {float:right;}
#toMember p{
margin:8px auto 0;width:137px;height:36px;background-position: 0 -45px;
}
#toPrememver p{
margin:8px auto 0;width:128px;height:85px;background-position: 0 -85px;
}
#ssbtn_idservice,#ssbtn_Login,#ssbtn_makecard
{
display:block;width:136px;height:42px;
}
#ssbtn_idservice{
margin:10px auto 0;background-position: 0 0;
}
#ssbtn_Login{
margin:7px auto 0;background-position: 0 -42px;
}
#ssbtn_makecard{
margin:10px auto 0;background-position: 0 -84px;
}

/* バナー
-------------------------------------------------------------------------*/
#bannerArea{
width:300px;height:59px;margin:10px auto;
}
#bannerArea a[id^=bnr_]{
float:left;margin-right:4px;
}
#bannerArea a[id^=bnr_half]{
width:148px;
}
#bannerArea a#bnr_half_last{
background-position:0 -60px;
}
#bannerArea a[id^=bnr_toris]{
width:98px;margin-right:3px;
}
#bannerArea a[id^=bnr_quart]{
width:72px;
}
#bannerArea a[id$=_last]{
margin-right:0;
}

/* キャンペーン一覧
-------------------------------------------------------------------------*/
/*
#campaign li {
border-bottom:1px solid #cacaca;background:url(/sp/img/bg_link_l.png) no-repeat right center;
}
*/
#campaign li {
border-bottom:1px solid #cacaca;
}
#campaign li a {
display:block;padding:5px 42px 5px 10px;color:#303030;
}
#campaign li .img {
display:table-cell;vertical-align:middle;height:60px;
}
#campaign li .img img {
vertical-align:middle;
border-radius: 2px 2px 2px 2px;
}
#campaign li .txt {
display:table-cell;padding-left:5px;vertical-align:middle;font-size:10px;
}
#campaign li .txt em {
font-size:12px;
}

#campaign li .border{
border: 1px solid #CCCCCC;
border-radius: 3px 3px 3px 3px;
float: left;
height: 43px;
width: 43px;
}



/* 目的から情報を探す
-------------------------------------------------------------------------*/
/*
#purposeList {
padding-bottom:3px;background:url(/sp/img/misc_splite.png) repeat-x left bottom;
}
*/
#purposeList {
padding-bottom:3px;
}
#purposeList li {
border-bottom:1px solid #cacaca;background-color:#fff;
}
#purposeList li a {
display:block;padding:5px 0 5px 18px;
}
/*
#purposeList li span {
display:block;padding-left:2px;font-size:11px;color:#303030;background:#fff url(/sp/img/bg_link_l.png) no-repeat right center;
}
*/
#purposeList li span {
display:block;padding-left:2px;font-size:11px;color:#303030;
}
#purposeList li span span {
display:table-cell;height:50px;background:none;vertical-align:middle;
}
#purposeList li em {
font-size:18px;
}
#btnPurpose01 {background-position:-350px center;}
#btnPurpose02 {background-position:-400px center;}
#btnPurpose03 {background-position:-452px center;}
#btnPurpose04 {background-position:-499px center;}

/* PCコンテンツリンク01
----------------------------------------*/
#indexPCLinks01 li {
float:left;width:50%;
}
#indexPCLinks01 li a {
display:block;padding-left:10px;min-height:5em;border:1px solid #ddd;border-style:none solid solid none;
}
#indexPCLinks01 li.norightline a {
border-style:none none solid none;
}
#indexPCLinks01 li a em {
float:left;display:inline-block;margin:2em 0;padding-left:8px;background-position:-447px 0;font-weight:bold;color:#303030;vertical-align:middle;
}
#indexPCLinks01 li a span {
float:right;display:inline-block;width:30px;min-height:5em;background:url(/sp/img/bg_link_s.png) no-repeat right center;vertical-align:middle;
}
/* PCコンテンツリンク02
----------------------------------------*/
#indexPCLinks02 {
width:310px;margin:15px auto;
}
#indexPCLinks02 li {
float:left;width:137px;margin:0 9px;padding:0.8em 0;border-bottom:1px dotted #c0c0c0;
}
#indexPCLinks02 li.topline {
border-top:1px dotted #c0c0c0;
}


/* ==========================================================================
/sp/utility/index.html
=========================================================================== */

/* よくあるご質問
----------------------------------------*/
#faqList {
margin-bottom:15px;
}
/*
#faqList li {
background:#fff url(/sp/img/bg_link_l.png) no-repeat right center;border-bottom:1px solid #cacaca;
}
*/
#faqList li {
background:#fff border-bottom:1px solid #cacaca;
}
#faqList li a {
display:block;padding:5px 50px 5px 58px;
}
#faqList li a span {
display:block;background-color:#fff;
}
#faqList li em {
display:table-cell;font-size:16px;line-height:1;color:#303030;height:50px;vertical-align:middle;
}
#faqList li em span {
display:inline;font-size:10px;
}
/* 2段目以降 */
#faqList li.childLine {
margin: 0 10px;border-bottom:1px dotted #cacaca;background:url(/sp/img/bg_link_s.png) no-repeat right center;
}
#faqList li.childLine em {
font-size:12px;
}
#faqList li.childLine.end {
margin-bottom: -10px;border-bottom:none;
}
#btnFaq01 {background-position:-600px center;}
#btnFaq02 {background-position:-650px center;}
#btnFaq03 {background-position:-700px center;}
#btnFaq04 {background-position:-750px center;}
#btnFaq05 {background-position:-800px center;}

#selectBrand {
display:block;width:300px;height:2.5em;margin-bottom:10px;font-size:14px;
}
#searchKey {
display:block;width:277px;margin-bottom:10px;padding:10px;font-size:14px;
}
#searchBtn {
display:block;width:206px;height:36px;background-position:0 -126px;margin:0 auto 13px;border:none;
}


/* ==========================================================================
/sp/service/index.html
=========================================================================== */

#webDeOK {
width:293px;margin:13px auto 15px;
}
#webDeOK div {
width:293px;height:80px;background-position:-137px -45px;
}


/* ==========================================================================
/sp/login/index.html
=========================================================================== */

#webLogin {
width:300px;min-height:139px;margin:5px auto 10px;
}
#webLogin p.p01 {
float:left;width:140px;height:139px;background-position:-158px -125px;text-indent:-9999px;
}
#webLogin p.p02 {
float:right;width:160px;height:67px;background-position:-298px -125px;text-indent:-9999px;
}
#webLogin p.p03 {
float:right;width:160px;color:#c31924;
}


/* ==========================================================================
/sp/apply/index.html
=========================================================================== */
/* dt */
.cardsList {
padding:0;margin:0;
}
.cardsList dt {
margin:0;padding-top:8px;
}
.cardsList dt span {
display:block;margin:0 auto;width:300px;height:20px;background:url(/sp/img/cards_splite.png) no-repeat;text-indent:-9999px;
}
/* dd */
.cardsList dd {
margin:0;padding:10px 0;
}
.cardsList dd div {
width:250px;margin:0 auto;
}
.cardsList dd div{
position:relative;background:url(/sp/img/cards_splite.png) no-repeat;
}
.cardsList dd div p{
display:none;
}
.cardsList dd p{
width:300px;margin:5px auto 0;text-align:center;font-size:10px;
}
.cardsList dd a{
position:absolute;right:0;bottom: 0;
}
/* 個別 */
#cardTypeA dd {
border-bottom:1px solid #cacaca;
background: -moz-linear-gradient(top, #fff, #fefefe 30%,#e8e8e8 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), color-stop(0.3, #fefefe), to(#e8e8e8));
}
#cardTypeB dd {
border-bottom:1px solid #cacaca;
background: -moz-linear-gradient(top, #fff,#eae0c9 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#eae0c9));
}
#cardTypeC dd {
background: -moz-linear-gradient(top, #fff,#cfd0d5 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#cfd0d5));
}
#cardTypeD dd {
background: -moz-linear-gradient(top, #fff,#d8dee3 100%);
background: -webkit-gradient(linear,left top, left bottom, from(#fff), to(#d8dee3));
}

#cardTypeA dt span {background-position:0 0;}
#cardTypeB dt span {background-position:0 -20px;}
#cardTypeC dt span {background-position:0 -40px;}
#cardTypeD dt span {background-position:0 -60px;}

#cartTypeA01 {height:110px;background-position:-300px 0;}
#cartTypeA02 {height:97px;background-position:-600px 0;}

#cartTypeB01 {height:139px;background-position:-900px 0;}
#cartTypeB02 {height:124px;background-position:-1200px 0;}

#cartTypeC01 {height:105px;background-position:-1500px 0;}

#cartTypeD01 {height:126px;background-position:-1800px 0;}
#cartTypeD02 {height:126px;background-position:-2100px 0;}

#cardGinren {background-color:#dceffe;}
#cardGinren p {
position:relative;margin:0 auto;width:300px;height:168px;background:url(/sp/img/cards_splite.png) no-repeat -2400px 0;
}
#cardGinren p span {
display:block;text-indent:-9999px;
}
#cardGinren .detailLink {
position: absolute;left: 0;top:123px;width:117px;background-position:0 -292px;
}
.detailLink {
display:block;width:132px;height:29px;background-position:-136px -84px;
}


/* ==========================================================================
Basic Parts
=========================================================================== */

/* ページタイトル的
----------------------------------------*/
#ttlwrap {
width:300px;margin:0 auto;
}
#ttl{
padding-left:57px;
}
#ttl span{
display:block;padding:5px 10px 5px 0;background-color:#fff;
}
#ttl span em{
display:table-cell;height:50px;vertical-align:middle;font-size:16px;color:#303030;line-height:1;
}
#ttl span em span{
display:inline;padding:0;font-size:10px;
}
#ttl.check {background-position:-350px center;}
#ttl.plan {background-position:-400px center;}
#ttl.lifestyle {background-position:-450px center;}
#ttl.utility {background-position:-550px center;}



/* 登録・ログインリスト
----------------------------------------*/
.entryAndLogin {
width: 293px;margin: 0 auto;padding:10px 0;position:relative;
}
.entryAndLogin.mufgCard p,.entryAndLogin.dcCard p,.entryAndLogin.ufjCard p,.entryAndLogin.nicosCard p
{
display:block;width:157px;height:42px;
}
.entryAndLogin.mufgCard p {
background-position: 0 -172px;
}
.entryAndLogin.dcCard p {
background-position: 0 -214px;
}
.entryAndLogin.ufjCard p {
background-position: 0 -256px;
}
.entryAndLogin.nicosCard p {
background-position: 0 -298px;
}
.entryAndLogin ul {
margin-top:10px;
}
.entryAndLogin ul li.linkL  {
float:left;width:150px;letter-spacing:-0.1em;
}
.entryAndLogin ul li.linkR  {
float:right;width:140px;letter-spacing:-0.1em;
}
.entryAndLogin ul li a {
display:inline-block;font-size:11px;padding-left:10px;background-position: -443px -103px;
}
.entryAndLogin ul li a.icnGuide {
padding-left:18px;background-position: -437px -190px;
}
.entryAndLogin ul li a.btnNewid,.entryAndLogin ul li a.btnLogin {
position:absolute;right:0;top:10px;padding:0;display:block;width:136px;height:42px;
}
.entryAndLogin ul li a.btnNewid {
background-position: -136px -42px;
}
.entryAndLogin ul li a.btnLogin {
background-position: -136px 0;
}

/* 出来ること・お応えしますリスト
----------------------------------------*/
.caseList {
padding-bottom:3px;background:url(/sp/img/misc_splite.png) repeat-x left bottom;
}
.caseList li {
background-color:#fff;border-bottom:1px solid #cacaca;
}
.caseList li{
padding-left:57px;
}
.caseList li span{
display:block;padding:5px 10px 5px 0;background-color:#fff;
}
.caseList li span em{
display:table-cell;height:50px;vertical-align:middle;color:#303030;
}
.caseList li.icon01 {background-position:0 center;}
.caseList li.icon02 {background-position:-50px center;}
.caseList li.icon03 {background-position:-100px center;}
.caseList li.icon04 {background-position:-150px center;}
.caseList li.icon05 {background-position:-200px center;}
.caseList li.icon06 {background-position:-250px center;}
.caseList li.icon07 {background-position:-300px center; border:none;}


/* リンクリスト
----------------------------------------*/
.linkList li a{
display:block;padding:20px 55px 20px 10px;background:url(/sp/img/bg_pc.png) no-repeat right center;
}

/*.linkList li a.spn{
background:url(/sp/img/bg_link_l.png) no-repeat right center;
}*/
.linkList li a.spn{
}

.linkList li a em{
display:block;padding-left:8px;background-position:-447px 0;color:#303030;
}
.addline {
border-bottom:1px solid #cacaca;
}
.deleteline {
border-bottom:none !important;
}


/* まだまだあるサービス一覧
----------------------------------------*/
#moreCards {
width:300px;margin:13px auto 15px;
}
#moreCards p {
margin-bottom:5px;text-align:center;font-size:10px;
}
#moreCards ul li {
display:inline-block;width:146px;margin-top:10px;
}
#moreCards ul li a {
display:block;
}
#moreCards ul li a span {
display:block;height:38px;margin-top:5px;
}
#moreCards01 span {margin-left:-15px;background-position:-158px -264px;}
#moreCards02 span {margin-left:-15px;background-position:-304px -264px;}
#moreCards03 span {margin-left:-15px;background-position:-158px -302px;}
#moreCards04 span {margin-left:-15px;background-position:-304px -302px;}

#moreCards02,#moreCards04 {
margin-left:5px;
}


/* ==========================================================================
Misc Parts
=========================================================================== */
/* 境界線 */
hr {
margin:0;height:0;border:none;border-top:1px solid #cacaca;
}
/* 以下は～ */
.pcContents {
padding:12px;text-align:center;
}
/* バナー */
#link_expressCard {
display: block;width:300px;height:49px;background-position: 0 -205px;margin:10px auto;
}
#link_camlist {
display: block;width:291px;height:43px;background-position: 0 -162px;margin:10px auto;
}
/* リンクアイコン */
a.icnLink {
padding-left:15px;
background-position: -440px -103px;
}
/* noscript */
noscript {display:block;padding:20px 0;text-align:center;font-weight:bold;color:#d90c1b;background-color:#fff;}