@charset "UTF-8";
/************************************************************
 初期化 
 ***********************************************************/
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, th, td, form, fieldset, input, textarea, blockquote { margin: 0; padding: 0; }
ul, ol { list-style: none; }
img { vertical-align: bottom; }
table { border-collapse: separate; *border-collapse: collapse; border-spacing: 0; empty-cells: show; }
th, var { font-weight: normal; font-style: normal; }
caption, th { text-align: left; }
select { margin: 0; }
fieldset, img, a img { border: 0; }
address, caption, cite, code, dfn, em, strong, h1, h2, h3, h4, h5, h6 { font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* Reset input[type="search"] */
input[type="search"] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; }
input[type="search"]:focus { outline-offset: -2px; }
input[type="search"]::-webkit-search-decoration { display: none; }

/************************************************************
 アンカー 
 ***********************************************************/
a:link { color: #337777; }
a:visited { color: #337777; }
a:hover { color: #429b9b; }
a:active { color: #337777; }

/************************************************************
 フォント 
 ***********************************************************/
body, input, select, textarea, table, th, td, li, a { font-family: 'メイリオ','MS P Gothic',Arial,'ＭＳ Ｐゴシック',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif,Helvetica; }
body, input, select, textarea, table { color: #333333; font-size: 12px; line-height: 1.5; }
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
h2, h3 { color: #51636e; }

/************************************************************
 WRAPPER 
 ***********************************************************/
#wrapper { width: 920px; margin: 0 auto; position: relative; *zoom: 1; }
#wrapper:before, #wrapper:after { content: ""; display: table; }
#wrapper:after { clear: both; height: 1px\9; margin-bottom: -1px \9; }

/************************************************************
 HEADER 
 ***********************************************************/
#headerWrapper { background-image: url(https://tokuten.recruit.co.jp/img/balanceRef/bg_header_01.png); background-repeat: repeat-x; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE'); padding-top: 10px; }
#header { width: 920px; margin: 0 auto; position: relative; zoom: 1; padding: 0; line-height: 59px; }
#correctHeader { width: 920px; margin: 0 auto; position: relative; zoom: 1; padding: 0; line-height: 59px; }
.logoLeft a { color: inherit !important; text-decoration: none !important; }
#logo > a { display: inline-block; line-height: 1; padding: 7px 0; color: #333333 !important; }
.logoLeft img { vertical-align: middle; width: 195px; }
.logoLeft { width: 65%; }
.logoRight { position: relative; overflow: hidden; width: 34%; }
.logoRight img { vertical-align: middle; float: right; *zoom: 1; }
.logoRight .oldlogo img { vertical-align: middle; }

/* header 180220*/
header #header{}
header .headerLogo{width: 65%;min-height: 1px; _height: 1px; }
header .headerLogo img{vertical-align: middle; width: 195px; }
header .headerLogo:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
header h1.logo{}

/* リクルートポイントロゴ */
.oldlogo { font-size: 12px; font-weight: normal; line-height: 1; vertical-align: middle; position: relative; top: 4px; margin-left: 4px; }
.oldlogo > img { margin-right: 3px; }
#wrap-headerNav { background: url(../img/balanceRef/bg_nav_bar.png) repeat-x; }
.headerNav > ul { width: 920px; border-left: solid 1px #394a4f; margin: 0 auto; }
.headerNav li { float: left; }
.headerNav a { border-left: solid 1px #88a4b1; border-right: solid 1px #394a4f; color: #ffffff; height: 39px; text-align: center; text-decoration: none; display: inline-block; line-height: 3.4; padding: 5px 10px; min-width: 113px; font-size: 12px; }
#headerNavList > li:hover { background: url(../img/balanceRef/bg_nav_bar_hover.png) repeat-x; }
#headerNavList > li:hover > a { border-left: solid 1px #5c7d86; border-right: solid 1px #80999d; }
.ablePoint > a { line-height: 1.7; }
.restPoint > a { line-height: 1.7; }
.wrapRestPointImg { width: 14px; height: 14px; display: inline-block; overflow: hidden; position: relative; top: 2px; left: -3px; }
.restPointImg { position: absolute; top: -742px; left: -36px; }

/* 131003 タブナビ追加 */
.changePoint { position: relative; z-index: 1; }
.changePoint:hover { background: url(../img/balanceRef/bg_nav_bar_hover.png); background-repeat: repeat-x; background-position: 0 0; }
#headerNavList > .current { background: url(../img/balanceRef/bg_nav_bar_hover.png) repeat-x; }
#headerNavList > .current > a { border-left: solid 1px #5c7d86; border-right: solid 1px #80999d; }
#innerChangePoint > a { cursor: default; border: none; }
#innerChangePoint ul { margin: 0; padding: 0; display: none; position: absolute; top: 49px; left: 0; z-index: 1; }
.changePoint .changePointCurrent { background: url(../img/sprites/i.png) no-repeat; background-position: -13px -235px; border: none; }
#innerChangePoint:hover { background: url(../img/sprites/i.png) no-repeat; background-position: -13px -235px; }
#innerChangePoint:hover ul { display: block; }
.changePointUl { -webkit-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.1); -ms-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.1); -o-box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.1); box-shadow: 4px 4px 3px 0 rgba(0, 0, 0, 0.1); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE'); border-bottom: solid 1px #5c7d86; }
.changePointUl > li { background: url(../img/balanceRef/bg_nav_bar.png) repeat-x; float: none; display: block; }
.changePointUl > li > a { background-position: -37px -684px; }
.changePointUl > li:hover { background: url(../img/balanceRef/bg_nav_bar_hover.png) repeat-x; display: block; }
.changePointUl > li > a:hover { background: url(../img/sprites/i.png) no-repeat; background-position: -37px -684px; border-right: solid 1px #5c7d86; }
.iconNew > a, .iconNew > #innerChangePoint { background-image: url(../img/sprites/i.png); background-repeat: no-repeat; background-position: -13px -235px; }
.iconNew > a:hover { background: url(../img/sprites/i.png) no-repeat; background-position: -13px -235px; }
.iconNew > #innerChangePoint:hover > a { background: none; }

/************************************************************
 CONTENTS 
 ***********************************************************/
#contents { width: 920px; min-height: 350px; _height: 350px; padding: 0; }
#centeringContents { width: 760px; margin-right: auto; margin-left: auto; }
#centeringContentsWide { width: 920px; margin-right: auto; margin-left: auto; }
#centeringContentsWide p.line { border-top: 3px solid #E4300A; padding-top: 10px; }

/* メインコンテンツ */
#mainContents { float: right; width: 750px; }
#pointHistoryNone { margin-top: 10px; min-height: 90px; _height: 420px; padding: 0 20px; }
#memberHistoryNone { margin-top: 10px; min-height: 90px; _height: 420px; padding: 0 20px; }

/* サイドコンテンツ */
#sideContents { float: left; width: 200px; }

/* マイメニュー */
#myMenu { width: 180px; background-color: #eeeeed; border: 1px solid #c2c4c4; }
#myMenuHead { background-position: 0 -120px; background-repeat: no-repeat; width: 180px; height: 36px; padding-top: 14px; color: #FFFFFF; font-weight: bold; text-align: center; line-height: normal; }
#myMenuBottom { background-position: -3620px bottom; background-repeat: no-repeat; padding: 7px 5px; }
.myMenuBox { background-color: #FFFFFF; background-position: -3280px top; background-repeat: no-repeat; overflow: hidden; width: 170px; position: relative; z-index: 10; }
.myMenuBoxBottom { background-position: -3450px bottom; background-repeat: no-repeat; overflow: hidden; width: 170px; padding-bottom: 5px; position: relative; z-index: 10; }
.myMenuBoxInner { width: 170px; }

/* ポップアップ画面 */
#popUpWrapper { background-color: #FFFFFF; /*	width: 750px;
	margin-left: 35px;
	margin-right: 35px;*/ }

#popUpHeader { background-image: url(../img/balanceRef/bg_header_01.png); background-repeat: repeat-x; border-bottom: 1px solid #d8d8d8; -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); -o-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.05); /* For IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE')"; /* For IE 5.5 - 7 */ filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#EEEEEE'); padding-top: 10px; /*border-bottom: 2px solid #E4300A;*/ line-height: 59px; padding-left: 170px; }
#popUpLogo { background-position: 0 -60px; width: 145px; height: 29px; }
.popUpLogo { background-position: 0 -60px; width: 145px; height: 29px; }
#popUpContents { border-top: 30px solid #ffffff; margin: 0 auto; position: relative; width: 920px; }
#popUpFotter { margin-top: 47px; }
#popUpCopyright { border-top: 2px solid #CCCCCC; padding-top: 31px; }
#popUpGroupSite { padding-bottom: 45px; }
#popUpGroupSite a { font-size: 10px; font-family: 'メイリオ'; font-weight: bold; color: #435B67 !important; }

/* 一覧 */
.listWrapper { position: relative; z-index: 0; }
.listCassete { margin-top: 20px; }

/* FORM系要素 */
.fmText, .fmPassword, .fmSelect { border: 1px solid #7F9DB9; }
.fmText, .fmPassword { line-height: 1.5em; padding: 4px 2px; /*textbox、Passwordboxの幅調整*/ width: 147px; margin-right: 5px; vertical-align: middle; height: 20px; }
.fmButton { /*buttonの幅調整*/ margin-right: 5px; vertical-align: middle; }
.fmCheck, .fmRadio { *width: 1.5em; *margin: 0 2px 0 3px; padding: 0; /*inputタグ余白を微調整*/ display: block; float: left; height: 17px; }
.fmSubmit { cursor: pointer; }
.numText { font-family: arial,helvetica,clean,sans-serif; }
#mailMagzn, #keepLogin, #cdDefault { /*メールマガジン、自動ログイン、クレカ登録変更削除　inputタグの微調整*/ vertical-align: middle; margin-right: 5px; }
.cbF { /*ラジオボタンの微調整*/ vertical-align: middle; height: 20px; }
#checkBoxGroup input { /*メール受信設定　チェックボックスの微調整*/ vertical-align: middle; height: 20px; margin-right: 5px; }
#htmlmail, #notreceive, #radioGroup input { margin-right: 5px; }

/* エラー文言 */
.error { padding: 10px; color: #FF0000; font-weight: bold; background-color: #FFD7D7; border: 1px solid #FF0000; }
.error li { position: relative; min-height: 19px; padding-left: 30px; }
.error li:before { content: ""; position: absolute; top: 0; left: 0; width: 19px; height: 19px; background: url("../img/sprites/i.png") no-repeat -31px -440px; }

/* 表 */
.pCell5 th, .pCell5 td { padding: 5px; }
.pCell10 th, .pCell10 td { padding: 10px; }
.bdCell { border-top: 1px solid #C8C8C8; border-right: 1px solid #C8C8C8; }
.bdCell th, .bdCell td { border-left: 1px solid #C8C8C8; }
.bgThNml th { background-color: #E1E1E1; }

/* 表下部ボタンエリア*/
.submitArea { background-color: #EAEAEA; padding: 10px; }
.submitAreaTop { background-position: -1092px top; background-repeat: no-repeat; overflow: hidden; position: relative; background-color: #EAEAEA; z-index: 10; }
.submitAreaBottom { background-position: -1852px bottom; background-repeat: no-repeat; overflow: hidden; position: relative; width: 760px; height: 40px; z-index: 10; }
.submitAreaBottomL { background-position: -1852px bottom; background-repeat: no-repeat; overflow: hidden; position: relative; width: 760px; height: 90px; z-index: 10; }

/* 検索結果表示 */
.numberOfResult { font-size: 18px; line-height: 1; color: #E4300A !important; font-weight: bold; }
.preList { padding: 20px 0 5px; }
.postList { height: 1em; margin-top: 5px; position: relative; zoom: 1; }

/* ページング */
.paging { position: relative; overflow: hidden; margin-right: 2px; }
.paging li { float: left; border-right: 1px solid #DDD; margin-right: -1px; padding-right: 6px; padding-left: 8px; }
.preListPageControl { position: absolute; bottom: 0; right: 0; }
.postListPageControl { position: absolute; top: 0; right: 0; }
.pageControlBottom { position: absolute; right: 0; bottom: 0; }

/* カード情報管理 */
.cardAdminDesc { margin-top: 20px; }
.titleCardAdmin { height: 28px; border-left: solid 20px #F86849; background-color: #EAEAEA; }
.titleCardAdmin > h3 { float: left; width: 100%; border: solid 1px #EAEAEA; border-left-width: 0; background-color: #F5F5F5; line-height: 26px; color: #454545; font-size: 16px; font-weight: bold; }
.titleCardAdmin > h3 > span { display: block; float: left; width: 0; height: 0; border: 13px solid transparent; border-left: 7px solid #F86849; border-right-width: 8px; }
.addNewCard { position: relative; }
.addNewCardBtn { position: absolute; right: 90px; bottom: -4px; margin: 0; padding: 5px; }
.cardAdminMessage { margin-top: 20px; padding: 10px; border: solid 2px #FF0000; color: #FF0000; font-weight: bold; }
.cardAdminHeader { margin-top: 20px; padding: 0 10px; }
.cardAdminAlert { margin-top: 20px; color: #FF0000; font-weight: bold; }
.cardInfoList > dt { font-weight: bold; }

/* table */
th.cardHeader { padding: 4px 10px; line-height: 30px; background-color: #8296a3; color: #FFFFFF; }
th.defaultCard { background-color: #51636e; }
th.defaultCard > p > span { margin-left: 20px; font-weight: bold; }
#mainContents h2 { font-size: 18px; }
#mainContents h3 { font-size: 16px; padding-left: 5px; border-left: 5px solid #51636e; }
.pointInfo { padding: 5px 10px; border: 1px solid #999999; }
.pointInfo-txt { background: url("../img/icon/info_icon.gif") no-repeat scroll left center transparent; padding-left: 22px; }
.pointInfo-txt-detail { padding-left: 22px; }

/* ポイント通帳tbl */
.inner-tolalPoint { padding: 8px; background-color: #cccccc; }
.tbl-tolalPoint { width: 734px; border-top: 1px solid #999999; border-left: 1px solid #999999; }
.tbl-tolalPoint th { font-size: 14px; font-weight: bold; }
.tbl-tolalPoint th, .tbl-tolalPoint td { border-right: 1px solid #999999; border-bottom: 1px solid #999999; background-color: #ffffff; padding: 10px 15px; text-align: left; }
.comPoint th { font-size: 12px; color: #707070; }
.totalpoint-detail { color: #999999; font-size: 10px; }

/* 保有ポイント数tbl */
.wrap-ablPoint { padding: 0; border-top: 1px solid #51636e; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; border-left: 1px solid #cccccc; }
.tit-ablPoint { color: #fff; font-weight: bold; background-color: #51636e; padding: 5px 15px; }
.tbl-ablPoint { margin: 5px 5px 15px; }
.tbl-ablPoint th { text-align: center; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
.tbl-ablPoint .expireAlert { background-color: #FFD7D7; }
.tbl-ablPoint .logoAlert { position: relative; }
.tbl-ablPoint .logoAlert .endMonth { display: block; width: 78px; height: 16px; background-image: url("../img/icon/icon_expirealert_2.gif"); background-repeat: no-repeat; background-position: left center; background-size: 78px 16px; position: absolute; top: 15px; left: -60px; }
.tbl-ablPoint .point-detailA { color: #999999; font-size: 12px; }
.btn-tblRight { background-image: url("../img/logo/logo_tblRight.png"); background-repeat: no-repeat; background-position: center center; background-size: 14px 16px; }
.btn-tblAnd { background-image: url("../img/logo/logo_tblAnd.png"); background-repeat: no-repeat; background-position: center center; background-size: 18px 18px; }
.btn-tblSame { background-image: url("../img/logo/logo_tblSame.png"); background-repeat: no-repeat; background-position: center center; background-size: 15px 11px; }

/* ポイントが貯まるキャンペーン */
.mottoBox { float: left; width: 143px; border-right: 1px dotted #cccccc; padding: 0 20px; }
.mottoBox a { font-size: 11px; }
.mottoCampaign ul { margin-bottom: 30px; }
.mottoCampaign li img { padding: 0 0 5px 0; }
.mottoCampaign h4 { font-size: 11px; margin: 2px 0 5px; border-bottom: 1px solid #cccccc; }
.campaignTxt { line-height: 160%; padding: 0 0 4px 0; height: 82px; }
.sideContentsList { background-color: #EEEEED; border: 1px solid #C2C4C4; margin: 0 0 10px; padding: 5px; }
.sideContentsListInner { background-color: #fff; padding: 3px; }
.sideContentsTitle { border-bottom: 2px solid #CCCCCC; padding: 5px 0; text-align: center; }
.pointCtaBt { margin: 0 0 10px; }
.pointCtaBtAnc { margin: 0 auto; width: 165px; height: 45px; padding-top: 6px; font-size: 14px; color: white !important; text-decoration: none; display: block; text-align: center; background: url("../img/balanceRef/pointbtn.jpg") no-repeat scroll center center; }
.pointCtaBtAnc:hover { opacity: 0.7; }
.pointTotal { border: 1px solid #d8d8d8; }
.pointTotal h3 { padding: 5px 0; background-color: #ededed; }
.pointTotal-detail { padding: 10px; }
.pointTotal-detail-txt { background: url("../img/icon/info_iconRed.gif") no-repeat scroll left top transparent; padding-left: 22px; padding-bottom: 5px; }
.pointTotal-detail-txt a { color: #ff3333; }
.pointLinkList { line-height: 1.6; padding: 5px 0 5px; border-bottom: 1px dotted #CCCCCC; }
.pointLinkList:last-child { border: medium none; }
.sideContentsUnder { padding: 5px 5px 0; }
.sideContentsUnder img { vertical-align: middle; }
.sideContentsUnder .sideContentsWel { font-size: 12px; padding: 2px; text-align: center; }
.sideContentsUnder .sideContentsTxt { font-size: 10px; padding: 2px 2px 5px; text-align: center; }
.sideContentsUnder .sideContentsBox { display: block; padding: 5px 0; text-align: center; border: 1px solid #cccccc; border-radius: 2px; background: #f2f2f2; background: -moz-linear-gradient(white, #e5e5e5); background: -o-linear-gradient(white, #e5e5e5); background: -webkit-gradient(linear, left top, left bottom, from(white), to(#e5e5e5)); background: -webkit-linear-gradient(white, #e5e5e5); background: -ms-linear-gradient(white, #e5e5e5); background: linear-gradient(white, #e5e5e5); filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="white", endColorStr="#e5e5e5"); }
.sideContentsUnder .sideContentsBox:hover { color: #333333; opacity: 0.7; }
.sideContentsUnder .pointMenbSign { line-height: 1.6; padding: 5px 0 10px; width: 172px; }
.sideContentsUnder .pointMenbSign a { color: #3D3D3D; font-weight: bold; text-decoration: none; width: 140px; padding-left: 20px; }
.serviceTitle { padding: 5px 0; }
.serviceList { border-bottom: 1px dotted #CCCCCC; margin: 0 0 10px; padding: 5px 5px 10px; }
.serviceList:last-child { border: medium none; margin: 0 0 10px; padding: 5px; }
.serviceList li a { padding: 0 0 0 7px; }
.cardCtaBt { margin: 0 0 10px; }
.cardCtaBt a:hover { opacity: 0.7; }
.welcomeTxt { font-size: 10px; line-height: 160%; padding: 0 0 4px; text-align: center; }
.cardLinkList { padding: 0 0 5px; }
.cardLinkList li { padding: 0; }
.cardLinkList li:last-child { margin: 0 0 10px; }
.cpLinkList li { border-bottom: 1px dotted #CCCCCC; padding: 5px; }
.cpLinkList li a { padding: 0 0 0 7px; }
.campaignTxt span { color: #F84141; font-size: 16px; font-weight: bold; }
.pointOldTxtsmall { font-size: 10px; margin: 0 0 10px 0; }
.pointTables th { border-bottom: 1px solid #C8C8C8; font-weight: bold; }
.pointTables td { border-bottom: 1px solid #C8C8C8; }
.pointTables table { *border-collapse: separate; border-spacing: 0; }
.ableToUsePoint { /*position: relative;*/ height: 60px; }
.ableToUsePoint .ableToUsePointSiteText { display: block; font-size: 90%; text-align: center; width: 145px; margin-top: 3px; }
.ableToUsePoint .usablePoint { color: #FF3333; font-size: 133%; font-weight: bold; line-height: 20px; }
.ableToUsePoint:hover { background: #fffff3; border: solid 1px #cccccc; }
.ableToUsePoint:hover .commonPoint { background: #ffffff; }
.ableToUsePoint:hover .ableToUsePointSiteText { display: block; }
.ableToUsePoint:hover .usablePoint { font-size: 150%; }
.ableToUsePoint:hover .logoMS { font-weight: bold; }

/* リクルートポイントをもっと効率よく貯める*/
.recruitCardWrap { width: 740px; }
.recruitCardWrap a { color: #ffffff; text-decoration: none; cursor: pointer; }
.recruitCardTop { width: 708px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-image: url("../img/balanceRef/rikuruitCardTop.png") \9; background-repeat: no-repeat\9; background-position: left top\9; width: 710px\9; border: none\9; padding: 15px 15px; }
.recruitCardTop:not(:target) { /*IE9用*/ width: 708px\9; border-top: 1px solid #cccccc\9; border-left: 1px solid #cccccc\9; border-right: 1px solid #cccccc\9; border-top-left-radius: 15px\9; border-top-right-radius: 15px\9; }
.recruitCardTitleAnc { display: block; }
.recruitCardIcon { width: 80px; }
.recruitCardIcon span { text-align: center; }
.recruitCardWrap .recruitCardCaption { width: 725px; background-color: #2480cd; }
.recruitCardInner { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px; height: 90px; }
.recruitCardBt { padding: 10px 110px 0; width: 500px; }
.recruitCardBt a { display: block; color: #3D3D3D; font-weight: bold; text-decoration: none; }

/***************************** CSSスプライト - 画像読み込み ****************************/
.cS { background-image: url(../img/sprites/c.png); background-repeat: no-repeat; }
.bS { background: 0; border: 0; background-image: url(../img/sprites/b.png?20131028); background-repeat: no-repeat; }
.iS { background-image: url(../img/sprites/i.png); background-repeat: no-repeat; }
.xS { background-image: url(../img/sprites/x.png); background-repeat: no-repeat; }
.yS { background-image: url(../img/sprites/y.png); background-repeat: no-repeat; }
.y2S { background-image: url(../img/sprites/y2.png); background-repeat: no-repeat; }

/***************************** CSSスプライト - 共通 ****************************/
/* ロゴ */
.logo { background-position: 0 0; width: 226px; height: 42px; position: absolute; }
.logoImg { background-position: 0 0; width: 226px; height: 42px; }
.logoFCT { display: block; width: 380px; height: 56px; background: url(../img/logo/funcart_logo.png) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }

/* テキスト */
.txtJlHpService { background-position: 0 -200px; width: 177px; height: 12px; }

/***************************** CSSスプライト - ボタン ****************************/
.btNext { background-position: 0 0; width: 190px; height: 40px; }
.btNext:hover { background-position: 0 -40px; }
.btNext2 { background-position: -800px -220px; width: 190px; height: 40px; }
.btNextTo { background-position: -1000px -180px; width: 190px; height: 40px; }
.btNextTo:hover { background-position: -1000px -220px; }
.btBackL { background-position: 0 -90px; width: 190px; height: 40px; }
.btBackL:hover { background-position: 0 -130px; }
.btQuit { background-position: -200px 0; width: 190px; height: 40px; }
.btQuit:hover { background-position: -200px -40px; }
.btSend { background-position: -200px -90px; width: 190px; height: 40px; }
.btSend:hover { background-position: -200px -130px; }
.btRegist { background-position: -200px -180px; width: 190px; height: 40px; }
.btRegist:hover { background-position: -200px -220px; }
.btLogin { background-position: -400px 0; width: 190px; height: 40px; }
.btLogin:hover { background-position: -400px -40px; }
.btLoginTo { background-position: -1000px 0; width: 190px; height: 40px; }
.btLoginTo:hover { background-position: -1000px -40px; }
.btConfirm { background-position: -400px -180px; width: 190px; height: 40px; }
.btConfirm:hover { background-position: -400px -220px; }
.btConfirmTo { background-position: -1000px -90px; width: 190px; height: 40px; }
.btConfirmTo:hover { background-position: -1000px -130px; }
.btAuthen { background-position: -400px -90px; width: 190px; height: 40px; }
.btAuthen:hover { background-position: -400px -130px; }
.btChange { background-position: -600px 0; width: 190px; height: 40px; }
.btChange:hover { background-position: -600px -40px; }
.btChange2 { background-position: -800px -0px; width: 190px; height: 40px; cursor: pointer; }
.btChange2:hover { background-position: -800px -40px; }
.btChange3 { background-position: -800px -180px; width: 190px; height: 40px; }
.btNewRegist { background-position: -600px -90px; width: 190px; height: 40px; }
.btNewRegist:hover { background-position: -600px -130px; }
.btMypage { background-position: -600px -180px; width: 190px; height: 40px; }
.btMypage:hover { background-position: -600px -220px; }
.btKariMail { background-position: -400px -270px; width: 190px; height: 40px; }
.btKariMail:hover { background-position: -400px -310px; }
.btUnlock { background-position: -200px -270px; width: 190px; height: 40px; }
.btUnlock:hover { background-position: -200px -310px; }
.btBack { background-position: 0 -370px; width: 76px; height: 31px; }
.btBack:hover { background-position: 0 -401px; }
.btPoint { background-position: 0 -446px; width: 160px; height: 40px; }
.btPoint:hover { background-position: 0 -486px; }
.btPreRegist { background-position: 0 -180px; width: 190px; height: 60px; }
.btPreRegist:hover { background-position: 0 -240px; }
.btBeauty { background-position: 0 -540px; width: 180px; height: 40px; }
.btBeauty:hover { background-position: 0 -580px; }
.btJalan { background-position: -200px -540px; width: 180px; height: 40px; }
.btJalan:hover { background-position: -200px -580px; }
.btPonpare { background-position: -400px -540px; width: 180px; height: 40px; }
.btPonpare:hover { background-position: -400px -580px; }
.btGourmet { background-position: -600px -540px; width: 180px; height: 40px; }
.btGourmet:hover { background-position: -600px -580px; }
.btGochimaru { background-position: -800px -540px; width: 180px; height: 40px; }
.btGochimaru:hover { background-position: -800px -580px; }
.btfuncart { background-position: -1000px -540px; width: 180px; height: 40px; }
.btfuncart:hover { background-position: -1000px -580px; }
.bthotpepper { background-position: -1200px -540px; width: 180px; height: 40px; }
.bthotpepper:hover { background-position: -1200px -580px; }
.btExchange { background-position: 0 -640px; width: 190px; height: 40px; }
.btExchange:hover { background-position: 0 -680px; }
.btPntExchange { background-position: -200px -640px; width: 190px; height: 40px; }
.btPntExchange:hover { background-position: -200px -680px; }
.btSubmitAgree { background-position: -628px -446px; width: 190px; height: 40px; }
.btSubmitAgree:hover { background-position: -628px -486px; }

/* 上記に同意して次へ */
.btNextAgree { background-position: -242px -446px; width: 190px; height: 40px; }
.btNextAgree:hover { background-position: -242px -486px; }

/* 申請する */
.btApply { background-position: -435px -446px; width: 190px; height: 40px; }
.btApply:hover { background-position: -435px -486px; }

/* 閉じるボタン（大） */
.btCloseL { background-position: -600px -270px; width: 190px; height: 40px; cursor: pointer; }
.btCloseL:hover { background-position: -600px -310px; }

/* 閉じるボタン（小） */
.btClose { background-position: -80px -370px; width: 76px; height: 31px; }
.btClose:hover { background-position: -80px -401px; }
.btDelete { background-position: -440px -360px; width: 190px; height: 40px; cursor: pointer; }
.btDelete:hover { background-position: -440px -400px; }
.btDelete2 { background-position: -800px -90px; width: 190px; height: 40px; cursor: pointer; }
.btDelete2:hover { background-position: -800px -130px; }

/* 続けてサービスを利用するボタン */
.btnContinue { background-position: -200px -360px; width: 230px; height: 40px; }
.btnContinue:hover { background-position: -200px -400px; }

/* 閉じるボタン（小）背景白 */
.btCloseW { background-position: -163px -446px; width: 76px; height: 31px; }
.btCloseW:hover { background-position: -163px -477px; }

/* 共通ボタン 201503追加 */
.btAssetsW { background-position: -821px -446px; width: 160px; height: 40px; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
.btAssetsW:hover { background-position: -821px -486px; }

/* ログイン吹き出し*/
.btChangePWLogin { background-image: url(../img/bg/btn_change_password_login.gif); background-position: 0 0; float: left; height: 35px; margin: 0 0 0 15px; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; text-indent: -9999px; width: 290px; }
.btChangePWLogin:hover { background-position: 0 -35px; }
#jsiMobilePopupClose { background: url(../img/bg/btn_mobile_popup_close.gif) no-repeat 0 top; scroll: 0 0; float: right; height: 21px; outline-color: -moz-use-text-color; outline-style: none; outline-width: 0; text-indent: -9999px; width: 21px; }
.btBaseL { background-position: -639px -360px; width: 230px; height: 40px; line-height: 3.4; }
.btBaseL:hover { background-position: -639px -400px; }

/* サイトを見る*/
.btSite { background-position: -985px -446px; width: 160px; height: 40px; line-height: 3.4; text-align: center; }
.btSite:hover { background-position: -985px -486px; }

/* 会員登録する*/
.btAddMember { background-position: -821px -446px; width: 160px; height: 40px; line-height: 3.4; text-align: center; }
.btAddMember:hover { background-position: -821px -486px; }

/* リクルートカードの詳細を見る */
.btSiteCard { background-position: -1200px 0; width: 235px; height: 40px; line-height: 3.4; text-align: center; }
.btSiteCard:hover { background-position: -1200px -40px; }

/* リクルートカードに申込む */
.btAddCard { background-position: -1200px -90px; width: 235px; height: 40px; line-height: 3.4; text-align: center; }
.btAddCard:hover { background-position: -1200px -130px; }

/***************************** CSSスプライト - アイコン ****************************/
.titleIcon { background-position: -46px 0; height: 25px; line-height: 25px; }
.titleIconN { background-position: -46px -40px; height: 22px; line-height: 22px; padding-left: 10px; font-size: 14px; font-weight: bold; color: #51636e; }
.iconTriangle { background-position: -47px -314px; padding-left: 10px; }
.titleIconPointC { background-position: -46px -80px; padding-left: 10px; }
.titleIconPointHp { background-position: -46px -120px; padding-left: 10px; }
.titleIconPointJl { background-position: -46px -160px; padding-left: 10px; }
.iconQuestion { background-position: -36px -200px; padding-left: 20px; }
.icnPlus { background-position: right -560px; height: 20px; line-height: 20px; padding-right: 25px; }
.icnPlus:hover { background-position: right -580px; }
.icnMinus { background-position: right -600px; height: 20px; line-height: 20px; padding-right: 25px; }
.icnListGrayWing { width: 8px; height: 14px; position: absolute; top: 18px; left: 168px; background-position: -42px -660px; }
.icnMinus:hover { background-position: right -620px; }
.iconRed { background-color: #FF0000; color: #FFFFFF; font-weight: normal; padding: 3px; font-size: 10px; }

/***************************** CSSスプライト - その他 ****************************/
/* 見出し背景（スプライト） */
.listTitleOrange { background-color: #51636e; background-position: -5320px top; background-repeat: no-repeat; zoom: 1; }
.listTitleOrangeJH760 { background-color: #51636e; background-position: -4560px top; background-repeat: no-repeat; zoom: 1; }
.listTitleOrangeJ760 { background-color: #51636e; background-position: -3800px top; background-repeat: no-repeat; zoom: 1; }

/* ログインボックス */
.loginBoxWrapper { background-position: -1520px top; background-repeat: no-repeat; background-color: #EAEAEA; width: 480px; }
.loginBoxInner { background-position: -2000px bottom; background-repeat: no-repeat; padding: 30px 15px 20px; width: 450px; }
.loginBoxInner dd { margin-left: 35px; }
.loginBox2Wrapper { background-position: -1520px top; background-repeat: no-repeat; background-color: #EAEAEA; width: 480px; }
.loginBox2Inner { background-position: -2000px bottom; background-repeat: no-repeat; padding: 30px 15px 20px; width: 450px; min-height: 390px; }
.loginBox400Wrapper { background-position: -2480px top; background-repeat: no-repeat; background-color: #EAEAEA; width: 400px; }
.loginBox400Inner { background-position: -2880px bottom; background-repeat: no-repeat; padding-bottom: 20px; width: 400px; }

/* ボックス背景（スプライト） */
.listCassetteBox { border: 1px solid #C8C8C8; padding: 10px; position: relative; zoom: 1; }
.listCassetteBox2 { border: 1px solid #C8C8C8; min-height: 45px; padding: 10px; position: relative; }
.pointListTitle { background-position: 0 -300px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }

/* その他 */
.pointListBgBottom { background-color: #E1E1E1; width: 560px; }
.pointListPtk { background-position: 0 -240px; width: 527px; }
.tableBoxTop { background-repeat: no-repeat; background-position: -2612px top; overflow: hidden; width: 546px; height: 4px; line-height: 0; font-size: 0; }
.tableBoxMiddle { width: 540px; background-position: 0 0; background-repeat: repeat-y; position: relative; zoom: 1; margin-left: 1px; background-color: #ffffff; border-left: 2px solid #ccc; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc; }
.tableBoxBottom { background-position: -546px bottom; background-repeat: no-repeat; overflow: hidden; width: 546px; height: 4px; line-height: 0; font-size: 0; }
.wrapBalanceRefActionTo { background-color: #eaeaea; padding: 10px 20px; }
.wrapBalanceRefActionTo p { float: left; }
.wrapBalanceRefActionTo a { color: #3d3d3d; font-weight: bold; text-decoration: none; text-align: center; display: block; float: left; }
.wrapBalanceRefActionTo a.btBaseL { margin-left: 180px; }
.wrapBalanceRefActionTo a.btBack { margin-top: 5px; }

/* ログイン吹き出し*/
.bgMobilePopupWing { padding-left: 40px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat -1050px 130px; zoom: 1; position: absolute; top: -20px; *top: 10px; left: 575px; }
.bgMobilePopupWing_2 { padding-left: 40px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat -1050px 130px; zoom: 1; position: absolute; top: 20px; *top: 50px; left: 575px; }

/* OAuthログイン吹き出し*/
.bgMobilePopupWing_oauth { padding-left: 40px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat -1050px 130px; zoom: 1; position: absolute; top: 160px; *top: 190px; left: 375px; }
.bgMobilePopupWing_oauth2 { padding-left: 40px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat -1050px 130px; zoom: 1; position: absolute; top: 95px; *top: 125px; left: 575px; }
.bgMobilePopupHead { width: 350px; padding-top: 15px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat 0 top; }
.bgMobilePopupBottom { width: 350px; padding-bottom: 15px; background: url(../img/bg/bg_mobile_popup.gif) no-repeat -350px bottom; }
.bgMobilePopup { padding: 0 15px; background: url(../img/bg/bg_mobile_popup.gif) repeat-y -700px 0; zoom: 1; }

/************************************************************
 FOOTER 
 ***********************************************************/
#footerWrapper { background-repeat: repeat-x; background-position: 0 -33px; margin: 40px 0; padding-top: 15px; zoom: 1; }
#footer { margin: 0 auto; height: 60px; width: 920px; position: relative; zoom: 1; }
#copyright { position: absolute; top: 0; left: 0; display: block; }
#groupSite { position: absolute; display: block; top: 35px; left: 0; }
#groupSite a { font-size: 10px; font-family: 'メイリオ'; font-weight: bold; color: #435B67 !important; }
#footerLinks { font-size: 88%; overflow: hidden; position: absolute; top: 5px; right: 0; }
#footerLinks li { float: left; border-right: 1px solid #DDD; padding-right: 15px; *padding-right: 16px; margin-left: 15px; margin-right: -1px; }
div#copyright img { width: 180px; }

/* footer 180220 */
footer {background-image: url(../img/sprites/x.png);background-repeat: repeat-x; background-position: 0 -33px; margin: 40px 0; padding-top: 15px; zoom: 1;  }
footer .footer { margin: 0 auto; height: 60px; width: 920px; position: relative; zoom: 1;  min-height: 1px; _height: 1px; }
footer .footer:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
footer #copyright #logo a{font-size: 10px;text-decoration: none; color: #435B67;font-family: 'メイリオ';font-weight: bold;}
footer #copyright #group a{font-size: 10px;color: #435B67;font-family: 'メイリオ';font-weight: bold;}
footer nav ul { font-size: 88%; overflow: hidden; position: absolute; top: 30px; right: 0; }
footer nav ul li { float: left; border-right: 1px solid #DDD; padding-right: 15px; *padding-right: 16px; margin-left: 15px; margin-right: -1px; }
/************************************************************
 GENERAL CLASSES 
 ***********************************************************/
/* WIDTH */
.wFull { width: 100%; }
.w40p { width: 40%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w30 { width: 30px; }
.w35 { width: 35px; }
.w48 { width: 48px; }
.w60 { width: 60px; }
.w70 { width: 70px; }
.w74 { width: 74px; }
.w75 { width: 75px; }
.w80 { width: 80px; }
.w85 { width: 85px; }
.w88 { width: 88px; }
.w90 { width: 90px; }
.w95 { width: 95px; }
.w100 { width: 100px; }
.w103 { width: 103px; }
.w104 { width: 104px; }
.w105 { width: 105px; }
.w108 { width: 108px; }
.w110 { width: 110px; }
.w115 { width: 115px; }
.w120 { width: 120px; }
.w125 { width: 125px; }
.w127 { width: 127px; }
.w128 { width: 128px; }
.w130 { width: 130px; }
.w133 { width: 133px; }
.w135 { width: 135px; }
.w140 { width: 140px; }
.w142 { width: 142px; }
.w145 { width: 145px; }
.w146 { width: 146px; }
.w149 { width: 149px; }
.w150 { width: 150px; }
.w155 { width: 155px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w285 { width: 285px; }
.w300 { width: 300px; }
.w320 { width: 320px; }
.w340 { width: 340px; }
.w350 { width: 350px; }
.w380 { width: 380px; }
.w390 { width: 390px; }
.w433 { width: 433px; }
.w480 { width: 480px; }
.w500 { width: 500px; }
.w519 { width: 519px; }
.w520 { width: 520px; }
.w525 { width: 525px; }
.w539 { width: 539px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w560 { width: 560px; }
.w570 { width: 570px; }
.w578 { width: 578px; }
.w700 { width: 700px; }
.w719 { width: 719px; }
.w750 { width: 750px; }
.w760 { width: 760px; }
.w860 { width: 860px; }

/* HEIGHT */
.H22 { height: 22px; }
.H25 { height: 25px; }
.H48 { height: 48px; }
.H100 { height: 100px; }
.H160 { height: 160px; }

/* LINE-HEIGHT */
.lhDe { line-height: 1; }
.lh20 { line-height: 20px; }
.lh28 { line-height: 28px; }
.lh30 { line-height: 30px; }

/* MARGIN */
.mT5 { margin-top: 5px; }
.mT8 { margin-top: 8px; }
.mT10 { margin-top: 10px; }
.mT13 { margin-top: 13px; }
.mT15 { margin-top: 15px; }
.mT18 { margin-top: 18px; }
.mT20 { margin-top: 20px; }
.mT25 { margin-top: 25px; }
.mT30 { margin-top: 30px; }
.mT46 { margin-top: 46px; }
.mT50 { margin-top: 50px; }
.mT210 { margin-top: 210px; }
.mT220 { margin-top: 220px; }
.mT420 { margin-top: 420px; }
.mT5N { margin-top: -5px; }
.mT15N { margin-top: -15px; }
.mR2 { margin-right: 2px; }
.mR5 { margin-right: 5px; }
.mR6 { margin-right: 6px; }
.mR10 { margin-right: 10px; }
.mR15 { margin-right: 15px; }
.mR20 { margin-right: 20px; }
.mR25 { margin-right: 25px; }
.mR30 { margin-right: 30px; }
.mR40 { margin-right: 40px; }
.mR50 { margin-right: 50px; }
.mR150 { margin-right: 150px; }
.mL5 { margin-left: 5px; }
.mL7 { margin-left: 7px; }
.mL8 { margin-left: 8px; }
.mL10 { margin-left: 10px; }
.mL15 { margin-left: 15px; }
.mL16 { margin-left: 16px; }
.mL20 { margin-left: 20px; }
.mL25 { margin-left: 25px; }
.mL30 { margin-left: 30px; }
.mL200 { margin-left: 200px; }
.mB5 { margin-bottom: 5px; }
.mB10 { margin-bottom: 10px; }
.mB15 { margin-bottom: 15px; }
.mB20 { margin-bottom: 20px; }
.mB25 { margin-bottom: 25px; }
.mB30 { margin-bottom: 30px; }
.mV20 { margin-top: 20px; margin-bottom: 20px; }
.mH5 { margin-left: 5px; margin-right: 5px; }
.mH10 { margin-left: 10px; margin-right: 10px; }
.mH50 { margin-left: 50px; margin-right: 50px; }
.mHA { margin-left: auto; margin-right: auto; }

/* PADDING */
.pT3 { padding-top: 3px; }
.pT5 { padding-top: 5px; }
.pT7 { padding-top: 7px; }
.pT8 { padding-top: 8px; }
.pT10 { padding-top: 10px; }
.pT12 { padding-top: 12px; }
.pT15 { padding-top: 15px; }
.pT20 { padding-top: 20px; }
.pT25 { padding-top: 25px; }
.pT30 { padding-top: 30px; }
.pT35 { padding-top: 35px; }
.pT220 { padding-top: 220px; }
.pR5 { padding-right: 5px; }
.pR10 { padding-right: 10px; }
.pR15 { padding-right: 15px; }
.pR20 { padding-right: 20px; }
.pR25 { padding-right: 25px; }
.pR30 { padding-right: 30px; }
.pB4 { padding-bottom: 4px; }
.pB5 { padding-bottom: 5px; }
.pB8 { padding-bottom: 8px; }
.pB10 { padding-bottom: 10px; }
.pB11 { padding-bottom: 11px; }
.pB15 { padding-bottom: 15px; }
.pB20 { padding-bottom: 20px; }
.pB25 { padding-bottom: 25px; }
.pB30 { padding-bottom: 30px; }
.pL5 { padding-left: 5px; }
.pL7 { padding-left: 7px; }
.pL8 { padding-left: 8px; }
.pL10 { padding-left: 10px; }
.pL15 { padding-left: 15px; }
.pL20 { padding-left: 20px; }
.pL25 { padding-left: 25px; }
.pL30 { padding-left: 30px; }
.pL40 { padding-left: 40px; }
.pL100 { padding-left: 100px; }
.pL150 { padding-left: 150px; }
.pL170 { padding-left: 170px; }
.pL190 { padding-left: 190px; }
.pL255 { padding-left: 255px; }
.pV5 { padding-top: 5px; padding-bottom: 5px; }
.pV8 { padding-top: 8px; padding-bottom: 8px; }
.pV10 { padding-top: 10px; padding-bottom: 10px; }
.pV15 { padding-top: 15px; padding-bottom: 15px; }
.pV20 { padding-top: 20px; padding-bottom: 20px; }
.pV25 { padding-top: 20px; padding-bottom: 20px; }
.pV30 { padding-top: 20px; padding-bottom: 30px; }
.pH5 { padding-left: 5px; padding-right: 5px; }
.pH7 { padding-left: 7px; padding-right: 7px; }
.pH10 { padding-left: 10px; padding-right: 10px; }
.pH15 { padding-left: 15px; padding-right: 15px; }
.pH20 { padding-left: 20px; padding-right: 20px; }
.pH25 { padding-left: 25px; padding-right: 25px; }
.pH30 { padding-left: 30px; padding-right: 30px; }
.p4 { padding: 4px; }
.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p25 { padding: 25px; }
.p30 { padding: 30px; }
.pClear { padding: 0 !important; }

/* POSITION */
.pr { position: relative; }
.pa { position: absolute; }
.topHalf { top: 50%; }
.top0 { top: 0; }
.top5 { top: 5px; }
.top8 { top: 8px; }
.top10 { top: 10px; }
.top15 { top: 15px; }
.top20 { top: 20px; }
.top25 { top: 25px; }
.top30 { top: 30px; }
.top40 { top: 40px; }
.left0 { left: 0; }
.left5 { left: 5px; }
.left10 { left: 10px; }
.left15 { left: 15px; }
.left20 { left: 20px; }
.left25 { left: 25px; }
.left30 { left: 30px; }
.right0 { right: 0; }
.right5 { right: 5px; }
.right10 { right: 10px; }
.right11 { right: 11px; }
.right15 { right: 15px; }
.right16 { right: 16px; }
.right20 { right: 20px; }
.right24 { right: 24px; }
.right25 { right: 25px; }
.right30 { right: 30px; }
.right50 { right: 50px; }
.bottom0 { bottom: 0; }
.bottom5 { bottom: 5px; }
.bottom10 { bottom: 10px; }
.bottom15 { bottom: 15px; }
.bottom20 { bottom: 20px; }
.bottom25 { bottom: 25px; }
.bottom30 { bottom: 30px; }

/* Z-INDEX */
.zi0 { z-index: 0; }
.zi1 { z-index: 1; }

/* DISPLAY */
.db { display: block; }
.di { display: inline; }
.dn { display: none; }
.dib { display: inline-block !important; }
.dibB { display: inline-block !important; *display: inline !important; zoom: 1; }

/* FLOAT */
.fl { float: left; }
.fr { float: right; }
.cb { clear: both; }

/* CLEAR FIX */
.cf:after { content: ""; display: block; clear: both; height: 0; visibility: hidden; }
.cf { min-height: 1px; _height: 1px; }

/* ログイン吹き出し*/
.clearfix:after { clear: both; content: "."; display: block; font-size: 0.1em; height: 0.1px; line-height: 0; visibility: hidden; }
.clearfix { min-height: 1px; zoom: 1; }
* html .clearfix { height: 1px; }

/* VERTICAL-ALIGN */
.vaT { vertical-align: top; }
.vaM { vertical-align: middle; }
.vaM2 { vertical-align: 2px; }
.vaB { vertical-align: bottom; }

/* TEXT-ALIGN */
.taR { text-align: right; }
.taC { text-align: center; }
.taL { text-align: left; }

/* TEXT-INDENT */
.ti5 { text-indent: 5px; }
.ti10 { text-indent: 10px; }
.ti15 { text-indent: 15px; }
.ti20 { text-indent: 20px; }
.ti25 { text-indent: 25px; }
.ti30 { text-indent: 30px; }
.tiM10 { text-indent: -10px; }

/* FONT-WEIGHT */
.b { font-weight: bold; }
.n { font-weight: normal; }

/* FONT-SIZE */
.fs10 { font-size: 10px; }
.fs11 { font-size: 11px; }
.fs12 { font-size: 12px; }
.fs14 { font-size: 14px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.fs20 { font-size: 20px; }
.fs22 { font-size: 22px; }
.fs24 { font-size: 24px; }
.fs28 { font-size: 28px; }

/* OFF LEFT */
.offL { text-indent: -9999px; overflow: hidden; }
.ofH { overflow: hidden; }

/* NOWRAP */
.nr { white-space: nowrap; }

/* FOREGROUNG */
.fgWhite { color: #FFFFFF; }
.fgGray { color: #60606B; }
.fgRed { color: #E4300A; }
.fgDRed { color: #FF0000; }
.fgGray2 { color: #999999; }
.fgGray3 { color: #333333; }

/* BACKGROUNG */
.bgWhite { background-color: #FFFFFF; }
.bgGray { background-color: #E1E1E1; }
.bgLGray { background-color: #F0F0F0; }
.bgPink { background-color: #FFD7D7; }
.bgLOrange { background-color: #FDEADA; }

/* BORDER */
.bdBlack { border: 1px solid #000000; }
.bdDBlue { border: 1px solid #7F9DB9; }
.bdDRed { border: 1px solid #FF0000; }
.bdGray { border: 1px solid #C8C8C8; }
.bdGrayT { border-top: 1px solid #C8C8C8; }
.bdGrayB { border-bottom: 1px solid #C8C8C8; }
.bdGrayBd { border-bottom: 1px dotted #C8C8C8; }
.bdRed4L { border-left: 4px solid #E4300A; }
.bdDotB { border-bottom: 1px dotted #C8C8C8; }
.bdGray6 { border: 6px solid #F1F2ED; }
.bdGrayD { border: 1px solid #cccccc; }
.bdGrayD5 { border: 5px solid #999999; }

/* HASLAYOUT TO TRUE */
.zoom1 { zoom: 1; }

/* 折り返し */
.wwbreak { word-wrap: break-word; }

/*ポイント総合通帳テーブル*/
.pointTables th { border-bottom: 1px solid #C8C8C8; font-weight: bold; }
.pointTables td { border-bottom: 1px solid #C8C8C8; }

/*ポイント有効期限アラート*/
.pointTables table { *border-collapse: separate; border-spacing: 0; }
.pointTables .expireAlert { background-color: #FFD7D7; background-image: url("../img/icon/icon_expirealert_2.gif"); background-repeat: no-repeat; background-position: 173px 5px; }

/*ポイント交換機能*/
.msgBoxGray { margin-top: 30px; padding: 20px; background-color: #E1E1E1; }
.pointSet select { width: 80px; margin-right: 5px; padding: 2px; font-size: 14px; }
.bannerArea { width: 750px; margin: 0 auto 30px auto; }
.notice { margin-top: 30px; padding-top: 30px; border: 1px solid #C8C8C8; }
*:first-child + html .notice { padding: 30px 0; }
* html .notice { padding: 30px 0; }

/*ポイントクジ機能*/
.h2b { border-left: #ccc solid 6px; padding: 0 10px; font-weight: bold; font-size: 18px; }

/************************************************************
 faqエリア 
 ***********************************************************/
#faq_pc { border: 1px solid #cccccc; float: right; padding: 10px; width: 730px; margin-top: 10px; }
#faq_pc h3 { font-weight: bolder; font-size: 12px; }
#faq_pc ol { padding: 10px 20px; }
#faq_pc a { text-decoration: none; }
.faq_icon { vertical-align: text-bottom; }

/************************************************************
 p交換用HTML 
 ***********************************************************/
.p_koukan_texttable, .p_koukan_listtable { width: 100%; margin: 0 auto; }
.p_koukan_listtable { margin-top: 15px; }
.p_koukan_texttable td, .p_koukan_listtable td { padding: 10px 20px; }
.p_koukan_listtable .p_normallist li { text-indent: -1em; padding-left: 1em; list-style: none; }
.p_koukan_bggray { background-color: #eaeaea; }

/************************************************************
 p詳細用HTML 
 ***********************************************************/
.pdHeader { width: 920px; position: relative; margin: 0 auto; line-height: 59px; }
.pdContents { min-width: 550px; margin: 0 auto; position: relative; }
.pdFooter { margin: 0 20px; height: 60px; min-width: 550px; position: relative; zoom: 1; }

/* word-break */
.wordbreak { word-wrap: break-word; word-break: break-all; }

/* ime mode */
.imeInactive { ime-mode: inactive; }

/************************************************************
 topHTML 
 ***********************************************************/
.headerLink li { float: left; padding: 0 10px 0 0; }
.headerLink { float: right; position: absolute; top: 25px; right: 0; }
.headerLink a { background: url("../img/balanceRef/icon01.gif") no-repeat left; padding: 0 0 0 7px; }
#intro_title { margin: 0 auto; padding-top: 20px; width: 920px; }
.introInfo { width: 920px; margin: 10px auto; }
.introInfoL { float: left; }
.introInfoR { float: right; }
.sns-btn-wrap { float: right; padding-bottom: 5px; }
.facebook-btn-wrap, .g-btn-wrap, .hatena-btn-wrap, .twitter-btn-wrap { float: left; margin-left: 5px; }
.twitter-btn-wrap { height: 17px; width: 65px; }
.facebook-btn-wrap { width: 16px; }
.bx-pager { letter-spacing: -0.4em; margin: 7px auto 25px auto; text-align: center; }
.bx-pager a { background: none repeat scroll 0 0 #000000; display: inline-block; height: 45px; letter-spacing: normal; margin-right: 5px; width: 130px; }
.bx-pager a.thumb-edge { background: none repeat scroll 0 0 #000000; display: inline-block; height: 45px; letter-spacing: normal; margin-right: 0; width: 130px; }
.bx-pager img { opacity: 0.7; }
.bx-pager a.active img { opacity: 1; }
#campaignArea { text-align: center; margin: 0 0 30px 0; }
#pointArea { margin: 0 0 10px 0; }
.title { margin: 0 0 10px 0; padding: 10px 0 0 0; }
.whatpointAreaList { overflow: hidden; }
.whatpointAreaListL { float: left; width: 327px; padding: 15px 20px 0 20px; border-right: 1px dotted #cccccc; }
.whatpointAreaListR p, .whatpointAreaListL p { padding-bottom: 20px; }
.whatpointAreaListR { float: left; width: 332px; padding: 15px 20px 0 20px; }
.whatpointAreaListL .whatpointAreaImg, .whatpointAreaListR .whatpointAreaImg { padding-bottom: 20px; text-align: center; }
.whatpointImg { padding-top: 10px; text-align: center; }

/* ポイントが貯まる・使えるサービス */
#sankakusiteArea { margin: 0 0 30px 0; }
.sankakusiteList { margin: 0 0 15px 0; }
.sankakusiteListL { float: left; width: 360px; margin: 0 20px 0 0; }
.sankakusiteListWrap a { color: #ffffff; text-decoration: none; cursor: pointer; }
.sankakusiteListAnc { display: block; }
.sankakusiteListTop { width: 328px; border-top: 1px solid #cccccc; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; -webkit-border-top-left-radius: 15px; -webkit-border-top-right-radius: 15px; -moz-border-radius-topleft: 15px; -moz-border-radius-topright: 15px; border-top-left-radius: 15px; border-top-right-radius: 15px; background-image: url("../img/balanceRef/sankakusaitTop.png") \9; background-repeat: no-repeat\9; background-position: left top\9; width: 330px\9; border: none\9; padding: 15px 15px; }
.sankakusiteListTop:not(:target) { /*IE9用*/ width: 328px\9; border-top: 1px solid #cccccc\9; border-left: 1px solid #cccccc\9; border-right: 1px solid #cccccc\9; border-top-left-radius: 15px\9; border-top-right-radius: 15px\9; }
.sankakusiteListIcon { width: 80px; }
.sankakusiteListIcon span { text-align: center; }
.servicelistPointAdd { width: 80px; background-color: #db7e82; padding: 3px 0; }
.servicelistPointUsed { width: 80px; background-color: #6296c6; padding: 3px 0; }
.sankakusiteListCaption { font-size: 14px; font-weight: 600; display: inline-block; text-align: left; padding: 2px 0 2px 15px; }
.sankakusiteListWrap .listCaption01 { width: 345px; background-color: #e09f37; }
.sankakusiteListWrap .listCaption02 { width: 345px; background-color: #9dc139; }
.sankakusiteListWrap .listCaption03 { width: 345px; background-color: #ad305c; }
.sankakusiteListWrap .listCaption04 { width: 345px; background-color: #dd3e2b; }
.sankakusiteListWrap .listCaption05 { width: 345px; background-color: #dd3e2b; background-image: url("../img/balanceRef/servicelist_caption_bg.gif"); background-repeat: repeat-y; background-position: right center; background-size: 34px 25px; }
.sankakusiteListWrap .listCaption06 { width: 345px; background-color: #dd3e2b; background-image: url("../img/balanceRef/servicelist_caption_bg.gif"); background-repeat: repeat-y; background-position: right center; background-size: 34px 25px; }
.sankakusiteListWrap .listCaption07 { width: 345px; background-color: #646263; }
.sankakusiteListWrap .listCaption08 { width: 345px; background-color: #998431; }
.sankakusiteListWrap .listCaption09 { width: 345px; background-color: #ec432e; }
.sankakusiteListWrap .listCaption10 { width: 345px; background-color: #514223; }
.sankakusiteListR { float: left; width: 360px; }
.sankakusiteListInner { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px; height: 130px; }
.sankakusiteListInner { border-left: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding: 10px 15px; height: 130px; position: relative; }
.sankakusiteListTxt { height: 90px; }
.serviceListBt { padding: 5px 0 0; width: 328px; }
.serviceListBt a { display: block; color: #3D3D3D; font-weight: bold; text-decoration: none; }

/*.serviceListBt a:hover {
	opacity: 0.7;
}
*/
.sankakusiteList { margin: 0 0 15px 0; }
.pageTopLink { margin: 10px; text-align: right; }

/************************************************************
 pointService HTML 
 ***********************************************************/
/************************************************************
 トンマナ変更後h2 
 ***********************************************************/
#contents .titleIcon { background: none; border-bottom: 3px solid #51636e; }

/* popup画面対応 */
#popUpContents .titleIcon { background: none; border-bottom: 3px solid #51636e; }

/************************************************************
 pointCampaign HTML 
 ***********************************************************/
/* 差し込み箇所 今開催中のお得なキャンペーン */
.mottoCampaign h3 { font-size: 16px; padding-left: 5px; border-left: 5px solid #51636e; }
.mottoCampaign { width: 740px; }
.mottoCampaign a { text-decoration: none; display: block; cursor: pointer; }
.mottoCampaign a:hover { opacity: 0.7; }
.mottoCampaignImg { display: inline-block; float: left; }
.mottoBoxTxtArea { width: 576px; height: 70px; padding: 10px 10px; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-bottom: 1px solid #cccccc; }
.campaignLogoArea01 { padding-top: 11px; }
.campaignLogoArea02 { padding-top: 16px; }
.campaignLogoArea03 { padding-top: 6px; }
.campaignLogoArea04 { padding-top: 8px; }
.campaignLogoArea05 { padding-top: 16px; }
.campaignLogoArea07 { padding-top: 21px; }

/************************************************************
 optout 
 ***********************************************************/
#optoutInfoArea { overflow-y: scroll; height: 470px; }
#optoutSubmit a { display: block; text-indent: -9999px; width: 190px; height: 40px; background-position: -800px -270px; }
#optoutSubmit a:hover { background-position: -800px -310px; }

/************************************************************
 20141128追記 
 ***********************************************************/
/*memberGlobalTitle*/
.memberGlobalTitle { border-bottom: 3px solid #51636e; }
.memberGlobalTitle h2 { font-size: 150%; }

/*memberHeadText*/
.memberHeadText { padding: 12px 20px 0; font-size: 14px; }
.memberHeadText a { display: inline-block; padding: 0 .25em; }
.memberHeadText .span01 { display: block; font-size: 12px; color: #777; }
.memberHeadText .dl01 { padding-top: 12px; }

/*memberHistoryWrapper*/
.memberHistoryWrapper { margin: 0 auto; padding: 16px 20px 0; }

/*.memberPager*/
.memberPager { line-height: 18px; }
.memberPager p { float: left; width: 50%; }
.memberPager ul { text-align: right; margin-left: 50%; }
.memberPager li { display: inline-block; padding: 0 4px; font-weight: bol; }
* + html .memberPager li, * + html .memberPager span { display: inline; zoom: 1; }
.memberPager .span01, .memberPager .span02 { display: inline-block; font-weight: bold; }
.memberPager .span01 { padding-right: .25em; font-size: 18px; color: #e4300a; }
.memberPager .span02 { padding: 0 .25em; }

/*memberHistoryBox*/
.memberHistoryBox { margin-top: 4px; width: 100%; border-collapse: collapse; border-spacing: 0; }
.memberHistoryBox th, .memberHistoryBox td { padding: 5px; border: 1px solid #c8c8c8; word-break: break-all; vertical-align: top; }
.memberHistoryBox th { background: #e1e1e1; }
.memberHistoryBox .th01 { width: 310px; }
.memberHistoryBox .th03 { width: 120px; }

/************************************************************
 pinCode 
 ***********************************************************/
.pinCode_ttl { font-size: 40px; font-weight: bold; border-bottom: 3px solid #51636e; }
.pinCode_messageText { font-size: 36px; padding: 20px 0 10px; }
.pinCode_tableTtl { font-size: 36px; }
.pinCode_tableComment, .pinCode_error { font-size: 30px; }

/*個別性で上書き*/
.pinCode_error .error li { background-position: -31px -428px; }
.pinCode_inputArea { position: relative; margin-top: 5px; }
.pinCode_inputArea p { border: 1px solid #7F9DB9; padding: 4px 2px; font-size: 44px; width: 180px; height: 40px; line-height: 40px; }
.pinCode_inputArea input[type="password"] { position: absolute; top: 0; left: 0; padding: 5px 3px; width: 180px; height: 40px; line-height: 40px; border: none; box-shadow: none; -webkit-appearance: none; appearance: none; background: transparent; color: transparent; font-size: 44px; }

/************************************************************
 maintenance 
 ***********************************************************/
.maintenance { margin-top: 10px; margin-bottom: 15px; padding: 10px; border: 1px solid #E1E1E1;}