@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: 980px;
	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(/common/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: 980px;
	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;
}
.logoLeft {
	width: 65%;
}
.logoRight {
	position: relative;
	height: 59px;
}

.logoRight img {
	vertical-align: middle;
	*zoom: 1;
}
.logoRight .oldlogo img {
	vertical-align: middle;
}
/* リクルートポイントロゴ */
.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(/common/img/balanceRef/bg_nav_bar.png) repeat-x;
}

.headerNav ul {
	width: 980px;
	border-left: solid 1px #394a4f;
	margin: 0 auto;
}
.headerNav li {
	float: left;
}
.headerNav li:hover {
}
.headerNav a {
	border-left: solid 1px #88a4b1;
	border-right: solid 1px #394a4f;
	color: white;
	height: 39px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	line-height: 3.4;
	padding: 5px 10px;
	min-width: 140px;
	font-size: 12px;
}
.headerNav a:hover {
	background: url(/common/img/balanceRef/bg_nav_bar_hover.png) repeat-x;
	border-left: solid 1px #5c7d86;
	border-right: solid 1px #80999d;
}
.headerNav .current {
	background: url(/common/img/balanceRef/bg_nav_bar_hover.png) repeat-x;
	border-left: solid 1px #5c7d86;
	border-right: solid 1px #80999d;
}
.headerNav .ablePoint a {
	line-height: 1.7;
}

/************************************************************
 * CONTENTS
 ************************************************************/
#contents {
	width: 980px;
	margin-top: 25px;
	min-height: 350px;
	_height: 350px;
	padding: 0;
}
#centeringContents {
	width: 760px;
	margin-right: auto;
	margin-left: auto;
}
#centeringContentsWide {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}
/* メインコンテンツ */
#mainContents {
	float: right;
	width: 750px;
}
#pointHistoryNone {
	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(/common/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: 35px;
}
#popUpLogo {
	background-position: 0 -60px ;
	width: 145px;
	height: 29px;
}
.popUpLogo {
	background-position: 0 -60px ;
	width: 145px;
	height: 29px;
}
#popUpContents	{
	margin-top: 30px;
	padding-left: 35px;
	width: 750px;
}

#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 {
	min-height: 19px;
	_height: 19px;
	padding-left: 30px;
	background-image: url("/common/img/sprites/i.png");
	background-repeat: no-repeat;
	background-position: -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("/common/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("/common/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("/common/img/logo/logo_tblRight.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 14px 16px;
}
.btn-tblAnd {
	background-image: url("/common/img/logo/logo_tblAnd.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 18px 18px;
}
.btn-tblSame {
	background-image: url("/common/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("/common/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("/common/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("/common/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(/common/img/sprites/c.png);
	background-repeat: no-repeat;
}
.bS {
	background: 0;
	border: 0;
	background-image: url(/common/img/sprites/b.png);
	background-repeat: no-repeat;
}
.iS {
	background-image: url(/common/img/sprites/i.png);
	background-repeat: no-repeat;
}
.xS {
	background-image: url(/common/img/sprites/x.png);
	background-repeat: no-repeat;
}
.yS {
	background-image: url(/common/img/sprites/y.png);
	background-repeat: no-repeat;
}
.y2S {
	background-image: url(/common/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(/common/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; }
.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; }
.btConfirm			{ background-position: -400px -180px; width: 190px; height: 40px; }
.btConfirm:hover	{ background-position: -400px -220px; }
.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; }

/* ログイン吹き出し*/
.btChangePWLogin {
	background-image:url(/common/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(/common/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: -1009px 0;
	width: 235px;
	height: 40px;
	line-height: 3.4;
	text-align: center;
}
.btSiteCard:hover {
	background-position: -1009px -40px;
}

/* リクルートカードに申込む */
.btAddCard {
	background-position: -1008px -90px;
	width: 235px;
	height: 40px;
	line-height: 3.4;
	text-align: center;
}
.btAddCard:hover {
	background-position: -1008px -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;
}

.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(/common/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(/common/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(/common/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(/common/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(/common/img/bg/bg_mobile_popup.gif) no-repeat 0 top;
}
.bgMobilePopupBottom {
	width: 350px;
	padding-bottom: 15px;
	background: url(/common/img/bg/bg_mobile_popup.gif) no-repeat -350px bottom;
}
.bgMobilePopup {
	padding: 0 15px;
	background: url(/common/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: 980px;
	position: relative;
	zoom:1;
}
#copyright {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}
#copyright2 {
	padding:13px 0 0 115px;
	float:left;
        background:url(/common/img/logo/common.png) no-repeat;
	height:13px;
	font-size:10px;
        font-family: 'メイリオ';
	color:#435b67;
        
　　　　
}
#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;
}

/************************************************************
 * 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; }

.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; }

.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; }
.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; }
.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; }
.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("/common/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: auto;
	position: relative;
	margin-left: 20px;

	line-height: 59px;
}
.pdContents {
	min-width: 550px;
	margin-left: 20px;
}
.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("/common/img/balanceRef/icon01.gif") no-repeat left;
	padding: 0 0 0 7px;
}
#intro_title {
	margin: 0 auto;
	padding-top: 20px;
	width: 980px;
}
.introInfo {
	width: 980px;
	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("/common/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("/common/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("/common/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;
}