@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/
body, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td, form ,select, img {
	margin: 0;
	padding: 0;
}
ul, ol		{ list-style: none; }
img			{ border: 0; vertical-align: bottom; }
table		{ border-spacing: 0; border-collapse: collapse; }
th			{ font-weight: normal; }
input,
select		{ vertical-align: middle; }

/************************************************************
 * アンカー
 ************************************************************/
a:link		{ color: #1B47FF; }
a:visited	{ color: #9720C9; }
a:hover,
a:active	{ color: #FF7D00; }
/************************************************************
 * フォント
 ************************************************************/
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;
}
/************************************************************
 * WRAPPER
 ************************************************************/
#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
/************************************************************
 * HEADER
 ************************************************************/
#headerWrapper {
	height: 60px;
	padding-bottom: 7px;
	border-top: 10px solid #E4300A;
	background-position: 0 60px;
	background-repeat: repeat-x;
}

#header {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	zoom: 1;
}
#logo {
	position: absolute;
	top: 12px;
	left: 18px;
}

/************************************************************
 * CONTENTS
 ************************************************************/
#contents {
	margin-top: 30px;
	min-height: 350px;
	_height: 350px;
	padding: 0 20px;
}
#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: 420px;
	_height: 420px;
	padding: 0 20px;
}
/* サイドコンテンツ */
#sideContents {
	float: left;
	width: 180px;
}
/* マイメニュー */
#myMenu {
	width: 180px;
	background-color: #E4DAC9;
}
#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	{
	border-bottom: 2px solid #E4300A;
	margin-top: 19px;
	padding-bottom: 3px;
}
#popUpLogo {
	background-position: 0 -60px ;
	width: 145px;
	height: 29px;
}
.popUpLogo {
	background-position: 0 -60px ;
	width: 145px;
	height: 29px;
}
#popUpContents	{
	margin-top: 30px;
}

#popUpFotter	{
	margin-top: 47px;
}

#popUpCopyright	{
	border-top: 2px solid #CCCCCC;
	padding-top: 31px;
	padding-bottom: 45px;
}

/* 一覧 */
.listWrapper {
	position:relative;
	z-index:0;
}
.listCassete {
	margin-top:20px;
}
/* FORM系要素 */
.fmText,
.fmPassword,
.fmSelect {
	border: 1px solid #7F9DB9;
}
.fmText,
.fmPassword {
	line-height: 1;
	padding: 4px 2px;
}
.fmCheck,
.fmRadio {
	*width: 1.5em;
	height: 1.5em;
	margin: 0 5px 0 5px;
	*margin: 0 2px 0 3px;
	padding: 0;
}
.fmSubmit {
	cursor: pointer;
}
/* エラー文言 */
.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("../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;
}

/*****************************
 * 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);
	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: 348px;
	height: 42px;
	background: url(/img/logo/logo_03.gif) 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; }
.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; }

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


/* ログイン吹き出し*/
.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;
}

.btBack				{ background-position: 0 -100px; width: 76px; height: 31px; }
.btBack:hover		{ background-position: 0 -131px; }

.btPoint			{ background-position: 0 -180px; width:160px; height:40px; }
.btPoint:hover		{ background-position: 0 -220px; }

.btBeauty			{ background-position: 0 -340px; width:180px; height:40px; }
.btBeauty:hover		{ background-position: 0 -380px; }
.btJalan			{ background-position: -200px -340px; width:180px; height:40px; }
.btJalan:hover		{ background-position: -200px -380px; }
/*****************************
 * CSSスプライト - アイコン
 *****************************/

.titleIcon			{ background-position: -46px 0; height: 25px; line-height: 25px; padding-left: 10px; font-size: 18px; }
.titleIconN			{ background-position: -46px -40px; height: 22px; line-height: 22px; padding-left: 10px; font-size: 14px; font-weight: bold; }


.iconTriangle		{ background-position: -47px -317px;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: #F86849;
	background-position: -5320px top;
	background-repeat: no-repeat;
	zoom:1;
}
.listTitleOrangeJH760 {
	background-color: #F86849;
	background-position: -4560px top;
	background-repeat: no-repeat;
	zoom:1;
}
.listTitleOrangeJ760 {
	background-color: #FF6B09;
	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; }

.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: 546px;
	background-position: 0 0;
	background-repeat: repeat-y;
	position: relative;
	zoom: 1;
}
.tableBoxBottom {
	background-position: -546px bottom;
	background-repeat: no-repeat;
	overflow:hidden;
	width: 546px;
	height: 4px;
	line-height: 0;
	font-size: 0;
}

/* ログイン吹き出し*/
.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: 1000px;
	position: relative;
	zoom:1;
}

#copyright {
	position: absolute;
	top: 0;
	left: 0;
}
/*フッターNEWリクルートロゴ*/
#copyrightnew {
	float:left;
	margin :0 10px ;
}
#copyrightnew p a {
	font-size: 10px;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	line-height: 2;
	color: #435B67 !important;
	text-decoration: underline !important;
}

#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; }
.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; }
.w320		{ width: 320px; }
.w340		{ width: 340px; }
.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; }
.w719		{ width: 719px; }
.w750		{ width: 750px; }
.w760		{ width: 760px; }
/* 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; }

.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; }
.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; }
.pL100		{ padding-left: 100px; }
.pL170		{ padding-left: 170px; }
.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; }
.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; }
.fs28		{ font-size: 28px; }
/* OFF LEFT */
.offL		{ text-indent: -9999px; overflow: hidden; }
/* NOWRAP */
.nr			{ white-space: nowrap; }
/* FOREGROUNG */
.fgWhite	{ color: #FFFFFF; }
.fgGray		{ color: #60606B; }
.fgRed		{ color: #E4300A; }
.fgDRed		{ color: #FF0000; }
/* 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; }
/* HASLAYOUT TO TRUE */
.zoom1		{ zoom: 1; }
/* 折り返し */
.wwbreak		{ word-wrap: break-word; }