@charset "utf-8";

/************************************************************
 * 初期化
 ************************************************************/

body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6{
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}
ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
table	{ border-spacing: 0; }
th		{ text-align: left; }

iframe	{ vertical-align: middle; }

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

/************************************************************
 * アンカー
 ************************************************************/

a				{ text-decoration: none; }
a:link			{ color: #4C4C80; }
a:visited		{ color: #896958; }
a:hover,
a:active		{ color: #7878CC; text-decoration: underline; }

.linkPink:link		{ color: #CD4D72; }
.linkPink:visited	{ color: #CD4D72; }
.linkPink:hover,
.linkPink:active	{ color: #CD4D72; text-decoration: none; }

.linkGray:link		{ color: #555555; }
.linkGray:visited	{ color: #555555; }
.linkGray:hover,
.linkGray:active	{ color: #555555; text-decoration: none; }

.linkWhite:link		{ color: #FFFFFF; }
.linkWhite:visited	{ color: #FFFFFF; }
.linkWhite:hover,
.linkWhite:active	{ color: #FFFFFF; text-decoration: none; }

/************************************************************
 * フォント
 ************************************************************/

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

/************************************************************
 * IDS
 ************************************************************/

/* ヘッダー */
#headerWrapper {
	border-bottom: 2px solid #998a8a;
	border-top: 16px solid #BFB4AB;
	zoom: 1;
}
#header {
	width: 1000px;
	margin: 0 auto -2px;
	position: relative;
	border-bottom: 2px solid #998a8a;
}
#headerWrapperMy {
	border-bottom: 2px solid #999999;
	border-top:    16px solid #BFB4AB;
	zoom: 1;
}
#headerMy {
	width: 1000px;
	margin: 0 auto -2px;
	position: relative;
	border-bottom: 2px solid #999999;
}
#headSummary {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 18px;
	margin-top: -16px;
	position: absolute;
}
#logoNavi {
	height: 68px;
	position: relative;
	z-index: 0;
}
#logo {
	position: absolute;
	top: 9px;
	left: 12px;
	z-index: 0;
}
.user {
	position: absolute;
	top: 0;
	right: 20px;
	line-height: 33px;
	z-index: 1;
}
.user .arrowR {
	display: inline-block;
	background-position: -196px -234px;
}
.move {
	position: absolute;
	bottom: -2px;
	_bottom: -3px;
	right: 20px;
	z-index: 3;
}

/* ラッパー */
#wrapper {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

/* プレコンテンツ */
#preContents {
	padding: 0 20px;
}

/* マップArea */
.bgRouteMapTitle	{ background: url("/CSP/img/my/bg/bg_routemaptitle.gif?switch=2026011315") no-repeat; display: block; width: 291px; height: 25px; padding:5px 0 0 10px; }
.btnSearchStation	{ background: url("/CSP/img/my/button/btn_searchbystation.gif?switch=2026011315") no-repeat 0 0; display: block; width: 150px; height: 30px; }
.btnSearchStation:hover { background: url("/CSP/img/my/button/btn_searchbystation.gif?switch=2026011315") no-repeat 0 -30px; display: block; width: 150px; height: 30px; }

/* コンテンツ */
#contents {
	margin-top: 6px;
	padding: 0 20px;
	min-height: 300px;
	_height: 300px;
}
#mainContents {
	float: right;
	width: 765px;
}
#sideContents {
	width: 180px;
	letter-spacing: -1px;
}
#middleSummary {
	color: #999999;
	font-size: 10px;
	position: absolute;
	right: 0;
	bottom: -1.5em;
}
#bottomSummary {
	color: #666666;
	text-align: right;
}

/* アイコン */
.iconMust {
	width: 20px;
	color:#FFFFFF;
	font-size:10px;
	padding:1px 5px;
	text-align:center;
	background-color:#FF0000;
}
.iconMustEmpty {
	width: 20px;
	padding:1px 5px;
}

/* ポイントエリア */
.pointInfoWrap {
	font-size: 0;
	margin-top: 10px;
}
.pointInfoImg {
	display: inline-block;
	margin: 0 8px 2px 0;
	vertical-align: middle;
}
.pointInfoTxt {
	font-size: 12px;
	vertical-align: middle;
}
.pointInfoAlert {
	margin-top: 8px;
}
.pointInfoAlert > a {
	color: #DD0000;
}

/* マイエリア */
#myMenu			{ background-position: -5430px 0; background-repeat: repeat-y; }
#myMenuHead		{ background-position: -5070px top; background-repeat: no-repeat; }
#myMenuBottom {
	background-position: -5250px bottom;
	background-repeat: no-repeat;
	padding: 4px 4px 7px;
	zoom: 1;
}
.myPageTop	{
	background-position: 0 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageTop:hover{
	background-position: 0 -33px;
}
.myPageTopOn	{
	background-position: 0 -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPagePoint	{
	background-position: -200px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPagePoint:hover{
	background-position: -200px -33px;
}
.myPagePointOn	{
	background-position: -200px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageSalon	{
	background-position: -400px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageSalon:hover{
	background-position: -400px -33px;
}
.myPageSalonOn	{
	background-position: -400px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStylist	{
	background-position: -600px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStylist:hover{
	background-position: -600px -33px;
}
.myPageStylistOn	{
	background-position: -600px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStyle	{
	background-position: -800px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStyle:hover{
	background-position: -800px -33px;
}
.myPageStyleOn	{
	background-position: -800px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageNewStyle	{
	background-position: -1000px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageNewStyle:hover{
	background-position: -1000px -33px;
}
.myPageNewStyleOn	{
	background-position: -1000px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
/* プレコンテンツ */
#postContents {
	margin-top: 30px;
}

/* 未ログイン */
.unregisteredArea{
	border: 1px solid #bdb0b1;
	padding:15px;
	background-color: #ffffff;
}

/* フッター */
#footer {
	height: 60px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-top: 20px;
	position: relative;
}
#copyright {
	position: absolute;
	top: 10px;
	left: 30px;
}
#footerLinks {
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 30px;
}
#footerLinks li {
	float: left;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}
.footerInfoDtl {
	float: left;
	margin-top: 5px;
	padding: 0 0 10px 40px;
}
.footerTermsLink {
	font-size: 10px;
	margin-top: 8px;
}
.hpbInfoLink > li,
.footerTermsLink > li {
	float: left;
	padding-right: 14px;
}
.hpbInfoLink > li + li,
.footerTermsLink > li + li {
	border-left: 1px solid #DDDDDD;
	padding-left: 14px;
}

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

/* ポップアップ */
#popUpWrapper {
	width: 580px;
	background-color: #FFFFFF;
}
#popUpHeader {
	border-bottom: 2px solid #BBAAAA;
	padding:10px;
}
#popUpLogo {
	float: left;
}
#popUpRecruitLogo {
	float: left;
	margin-top: 7px;
	padding-left: 5px;
}
#popUpLogo img,
#popUpRecruitLogo img {
	vertical-align: top;
}
#popUpContents {
	margin-top: 10px;
	padding: 0 10px;
}
#popUpFooter {
	border-top: 1px solid #DDDDDD;
	padding: 10px;
	margin-top: 10px;
	position: relative;
}

/* 会員登録 */
#memberContents {
	width: 560px;
	margin: 20px auto 0;
}

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/

/* パンクズ */
.pankuzu {
	float: left;
	font-size: 10px;
	padding: 12px 0;
}
.pankuzu li {
	display: inline;
}
.pankuzuShort {
	width: 568px;
}
.pankuzu strong {
	font-weight: normal;
}

/* 検索結果表示 */
.numberOfResult {
	font-size: 20px;
	line-height: 1;
	color: #CC4466 !important;
	font-weight: bold;
}
.richNumberOfResult {
	font-size: 24px;
	line-height: 1;
	color: #FF9933 !important;
	font-weight: bold;
}

/* 表 */
.pCell5 th,
.pCell5 td {
	padding: 5px;
}
.pCell10 th,
.pCell10 td {
	padding: 5px;
}
.pCellV10H12 th,
.pCellV10H12 td {
	padding: 10px 12px;
}
.bdCell {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.bdCell th,
.bdCell td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.bgThNml th {
	background-color: #EEEBE4;
}
.fgThNml th {
	font-weight: bold;
}

.bgThBrown th {
	background-color: #DDD9C3;
}


.bgThGray th {
	background-color: #EEECE1;
}

.vaThT th {
	vertical-align: top;
}
.bgCellNml	{ background-color: #F5F3EF !important; }
.bgCellNml2	{ background-color: #F6F3E3 !important; }
.bgCellEnp	{ background-color: #FFC0CC !important; color: #CC4466; }

/* パスワード再入力エリア（グレー） */
.bdCellPass {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.bdCellPass th {
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	background-color: #E6E6E6;
}
.bdCellPass td.td1 {
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #FFFFFF;
	background-color: #E6E6E6;
}
.bdCellPass td.td2 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E6E6E6;
}
.bdCellPass td.td3 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.bdCellPass td.td4 {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #CCCCCC;
}

/* ページング */
.paging {
	display: inline-block;
	position: relative;
	text-align: center;
	padding: 0 77px;
	*display: inline;
	*zoom: 1;  
}
.paging li {
	display: inline-block;
	margin-bottom: 3px;
	margin-right: 3px;
	min-width: 21px;
	*display: inline;
	*zoom: 1;  
}
.paging li .current{
	background-color: #BFB4AB;
	border: 1px solid #BFB4AB;
	color: #FFFFFF;
	display: block;
	padding: 2px 6px;
}
.paging li a{
	border: 1px solid #BFB4AB;
	color: #666666;
	display: block;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
}
.paging li a:hover {
	background-color: #F5F2F0;
	border: 1px solid #BFB4AB;
	color: #838383;
}
.beforePage,
.afterPage { width:74px; }
.beforePage .arrowPagingL { margin-right: 0; }
.afterPage .arrowPagingR { margin-left: 0; }
.pageControl {
	position: absolute;
	bottom: 0;
	right: 10px;
}
.pageCaption {
	position: absolute;
	bottom: 0;
	right: 10px;
}

/* リッチページング */
.richPaging {
	text-align:center;
}
.richPaging li {
	float:left;
	width: 25px;
	margin-right: 5px;
	border: 1px solid #555555;
}
.richPaging a {
	display:block;
	height: 24px;
	line-height: 24px;
	color: #FFFFFF !important;
	text-decoration: none;
	background-color: #333333;
}
.richPaging a:hover {
	background-color: #FFFFFF;
	color: #333333 !important;
}
.richPaging span {
	display:block;
	height: 23px;
	line-height: 23px;
	margin: 1px;
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FF9933 !important;
}
.richPageControl {
	color: #CCCCCC;
	position: absolute;
	top: 50%;
	right: 15px;
	margin-top: -12.5px;
}
.richCurrentPageNumber {
	font-size: 16px;
	font-weight: bold;
}

/* リンクリスト */
.linkList {
	text-align: left;
}

.linkList li {
	display: inline;
	border-left: 1px solid #333333;
	padding-left: 6px;
	margin-left: 3px;
}

.linkList li:first-child{
	border-left: none;
	padding-left: 0;
	margin-left: 0;
}

/* メインコンテンツフッター */
.mainContentsFooter {
	margin-top: 20px;
}

/* メインコンテンツフッターリンク */
.mainContentsFooterLinks {
	margin-top: 20px;
}
.mainContentsFooterLinks li {
	display: inline;
	font-size: 10px;
	color: #CCCCCC;
}

/* メインコンテンツフッターバナー */
.mainContentsFooterBanners {
	margin-top: 20px;
}
.mainContentsFooterBanners li {
	float: left;
	margin-top: 10px;
	margin-right: 10px;
}

/* マイエリア */
.myMenuTop {
	background-position: -900px -20px;
}
.myMenuTopTitle {
	height: 29px;
	margin: 0 4px;
}
.txtMypage				{ background-position: -1100px -20px; width: 73px; height: 13px; }

.myMenuTopBody {
    padding: 0 5px;
    text-align: center;
}
.myMenuTitle {
	margin: 10px 5px 0;
}
.txtPoint				{ background-position: -1100px -20px; background-repeat: no-repeat; width: 49px; height: 13px; }
.txtLastReservedSalon	{ background-position: -1100px -40px; background-repeat: no-repeat; width: 116px; height: 13px; }
.txtLastViewedSalon		{ background-position: -1100px -60px; background-repeat: no-repeat; width: 90px; height: 13px; }
.txtMyMenu				{ background-position: -1100px -80px; background-repeat: no-repeat; width: 77px; height: 12px; }
.txtInformation			{ background-position: -1100px -100px; background-repeat: no-repeat; width: 49px; height: 13px; }
.txtMySalon				{ background-position: -1100px -120px; background-repeat: no-repeat; width: 70px; height: 12px; }
.txtMyStyle				{ background-position: -1100px -140px; background-repeat: no-repeat; width: 79px; height: 12px; }
.txtMyStylist			{ background-position: -1100px -160px; background-repeat: no-repeat; width: 104px; height: 12px; }

.txtCampaign{
	margin: 10px 0 0 5px;
}

.myMenuBodyUnlogined {
	background-position: -7240px 0;
	background-repeat: repeat-y;
	margin-top: 10px;
}
.myMenuBodyHeadUnlogined	{ background-position: -7412px top; background-repeat: no-repeat; }
.myMenuBodyBottomUnlogined	{ background-position: -7584px bottom; background-repeat: no-repeat; padding: 7px 8px; overflow: hidden; position: relative; z-index: 10; zoom:1; }


.myMenuBody {
    background-position: -5954px 0;
    background-repeat: repeat-y;
    margin-top: 4px;
}
.myMenuBodyHead			{ background-position: -5610px top; background-repeat: no-repeat; }
.myMenuBodyBottom		{ background-position: -5782px bottom; background-repeat: no-repeat; padding: 8px 5px; overflow: hidden; position: relative; z-index: 10; zoom:1; }
.myMenuList {
	margin-top: -13px;
	zoom:1;
}
.myMenuListCassette {
	padding-top: 6px;
	margin-top: 6px;
	position: relative;
	zoom: 1;
	z-index: 0;
}
.myMenuListBottom {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px solid #D9D9D9;
}

.viewMore			{ background-position: -100px -120px; display: block; width: 79px; height: 24px; }
.viewMore:hover		{ background-position: -100px -144px; }
.tradePoint			{ background-position: -20px -480px; display: block; width: 142px; height: 30px; }
.tradePoint:hover	{ background-position: -20px -510px; }

.iconReserve {
	color: #FFF;
	background-color: #CC0000;
	font-size: 9px;
	padding: 1px 4px;
	margin-right: 5px;
}
.iconBrown {
	background-color: #AA3355;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	margin-right: 5px;
	padding: 2px 0;
}
.iconPurple {
	background-color:DarkMagenta;
	color: #FFF;
	text-align: center;
	font-size: 10px;
	margin-right: 5px;
}


/* リクルートポイント */
.myPointBody a{
	text-decoration: none;
	color: #4c4c80;
}

.myPointBody a:hover{
	color: #7878CC;
	text-decoration: underline;
}

.grayPointBody p{
	color:#FFF;
	font-weight: bold;
	line-height: 120%;
	font-size: 10px;
	font-family: 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

.grayPointBody p span,
.usePointBody p span{
	font-size:16px;
	line-height: 110%
}

.alertRed,
.usePointBody p a.alertRed{
	color:#DD0000 !important;
}

.usePointBody p a{
	font-weight: bold;
	text-decoration: none;
	color: #4c4c80;
}

.usePointBody p a:hover{
	text-decoration: underline;
}


/* マイエリア（マイページ） */
.myPageSide {
	background-color:#F5C3CC;
	color:#A5184B;
}
.myPageMenu {
	background-color:#E68899;
	border: #E68899 1px solid;
	padding: 7px;
	color:#FFFFFF !important;
	text-decoration: none;
	zoom: 1;
	margin-top: 1px;
}
.myPageMenu:hover {
	background-color:#F5C3CC;
}
.myPageMenuOn {
	border:#E68899 1px solid;
	padding:7px;
	zoom: 1;
	margin-top: 1px;
}
.myPageMember {
	border:#E68899 1px solid;
	padding:3px 7px;
}

/* 検索ボックス */
.searchBox {
	float: right;
	width: 364px;
	height: 31px;
	padding: 8px 9px 0;
	background-position: -20px -800px;
}
.findBySalon		{ background-position: -420px -800px; width: 88px; height: 11px; }
.inputSalonName 	{ width: 188px; font-size: 18px; line-height: 1; height: 19px; padding-top: 1px; *margin-top: -1px; }
.searchButton		{ background-position: -200px -560px; width:62px; height:24px; }
.searchButton:hover	{ background-position: -200px -584px; }

/* ショートカットリンク */
.sideShortcutSearchBox {
	margin-top: -1px;
}
.sideShortcutSearchCassette {
	border-top: 1px dotted #CCCCCC;
	padding-top: 15px;
	margin-bottom: 10px;
}
.mainShortcutSearchBox {
	position: relative;
	z-index: 0;
	margin-top: -40px;
	margin-bottom: 30px;
}
.mainShortcutSearchCassette {
	border-top: 1px solid #CCCCCC;
	padding-top: 10px;
	margin-bottom: 10px;
}

/* ページトップリンク */
.pageTopLink {
	margin-top: 20px;
	text-align: right;
}

/* フォーム系 */
.tfFR {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	line-height: 1;
	padding: 4px 2px;
}
.tfF2 {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	line-height: 1;
	padding: 4px 2px;
}
.tfF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	font-size: 18px;
	line-height: 1;
	height: 19px;
	padding-top: 1px;
	*margin-top: -1px;
}
.taF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	padding: 4px 2px;
}
.pdF {
	/*height: 22px;
	line-height: 22px;*/
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
}
.cbF {
	*width: 1.5em;
	height: 1.5em;
	vertical-align: middle;
	margin: 0 5px 0 5px;
	*margin: 0 2px 0 3px;
	padding: 0;
}
.sbmF {
	cursor: pointer;
}

.inputHelp { margin-bottom: 18px; }

/* 店のキャッチコピー */
.shopCatchCopy {
	color: #CD4D72;
	font-size: 16px;
}

/* SEOキャプション */
.seoCaption,
.seoCaption i,
.seoCaption em,
.seoCaption b,
.seoCaption strong {
	color: #999999;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
}

/* プライバシーマーク */
.privacyMarkCaption {
	width: 105px;
	font-size: 10px;
}

/* 白背景画像用ボーダー */
.bdImgGray {
	border: 1px solid #EEE;
}

/* 見出し */
.boxTitle {
	color: #88796B;
	font-weight: bold;
	font-size: 14px;
	line-height: 1;
}
.boxTitle h2 {
	font-size: 14px;
}
.boxTitle a {
	font-size: 12px;
}

.boxTitleS {
	color: #88796B;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
}
/* タブ切り替え */
.shadowStyle			{ background-position: right bottom; width: 769px; }
.OtherStylistContents	{ position: absolute; z-index: 2; display:none; padding-bottom: 4px; }
.ReserveConditionTable	{ position:relative; z-index: 1; }

/* 路線図 */
.routeMap		{ background:  url("/CSP/img/my/bg/routeMap.gif?switch=2026011315") repeat-y; }
.routeMapHead	{ background:  url("/CSP/img/my/bg/routeMapHead.gif?switch=2026011315") top no-repeat; }
.routeMapBottom	{ background:  url("/CSP/img/my/bg/routeMapBottom.gif?switch=2026011315") bottom no-repeat; padding: 10px; }

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/

/* WIDTH */
.wFull	{ width: 100%; }
.w20	{ width: 20px; }
.w28	{ width: 28px; }
.w30	{ width: 30px; }
.w40	{ width: 40px; }
.w45	{ width: 45px; }
.w50	{ width: 50px; }
.w56	{ width: 56px; }
.w65	{ width: 64px; }
.w66	{ width: 66px; }
.w70	{ width: 70px; }
.w74	{ width: 74px; }
.w75	{ width: 75px; }
.w76	{ width: 76px; }
.w80	{ width: 80px; }
.w82	{ width: 82px; }
.w86	{ width: 86px; }
.w96	{ width: 96px; }
.w100	{ width: 100px; }
.w105	{ width: 105px; }
.w110	{ width: 110px; }
.w112	{ width: 112px; }
.w115	{ width: 115px; }
.w116	{ width: 116px; }
.w120	{ width: 120px; }
.w122	{ width: 122px; }
.w130	{ width: 130px; }
.w132	{ width: 132px; }
.w134	{ width: 134px; }
.w135	{ width: 135px; }
.w141	{ width: 141px; }
.w144	{ width: 144px; }
.w145	{ width: 145px; }
.w150	{ width: 150px; }
.w154	{ width: 154px; }
.w155	{ width: 155px; }
.w156	{ width: 156px; }
.w163	{ width: 163px; }
.w170	{ width: 170px; }
.w171	{ width: 171px; }
.w172	{ width: 172px; }
.w173	{ width: 173px; }
.w174	{ width: 174px; }
.w180	{ width: 180px; }
.w183	{ width: 183px; }
.w185	{ width: 185px; }
.w186	{ width: 186px; }
.w194	{ width: 194px; }
.w200	{ width: 200px; }
.w204	{ width: 204px; }
.w213	{ width: 213px; }
.w218	{ width: 218px; }
.w221	{ width: 221px; }
.w222	{ width: 222px; }
.w231	{ width: 231px; }
.w240	{ width: 240px; }
.w241	{ width: 241px; }
.w250	{ width: 250px; }
.w255	{ width: 255px; }
.w267	{ width: 267px; }
.w270	{ width: 270px; }
.w286	{ width: 286px; }
.w290	{ width: 290px; }
.w295	{ width: 295px; }
.w326	{ width: 326px; }
.w330	{ width: 330px; }
.w335	{ width: 335px; }
.w345	{ width: 345px; }
.w350	{ width: 350px; }
.w358	{ width: 358px; }
.w360	{ width: 360px; }
.w363	{ width: 363px; }
.w380	{ width: 380px; }
.w386	{ width: 386px; }
.w392	{ width: 392px; }
.w400	{ width: 400px; }
.w418	{ width: 418px; }
.w436	{ width: 436px; }
.w440	{ width: 440px; }
.w448	{ width: 448px; }
.w451	{ width: 451px; }
.w455	{ width: 455px; }
.w458	{ width: 458px; }
.w460	{ width: 460px; }
.w464	{ width: 464px; }
.w467	{ width: 467px; }
.w470	{ width: 470px; }
.w480	{ width: 480px; }
.w488	{ width: 488px; }
.w490	{ width: 490px; }
.w500	{ width: 500px; }
.w524	{ width: 524px; }
.w538	{ width: 538px; }
.w540	{ width: 540px; }
.w545	{ width: 545px; }
.w555	{ width: 555px; }
.w560	{ width: 560px; }
.w561	{ width: 561px; }
.w570	{ width: 570px; }
.w575	{ width: 575px; }
.w577	{ width: 577px; }
.w580	{ width: 580px; }
.w584	{ width: 584px; }
.w600	{ width: 600px; }
.w620	{ width: 620px; }
.w630	{ width: 630px; }
.w650	{ width: 650px; }
.w689	{ width: 689px; }
.w695	{ width: 695px; }
.w714	{ width: 714px; }
.w725	{ width: 725px; }
.w740	{ width: 740px; }
.w745	{ width: 745px; }
.w753	{ width: 753px; }
.w756	{ width: 756px; }
.w765	{ width: 765px; }

/* HEIGHT */
.hFull	{ height: 100%; }
.h18	{ height: 18px; }
.h31	{ height: 31px; }
.h73	{ height: 73px; }
.h119	{ height: 119px; }
.h120	{ height: 120px; }
.h150	{ height: 150px; }
.h154	{ height: 154px; }
.h200	{ height: 200px; }
.h205	{ height: 205px; }
.h594	{ height: 594px; }

/* LINE-HIEGHT */
.lhDe	{ line-height: 1; }
.lh10	{ line-height: 10px; }
.lh12	{ line-height: 12px; }
.lh13	{ line-height: 13px; }
.lh14	{ line-height: 14px; }
.lh15	{ line-height: 15px; }
.lh18	{ line-height: 18px; }
.lh19	{ line-height: 19px; }
.lh20	{ line-height: 20px; }
.lh23	{ line-height: 23px; }
.lh24	{ line-height: 24px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }

/* MARGIN */
.mTN5	{ margin-top: -5px; }
.mTN10	{ margin-top: -10px; }
.mTN20	{ margin-top: -20px; }
.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.mT4	{ margin-top: 4px; }
.mT5	{ margin-top: 5px; }
.mT6	{ margin-top: 6px; }
.mT7	{ margin-top: 7px; }
.mT8	{ margin-top: 8px; }
.mT9	{ margin-top: 9px; }
.mT10	{ margin-top: 10px; }
.mT11	{ margin-top: 11px; }
.mT12	{ margin-top: 12px; }
.mT13	{ margin-top: 13px; }
.mT14	{ margin-top: 14px; }
.mT15	{ margin-top: 15px; }
.mT16	{ margin-top: 16px; }
.mT18	{ margin-top: 18px; }
.mT20	{ margin-top: 20px; }
.mT24	{ margin-top: 24px; }
.mT25	{ margin-top: 25px; }
.mT26	{ margin-top: 26px; }
.mT30	{ margin-top: 30px; }
.mT35	{ margin-top: 35px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }
.mT0	{ margin-top: 0px !important;}

.mR2	{ margin-right: 2px; }
.mR3	{ margin-right: 3px; }
.mR5	{ margin-right: 5px; }
.mR6	{ margin-right: 6px; }
.mR7	{ margin-right: 7px; }
.mR8	{ margin-right: 8px; }
.mR10	{ margin-right: 10px; }
.mR12	{ margin-right: 12px; }
.mR15	{ margin-right: 15px; }
.mR17	{ margin-right: 17px; }
.mR20	{ margin-right: 20px; }
.mR21	{ margin-right: 21px; }
.mR22	{ margin-right: 22px; }
.mR27	{ margin-right: 27px; }
.mR30	{ margin-right: 30px; }
.mR300	{ margin-right: 300px; }
.mRN10	{ margin-right: 10px; }

.mL2	{ margin-left: 2px; }
.mL3	{ margin-left: 3px; }
.mL4	{ margin-left: 4px; }
.mL5	{ margin-left: 5px; }
.mL6	{ margin-left: 6px; }
.mL7	{ margin-left: 7px; }
.mL8	{ margin-left: 8px; }
.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL20	{ margin-left: 20px; }
.mL25	{ margin-left: 25px; }
.mL30	{ margin-left: 30px; }
.mL40	{ margin-left: 40px; }

.mBN6	{ margin-bottom: -6px; }
.mB2	{ margin-bottom: 2px; }
.mB5	{ margin-bottom: 5px; }
.mB7	{ margin-bottom: 7px; }
.mB9	{ margin-bottom: 9px; }
.mB10	{ margin-bottom: 10px; }
.mB14	{ margin-bottom: 14px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB30	{ margin-bottom: 30px; }
.mB50	{ margin-bottom: 50px; }

.mHA	{ margin-left: auto; margin-right: auto; }

/* PADDING */
.pT2	{ padding-top: 2px; }
.pT3	{ padding-top: 3px; }
.pT4	{ padding-top: 4px; }
.pT5	{ padding-top: 5px; }
.pT6	{ padding-top: 6px; }
.pT7	{ padding-top: 7px; }
.pT8	{ padding-top: 8px; }
.pT10	{ padding-top: 10px; }
.pT12	{ padding-top: 12px; }
.pT14	{ padding-top: 14px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }
.pT25	{ padding-top: 25px; }
.pT30	{ padding-top: 30px; }

.pR2	{ padding-right: 2px; }
.pR3	{ padding-right: 3px; }
.pR5	{ padding-right: 5px; }
.pR7	{ padding-right: 7px; }
.pR8	{ padding-right: 8px; }
.pR9	{ padding-right: 9px; }
.pR10	{ padding-right: 10px; }
.pR12	{ padding-right: 12px; }
.pR15	{ padding-right: 15px; }
.pR20	{ padding-right: 20px; }
.pR30	{ padding-right: 30px; }

.pB4	{ padding-bottom: 4px; }
.pB5	{ padding-bottom: 5px; }
.pB6	{ padding-bottom: 6px; }
.pB7	{ padding-bottom: 7px; }
.pB8	{ padding-bottom: 8px; }
.pB9	{ padding-bottom: 9px; }
.pB10	{ padding-bottom: 10px; }
.pB12	{ padding-bottom: 12px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }
.pB30	{ padding-bottom: 30px; }
.pB40	{ padding-bottom: 40px; }

.pL3	{ padding-left: 3px; }
.pL5	{ padding-left: 5px; }
.pL9	{ padding-left: 9px; }
.pL10	{ padding-left: 10px; }
.pL12	{ padding-left: 12px; }
.pL14	{ padding-left: 14px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL26	{ padding-left: 26px; }
.pL30	{ padding-left: 30px; }
.pL35	{ padding-left: 35px; }
.pL50	{ padding-left: 50px; }

.pV1	{ padding-top: 1px; padding-bottom: 1px; }
.pV2	{ padding-top: 2px; padding-bottom: 2px; }
.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; }

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

.p0		{ padding: 0px; }
.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p12	{ padding: 12px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }
.p30	{ padding: 30px; }

.pClear	{ padding: 0 !important; }

/* DISPLAY */
.dn		{ display: none !important; }
.db		{ display: block; }
.di		{ display: inline; }
.dib	{ display: inline-block !important; }
.dibBL	{ display: inline-block !important; *display: inline !important; zoom: 1; }
.offL	{ text-indent: -9999px; overflow: hidden; }
.fgClear{ *padding-top: 9999px; text-indent: -9999px; *text-indent: 0; overflow: hidden; }
.oh		{ overflow: hidden; }
.nowrap	{ white-space: nowrap; }
.tdn{text-decoration: none !important;}

.zi0	{ z-index: 0; }
.zi1	{ z-index: 1; }
.zi2	{ z-index: 2; }
.zi3	{ z-index: 3; }

.zoom1	{ zoom: 1; }

.wwbw	{ word-wrap: break-word; }
.wbbw	{ word-break: break-word; }

/* POSITION */
.fl		{ float: left; }
.fr		{ float: right; }
.fn		{ float: none !important; }
.cb		{ clear: both; }

.taL	{ text-align: left !important; }
.taR	{ text-align: right !important; }
.taC	{ text-align: center !important; }
.taL	{ text-align: left !important; }

.vaT	{ vertical-align: top; }
.vaM	{ vertical-align: middle; }
.vaB	{ vertical-align: bottom; }

.pr			{ position: relative; zoom: 1; }
.pa			{ position: absolute; }
.top0		{ top: 0; }
.top5		{ top: 5px; }
.top10		{ top: 10px; }
.top15		{ top: 15px; }
.top20		{ top: 20px; }
.top24		{ top: 24px; }
.top50		{ top: 50px; }
.topN8		{ top: -8px; }
.topN20		{ top: -20px; }
.topHalf	{ top: 50%; margin-top: -8px; }
.topHalfH24	{ top: 50%; margin-top: -12px; }
.left0		{ left: 0; }
.left5		{ left: 5px; }
.left10		{ left: 10px; }
.left15		{ left: 15px; }
.left20		{ left: 20px; }
.left210	{ left: 210px; }
.right0		{ right: 0; }
.right5		{ right: 5px; }
.right10	{ right: 10px; }
.right15	{ right: 15px; }
.right20	{ right: 20px; }
.bottom0	{ bottom: 0; }
.bottom5	{ bottom: 5px; }
.bottom10	{ bottom: 10px; }
.bottom15	{ bottom: 15px; }
.bottom20	{ bottom: 20px; }

/* FOREGROUNG */
.fgRed		{ color: #FF0000; }
.fgDRed		{ color: #DD0000; }
.fgWRed		{ color: #A5184B; }
.fgPink		{ color: #CC4466; }
.fgPink2	{ color: #EC98AB; }
.fgPink3	{ color: #C43357; }
.fgBPink	{ color: #CC0066; }
.fgLPink	{ color: #FFBDBD; }
.fgPurple2	{ color: #9966CC; }
.fgGray		{ color: #666666; }
.fgLGray	{ color: #999999; }
.fgLGray2	{ color: #7F7F7F; }
.fgLLGray	{ color: #595959; }
.fgLLLGray	{ color: #CCCCCC; }
.fgDGray	{ color: #555555; }
.fgBrown	{ color: #553333; }
.fgRbrown	{ color: #632523; }
.fgLOrange	{ color: #E68855; }
.fgOrange	{ color: #E46C0A; }
.fgOrange2	{ color: #FF6600; }
.fgDOragne	{ color: #CC6633; }
.fgBlue		{ color: #0000FF; }
.fgOcher	{ color: #909000; }
.fgkhaki	{ color: #4A452A; }
.fgLkhaki	{ color: #91AC8A; }
.fgWhite	{ color: #FFFFFF; }
.fgBlack	{ color: #000000; }
.fgBlack2	{ color: #333333; }
.fgBlack3	{ color: #6D6D6D; }
.fgPurple	{ color: #7030A0; }
.fgAlert	{ color: #CC0000; }

.b	{ font-weight: bold !important; }
.n	{ font-weight: normal !important; }

.fs10	{ font-size: 10px; }
.fs11	{ font-size: 11px; }
.fs12	{ font-size: 12px; }
.fs13	{ font-size: 13px; }
.fs14	{ font-size: 14px; }
.fs16	{ font-size: 16px; }
.fs18	{ font-size: 18px; }
.fs20	{ font-size: 20px; }
.fs22	{ font-size: 22px; }

.ti10	{ text-indent: 10px; }
.ti20	{ text-indent: 20px; }

/* BACKGROUNG */
.bgLGray	{ background-color: #F2F2F2; }
.bgLGray2	{ background-color: #D9D9D9; }
.bgLGray3	{ background-color: #EEECE1; }
.bgLGray4	{ background-color: #F8F8F8; }
.bgLLGray	{ background-color: #F5F3EF; }
.bgLLGray2  { background-color: #FDF7EF; }
.bgDGray	{ background-color: #A6A39B; }
.bgPink		{ background-color: #F5C3CC; }
.bgPink2	{ background-color: #F2DCDB; }
.bgPink3	{ background-color: #FFE6E6; }
.bgPink4	{ background-color: #E6B9B8; }
.bgPink5	{ background-color: #FFE2E8; }
.bgPink6	{ background-color: #FF6666; }
.bgLPink	{ background-color: #FFE2E8; }
.bgWhite	{ background-color: #FFFFFF; }
.bgBrown	{ background-color: #DDD9C3; }
.bgOrange	{ background-color: #FFCB9E; }
.bgOrange2	{ background-color: #FCF7DF; }
.bgBeige	{ background-color: #F6F3E3; }
.bgGreen	{ background-color: #E2EFDF; }
.bgWRed		{ background-color: #AA3355; }
.bgPink8    { background-color: #FB615F; }

/* BORDER */
.sp {
	border-right: 1px solid #CCC;
	margin-right: 10px;
	padding-right: 10px;
}

.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdGrayR2		{ border-right: 1px solid #A6A39B; }

.bdGray			{ border: 1px solid #DDDDDD; }
.bdGrayT		{ border-top: 1px solid #DDDDDD; }
.bdGrayR		{ border-right: 1px solid #DDDDDD; }
.bdGrayB		{ border-bottom: 1px dotted #DDDDDD; }
.bdGrayB2		{ border-bottom: 1px solid #DDDDDD; }
.bdGrayL		{ border-left: 1px solid #DDDDDD; }
.bdGrayL2		{ border-left: 1px solid #A6A39B; }

.bdGray2		{ border: 1px solid #A6A6A6; }
.bdGray3		{ border: 1px solid #7F7F7F; }
.bdGray4		{ border: 1px solid #D9D9D9; }
.bdGray5L		{ border-left: 1px solid #999999; }

.bdDotGrayT		{ border-top: 1px dotted #999999; }

.bdLGrayT		{ border-top: 1px solid #CCCCCC; }
.bdLGrayR		{ border-right: 1px solid #CCCCCC; }
.bdLGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdLGrayL		{ border-left: 1px solid #CCCCCC; }

.bdDotLGrayT	{ border-top: 1px dotted #CCCCCC; }

.bdWhite		{ border: 1px solid #FFFFFF; }
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }

.bdPink			{ border: 1px solid #FF7799; }
.bdPinkB		{ border-bottom: 1px solid #FF7799; }
.bdPinkR		{ border-right: 1px solid #EC98AB; }
.bdPinkL		{ border-left: 1px solid #EC98AB; }
.bdPinkF		{ border: 1px solid #DD6D70; }

.bdDPink	{ border: 1px solid #E6BBBB; }
.bdDPinkB	{ border-bottom: 1px solid #E6BBBB; }

.bdCouponGrayR	{ border-right: 1px solid #DDD7D2; }
.bdCouponGrayL	{ border-left: 1px solid #DDD7D2; }

.bdCouponGreenR	{ border-right: 1px solid #91AC8A; }
.bdCouponGreenL	{ border-left: 1px solid #91AC8A; }

.bdDotT			{ border-top: 1px dotted #999999; }
.bdDotR			{ border-right: 1px dotted #999999; }
.bdDotB			{ border-bottom: 1px dotted #999999; }

.bdOrangeR		{ border-right:1px solid #FFCB9E; }
.bdOrangeB		{ border-bottom:1px solid #FFCB9E; }
.bdOrangeT		{ border-top:1px solid #FFCB9E; }
.bdOrange5		{ border:5px solid #FFCFA3; }

.bdGreenR		{ border-right:1px solid #91AC8A; }

.bdRed2		{ border: 2px solid #FF0000; }
.bdRedB			{ border-bottom: 2px solid #AA3355; }

.bdWRedB3		{ border-bottom:3px solid #AA3355; }

.bdPurpleB2 { border-bottom: 2px solid #663399; }

/************************************************************
 * デザインや仕様の理由によりmy独自の項目を定義
 *
 * ※但し、本項目以外も上記の部分に変更が既にされているため、
 *   フロントとの差は、まだ多くあると思います。
 ************************************************************/

/* テキストエリア表示強制改行(IE) */
.wordBreak {
	word-break:break-all;
}

table td.demandTdOuter {
	padding:0px;
	border-width:0px 1px 0px 1px;
}

table td.demandTdOuter table.demandTbInner {
	height:48px;
}

table td.demandTdOuter table.demandTbInner td {
	border-width:1px 0px 1px 1px;
}

table td.demandTdOuter table.demandTbInner th {
	border-width:1px 1px 1px 0px;
}


/************************************************************************************************************************************************************************************
 ************************************************************************************************************************************************************************************

   ここから下はフロントで利用しているbt/commonのスタイルシートとスプライトの定義を常に同じにする方針

 ************************************************************************************************************************************************************************************
 ************************************************************************************************************************************************************************************/

/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/

.cS		{ background-image: url("/CSP/img/my/sprites/c.png?switch=2026011315"); background-repeat: no-repeat; border: 0; }

/* テキスト画像 */
.txtNewHairStyle		{ background-position: -260px -1060px; width: 120px; height: 15px; }
.txtUsefulContents		{ background-position: -20px -440px; width: 133px; height: 15px; }
.txtPopularRanking 		{ background-position: -20px -1180px; width: 175px; height: 12px; }
.txtUpdateDay			{ background-position: -20px -1200px; width: 83px; height: 12px; }
.txtImageSearch			{ background-position: -20px -1220px; width: 151px; height: 12px; }

.txtSearchByRecommend	{ background-position: -260px -940px; width: 99px; height: 12px; }
.txtNewKuchikomi		{ background-position: -260px -980px; width: 77px; height: 12px; }
.txtNewSalonBlog		{ background-position: -260px -1020px; width: 104px; height: 12px; }

.txtRecommendedMenu		{ background-position: -20px -940px; width:122px; height:14px; }
.txtRecommendedHear		{ background-position: -20px -980px; width:149px; height:14px; }
.txtRecommendedStylist	{ background-position: -20px -1020px; width:149px; height:14px; }
.txtRecommendedSpace	{ background-position: -20px -1060px; width:160px; height:14px; }
.txtRecommendedPickUp	{ background-position: -20px -1100px; width:97px; height:14px; }
.txtRecommendedLowPrice	{ background-position: -20px -1060px; width:160px; height:14px; }

.txtWantToBe			{ background-position: -20px -1240px; width:171px; height:29px; }
.txtImageDiagnose		{ background-position: -20px -1280px; width:122px; height:20px; }
.txtAboutImageDiagnose	{ background-position: -20px -1320px; width:165px; height:72px; }

.txtRecommendHairSalon			{ background-position: -960px -860px; width:239px; height:15px; }
.txtRecommendHairStyleSearch	{ background-position: -960px -900px; width:239px; height:15px; }
.txtNewAreaStation				{ background-position: -960px -940px; width:149px; height:13px; }
.txtNewStylist					{ background-position: -960px -980px; width:114px; height:13px; }
.txtRecommendMenuSalon			{ background-position: -960px -1020px; width:178px; height:14px; }
.txtRecommendHairStyleSalon		{ background-position: -960px -1060px; width:204px; height:14px; }
.txtRecommendStylistSalon		{ background-position: -960px -1100px; width:204px; height:14px; }
.txtRecommendSpaceServiceSalon	{ background-position: -960px -1140px; width:214px; height:14px; }
.txtRecommendPickUpSalon		{ background-position: -960px -1180px; width:100px; height:14px; }
.txtRecommendReasonableSalon	{ background-position: -960px -1220px; width:149px; height:14px; }
.txtSearchLadys					{ background-position: -960px -1260px; width:47px; height:13px; }
.txtSearchMrs					{ background-position: -960px -1300px; width:33px; height:13px; }
.txtSearchMens					{ background-position: -960px -1340px; width:42px; height:13px; }
.txtSearchNewHairStyle			{ background-position: -960px -1380px; width:110px; height:17px; }
.txtNewSearchAreaStation		{ background-position: -960px -1420px; width:177px; height:17px; }
.txtNewSearchImage				{ background-position: -960px -1460px; width:135px; height:17px; }

/* 背景 */
.wantToBeBG					{ background-position: -220px -1240px; width:167px; height:180px; padding: 2px 9px 0; }

/* ボタン */
.regist						{ background-position: -180px -480px; display: block; width:69px; height:24px; }
.regist:hover				{ background-position: -180px -504px; }
.login						{ background-position: -260px -480px; display: block; width:69px; height:24px; }
.login:hover				{ background-position: -260px -504px; }

.shindanStart				{ background-position: -20px -680px; display: block; width:166px; height:27px; }
.shindanStart:hover			{ background-position: -20px -707px; display: block; width:166px; height:27px; }
.viewDetailReservation		{ background-position: -300px -560px; background-repeat: no-repeat; display: block; width: 115px; height: 24px; }
.viewDetailReservation:hover{ background-position: -300px -584px; }

.searchThisTerms			{ background-position: -340px -480px; display: block; width:131px; height:30px; }
.searchThisTerms:hover		{ background-position: -340px -510px; }
.detailReserve				{ background-position: -660px -480px; width: 150px; height: 30px; }
.detailReserve:hover		{ background-position: -660px -510px; }

.salonMsgList > li{ margin-top: 8px; }
.salonMsgList > li:first-child{ margin-top: 15px; }

/************************************************************
* buttons
************************************************************/
.btnCssLGray {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 3px 1px;
	box-sizing: border-box;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
}
.btnCssLGray,
.btnCssLGray:link,
.btnCssLGray:visited,
.btnCssLGray:hover {
	color: #333333;
}
.btnCssLGray,
.btnCssLGray a {
	display: block;
	text-decoration: none;
}
.btnCssLGray:hover {
	text-decoration: none;
	opacity: 0.7;
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
}
.btn {
	border: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	cursor: pointer;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.btn:hover {
	text-decoration: none;
}
.btn > span > input,
.btn > span > span {
	background: none;
	border: none;
	cursor: pointer;
	display: block;
	font-weight: bold;
	height: 100%;
	width: 100%;
}

/* btn1 */
.btn1H24,
.btn1H30,
.btn1H42,
.btn1H44,
.btn1H50,
.btn1H60 {
	background: #8A5DB7;
	background: linear-gradient(to bottom, #AD7EDB 0%,#8A5DB7 75%,#7F51AC 100%);
	border: 1px solid #B386E0;
	border-radius: 4px;
	box-shadow: inset 1px 1px 3px #D9BFF0, inset -1px -1px 3px #A781CC;
	color: #FFFFFF !important;
	padding: 1px;
}
.btn1H24:hover,
.btn1H30:hover,
.btn1H42:hover,
.btn1H44:hover,
.btn1H50:hover,
.btn1H60:hover {
	background: #A17DC5;
	background: linear-gradient(to bottom, #BD98E2 0%,#A17DC5 75%,#9772BB 100%);
}
.btn1H24 {
	line-height: 20px;
}
.btn1H30 {
	line-height: 26px;
}
.btn1H42 {
	line-height: 38px;
}
.btn1H42.btnWlines {
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn1H44 {
	line-height: 40px;
}
.btn1H44.btnWlines {
	line-height: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.btn1H50 {
	line-height: 46px;
}
.btn1H50.btnWlines {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.btn1H60 {
	line-height: 56px;
	font-size: 15px;
}

/* btn2 */
.btn2 {
	background: #FFFFFF linear-gradient(to bottom, #FFFFFF 0%, #FAE5E7 100%);
	border: solid 1px #E5848E;
	border-radius: 3px;
	box-sizing: border-box;
	color: #E53B4E;
	cursor: pointer;
	display: block;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.btn2H24,
.btn2H28,
.btn2H30,
.btn2H32,
.btn2H50 {
	background: #FDF5F6;
	background: linear-gradient(to bottom, #FFFFFF 0%,#FAE5E7 100%);
	border: solid 1px #E5848E;
	border-radius: 3px;
	color: #E53B4E !important;
	padding-left: 1px;
	padding-right: 1px;
}
.btn2:hover,
.btn2H24:hover,
.btn2H28:hover,
.btn2H30:hover,
.btn2H32:hover,
.btn2H50:hover {
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
	opacity: 0.7;
}
.btn2H24 {
	height: 24px;
	line-height: 22px;
}
.btn2H28 {
	height: 28px;
	line-height: 26px;
}
.btn2H30 {
	height: 30px;
	line-height: 28px;
}
.btn2H32 {
	height: 32px;
	line-height: 30px;
}
.btn2H32 > span > input {
	color: #E53B4E;
}
.btn2H50 {
	font-size: 13px;
	height: 50px;
	line-height: 48px;
}
.btn2H50.btnWlines {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
}
/* btn2 kirei */
.btn2H24.btnKr,
.btn2H28.btnKr,
.btn2H30.btnKr,
.btn2H32.btnKr,
.btn2H50.btnKr {
	background: #F5EEFC;
	background: linear-gradient(to bottom, #FFFFFF 0%,#DBC8ED 100%);
	border: solid 1px #AD95C0;
	color: #663399 !important;
}

/* btn3 */
.btn3H19,
.btn3H24,
.btn3H32,
.btn3H50 {
	background: #FFFFFF;
	background: linear-gradient(to bottom, #FFFFFF 0%,#F2F2F2 100%);
	border: solid 1px #A29697;
	border-radius: 3px;
	color: #666666 !important;
	padding: 1px;
}
.btn3H19:hover,
.btn3H24:hover,
.btn3H32:hover,
.btn3H50:hover {
	background: #FDFDFD;
	background: linear-gradient(to bottom, #FFFFFF 0%,#F7F7F7 100%);
	border: solid 1px #C7C0C1;
	color: #A4A4A4 !important;
}
.btn3H19 input,
.btn3H24 input,
.btn3H32 input,
.btn3H50 input {
	color: #666666;
}
.btn3H19:hover input,
.btn3H24:hover input,
.btn3H32:hover input,
.btn3H50:hover input {
	color: #A4A4A4;
}
.btn3H19 {
	height: 19px;
	line-height: 15px;
}
.btn3H24 {
	height: 24px;
	line-height: 20px;
}
.btn3H32 {
	height: 32px;
	line-height: 28px;
}
.btn3H50 {
	height: 50px;
	line-height: 46px;
}
/* btn4 */
.btn4H24,
.btn4H50 {
	background: #F95A6B;
	background: linear-gradient(to bottom, #FF9BA2 0%,#F95A6B 75%,#F85164 100%);
	border: 1px solid #DA949B;
	border-radius: 4px;
	box-shadow: inset 1px 1px 3px #F9D8DB, inset -1px -1px 3px #FFA6AE;
	color: #FFFFFF !important;
	padding: 1px;
}
.btn4H24:hover,
.btn4H50:hover {
	background: #FA7A88;
	background: linear-gradient(to bottom, #FFB0B6 0%,#FA7A88 75%,#FA7584 100%);
}
.btn4H24 {
	height: 24px;
	line-height: 20px;
}
.btn4H50 {
	height: 50px;
}
.btn4H50.btnWlines {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
}
.bt {
	display: block;
	border: 0;
	background: 0;
}
.btNext						{ background-image: url("/CSP/img/my/btn_agree_next.gif?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btNext:hover				{ background-position: 0 -45px; }
.btNextW					{ background-image: url("/CSP/img/my/btn_next.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btNextW:hover				{ background-position: 0 -45px; }
.btNextN					{ background-image: url("/CSP/img/my/btn_next_narrow.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px; }
.btNextN:hover				{ background-position: 0 -35px; }
.btCorrect					{ background-image: url("/CSP/img/my/btn_correct.png?switch=2026011315"); background-position: 0 0; width: 150px; height: 24px; }
.btCorrect:hover			{ background-position: 0 -24px; }
.btConfirm					{ background-image: url("/CSP/img/my/btn_confirm.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btConfirm:hover			{ background-position: 0 -45px; }
.btConfirmN					{ background-image: url("/CSP/img/my/btn_confirm_narrow.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px; }
.btConfirmN:hover			{ background-position: 0 -35px; }
.btMypage					{ background-image: url("/CSP/img/my/btn_mypage.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btMypage:hover				{ background-position: 0 -45px; }
.btMypageTop				{ background-image: url("/CSP/img/my/btn_mypage_top.png?switch=2026011315"); background-position: 0 0; width: 150px; height: 30px; }
.btMypageTop:hover			{ background-position: 0 -30px; }
.btTop						{ background-image: url("/CSP/img/my/btn_top.gif?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btTop:hover				{ background-position: 0 -45px; }
.btLoginRsv					{ background-image: url("/CSP/img/my/btn_login_reserve.gif?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btLoginRsv:hover			{ background-position: 0 -45px; }
.btLogin					{ background-image: url("/CSP/img/my/btn_login.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px; }
.btLogin:hover				{ background-position: 0 -35px; }
.btLoginW					{ background-image: url("/CSP/img/my/btn_loginW.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btLoginW:hover				{ background-position: 0 -45px; }
.btEntry					{ background-image: url("/CSP/img/my/btn_entry.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px; }
.btEntry:hover				{ background-position: 0 -35px; }
.btKeepOn					{ background-image: url("/CSP/img/my/btn_keepon.png?switch=2026011315"); background-position: 0 0; width: 270px; height: 35px; }
.btKeepOn:hover				{ background-position: 0 -35px; }
.btEdit						{ background-image: url("/CSP/img/my/btn_edit.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btEdit:hover				{ background-position: 0 -45px; }
.btEditMailAdress			{ background-image: url("/CSP/img/my/btn_mail_change.png?switch=2026011315"); background-position: 0 0; width: 170px; height: 25px; }
.btEditMailAdress:hover		{ background-position: 0 -25px; }
.btEditPassword				{ background-image: url("/CSP/img/my/btn_pw_change.png?switch=2026011315"); background-position: 0 0; width: 170px; height: 25px; }
.btEditPassword:hover		{ background-position: 0 -25px; }
.btEditSubMailAdress		{ background-image: url("/CSP/img/my/btn_submail_change.png?switch=2026011315"); background-position: 0 0; width: 195px; height: 25px; }
.btEditSubMailAdress:hover	{ background-position: 0 -25px; }
.btEditMemberInfo			{ background-image: url("/CSP/img/my/btn_info_change.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 25px; }
.btEditMemberInfo:hover		{ background-position: 0 -25px; }
.btQuit						{ background-image: url("/CSP/img/my/btn_quit.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 25px; }
.btQuit:hover				{ background-position: 0 -25px; }
.btAgreeChange				{ background-image: url("/CSP/img/my/btn_agree_change.png?switch=2026011315"); background-position: 0 0; width: 165px; height: 45px; }
.btAgreeChange:hover		{ background-position: 0 -45px; }
.btSelfConfirm				{ background-image: url("/CSP/img/my/btn_self_confirm.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px; }
.btSelfConfirm:hover		{ background-position: 0 -35px; }
.btBack						{ background-image: url("/CSP/img/my/btn_backW.gif?switch=2026011315"); background-position: 0 0; width: 80px; height: 40px; }
.btBack:hover				{ background-position: 0 -40px; }
.btChange					{ background-image: url("/CSP/img/my/btn_change.png?switch=2026011315"); background-position: 0 0; width: 90px; height: 25px; }
.btChange:hover				{ background-position: 0 -25px; }
.btDelete					{ background-image: url("/CSP/img/my/btn_delete.png?switch=2026011315"); background-position: 0 0; width: 90px; height: 25px; }
.btDelete:hover				{ background-position: 0 -25px; }
.btBtnDeleteNarrow			{ background-image: url("/CSP/img/my/btn_delete_narrow.png?switch=2026011315"); background-position: 0 0; width: 160px; height: 35px;}
.btBtnDeleteNarrow:hover	{ background-position: 0 -35px; }
.btClose					{ background-image: url("/CSP/img/my/btn_close.gif?switch=2026011315"); background-position: 0 0; width: 75px; height: 21px; }
.btClose:hover				{ background-position: 0 -21px; }
.btMobilePopupClose			{ background-image: url("/CSP/img/my/btn_mobile_popup_close.gif?switch=2026011315"); background-position: 0 0; width: 21px; height: 21px; }
.btChangePWLogin			{ background-image: url("/CSP/img/my/btn_change_password_login.png?switch=2026011315"); background-position: 0 0; width: 290px; height: 35px;}
.btChangePWLogin:hover		{ background-position: 0 -35px; }

/* serial number */
.btnSubmitAgree				{ background: url("/CSP/img/my/btn_submit_agree.gif?switch=2026011315") no-repeat top; width: 200px; height: 45px; }
.btnSubmitAgree:hover		{ background-position: bottom; }
.btnRegist					{ background: url("/CSP/img/my/btn_regist.gif?switch=2026011315") no-repeat top; width: 200px; height: 45px; }
.btnRegist:hover			{ background-position: bottom; }
.btCmpTop					{ background: url("/CSP/img/my/btn_cmp_top.png?switch=2026011315") no-repeat top; width: 200px; height: 45px; }
.btCmpTop:hover				{ background-position: bottom; }

/* ボタン垂直表示用 */
.vaM30		{ margin-top: -15px; }
.vaM40		{ margin-top: -20px; }
.vaM45		{ margin-top: -22.5px; }

/* アイコン */
.hairstyleHL01		{ background-position: -20px -220px; width: 77px; height: 18px; }
.hairstyleHL02		{ background-position: -100px -220px; width: 77px; height: 18px; }
.hairstyleHL03		{ background-position: -180px -220px; width: 77px; height: 18px; }
.hairstyleHL04		{ background-position: -260px -220px; width: 77px; height: 18px; }
.hairstyleHL05		{ background-position: -340px -220px; width: 77px; height: 18px; }
.hairstyleHL06		{ background-position: -380px -220px; width: 77px; height: 18px; }
.hairstyleHL07		{ background-position: -460px -220px; width: 77px; height: 18px; }
.hairstyleHL08		{ background-position: -540px -220px; width: 77px; height: 18px; }

.ranking1Small	{ background-position: 0 -320px; width: 46px; height: 16px; }
.ranking2Small	{ background-position: -60px -320px; width: 46px; height: 16px; }
.ranking3Small	{ background-position: -120px -320px; width: 46px; height: 16px; }
.ranking4Small	{ background-position: -180px -320px; width: 46px; height: 16px; }
.ranking5Small	{ background-position: -240px -320px; width: 46px; height: 16px; }

.present		{ background-position: 0 -380px; width:81px; height:19px; }
.scoop			{ background-position: -100px -380px; width:81px; height:19px; }
.erucaLogo		{ background-position: -200px -380px; width:81px; height:19px; }
.affiliate		{ background-position: -300px -380px; width:81px; height:19px; }
.words			{ background-position: -400px -380px; width:81px; height:19px; }

.new				{ background-position: -1194px -140px; width:22px; height:11px; }

.wonStyle			{ background-position: -20px -860px; width:107px; height:19px; }
.wonConversation	{ background-position: -160px -860px; width:107px; height:19px; }
.wonAir				{ background-position: -300px -860px; width:107px; height:19px; }

.blogEpisode		{ background-position: -20px -900px; width:107px; height:19px; }
.blogBoom			{ background-position: -160px -900px; width:107px; height:19px; }
.blogRecommended	{ background-position: -300px -900px; width:107px; height:19px; }

/*
.listStyleRecommend	{ background-position: -21px -861px; width:105px; height:17px; display: block; }
.listJoyfulTalk		{ background-position: -161px -861px; width:105px; height:17px; display: block; }
.listAtmosphere		{ background-position: -301px -861px; width:105px; height:17px; display: block; }

.listWorksEvent		{ background-position: -20px -900px; width:107px; height:19px; display: block; }
.listHobby			{ background-position: -160px -900px; width:107px; height:19px; display: block; }
.listRecommendMenu	{ background-position: -300px -900px; width:107px; height:19px; display: block; }
*/

/* サイドメニュー下部バナー */
.forSalonWishToLink				{ background-position: -580px -40px; display: block; width:180px; height:45px; }
.forSalonWishToPost				{ background-position: -580px -100px; display: block; width:180px; height:45px; }
.forFooMoo						{ background-position: -580px -160px; display: block; width:180px; height:45px; }

/************************************************************
 * スプライト画像 - 縦長画像（x.png）
 ************************************************************/

.xS		{ background-image: url("/CSP/img/my/sprites/x.png?switch=2026011315"); }

/* repeat-x背景 */
.bgOrangeSlashGrd	{ background-position: 0 -1000px; background-repeat: repeat-x; }
.bgOrangeSlash		{ background-position: 0 0; background-repeat: repeat-x; }

/************************************************************
 * スプライト画像 - 横長画像（y.png）
 ************************************************************/

.yS		{ background-image: url("/CSP/img/my/sprites/y.png?switch=2026011315"); }

/* 見出し */
.mainContentsTitleOuter { background: none; }
.mainContentsTitleInner {
	line-height: 21px;
	border-bottom: 1px solid #666666;
	background: url("/CSP/img/my/icons/icon_heading.png?switch=2026011315") no-repeat 0 1px;
	padding-left: 25px;
	padding-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	color: #444444;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.mainContentsTitleInner h2		{ font-size: 18px; }

.mainContentsSecondTitleOuter	{ background-position: -3060px top; background-repeat: no-repeat; background-color: #A6A39B; position: relative; zoom: 1; }
.mainContentsSecondTitleInner	{ background-position: -3825px bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; padding: 6px 10px; }

.mainContentsTitleYellow		{ background-position: 0 -420px; height:45px; color: #FFF; line-height: 45px; padding: 0 15px; }

.mainContentsTitleNHOuter		{ background-position: -6126px top; background-repeat: no-repeat; background-color: #AA3355; }
.mainContentsTitleNHInner		{ background-position: -6683px bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 16px; padding: 8px 10px; }
.mainContentsTitleNHInner h2	{ font-size: 16px; }

.mainContentsTitleNOuter		{ background-position: -6126px top; background-repeat: no-repeat; background-color: #AA3355; }
.mainContentsTitleNInner		{ background-position: -6683px bottom; background-repeat: no-repeat; color: #FFFFFF; font-size: 14px; padding: 6px 10px; }
.mainContentsTitleNInner h2		{ font-size: 16px; }

/************************************************************
 * スプライト画像 - 横長画像 （y2.png）
 ************************************************************/

.y2S		{ background-image: url("/CSP/img/my/sprites/y2.png?switch=2026011315"); }

/* 最近見た */
.lastArea		{ background-position: 0 0; background-repeat: repeat-y; }
.lastAreaTop	{ background-position: -557px top; background-repeat: no-repeat; }
.lastAreaBottom	{ background-position: -1114px bottom; background-repeat: no-repeat; padding: 10px; }

/* 路線一覧（JSOFF時） */
.routeMapList {
	margin-top: -21px;
}
.routeMapListCassette {
	border-top: 1px dotted #DDDDDD;
	margin-top: 10px;
	padding-top: 10px;
	zoom: 1;
}


/************************************************************
 * スプライト画像 - 横長画像 （y4.png）
 ************************************************************/
.y4S		{ background-image: url("/CSP/img/my/sprites/y4.png?switch=2026011315"); }

.grayPointBodyHead {background-position: -324px top; background-repeat: no-repeat; padding-top: 6px;}
.grayPointBodyBox {background-position: -648px bottom; background-repeat: no-repeat; padding-bottom: 6px;}
.grayPointBody{
	background-position: -486px 0;
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 1px;
}

.usePointBodyBox {background-position: -162px bottom; background-repeat: no-repeat; padding-bottom: 6px;}
.usePointBody{
	background-position: 0 0;
	background-repeat: repeat-y;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
}


/************************************************************
 * スプライト画像 - 横長画像（y_g.png）
 ************************************************************/

.ygS	{ background-image: url("/CSP/img/my/sprites/y_g.png?switch=2026011315"); }

.mainContentsSecondTitleOuter2	{ background-position: -3060px top; background-repeat: no-repeat; background-color: #F2F2F2; padding-top: 3px; position: relative; zoom: 1; }
.mainContentsSecondTitleInner2 	{ background-color:#D9D9D9; background-position: -3825px bottom; background-repeat: no-repeat; font-size: 14px; padding-bottom: 3px;}


/************************************************************
 * スプライト画像 - 横長画像（y_mypage.png）
 ************************************************************/

.ympS	{ background-image: url("/CSP/img/my/sprites/y_mypage.png?switch=2026011315"); }

.middleContentsInner				{ background-position: 0px top; background-repeat: repeat-y; }
.middleContentsInnerHead		{ border-top: 1px solid #D8D5C9; }
.middleContentsInnerBottom	{ background-position: -1530px bottom; background-repeat: no-repeat; padding-bottom:20px; zoom: 1; }

.shopInformation							{ background-position: -2295px top; background-repeat: repeat-y; padding: 4px 15px; zoom: 1; }
.shopInformationHead					{ background-position: -3020px top; background-repeat: no-repeat; padding-top: 6px; display: block; text-decoration: none !important; }
.shopInformationBottom				{ background-position: -3745px bottom; background-repeat: no-repeat; padding-bottom: 6px; zoom: 1; }
.shopInformationMysalon				{ background-position: -2295px top; background-repeat: repeat-y; padding: 4px 0; zoom: 1; }

.couponArea				{ background-position: -4470px top; background-repeat: repeat-y; }
.couponAreaHead		{ background-position: -4934px top; background-repeat: no-repeat; }
.couponAreaBottom	{ background-position: -5398px bottom; padding:3px; background-repeat: no-repeat; zoom: 1; }


/* 一覧カセット内のアクセス表示部背景 */
.listCassetteAccessOuter {
	background-position: 0 top;
	background-repeat: no-repeat;
	background-color: #DFDBCF;
	zoom: 1;
}
.listCassetteAccessInner {
	padding: 5px;
	background-position: -765px bottom;
	background-repeat: no-repeat;
	zoom: 1;
}

/* ランキングボックス */
.rankingBox {
	background-position: -1530px 0;
	background-repeat: repeat-y;
}
.rankingBoxHead			{ background-position: -1636px top; background-repeat: no-repeat; }
.rankingBoxBottom		{ background-position: -1742px bottom; background-repeat: no-repeat; padding: 7px; overflow: hidden; position: relative; z-index: 10; zoom:1; }

.stylistTitleOuter {
	background-position: -1848px top;
	background-repeat: no-repeat;
}
.stylistTitleInner {
	background-position: -2423px bottom;
	background-repeat: no-repeat;
}

/* ネット予約OK！ */
.netReserveWrapper {
	min-height: 3px;
	_height: 3px;
	line-height: 1.5;
}

/************************************************************
 * スプライト画像 - ボタン（b.png）
 ************************************************************/

.bS		{ background-image: url("/CSP/img/my/sprites/b.png?switch=2026011315"); background-repeat: no-repeat; background-color: transparent; border: 0; }

.addIntoMyPage				{ background-position: 0 0; width: 160px; height: 24px; }
.addIntoMyPage:hover		{ background-position: 0 -24px; }
.sendToMobile				{ background-position: -180px 0; width: 160px; height: 24px; }
.sendToMobile:hover			{ background-position: -180px -24px; }

.viewMore					{ background-position: 0 -60px; display: block; width: 79px; height: 24px; }
.viewMore:hover				{ background-position: 0 -84px; }
.return						{ background-position: -90px -60px; width:80px; height:24px; }
.return:hover				{ background-position: -90px -84px; }
.showAll					{ background-position: -180px -60px; width: 80px; height: 24px; }
.showAll:hover				{ background-position: -180px -84px; }
.sendMobile					{ background-position: -270px -60px; width: 80px; height: 24px; }
.sendMobile:hover			{ background-position: -270px -84px; }
.contributeKuchikomi		{ background-position: -360px -60px; width: 80px; height: 24px; }
.contributeKuchikomi:hover	{ background-position: -360px -84px; }
.yes						{ background-position: -450px -60px; width: 80px; height: 24px; }
.yes:hover					{ background-position: -450px -84px; }
.amend						{ background-position: -540px -60px; width:80px; height:24px; }
.amend:hover				{ background-position: -540px -84px; }
.toBack						{ background-position: -630px -60px; width: 80px; height: 24px; }
.toBack:hover				{ background-position: -630px -84px; }
.showDetailW80H24			{ background-position: -720px -60px; width: 80px; height: 24px; }
.showDetailW80H24:hover		{ background-position: -720px -84px; }
.showDetailW80H24Purple		{ background-position: -810px -60px; width: 80px; height: 24px; }
.showDetailW80H24Purple:hover	{ background-position: -810px -84px; }

.toMyStylist				{ background-position: 0px -120px; width:115px; height:24px; }
.toMyStylist:hover			{ background-position: 0px -144px; }
.toMySalon					{ background-position: -120px -120px; width:115px; height:24px; }
.toMySalon:hover			{ background-position: -120px -144px; }
.confirmEntryContent		{ background-position: -240px -120px; width:115px; height:24px; }
.confirmEntryContent:hover	{ background-position: -240px -144px; }
.submitKuchikomi			{ background-position: -360px -120px; width: 115px; height: 24px; }
.submitKuchikomi:hover		{ background-position: -360px -144px; }
.backRailway				{ background-position: -480px -120px; width: 115px; height: 24px; }
.backRailway:hover			{ background-position: -480px -144px; }
.showMapPrintPage			{ background-position: -600px -120px; width: 115px; height: 24px; }
.showMapPrintPage:hover		{ background-position: -600px -144px; }
.toMyStyle					{ background-position: -720px -120px; width:115px; height:24px; }
.toMyStyle:hover			{ background-position: -720px -144px; }
.howToUse					{ background-position: -840px -120px; width: 115px; height: 24px; }
.howToUse:hover				{ background-position: -840px -144px; }
.changeBtn					{ background-position: -960px -120px; width: 115px; height: 24px; }
.changeBtn:hover			{ background-position: -960px -144px; }
.goBackSalon				{ background-position: -1080px -120px; width: 115px; height: 24px; }
.goBackSalon:hover			{ background-position: -1080px -144px; }
.returnPreviousPage			{ background-position: -1200px -120px; width:115px; height:24px; }
.returnPreviousPage:hover	{ background-position: -1200px -144px; }
.addIntoMySalon				{ background-position: -1320px -120px; width: 115px; height: 24px; }
.addIntoMySalon:hover		{ background-position: -1320px -144px; }
.addIntoMyStyle				{ background-position: -1440px -120px; width: 115px; height: 24px; margin:0 5px;}
.addIntoMyStyle:hover		{ background-position: -1440px -144px; }

.deleteMySalon				{ background-position: 0px -180px; width: 165px; height: 24px; }
.deleteMySalon:hover		{ background-position: 0px -204px; }

/*↓遷移先によって出しわける↓*/
.toReserveList					{ background-position: -170px -180px; width:165px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*予約一覧(マイページトップへ)*/
.toReserveList:hover			{ background-position: -170px -204px; }
.reservationHistory				{ background-position: -1560px -120px; width:165px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}/*予約履歴へ*/
.reservationHistory:hover		{ background-position: -1560px -144px; }
.reservationHistorySalon		{ background-position: -1030px 0; width:165px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}/*サロン予約履歴へ*/
.reservationHistorySalon:hover	{ background-position: -1030px -24px; }
/*↑遷移先によって出しわける↑*/

.preListArea{
	min-width: 400px;
}
.reservationCancel				{ background-position: -1215px 0; width:165px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*この予約をキャンセルする*/
.reservationCancel:hover		{ background-position: -1215px -24px; }
.reservationHistoryList			{ background-position: -450px -240px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*予約履歴&クリップの予約履歴*/
.reservationHistoryList:hover	{ background-position: -450px -264px; }
.reservationHistoryListCurrent	{ background-position: -450px -288px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.reservationHistoryListDisabled	{ background-position: -450px -312px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.clipList						{ background-position: -528px -240px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*予約履歴&クリップのクリップ*/
.clipList:hover					{ background-position: -528px -264px; }
.clipListCurrent				{ background-position: -528px -288px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.clipListDisabled				{ background-position: -528px -312px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.reservationHistorySortList			{ background-position: -930px -240px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*予約一覧の予約履歴*/
.reservationHistorySortList:hover	{ background-position: -930px -264px; }
.reservationHistorySortListCurrent	{ background-position: -930px -288px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.reservationHistorySortListDisabled	{ background-position: -930px -312px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.clipSortList						{ background-position: -1008px -240px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }/*サロン一覧の予約履歴*/
.clipSortList:hover					{ background-position: -1008px -264px; }
.clipSortListCurrent				{ background-position: -1008px -288px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.clipSortListDisabled				{ background-position: -1008px -312px; width:78px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }

.contriButionButton			{ background-position: -340px -180px; width:165px; height:24px; }
.contriButionButton:hover	{ background-position: -340px -204px; }
.showCouponPrintPage		{ background-position: -510px -180px; width: 165px; height: 24px; }
.showCouponPrintPage:hover	{ background-position: -510px -204px; }
.deleteMyStyle				{ background-position: -680px -180px; width: 165px; height: 24px; }
.deleteMyStyle:hover		{ background-position: -680px -204px; }
.deleteMyStylist			{ background-position: -850px -180px; width: 165px; height: 24px; }
.deleteMyStylist:hover		{ background-position: -850px -204px; }
.cancelReserve				{ background-position: -1020px -180px; width:165px; height:24px; }
.cancelReserve:hover		{ background-position: -1020px -204px; }
.entryOrderSheet			{ background-position: -1190px -180px; width:165px; height:24px; }
.entryOrderSheet:hover		{ background-position: -1190px -204px; }
.backSelectDate				{ background-position: -1360px -180px; width:165px; height:24px; }
.backSelectDate:hover		{ background-position: -1360px -204px; }
.addIntoMyStylist			{ background-position: -1530px -180px; width: 165px; height: 24px; }
.addIntoMyStylist:hover		{ background-position: -1530px -204px; }
.salonSwitchTab				{ background-position: -613px -240px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.salonSwitchTab:hover		{ background-position: -613px -264px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.salonSwitchTabCurrent		{ background-position: -613px -288px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.salonSwitchTabDisabled		{ background-position: -613px -312px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.styleSwitchTab				{ background-position: -690px -240px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.styleSwitchTab:hover		{ background-position: -690px -264px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.styleSwitchTabCurrent		{ background-position: -690px -288px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.styleSwitchTabDisabled		{ background-position: -690px -312px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.stylistSwitchTab			{ background-position: -767px -240px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.stylistSwitchTab:hover		{ background-position: -767px -264px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.stylistSwitchTabCurrent	{ background-position: -767px -288px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.stylistSwitchTabDisabled	{ background-position: -767px -312px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.nailSwitchTab				{ background-position: -844px -240px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.nailSwitchTab:hover		{ background-position: -844px -264px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.nailSwitchTabCurrent		{ background-position: -844px -288px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }
.nailSwitchTabDisabled		{ background-position: -844px -312px; width:77px; height:24px; text-indent: -9999px; display: block; overflow: hidden; }

.searchSalon				{ background-position: 0 -250px; width: 73px; height: 21px; }
.searchSalon:hover			{ background-position: 0 -271px; }
.showNearestStation			{ background-position: -80px -250px; width:80px; height:34px; }
.showNearestStation:hover	{ background-position: -80px -284px; }
.addIntoMyPageW110H40		{ background-position: -170px -250px; width: 110px; height: 40px; }
.addIntoMyPageW110H40:hover	{ background-position: -170px -290px; }

.narrows					{ background-position: 0 -360px; width: 90px; height: 27px; }
.narrows:hover				{ background-position: 0 -387px; }
.showDetailW208H27			{ background-position: -100px -360px; width: 208px; height: 27px; }
.showDetailW208H27:hover	{ background-position: -100px -387px; }
.showDetailW156H27			{ background-position: -320px -360px; width: 156px; height: 27px; }
.showDetailW156H27:hover	{ background-position: -320px -387px; }


.addIntoMyPageW156H27		{ background-position: 0 -440px; width: 156px; height: 27px; }
.addIntoMyPageW156H27:hover	{ background-position: 0 -467px; }
.addIntoMyStyleW156H27		{ background-position: -180px -440px; width: 156px; height: 27px; }
.addIntoMyStyleW156H27:hover	{ background-position: -180px -467px; }
.richArrowL					{ background-position: -350px -440px; width: 23px; height: 23px; margin-right: 10px; }
.richArrowL:hover			{ background-position: -350px -463px; }
.richArrowR					{ background-position: -390px -440px; width: 23px; height: 23px; margin-left: 10px; }
.richArrowR:hover			{ background-position: -390px -463px; }

.sort						{ background-position: 0 -520px; width: 80px; height: 30px; }
.sort:hover					{ background-position: 0 -550px; }
.reserveW80H30				{ background-position: -90px -520px; width: 80px; height: 30px; }
.reserveW80H30:hover		{ background-position: -90px -550px; }
.oNext						{ background-position: -180px -520px; width: 120px; height: 30px; }
.oNext:hover				{ background-position: -180px -550px; }
.showDetailW131H30			{ background-position: -310px -520px; width: 131px; height: 30px; }
.showDetailW131H30:hover	{ background-position: -310px -550px; }
.searchByStation			{ background-position: -450px -520px; width: 150px; height: 30px; }
.searchByStation:hover		{ background-position: -450px -550px; }
.noNext						{ background-position: -610px -520px; width: 150px; height: 30px; }
.noNext:hover				{ background-position: -610px -550px; }
.selectMenu					{ background-position: -770px -520px; width: 150px; height: 30px; }
.selectMenu:hover			{ background-position: -770px -550px; }
.searchByArea				{ background-position: -930px -520px; display: block; width:190px; height:32px; }
.searchByArea:hover			{ background-position: -930px -552px; }
.searchByStation2			{ background-position: -1130px -520px; display: block; width:190px; height:32px; }
.searchByStation2:hover		{ background-position: -1130px -552px; }

.next						{ background-position: 0 -600px; width: 150px; height: 30px; }
.next:hover					{ background-position: 0 -630px; }
.next2						{ background-position: -160px -600px; width: 150px; height: 30px; }
.next2:hover				{ background-position: -160px -630px; }
.confirm					{ background-position: -320px -600px; width: 150px; height: 30px; }
.confirm:hover				{ background-position: -320px -630px; }
.reserveW80H30S				{ background-position: -480px -600px; width: 80px; height: 30px; }
.reserveW80H30S:hover		{ background-position: -480px -630px; }
.submitBtn					{ background-position: -630px -600px; width: 150px; height: 50px; }
.submitBtn:hover			{ background-position: -630px -650px; }
.submitBtn2					{ background-position: -790px -600px; width: 150px; height: 50px; }
.submitBtn2:hover			{ background-position: -790px -650px; }
.reserveW100H40				{ background-position: -950px -600px; width: 100px; height: 40px; }
.reserveW100H40:hover		{ background-position: -950px -640px; }
.reserveDesignate			{ background-position: -1060px -600px; width: 125px; height: 40px; }
.reserveDesignate:hover		{ background-position: -1060px -640px; }
.reserveL					{ background-position: -1200px -600px; width: 161px; height: 60px; }
.reserveL:hover				{ background-position: -1200px -660px; }


.nominatedReserve			    { background-position: 0 -680px; width: 132px; height: 31px; }
.nominatedReserve:hover		    { background-position: 0 -710px; }
.nominatedReserveN			    { background-position: -160px -680px; width: 80px; height: 24px; }
.nominatedReserveN:hover	    { background-position: -160px -704px; }
.nominatedReserveW115H24	    { background-position: -260px -680px; width: 115px; height: 24px; }
.nominatedReserveW115H24:hover	{ background-position: -260px -704px; }
.reserveW115H24				    { background-position: -380px -680px; width: 115px; height: 24px; }
.reserveW115H24:hover		    { background-position: -380px -704px; }
.reserveW115H24Purple		    { background-position: -500px -680px; width: 115px; height: 24px; }
.reserveW115H24Purple:hover	    { background-position: -500px -704px; }

.reserveCoupon				    { background-position: -880px -760px; width: 150px; height: 50px; }
.reserveCoupon:hover		    { background-position: -880px -810px; }
.reserveImpossible			    { background-position: -1090px -760px; width: 35px; height: 32px; }
.reserveImmediately			    { background-position: -1130px -760px; width: 35px; height: 32px; }
.reserveImmediately:hover	    { background-position: -1130px -792px; }
.reserveTemporary			    { background-position: -1170px -760px; width: 35px; height: 32px; }
.reserveTemporary:hover		    { background-position: -1170px -792px; }
.reserveTemporaryStay		    { background-position: -1170px -760px; width: 35px; height: 32px; }
.reserveTel					    { background-position: -1050px -760px; width: 35px; height: 32px; }
.myReserveVertical			    { background-position: 0px -180px; width: 30px; height: 128px; }
.myTentativeReserveVertical	    { background-position: -80px -180px; width: 30px; height: 128px; }
.rsvDetail					    { background-position: 0 -535px; width: 115px; height: 24px; }
.rsvDetail:hover			    { background-position: 0 -559px; }
.rsv						    { background-position: -300px -450px; width: 120px; height: 30px; }
.rsv:hover					    { background-position: -300px -480px; }
.postReview					    { background-position: -130px -535px; width: 121px; height: 24px; }
.postReview:hover			    { background-position: -130px -559px; }

.myPage 					    { background-position: 0px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.myPage:hover 				    { background-position: 0px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.myPageCurrent				    { background-position: 0px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.mySalon					    { background-position:-93px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.mySalon:hover				    { background-position:-93px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.mySalonCurrent				    { background-position:-93px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.myStylist					    { background-position:-186px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.myStylist:hover			    { background-position:-186px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.myStylistCurrent			    { background-position:-186px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.myStyle					    { background-position:-279px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.myStyle:hover				    { background-position:-279px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.myStyleCurrent				    { background-position:-279px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.message			            { background-position:-372px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.message:hover	                { background-position:-372px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.messageCurrent	                { background-position:-372px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBackground			    { background-position:-465px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBackground:hover	    { background-position:-465px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBackgroundCurrent	    { background-position:-465px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveKrBtn					{ background-position: -500px -680px; width:115px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveKrBtn:hover				{ background-position: -500px -704px; }
.memberInformation			    { background-position:-558px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.memberInformation:hover	    { background-position:-558px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.memberInformationCurrent	    { background-position:-558px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.pointInquiry				    { background-position:-651px -860px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.pointInquiry:hover			    { background-position:-651px -895px; text-indent: -9999px; display: block; overflow: hidden;}
.pointInquiryCurrent		    { background-position:-651px -930px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.bookmarkMenu				    { background-position: 0px -965px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}
.bookmarkMenu:hover			    { background-position: 0px -1000px; text-indent: -9999px; display: block; overflow: hidden;}
.bookmarkMenuCurrent		    { background-position: 0px -1035px; width:93px; height:35px; text-indent: -9999px; display: block; overflow: hidden;}


/* MAPボタン */
.mapBtn                   { background-position: -1435px -240px; width:49px; height:24px; text-indent: 100%; white-space:nowrap; display: block; overflow: hidden;}
.mapBtn:hover             { background-position: -1435px -264px; }

/* MAPボタン(マイサロン用) */
.mapBtnMysalon			  { background-position: 0 -800px; width:39px; height:20px; text-indent: -9999px; display: block; overflow: hidden;}
.mapBtnMysalon:hover	  { background-position: 0 -820px; width:39px; height:20px; text-indent: -9999px; display: block; overflow: hidden;}

/* 予約内容詳細 */
.reserveDetail                   { background-position: -1494px -240px; width:115px; height:24px; text-indent: 100%; white-space:nowrap; display: block; overflow: hidden;}
.reserveDetail:hover             { background-position: -1494px -264px; }

/* 口コミ投稿 */
.reviewBtn                   { background-position: 0 -746px; width:115px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reviewBtn:hover             { background-position: 0 -770px; }

/* 予約する */
.reserveBtn                   { background-position: -380px -680px; width:115px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBtn:hover             { background-position: -380px -704px; }
.reserveKrBtn                 { background-position: -500px -680px; width:115px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveKrBtn:hover           { background-position: -500px -704px; }

/* 予約する(マイサロン) */
.reserveBtnMysalon            { background-position: -1010px -60px; width:115px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBtnMysalon:hover      { background-position: -1010px -84px; }

/* 指名して予約する */
.reserveBtnNomination         { background-position: 0px -680px; width:131px; height:30px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveBtnNomination:hover   { background-position: 0px -710px; }

/* 他のメニューで予約する */
.reserveAbout                   { background-position: -1619px -240px; width:135px; height:24px; text-indent: -9999px; display: block; overflow: hidden;}
.reserveAbout:hover             { background-position: -1619px -264px; }

/************************************************************
 * スプライト画像 - アイコン（i.png）
 ************************************************************/

.iS		{ background-image: url("/CSP/img/my/sprites/i.png?switch=2026011315"); background-repeat: no-repeat; }

/* 左付 */
.arrowT {
	padding-left: 10px;
	background: url("/CSP/img/my/arw_top.gif?switch=2026011315") no-repeat left center;
}

.arrowR				{ background-position: -196px -241px; display: inline-block; padding-left: 8px; }
.arrowROff			{ background-position: -196px -460px; display: inline-block; padding-left: 8px; }
.cautionRed			{ background-position: -187px -5130px; display: inline-block; padding-left: 22px; }

/* ページング */
.arrowPagingL		{ background-position: -196px -121px; padding-left: 8px; margin-right: 8px; display: inline-block; }
.arrowPagingR		{ background-position: right -241px; padding-right: 8px; margin-left: 8px; display: inline-block; }

/* ページング（週毎） */
.arrowPagingWeekL	{ background-position: -196px -124px; padding-left: 8px;}
.arrowPagingWeekLOff{ background-position: -196px -364px; padding-left: 8px;}
.arrowPagingWeekR	{ background-position: right -244px; padding-right: 8px; }
.arrowPagingWeekROff{ background-position: right -464px; padding-right: 8px; }

/* クーポン (美容) */
.couponTypeSmallCT02{ background-position: -177px -3950px; display: block; width: 23px; height: 13px;}
.couponTypeSmallCT03{ background-position: -177px -4063px; display: block; width: 23px; height: 13px; }
.couponTypeSmallCT01{ background-position: -177px -4176px; display: block; width: 23px; height: 13px; }
.couponTypeCT02		{ background-position: -177px -580px; display: block; width: 23px; height: 23px; }
.couponTypeCT03		{ background-position: -177px -720px; display: block; width: 23px; height: 23px; }
.couponTypeCT01		{ background-position: -177px -860px; display: block; width: 23px; height: 23px; }
.couponTypeLargeCT02{ background-position: -170px -1000px; display: block; width: 30px; height: 30px; }
.couponTypeLargeCT03{ background-position: -170px -1140px; display: block; width: 30px; height: 30px; }
.couponTypeLargeCT01{ background-position: -170px -1280px; display: block; width: 30px; height: 30px; }
.listCouponTypeCT02	{ background-position: -177px -580px; display: block; width: 23px; height: 23px; }
.listCouponTypeCT03	{ background-position: -177px -720px; display: block; width: 23px; height: 23px; }
.listCouponTypeCT01	{ background-position: -177px -860px; display: block; width: 23px; height: 23px; }

/* クーポン (キレイ) */
.couponTypeSmallHpkCT02 { background-position:-177px -4289px; display:block; height:13px; width:23px; }
.couponTypeSmallHpkCT03 { background-position:-177px -4402px; display:block; height:13px; width:23px; }
.couponTypeSmallHpkCT01 { background-position:-177px -4515px; display:block; height:13px; width:23px; }
.forNewCustomersSmallHpk	{ background-position: -177px -4289px; display: block; width: 23px; height: 13px;}
.forAllCustomersSmallHpk	{ background-position: -177px -4515px; display: block; width: 23px; height: 13px; }

/* 単体 */
.check				{ background-position: -155px -1460px; width: 45px; height: 18px; }
.upLately			{ background-position: -170px -1500px; width: 30px; height: 13px; margin-left: 5px; }
.upLatelyS			{ background-position: -178px -1480px; width: 22px; height: 11px; margin-left: 5px; }
.new				{ background-position: -170px -1520px; width: 30px; height: 13px; margin-left: 5px; }
.newS				{ background-position: -178px -1540px; width: 22px; height: 11px; margin-left: 5px; }

/* スタイル詳細 */
.SV01			{ background-position: -166px -1580px; display: block; width:34px; height: 7px; }
.SV02			{ background-position: -176px -1600px; display: block; width:24px; height: 7px; }
.SV03			{ background-position: -170px -1620px; display: block; width:30px; height: 7px; }
.SV04			{ background-position: -150px -3740px; display: block; width:50px; height: 7px; }
.SV05			{ background-position: -162px -3760px; display: block; width:38px; height: 7px; }
.SV06			{ background-position: -155px -3780px; display: block; width:45px; height: 7px; }

/* 顔型 */
.faceTypeCircle				{ background-position: right -1640px; height: 18px; padding-right:20px; }
.faceTypeEgg				{ background-position: right -1660px; height: 18px; padding-right:20px; }
.faceTypeSquare				{ background-position: right -1680px; height: 18px; padding-right:20px; }
.faceTypeReverseTriangle	{ background-position: right -1700px; height: 18px; padding-right:20px; }
.faceTypeBase				{ background-position: right -1720px; height: 18px; padding-right:20px; }

/* プラスマーク */
.plusMark		{ background-position: -183px -1840px; width: 17px; height: 17px; }
.plusMarkGreen	{ background-position: -183px -1860px; width: 17px; height: 17px; }

/* ネット予約OK！ */
.listNetReserveOk		{ background-position: -110px -1900px; width:89px; height:18px; }
.listImmediately		{ background-position: -140px -3240px; width:60px; height:15px;  }
.listImmediatelyOff		{ background-position: -158px -1940px; width:42px; height:18px; }
.listNominate			{ background-position: -140px -3280px; width:60px; height:15px; }
.listNominateOff		{ background-position: -158px -1980px; width:42px; height:18px; }
.listTheDay				{ background-position: -140px -3320px; width:60px; height:15px; }
.listTheDayOff			{ background-position: -158px -2020px; width:42px; height:18px; }
.listTemporary			{ background-position: -140px -3360px; width:60px; height:15px; }
.listTemporaryOff		{ background-position: -158px -2060px; width:42px; height:18px; }

.listNetReserveOkKirei	{ background-position: -111px -2880px; width:89px; height:18px; }
.listImmediatelyKirei	{ background-position: -158px -2900px; width:42px; height:18px; }
.listImmediatelyKireiOff{ background-position: -158px -2920px; width:42px; height:18px; }
.listNominateKirei		{ background-position: -158px -2940px; width:42px; height:18px; }
.listNominateKireiOff	{ background-position: -158px -2960px; width:42px; height:18px; }
.listTheDayKirei		{ background-position: -158px -2980px; width:42px; height:18px; }
.listTheDayKireiOff		{ background-position: -158px -3000px; width:42px; height:18px; }
.listTemporaryKirei		{ background-position: -158px -3020px; width:42px; height:18px; }
.listTemporaryKireiOff	{ background-position: -158px -3040px; width:42px; height:18px; }

.listPoint				{ background-position: -132px -3400px; width:68px; height:15px; }
.listPointOff			{ background-position: -148px -2100px; width:52px; height:18px; }

/* ネット予約OK！（一覧カセット背景バージョン） */
.listNetReserveOkGray		{ background-position: -110px -3220px; width:89px; height:18px; }
.listImmediatelyGray		{ background-position: -140px -3240px; width:60px; height:15px; }
.listImmediatelyGrayOff		{ background-position: -140px -3260px; width:60px; height:15px; }
.listNominateGray			{ background-position: -140px -3280px; width:60px; height:15px; }
.listNominateGrayOff		{ background-position: -140px -3300px; width:60px; height:15px; }
.listTheDayGray				{ background-position: -140px -3320px; width:60px; height:15px; }
.listTheDayGrayOff			{ background-position: -140px -3340px; width:60px; height:15px; }
.listTemporaryGray			{ background-position: -140px -3360px; width:60px; height:15px; }
.listTemporaryGrayOff		{ background-position: -140px -3380px; width:60px; height:15px; }

.listNetReserveOkKireiGray	{ background-position: -111px -3460px; width:89px; height:18px; }
.listImmediatelyKireiGray	{ background-position: -140px -3480px; width:60px; height:18px; }
.listImmediatelyKireiGrayOff{ background-position: -140px -3500px; width:60px; height:18px; }
.listNominateKireiGray		{ background-position: -140px -3520px; width:60px; height:18px; }
.listNominateKireiGrayOff	{ background-position: -140px -3540px; width:60px; height:18px; }
.listTheDayKireiGray		{ background-position: -140px -3560px; width:60px; height:18px; }
.listTheDayKireiGrayOff		{ background-position: -140px -3580px; width:60px; height:18px; }
.listTemporaryKireiGray		{ background-position: -140px -3600px; width:60px; height:18px; }
.listTemporaryKireiGrayOff	{ background-position: -140px -3620px; width:60px; height:18px; }

.listPointGray				{ background-position: -132px -3400px; width:68px; height:15px; }
.listPointGrayOff			{ background-position: -132px -3420px; width:68px; height:15px; }

/* 詳細ヘッダ内サービスアイコン */
.listRelax					{ background-position: -142px -2280px; width:58px; height:18px; }
.listTherapeuticsChiro		{ background-position: -142px -2300px; width:58px; height:18px; }
.listRefresh				{ background-position: -142px -2320px; width:58px; height:18px; }
.listEyeMake				{ background-position: -142px -2340px; width:58px; height:18px; }
.listNail					{ background-position: -142px -2360px; width:58px; height:18px; }
.listBeautyTreatment		{ background-position: -142px -2380px; width:58px; height:18px; }


/* ブログ・クチコミアイコン */
.listBlog			{ background-position: -153px -2120px; width:47px; height:20px; display: block; }
.listKuchikomi		{ background-position: -153px -2140px; width:47px; height:20px; display: block; }

/* マイメニューアイコン */
.myMenuDecision	{ background-position: -135px -3100px; width:65px; height:18px;}
.myMenuTemporary{ background-position: -135px -3120px; width:65px; height:18px;}
.myMenuVisitted	{ background-position: -135px -3140px; width:65px; height:18px;}
.myMenuFailure	{ background-position: -135px -3160px; width:65px; height:18px;}
.myMenuCancel	{ background-position: -135px -3180px; width:65px; height:18px;}

/* ジャンルアイコン (個社TOP用) */
.btGenreHairSalon        { background-position: -142px -2260px; width:58px; height:18px;}

.krGenreGR01        { background-position: -142px -2280px; width:58px; height:18px; }
.krGenreGR02        { background-position: -142px -2300px; width:58px; height:18px; }
.krGenreGR03        { background-position: -142px -2320px; width:58px; height:18px; }
.krGenreGR04        { background-position: -142px -2360px; width:58px; height:18px; }
.krGenreGR05        { background-position: -142px -2340px; width:58px; height:18px; }
.krGenreGR06        { background-position: -142px -2380px; width:58px; height:18px; }

/* ジャンルアイコン (MyPage用) 不要かも */
.serviceHairSalon	{ background-position: -20px -740px; width: 58px; height: 18px; }
.serviceRelax		{ background-position: -100px -740px; width: 58px; height: 18px; }
.serviceSeitai		{ background-position: -180px -740px; width: 58px; height: 18px; }
.serviceRefresh		{ background-position: -260px -740px; width: 58px; height: 18px; }
.serviceEyeMake		{ background-position: -340px -740px; width: 58px; height: 18px; }
.serviceNail		{ background-position: -420px -740px; width: 58px; height: 18px; }
.serviceEsthe		{ background-position: -500px -740px; width: 58px; height: 18px; }

/* ジャンルアイコン (MyPage用) */
.serviceHairSalonN	{ background-position: -148px -2480px; width: 52px; height: 14px; }
.serviceRelaxN		{ background-position: -148px -2500px; width: 52px; height: 14px; }
.serviceSeitaiN		{ background-position: -148px -2520px; width: 52px; height: 14px; }
.serviceRefreshN	{ background-position: -148px -2540px; width: 52px; height: 14px; }
.serviceEyeMakeN	{ background-position: -148px -2560px; width: 52px; height: 14px; }
.serviceNailN		{ background-position: -148px -2580px; width: 52px; height: 14px; }
.serviceEstheN		{ background-position: -148px -2600px; width: 52px; height: 14px; }
.serviceAnmaN		{ background-position: -148px -2460px; width: 52px; height: 14px; }
.serviceHarikyuN	{ background-position: -148px -2440px; width: 52px; height: 14px; }
.serviceSekkotsuN	{ background-position: -148px -2420px; width: 52px; height: 14px; }

/* 仮予約中 */
.proposedResource				{ background-position: -137px -5228px; width: 63px; height: 21px; text-indent: -9999px; }
/* 予約確定 */
.reserveFix							{ background-position: -137px -5279px; width: 63px; height: 21px; text-indent: -9999px; }
/* 来店済み */
.visitedStore						{ background-position: -127px -5330px; width: 73px; height: 21px; text-indent: -9999px; }
/* キャンセル */
.cancelledStore					{ background-position: -127px -5381px; width: 73px; height: 21px; text-indent: -9999px; }
/* お店お断り */
.proposedResourceCross 	{ background-position: -137px -5432px; width: 63px; height: 21px; text-indent: -9999px; }
/* 仮予約キャンセル */
.proposedResourceCancel	{ background-position: -127px -5483px; width: 73px; height: 31px; text-indent: -9999px; }
/* ご来店なし */
.noVisiting 	{ background-position: -127px -5544px; width: 73px; height: 21px; text-indent: -9999px; }
/* はてなマーク */
.questionMark						{ background-position: -188px -2760px; width: 12px; height: 12px; padding: 0 0 5px 15px;}
/* ×マーク */
.crossMark							{ background-position: -182px -5180px; width: 18px; height: 18px; padding-left: 22px; display: block; white-space:nowrap; }
/* リクルートポイント */
.rPoint{background-position: -187px -5820px; padding-left: 17px; height: 13px;}
.alertIcon{background-position: -185px -5856px; padding-left: 18px; height: 14px; display: inline-block;}


/************************************************************
 * スプライト画像 - 一覧画面固有スプライト画像（list.png）
 ************************************************************/

.listS		{ background-image: url("/CSP/img/my/sprites/list.png?switch=2026011315"); background-repeat: no-repeat; }

/* 表 */
.bgThYellowSlash	{ background-position: 0 -220px; background-repeat: no-repeat; }
.bgThLYellowSlash	{ background-position: 0 -340px; }

/* ランキングページ */
.ranking1Top {
	background-position: 0 -480px;
	width: 112px;
	height: 48px;
	position: absolute;
	top: -10px;
	left: 18px;
}
.ranking1		{ background-position: -140px -480px; width:90px; height:32px; }
.ranking2		{ background-position: -240px -480px; width:90px; height:32px; }
.ranking3		{ background-position: -340px -480px; width:90px; height:32px; }
.ranking4		{ background-position: -440px -480px; width:90px; height:32px; }
.ranking5		{ background-position: -540px -480px; width:90px; height:32px; }
.ranking6		{ background-position: -640px -480px; width:90px; height:32px; }
.ranking7		{ background-position: -740px -480px; width:90px; height:32px; }
.ranking8		{ background-position: -840px -480px; width:90px; height:32px; }
.ranking9		{ background-position: -940px -480px; width:90px; height:32px; }
.ranking10		{ background-position: -1040px -480px; width:90px; height:32px; }
.ranking11		{ background-position: -1140px -480px; width:90px; height:32px; }
.ranking12		{ background-position: -1240px -480px; width:90px; height:32px; }
.ranking13		{ background-position: -1340px -480px; width:90px; height:32px; }
.ranking14		{ background-position: -1440px -480px; width:90px; height:32px; }
.ranking15		{ background-position: -1540px -480px; width:90px; height:32px; }
.ranking16		{ background-position: -1640px -480px; width:90px; height:32px; }
.ranking17		{ background-position: -1740px -480px; width:90px; height:32px; }
.ranking18		{ background-position: -1840px -480px; width:90px; height:32px; }
.ranking19		{ background-position: -1940px -480px; width:90px; height:32px; }
.ranking20		{ background-position: -2040px -480px; width:90px; height:32px; }

.commentTop		{ background-position: 0 -540px; }
.commentBottom	{ background-position: 0 bottom; width:349px; }

.listImageBG1		{ background-position: -1200px -540px; width:176px; height:231px; }
.listImageBG2		{ background-position: -1380px -540px; width:231px; height:176px; }
.listImageBG3		{ background-position: -1620px -540px; width:176px; height:136px; }
.listImageBG4		{ background-position: -1820px -540px; width:99px; height:132px; }
.listImageBG5		{ background-position: -1940px -540px; width:132px; height:99px; }
.listImageBG6		{ background-position: -1200px -800px; width:126px; height:164px; }
.listImageBG7		{ background-position: -1340px -800px; width:70px; height:90px; }

.photoFrameLarge {
	background-position: -800px -20px;
	width: 285px;
	text-align: center;
	padding: 6px 0 8px;
}
.photoFrame {
	background-position: -1100px -20px;
	width: 218px;
	text-align: center;
	padding: 3px 0 4px;
}
.photoFrameSmall {
	background-position: -1340px -20px;
	width: 162px;
	text-align: center;
	padding: 3px 0 4px;
}
 /* 見出し */
.mainContentsTitleYellow		{ background-position: 0 0; height:45px; color: #FFF; line-height: 45px; padding: 0 15px; }
.mainContentsTitleYellowShort	{ background-position: -400px -680px; height:45px; color: #FFF; line-height: 45px; padding: 0 15px; }
.mainContentsTitleYellow h2,
.mainContentsTitleYellowShort h2{ font-size: 16px; }
 /* 検索ボックス */
.bgSearch		{ background-position: -400px -540px; padding: 22px 30px; }
.searchTitle	{ background-position: -400px -640px; width:94px; height:14px; }

/************************************************************
 * スプライト画像 - 一覧画面（全国）固有スプライト画像（list_all.png）
 ************************************************************/

/* スラッシュ背景のみ */
.listAllS	{ background-image: url("/CSP/img/my/sprites/list_all.png?switch=2026011315"); background-repeat: repeat; }

/************************************************************
 * スプライト画像 - 詳細画面固有スプライト画像（detail.png）
 ************************************************************/

.detailS	{ background-image: url("/CSP/img/my/sprites/detail.png?switch=2026011315"); background-repeat: no-repeat; }

/* クーポン */
.couponListHead			{ background-position: -20px -60px; height: 31px; }
.limitedCouponListHead	{ background-position: -20px -100px; height: 31px; }
.messageFromSalon		{ background-position: -20px -20px; width: 122px; height: 28px; display: block; }

/* 見出し */
.titleStaff				{ background-position: -1040px -360px; width: 187px; height: 24px; display: block; }
.titlePast				{ background-position: -1240px -360px; width: 187px; height: 24px; display: block; }
.titleLatest			{ background-position: -1440px -360px; width: 187px; height: 24px; display: block; }
.titleContributor		{ background-position: -1640px -360px; width: 187px; height: 24px; display: block; }
.titleCharge			{ background-position: -1840px -360px; width: 187px; height: 24px; display: block; }

.stylistCommentTitle	{ background-position: -1040px -200px; height: 24px; display:block; }
.styleDataTitle			{ background-position: -1500px -200px; height: 24px; display:block; }
.recommendTitle			{ background-position: -1960px -200px; height: 24px; display:block; }

.waitTitle				{ background-position: -1040px -260px; width: 635px; height: 24px; display:block; }
.waitTitleShort			{ background-position: -1040px -260px; width: 438px; height: 24px; display:block; }

.arrangePointTitle		{ background-position: -1040px -320px; height: 11px; }

.titlePickUp			{ background-position: -2100px -360px; width: 214px; height: 28px; }

.pickUp			{ background-position: -2100px -360px; width: 214px; height: 28px; }

/* 特集見出し */
.tokusyuTitle01			{ background-position: -1040px -420px; width: 349px; height: 23px; }
.tokusyuTitle02			{ background-position: -1040px -460px; width: 349px; height: 23px; }
.tokusyuTitle03			{ background-position: -1040px -500px; width: 349px; height: 23px; }
.tokusyuTitle04			{ background-position: -1040px -540px; width: 349px; height: 23px; }
.tokusyuTitle05			{ background-position: -1040px -580px; width: 349px; height: 23px; }
.tokusyuTitle06			{ background-position: -1040px -620px; width: 349px; height: 23px; }
.tokusyuTitle07			{ background-position: -1040px -660px; width: 349px; height: 23px; }
.tokusyuTitle08			{ background-position: -1040px -700px; width: 349px; height: 23px; }
.tokusyuTitle09			{ background-position: -1040px -740px; width: 349px; height: 23px; }
.tokusyuTitle10			{ background-position: -1040px -780px; width: 349px; height: 23px; }
.tokusyuTitle11			{ background-position: -1040px -820px; width: 349px; height: 23px; }
.tokusyuTitle12			{ background-position: -1040px -860px; width: 349px; height: 23px; }
.tokusyuTitle13			{ background-position: -1040px -900px; width: 349px; height: 23px; }
.tokusyuTitle14			{ background-position: -1040px -940px; width: 349px; height: 23px; }
.tokusyuTitle15			{ background-position: -1040px -980px; width: 349px; height: 23px; }
.tokusyuTitle16			{ background-position: -1040px -1020px; width: 349px; height: 23px; }
.tokusyuTitle17			{ background-position: -1040px -1060px; width: 349px; height: 23px; }
.tokusyuTitle18			{ background-position: -1040px -1100px; width: 349px; height: 23px; }
.tokusyuTitle19			{ background-position: -1040px -1140px; width: 349px; height: 23px; }

/* おすすめタイプ */
.hairNormal				{ background-position: -1040px -20px; width: 48px; height: 21px; display:block; }
.hairNormalOn			{ background-position: -1040px -41px; width: 48px; height: 21px; display:block; }
.hairLittle				{ background-position: -1120px -20px; width: 48px; height: 21px; display:block; }
.hairLittleOn			{ background-position: -1120px -41px; width: 48px; height: 21px; display:block; }
.hairMuch				{ background-position: -1200px -20px; width: 48px; height: 21px; display:block; }
.hairMuchOn				{ background-position: -1200px -41px; width: 48px; height: 21px; display:block; }
.hairSoft				{ background-position: -1280px -20px; width: 48px; height: 21px; display:block; }
.hairSoftOn				{ background-position: -1280px -41px; width: 48px; height: 21px; display:block; }
.hairHard				{ background-position: -1360px -20px; width: 48px; height: 21px; display:block; }
.hairHardOn				{ background-position: -1360px -41px; width: 48px; height: 21px; display:block; }
.hairNarrow				{ background-position: -1440px -20px; width: 48px; height: 21px; display:block; }
.hairNarrowOn			{ background-position: -1440px -41px; width: 48px; height: 21px; display:block; }
.hairFat				{ background-position: -1520px -20px; width: 48px; height: 21px; display:block; }
.hairFatOn				{ background-position: -1520px -41px; width: 48px; height: 21px; display:block; }
.hairNothing			{ background-position: -1600px -20px; width: 48px; height: 21px; display:block; }
.hairNothingOn			{ background-position: -1600px -41px; width: 48px; height: 21px; display:block; }
.hairFew				{ background-position: -1680px -20px; width: 48px; height: 21px; display:block; }
.hairFewOn				{ background-position: -1680px -41px; width: 48px; height: 21px; display:block; }
.hairStrong				{ background-position: -1760px -20px; width: 48px; height: 21px; display:block; }
.hairStrongOn			{ background-position: -1760px -41px; width: 48px; height: 21px; display:block; }

/* 顔型 */
.recommendTypeCircle					{ background-position: -1040px -80px; width: 48px; height: 48px; display:block; }
.recommendTypeCircleOn					{ background-position: -1040px -128px; width: 48px; height: 48px; display:block; }
.recommendTypeEgg						{ background-position: -1120px -80px; width: 48px; height: 48px; display:block; }
.recommendTypeEggOn						{ background-position: -1120px -128px; width: 48px; height: 48px; display:block; }
.recommendTypeSquare					{ background-position: -1200px -80px; width: 48px; height: 48px; display:block; }
.recommendTypeSquareOn					{ background-position: -1200px -128px; width: 48px; height: 48px; display:block; }
.recommendTypeReverseTriangle			{ background-position: -1280px -80px; width: 48px; height: 48px; display:block; }
.recommendTypeReverseTriangleOn			{ background-position: -1280px -128px; width: 48px; height: 48px; display:block; }
.recommendTypeBase						{ background-position: -1360px -80px; width: 48px; height: 48px; display:block; }
.recommendTypeBaseOn					{ background-position: -1360px -128px; width: 48px; height: 48px; display:block; }

/* 見出し */
.stylistCommentTitle	{ background-position: -1040px -200px; height: 24px; display:block; }
.styleDataTitle			{ background-position: -1500px -200px; height: 24px; display:block; }
.recommendTitle			{ background-position: -1960px -200px; height: 24px; display:block; }
.waitTitle				{ background-position: -1040px -260px; width: 635px; height: 24px; display:block; }
.arrangePointTitle		{ background-position: -1040px -320px; height: 11px; }

/* クチコミサムネイル画像 */
.thumnailSalesPointRP01	{ background-position: -20px -160px; width: 119px; height: 119px; }
.thumnailSalesPointRP02	{ background-position: -160px -160px; width: 119px; height: 119px; }
.thumnailSalesPointRP03	{ background-position: -300px -160px; width: 119px; height: 119px; }
.thumnailSalesPointRP04	{ background-position: -20px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP05	{ background-position: -160px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP06	{ background-position: -300px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP07	{ background-position: -440px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP08	{ background-position: -580px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP09	{ background-position: -720px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP10	{ background-position: -860px -300px; width: 119px; height: 119px; }
.thumnailSalesPointRP11	{ background-position: -20px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP12	{ background-position: -160px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP13	{ background-position: -300px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP14	{ background-position: -440px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP15	{ background-position: -580px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP16	{ background-position: -720px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP17	{ background-position: -860px -440px; width: 119px; height: 119px; }
.thumnailSalesPointRP18	{ background-position: -20px -580px; width: 119px; height: 119px; }
.thumnailSalesPointRP19	{ background-position: -160px -580px; width: 119px; height: 119px; }
.thumnailSalesPointRP20	{ background-position: -300px -580px; width: 119px; height: 119px; }

/* イチオシNo.1ポイント背景 */
.no1RecommendPoint20		{ background-position: -1020px -300px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint30		{ background-position: -1020px -460px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint10		{ background-position: -1020px -620px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint40		{ background-position: -1020px -780px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint90		{ background-position: -1020px -780px; width: 765px; height: 82px; padding-top: 50px; }

/* イチオシNo.1ポイント背景(2位､3位トルツメ) */
.no1RecommendOnlyPoint20		{ background-position: -1020px -300px; width: 765px; height: 47px; padding-top: 50px; }
.no1RecommendOnlyPoint30		{ background-position: -1020px -460px; width: 765px; height: 47px; padding-top: 50px; }
.no1RecommendOnlyPoint10		{ background-position: -1020px -620px; width: 765px; height: 47px; padding-top: 50px; }
.no1RecommendOnlyPoint40		{ background-position: -1020px -780px; width: 765px; height: 47px; padding-top: 50px; }
.no1RecommendOnlyPoint90		{ background-position: -1020px -780px; width: 765px; height: 47px; padding-top: 50px; }

/* ワタシがオススメするイチオシポイント背景 */
.bgMyRecommendPoint20		{ background-position: -1820px -310px; width: 765px; height: 86px; }
.bgMyRecommendPoint30		{ background-position: -1820px -470px; width: 765px; height: 86px; }
.bgMyRecommendPoint10		{ background-position: -1820px -630px; width: 765px; height: 86px; }
.bgMyRecommendPoint40		{ background-position: -1820px -790px; width: 765px; height: 86px; }
.bgMyRecommendPoint90		{ background-position: -1820px -790px; width: 765px; height: 86px; }

/* イチオシNo.2ポイント&No.3ポイント */
.no2RecommendPoint		{ background-position: -20px -720px; width: 72px; height: 20px; }
.no3RecommendPoint		{ background-position: -120px -720px; width: 72px; height: 20px; }

/* イチオシNo.1ポイント - テキスト画像 */
.textSalesPointLargeRP01	{ background-position: -20px -920px; width: 256px; height: 34px; }
.textSalesPointLargeRP02	{ background-position: -20px -960px; width: 231px; height: 34px; }
.textSalesPointLargeRP03	{ background-position: -20px -1000px; width: 230px; height: 34px; }
.textSalesPointLargeRP04	{ background-position: -20px -1040px; width: 182px; height: 34px; }
.textSalesPointLargeRP05	{ background-position: -20px -1080px; width: 219px; height: 34px; }
.textSalesPointLargeRP06	{ background-position: -20px -1120px; width: 190px; height: 34px; }
.textSalesPointLargeRP07	{ background-position: -20px -1160px; width: 217px; height: 34px; }
.textSalesPointLargeRP08	{ background-position: -20px -1200px; width: 67px; height: 34px; }
.textSalesPointLargeRP09	{ background-position: -20px -1240px; width: 164px; height: 34px; }
.textSalesPointLargeRP10	{ background-position: -20px -1280px; width: 295px; height: 34px; }
.textSalesPointLargeRP11	{ background-position: -20px -1320px; width: 86px; height: 34px; }
.textSalesPointLargeRP12	{ background-position: -20px -1360px; width: 90px; height: 34px; }
.textSalesPointLargeRP13	{ background-position: -20px -1400px; width: 95px; height: 34px; }
.textSalesPointLargeRP14	{ background-position: -20px -1440px; width: 308px; height: 34px; }
.textSalesPointLargeRP15	{ background-position: -20px -1480px; width: 118px; height: 34px; }
.textSalesPointLargeRP16	{ background-position: -20px -1520px; width: 198px; height: 34px; }
.textSalesPointLargeRP17	{ background-position: -20px -1560px; width: 183px; height: 34px; }
.textSalesPointLargeRP18	{ background-position: -20px -1600px; width: 229px; height: 34px; }
.textSalesPointLargeRP19	{ background-position: -20px -1640px; width: 255px; height: 34px; }
.textSalesPointLargeRP20	{ background-position: -20px -1680px; width: 97px; height: 34px; }

/* イチオシNo.2ポイント&No.3ポイント - テキスト画像 */
.textSalesPointSmallRP01	{ background-position: -500px -920px; width: 95px ; height: 13px; }
.textSalesPointSmallRP02	{ background-position: -500px -940px; width: 86px; height: 13px; }
.textSalesPointSmallRP03	{ background-position: -500px -960px; width: 87px; height: 13px; }
.textSalesPointSmallRP04	{ background-position: -500px -980px; width: 67px; height: 13px; }
.textSalesPointSmallRP05	{ background-position: -500px -1000px; width: 79px; height: 13px; }
.textSalesPointSmallRP06	{ background-position: -500px -1020px; width: 73px; height: 12px; }
.textSalesPointSmallRP07	{ background-position: -500px -1040px; width: 84px; height: 13px; }
.textSalesPointSmallRP08	{ background-position: -500px -1060px; width: 26px; height: 12px; }
.textSalesPointSmallRP09	{ background-position: -500px -1080px; width: 63px; height: 12px; }
.textSalesPointSmallRP10	{ background-position: -500px -1100px; width: 112px; height: 12px; }
.textSalesPointSmallRP11	{ background-position: -500px -1120px; width: 31px; height: 12px; }
.textSalesPointSmallRP12	{ background-position: -500px -1140px; width: 33px; height: 12px; }
.textSalesPointSmallRP13	{ background-position: -500px -1160px; width: 35px; height: 11px; }
.textSalesPointSmallRP14	{ background-position: -500px -1180px; width: 112px; height: 13px; }
.textSalesPointSmallRP15	{ background-position: -500px -1200px; width: 45px; height: 12px; }
.textSalesPointSmallRP16	{ background-position: -500px -1220px; width: 68px; height: 12px; }
.textSalesPointSmallRP17	{ background-position: -500px -1240px; width: 66px; height: 12px; }
.textSalesPointSmallRP18	{ background-position: -500px -1260px; width: 85px; height: 13px; }
.textSalesPointSmallRP19	{ background-position: -500px -1280px; width: 95px; height: 13px; }
.textSalesPointSmallRP20	{ background-position: -500px -1300px; width: 37px; height: 12px; }

/* No,1ポイント */
.pointRP01L		{ background-position: -20px -920px; width: 256px; height: 33px; left: 50%; margin-left: -128px; }
.pointRP02L		{ background-position: -20px -960px; width: 231px; height: 33px; left: 50%; margin-left: -115px; }
.pointRP03L		{ background-position: -20px -1000px; width: 230px; height: 33px; left: 50%; margin-left: -115px; }
.pointRP04L		{ background-position: -20px -1040px; width: 182px; height: 33px; left: 50%; margin-left: -91px; }
.pointRP05L		{ background-position: -20px -1080px; width: 219px; height: 33px; left: 50%; margin-left: -109px; }
.pointRP06L		{ background-position: -20px -1120px; width: 190px; height: 33px; left: 50%; margin-left: -95px; }
.pointRP07L		{ background-position: -20px -1160px; width: 217px; height: 33px; left: 50%; margin-left: -108px; }
.pointRP08L		{ background-position: -20px -1200px; width: 67px; height: 32px; left: 50%; margin-left: -33px; }
.pointRP09L		{ background-position: -20px -1240px; width: 164px; height: 32px; left: 50%; margin-left: -82px; }
.pointRP10L		{ background-position: -20px -1280px; width: 295px; height: 32px; left: 50%; margin-left: -147px; }
.pointRP11L		{ background-position: -20px -1320px; width: 86px; height: 30px; left: 50%; margin-left: -43px; }
.pointRP12L		{ background-position: -20px -1360px; width: 90px; height: 31px; left: 50%; margin-left: -45px; }
.pointRP13L		{ background-position: -20px -1400px; width: 95px; height: 27px; left: 50%; margin-left: -47px; }
.pointRP14L		{ background-position: -20px -1440px; width: 308px; height: 32px; left: 50%; margin-left: -154px; }
.pointRP15L		{ background-position: -20px -1480px; width: 118px; height: 31px; left: 50%; margin-left: -59px; }
.pointRP16L		{ background-position: -20px -1520px; width: 198px; height: 31px; left: 50%; margin-left: -99px; }
.pointRP17L		{ background-position: -20px -1560px; width: 183px; height: 32px; left: 50%; margin-left: -91px; }
.pointRP18L		{ background-position: -20px -1600px; width: 229px; height: 33px; left: 50%; margin-left: -114px; }
.pointRP19L		{ background-position: -20px -1640px; width: 255px; height: 34px; left: 50%; margin-left: -127px; }
.pointRP20L		{ background-position: -20px -1680px; width: 97px; height: 32px; left: 50%; margin-left: -48px; }

/************************************************************
 * スプライト画像 - 予約画面固有スプライト画像（reserve.png）
 ************************************************************/

.rsvS				{ background-image: url("/CSP/img/my/sprites/reserve.png?switch=2026011315"); background-repeat: no-repeat; display: block; }

.preRsv				{ background-position: -840px -540px; width: 90px; height: 25px; }
.directRsv			{ background-position: -840px -580px; width: 90px; height: 25px; }

/* 画面遷移フロー */
.stepIcon			{ background-position: -20px -540px; width: 40px; height: 25px; margin-right: 10px; }

.stepA01			{ background-position: -60px -540px; width: 119px; height: 25px; margin-right: 6px; }
.stepA02			{ background-position: -180px -540px; width: 119px; height: 25px; margin-right: 6px; }
.stepA03			{ background-position: -300px -540px; width: 119px; height: 25px; margin-right: 6px; }
.stepA04			{ background-position: -420px -540px; width: 119px; height: 25px; margin-right: 6px; }
.stepA05			{ background-position: -540px -540px; width: 119px; height: 25px; margin-right: 6px; }
.stepA06			{ background-position: -660px -540px; width: 90px; height: 25px; }

.stepA01On			{ background-position: -60px -580px; width: 119px; height: 25px; margin-right: 6px; }
.stepA02On			{ background-position: -180px -580px; width: 119px; height: 25px; margin-right: 6px; }
.stepA03On			{ background-position: -300px -580px; width: 119px; height: 25px; margin-right: 6px; }
.stepA04On			{ background-position: -420px -580px; width: 119px; height: 25px; margin-right: 6px; }
.stepA05On			{ background-position: -540px -580px; width: 119px; height: 25px; margin-right: 6px; }
.stepA06On			{ background-position: -660px -580px; width: 90px; height: 25px; }

.stepB01			{ background-position: -60px -620px; width: 119px; height: 25px; margin-right: 6px; }
.stepB02			{ background-position: -180px -620px; width: 119px; height: 25px; margin-right: 6px; }
.stepB03			{ background-position: -300px -620px; width: 119px; height: 25px; margin-right: 6px; }
.stepB04			{ background-position: -420px -620px; width: 119px; height: 25px; margin-right: 6px; }
.stepB05			{ background-position: -540px -620px; width: 119px; height: 25px; margin-right: 6px; }
.stepB06			{ background-position: -660px -620px; width: 90px; height: 25px; }

.stepB01On			{ background-position: -60px -660px; width: 119px; height: 25px; margin-right: 6px; }
.stepB02On			{ background-position: -180px -660px; width: 119px; height: 25px; margin-right: 6px; }
.stepB03On			{ background-position: -300px -660px; width: 119px; height: 25px; margin-right: 6px; }
.stepB04On			{ background-position: -420px -660px; width: 119px; height: 25px; margin-right: 6px; }
.stepB05On			{ background-position: -540px -660px; width: 119px; height: 25px; margin-right: 6px; }
.stepB06On			{ background-position: -660px -660px; width: 90px; height: 25px; }

.stepC01			{ background-position: -60px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepC02			{ background-position: -180px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepC03			{ background-position: -300px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepC04			{ background-position: -420px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepC05			{ background-position: -540px -700px; width: 119px; height: 25px; margin-right: 6px; }

.stepC01On			{ background-position: -60px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepC02On			{ background-position: -180px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepC03On			{ background-position: -300px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepC04On			{ background-position: -420px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepC05On			{ background-position: -540px -740px; width: 119px; height: 25px; margin-right: 6px; }

.stepD01			{ background-position: -60px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepD02			{ background-position: -180px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepD03			{ background-position: -300px -700px; width: 119px; height: 25px; margin-right: 6px; }
.stepD04			{ background-position: -420px -700px; width: 119px; height: 25px; margin-right: 6px; }

.stepD01On			{ background-position: -60px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepD02On			{ background-position: -180px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepD03On			{ background-position: -300px -740px; width: 119px; height: 25px; margin-right: 6px; }
.stepD04On			{ background-position: -420px -740px; width: 119px; height: 25px; margin-right: 6px; }

/* 予約可不可アイコン */
.closeday			{ background-position: -50px 0; width: 35px; height: 90px; }
.telPls				{ background-position: 0 0; width: 35px; height: 185px; }

.circle				{ background-position: -885px -280px; width: 35px; height: 32px; }
.wcircle			{ background-position: -925px -280px; width: 35px; height: 32px; }
.wcircle:hover		{ background-position: -925px -325px; width: 35px; height: 32px; }


/* 予約表タブ見出し */
.reserveDateTabOn {
	float: left;
	background-position: left -500px;
	height: 28px;
	line-height: 28px;
	padding-left: 10px;
	cursor: pointer;
}
.reserveDateTabOn .tabInner {
	float: left;
	background-position: right -500px;
	height: 28px;
	line-height: 28px;
	padding-right: 10px;
	color: #632523;
	font-weight: bold;
}
.reserveDateTabOff	{
	float: left;
	background-position: left -460px;
	height: 23px;
	line-height: 23px;
	margin-top: 5px;
	padding-left: 10px;
	cursor: pointer;
}
.reserveDateTabOff .tabInner {
	float: left;
	background-position: right -460px;
	height: 23px;
	line-height: 23px;
	padding-right: 10px;
	color: #999999;
	font-weight: bold;
}


.goback				{ background-position: -357px -173px; width: 180px; height: 28px; }

.selectImg			{ background-position: -575px -40px; width: 115px; height: 153px; }

/************************************************************
 * スプライト画像 - ブログ画面固有（blog.png）
 ************************************************************/

.blogS	{ background-image: url("/CSP/img/my/sprites/blog.png?switch=2026011315"); background-repeat: no-repeat; }

/* ブログアイコン */
.blogCategoryBL03	{ background-position: 0 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL02	{ background-position: -120px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL04	{ background-position: -240px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL10	{ background-position: -360px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL05	{ background-position: -480px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL01	{ background-position: -600px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL06	{ background-position: -720px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL09	{ background-position: -840px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL07	{ background-position: -960px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL11	{ background-position: -1080px 0; display: block; width: 107px; height: 19px; }
.blogCategoryBL08	{ background-position: -1200px 0; display: block; width: 107px; height: 19px; }

/* ブログアイコン（大） */
.blogCategoryLargeBL03	{ background-position: 0 -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL02	{ background-position: -260px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL04	{ background-position: -520px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL10	{ background-position: -780px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL05	{ background-position: -1040px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL01	{ background-position: -1300px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL06	{ background-position: -1560px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL07	{ background-position: -1820px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL08	{ background-position: -2080px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL09	{ background-position: -2340px -40px; display: block; width: 232px; height: 34px; }
.blogCategoryLargeBL11	{ background-position: -2860px -40px; display: block; width: 232px; height: 34px; }

/* クチコミアイコン */
/* 美容 */
.recommendPointRP01		{ background-position: 0 -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP02		{ background-position: -120px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP03		{ background-position: -240px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP04		{ background-position: -360px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP05		{ background-position: -480px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP06		{ background-position: -600px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP07		{ background-position: -720px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP08		{ background-position: -840px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP09		{ background-position: -960px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP10		{ background-position: -1080px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP11		{ background-position: -1200px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP12		{ background-position: -1320px -100px; display: block; width: 107px; height: 19px; }
.recommendPointRP13		{ background-position: 0 -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP14		{ background-position: -120px -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP15		{ background-position: -240px -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP16		{ background-position: -240px -180px; display: block; width: 107px; height: 19px; }
.recommendPointRP17		{ background-position: -360px -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP18		{ background-position: -480px -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP19		{ background-position: -960px -140px; display: block; width: 107px; height: 19px; }
.recommendPointRP20		{ background-position: -120px -180px; display: block; width: 107px; height: 19px; }
/* キレイ */
.kireiRecoPointRP01		{ background-position: -600px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP02		{ background-position: -720px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP03		{ background-position: -840px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP04		{ background-position: -960px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP05		{ background-position: -480px -100px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP06		{ background-position: -1080px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP07		{ background-position: -1200px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP08		{ background-position: -1320px -140px; display: block; width: 107px; height: 19px; }
.kireiRecoPointRP09		{ background-position: 0 -180px; display: block; width: 107px; height: 19px; }

/************************************************************
 * スプライト画像 - マイページ画面固有（mypage.png）
 ************************************************************/
.mypageS	{ background-image: url("/CSP/img/my/sprites/mypage.png?switch=2026011315"); background-repeat: no-repeat; }

.reserveW100H30				{ background-position: -220px -360px; width: 100px; height: 30px; }
.reserveW100H30:hover		{ background-position: -220px -390px; }

/* 予約 ポインターカーソル */
.pointerCursor	{ cursor:pointer; }

.reserveSameStylist			{ background-position: 0 -360px; width: 195px; height: 30px; }
.reserveSameStylist:hover	{ background-position: 0 -390px; }
.PostKuchikomi				{ background-position: -360px -360px; width: 121px; height: 30px; }
.PostKuchikomi:hover		{ background-position: -360px -390px; }
.rsvWithCoupon				{ background-position: -465px -450px; width: 111px; height: 26px; }
.rsvWithCoupon:hover		{ background-position: -465px -476px; }
.rsvWithMenu				{ background-position: -592px -450px; width: 111px; height: 26px; }
.rsvWithMenu:hover			{ background-position: -592px -476px; }


/************************************************************
 * 追加
 ************************************************************/
.addIntoMyStyle2				{ background-position: -1440px -120px; width: 115px; height: 24px; }
.addIntoMyStyle2:hover		{ background-position: -1440px -144px; }

.inService		{ background: url("/CSP/img/bt/icons_buttons/hed_service.gif?switch=2026011315") no-repeat; display: block; width:140px; height:22px; }
.recruitSite	{ background: url("/CSP/img/bt/icons_buttons/hed_recruitsite.gif?switch=2026011315") no-repeat; display: block; width:114px; height:22px; }

/* SAエリアボタン */
.saSapporo					{ background: url("/CSP/img/bt/map/button/btn_saSapporo.gif?switch=2026011315") no-repeat top; display: block; width: 75px; height: 65px; }
.saSapporo:hover			{ background-position: bottom; }
.saAsahikawa				{ background: url("/CSP/img/bt/map/button/btn_saAsahikawa.gif?switch=2026011315") no-repeat top; display: block; width: 75px; height: 65px; }
.saAsahikawa:hover			{ background-position: bottom; }
.saKoriyama					{ background: url("/CSP/img/bt/map/button/btn_saKoriyama.gif?switch=2026011315") no-repeat top; display: block; width: 75px; height: 65px; }
.saKoriyama:hover			{ background-position: bottom; }
.saSendai					{ background: url("/CSP/img/bt/map/button/btn_saSendai.gif?switch=2026011315") no-repeat top; display: block; width: 75px; height: 65px; }
.saSendai:hover				{ background-position: bottom; }
.saMorioka					{ background: url("/CSP/img/bt/map/button/btn_saMorioka.gif?switch=2026011315") no-repeat top; display: block; width: 75px; height: 65px; }
.saMorioka:hover			{ background-position: bottom; }
.saNagaoka					{ background: url("/CSP/img/bt/map/button/btn_saNagaoka.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNagaoka:hover			{ background-position: bottom; }
.saNigata					{ background: url("/CSP/img/bt/map/button/btn_saNigata.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNigata:hover				{ background-position: bottom; }
.saKanazawa					{ background: url("/CSP/img/bt/map/button/btn_saKanazawa.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKanazawa:hover			{ background-position: bottom; }
.saNagano					{ background: url("/CSP/img/bt/map/button/btn_saNagano.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNagano:hover				{ background-position: bottom; }
.saHiroshima				{ background: url("/CSP/img/bt/map/button/btn_saHiroshima.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHiroshima:hover			{ background-position: bottom; }
.saFukuyama					{ background: url("/CSP/img/bt/map/button/btn_saFukuyama.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saFukuyama:hover			{ background-position: bottom; }
.saOkayamaKusrashiki		{ background: url("/CSP/img/bt/map/button/btn_saOkayamaKusrashiki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saOkayamaKusrashiki:hover	{ background-position: bottom; }
.saMatsuyama				{ background: url("/CSP/img/bt/map/button/btn_saMatsuyama.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMatsuyama:hover			{ background-position: bottom; }
.saTakamatsu				{ background: url("/CSP/img/bt/map/button/btn_saTakamatsu.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saTakamatsu:hover			{ background-position: bottom; }
.saKouchi					{ background: url("/CSP/img/bt/map/button/btn_saKouchi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKouchi:hover				{ background-position: bottom; }
.saTokushima				{ background: url("/CSP/img/bt/map/button/btn_saTokushima.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saTokushima:hover			{ background-position: bottom; }
.saGifu						{ background: url("/CSP/img/bt/map/button/btn_saGifu.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saGifu:hover				{ background-position: bottom; }
.saIchinomiya				{ background: url("/CSP/img/bt/map/button/btn_saIchinomiya.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saIchinomiya:hover			{ background-position: bottom; }
.saKasugai					{ background: url("/CSP/img/bt/map/button/btn_saKasugai.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKasugai:hover			{ background-position: bottom; }
.saNakamurakouen			{ background: url("/CSP/img/bt/map/button/btn_saNakamurakouen.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNakamurakouen:hover		{ background-position: bottom; }
.saMeieki					{ background: url("/CSP/img/bt/map/button/btn_saMeieki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMeieki:hover				{ background-position: bottom; }
.saHoshigaoka				{ background: url("/CSP/img/bt/map/button/btn_saHoshigaoka.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHoshigaoka:hover			{ background-position: bottom; }
.saNagoyako					{ background: url("/CSP/img/bt/map/button/btn_saNagoyako.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNagoyako:hover			{ background-position: bottom; }
.saNissin					{ background: url("/CSP/img/bt/map/button/btn_saNissin.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNissin:hover				{ background-position: bottom; }
.saHamamatsu				{ background: url("/CSP/img/bt/map/button/btn_saHamamatsu.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHamamatsu:hover			{ background-position: bottom; }
.saShizuoka					{ background: url("/CSP/img/bt/map/button/btn_saShizuoka.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saShizuoka:hover			{ background-position: bottom; }
.saFukuoka					{ background: url("/CSP/img/bt/map/button/btn_saFukuoka.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saFukuoka:hover			{ background-position: bottom; }
.saKitaKyushu				{ background: url("/CSP/img/bt/map/button/btn_saKitaKyushu.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKitaKyushu:hover			{ background-position: bottom; }
.saNagasaki					{ background: url("/CSP/img/bt/map/button/btn_saNagasaki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNagasaki:hover			{ background-position: bottom; }
.saKumamoto					{ background: url("/CSP/img/bt/map/button/btn_saKumamoto.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKumamoto:hover			{ background-position: bottom; }
.saOita						{ background: url("/CSP/img/bt/map/button/btn_saOita.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saOita:hover				{ background-position: bottom; }
.saKagoshima				{ background: url("/CSP/img/bt/map/button/btn_saKagoshima.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKagoshima:hover			{ background-position: bottom; }
.saMiyazaki					{ background: url("/CSP/img/bt/map/button/btn_saMiyazaki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMiyazaki:hover			{ background-position: bottom; }
.saShiga					{ background: url("/CSP/img/bt/map/button/btn_saShiga.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saShiga:hover				{ background-position: bottom; }
.saNishinomiya				{ background: url("/CSP/img/bt/map/button/btn_saNishinomiya.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNishinomiya:hover		{ background-position: bottom; }
.saIkeda					{ background: url("/CSP/img/bt/map/button/btn_saIkeda.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saIkeda:hover				{ background-position: bottom; }
.saIbaraki					{ background: url("/CSP/img/bt/map/button/btn_saIbaraki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saIbaraki:hover			{ background-position: bottom; }
.saKyoto					{ background: url("/CSP/img/bt/map/button/btn_saKyoto.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKyoto:hover				{ background-position: bottom; }
.saHimeji					{ background: url("/CSP/img/bt/map/button/btn_saHimeji.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHimeji:hover				{ background-position: bottom; }
.saMiki						{ background: url("/CSP/img/bt/map/button/btn_saMiki.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMiki:hover				{ background-position: bottom; }
.saSannomiya				{ background: url("/CSP/img/bt/map/button/btn_saSannomiya.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saSannomiya:hover			{ background-position: bottom; }
.saUmeda					{ background: url("/CSP/img/bt/map/button/btn_saUmeda.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saUmeda:hover				{ background-position: bottom; }
.saKadoma					{ background: url("/CSP/img/bt/map/button/btn_saKadoma.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKadoma:hover				{ background-position: bottom; }
.saNagaokakyo				{ background: url("/CSP/img/bt/map/button/btn_saNagaokakyo.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNagaokakyo:hover			{ background-position: bottom; }
.saShinsaibashi				{ background: url("/CSP/img/bt/map/button/btn_saShinsaibashi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saShinsaibashi:hover		{ background-position: bottom; }
.saKamono					{ background: url("/CSP/img/bt/map/button/btn_saKamono.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKamono:hover				{ background-position: bottom; }
.saSyowamachi				{ background: url("/CSP/img/bt/map/button/btn_saSyowamachi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saSyowamachi:hover			{ background-position: bottom; }
.saHirano					{ background: url("/CSP/img/bt/map/button/btn_saHirano.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHirano:hover				{ background-position: bottom; }
.saSakai					{ background: url("/CSP/img/bt/map/button/btn_saSakai.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saSakai:hover				{ background-position: bottom; }
.saNara						{ background: url("/CSP/img/bt/map/button/btn_saNara.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saNara:hover				{ background-position: bottom; }
.saMita						{ background: url("/CSP/img/bt/map/button/btn_saMita.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMita:hover				{ background-position: bottom; }
.saTakaishi					{ background: url("/CSP/img/bt/map/button/btn_saTakaishi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saTakaishi:hover			{ background-position: bottom; }
.saKawanishi				{ background: url("/CSP/img/bt/map/button/btn_saKawanishi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKawanishi:hover			{ background-position: bottom; }
.saSuita					{ background: url("/CSP/img/bt/map/button/btn_saSuita.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saSuita:hover				{ background-position: bottom; }
.saKoube					{ background: url("/CSP/img/bt/map/button/btn_saKoube.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKoube:hover				{ background-position: bottom; }
.saAshiya					{ background: url("/CSP/img/bt/map/button/btn_saAshiya.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saAshiya:hover				{ background-position: bottom; }
.saMoriguchi				{ background: url("/CSP/img/bt/map/button/btn_saMoriguchi.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saMoriguchi:hover			{ background-position: bottom; }
.saHanaten					{ background: url("/CSP/img/bt/map/button/btn_saHanaten.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHanaten:hover			{ background-position: bottom; }
.saHigashiOsaka				{ background: url("/CSP/img/bt/map/button/btn_saHigashiOsaka.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saHigashiOsaka:hover		{ background-position: bottom; }
.saKishiwada				{ background: url("/CSP/img/bt/map/button/btn_saKishiwada.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saKishiwada:hover			{ background-position: bottom; }
.saOuji						{ background: url("/CSP/img/bt/map/button/btn_saOuji.gif?switch=2026011315") no-repeat top; width: 75px; height: 65px; }
.saOuji:hover				{ background-position: bottom; }

/* serial number */
.btnSubmitAgree				{ background: url("/CSP/img/my/btn_submit_agree.gif?switch=2026011315") no-repeat top; width: 200px; height: 45px; }
.btnSubmitAgree:hover		{ background-position: bottom; }


/* coupon menu icon */
.couponMenuIcon			{ background-color: #FF8A90; }
.couponNoMenuIcon		{
	background-color: #ADADAC;
	color: #FFFFFF;
}
.couponMenuIconKr	{ background-color: #94CDAD; }
.couponMenuIconKrOther	{ background-color: #666666; }
.couponMenuIconPink	{ background-color: #F5BCD5; }
.couponMenuIconPurple	{background-color: #C49BC2; }
.couponMenuIcons li.couponMenuIconOff {
	color: #C43357;
	font-size: 11px;
	padding: 0;
	text-align: left;
	white-space: normal;
}

/* クーポン */
.couponListCassete3 {
	border-left: 1px solid #BFBFBF;
	border-top: 1px solid #BFBFBF;
	border-bottom: 1px solid #BFBFBF;
	zoom: 1;
}

.couponListCassetePink {
	border: 1px solid #EEAABB;
	zoom: 1;
}
.couponMenuIcons li {
	float: left;
	margin-right: 5px;
	padding: 1px 10px;
	color: #FFF;
	text-align: center;
	white-space: nowrap;
}
.couponMenuIconCut				{ background-color: #6397CC; }
.couponMenuIconPerm				{ background-color: #FF8A90; }
.couponMenuIconColor			{ background-color: #9290FF; }
.couponMenuIconTreatment	{ background-color: #A4B361; }
.couponMenuIconKyosei			{ background-color: #CCA685; }
.couponMenuIconOther			{ background-color: #BC90FF; }
.couponMenuIconOther2			{ background-color: #9C9A9C; }
.couponMenuIconExtension	{ background-color: #FFBE56; }

/* matsumoto add*/
.couponMenuIconMC01			{ background-color: #6397CC; }
.couponMenuIconMC03			{ background-color: #FF8A90; }
.couponMenuIconMC02			{ background-color: #9290FF; }
.couponMenuIconMC06			{ background-color: #A4B361; }
.couponMenuIconMC04			{ background-color: #CCA685; }
.couponMenuIconMC07			{ background-color: #BC90FF; }
.couponMenuIconMC05			{ background-color: #FFBE56; }

/* matsumoto add*/
.listCouponTypeCT01		{ background-position: -177px -860px; display: block; width: 23px; height: 23px; }
.listCouponTypeCT02		{ background-position: -177px -580px; display: block; width: 23px; height: 23px; }
.listCouponTypeCT03		{ background-position: -177px -720px; display: block; width: 23px; height: 23px; }

/* bt */
.couponMenuIconGR00			{ background-color: #FF8A90; }

/* kr */
.couponMenuIconGR01			{ background-color: #94CDAD; }
.couponMenuIconGR02			{ background-color: #94CDAD; }
.couponMenuIconGR03			{ background-color: #94CDAD; }
.couponMenuIconGR04			{ background-color: #F5BCD5; }
.couponMenuIconGR05			{ background-color: #F5BCD5; }
.couponMenuIconGR06			{ background-color: #C49BC2; }
.couponMenuIconGR07			{ background-color: #94CDAD; }
.couponMenuIconGR08			{ background-color: #94CDAD; }
.couponMenuIconGR09			{ background-color: #94CDAD; }
.couponMenuIconGR99			{ background-color: #9C9A9C; }

.couponMenuIconCutOff,
.couponMenuIconPermOff,
.couponMenuIconColorOff,
.couponMenuIconTreatmentOff,
.couponMenuIconKyoseiOff,
.couponMenuIconOtherOff,
.couponMenuIconExtensionOff	{ background-color: #EAEAEA !important; }

.icnDelete {
	display: inline;
	padding-left: 21px;
	white-space: nowrap;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url("/CSP/img/my/icn_bubble_close.png?switch=2026011315") no-repeat left center;
}

/* lightNavi */
.lNavi {
	margin-bottom:-1px;
	width: 765px;
	height: 35px;
	position: relative;
	z-index: 0;
}
.lNavi li{
	margin-left:3px;
}
.lNavi li:first-child {
	margin-left:0;
}
.middleContents{
	width:765px;
	float:right;
}

.subtitle h2{
	font-size: 16px;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	margin: 10px 0 15px 0;
	color: #444;
}

.skinHeadingWrapper {
	height: 12px;
	border-bottom: 1px solid #959595;
	background: url("/CSP/img/top/icons/icon_heading.png?switch=2026011315") no-repeat 2px 0;
	padding-left: 24px;
	padding-bottom: 9px;
	line-height: 18px;
}

.skinHeadingWrapper h2 {
	font-size: 15px;
	color: #666;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

.skinHeadingWrapper h3 {
	font-size: 15px;
	color: #666;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

.skinHeadingWrapper2 {
	height: 12px;
	background: url("/CSP/img/top/icons/icon_heading.png?switch=2026011315") no-repeat 2px 0;
	padding-left: 24px;
	padding-bottom: 9px;
	line-height: 18px;
}

.skinHeadingWrapper2 h3 {
	font-size: 12px;
	color: #666;
}

.shopContentsHeading{
	position: relative;
}
.categoryHeading {
	color: #666;
	font-weight: bold;
	font-size: 15px;
	line-height: 1;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

.boxHeading {
	color: #666;
	white-space:nowrap;
	background-color: #E7E5DD;
	padding:7px;
	margin-right:10px;
	font-weight: bold;
	font-size:12px;
	line-height:12px;
	width:90px;
}

.boxHeadingHistory {
	color: #666;
	white-space:nowrap;
	background-color: #E7E5DD;
	border-bottom: 2px solid #FFFFFF;
	padding:7px 5px;
	margin-right:10px;
	font-weight: bold;
	font-size:12px;
	line-height:12px;
	width: 105px;
}


.boxBody{
	padding-left: 10px;
	border-bottom: 2px solid #FFFFFF;
	width: 150px;
}
.boxBodyHistory{
	padding-left: 10px;
	border-bottom: 2px solid #FFFFFF;
}

.cassetteContentsBox {border:1px solid #CCCCCC; width: 460px; }

.shopContentsWrapper { width:725px; margin:0 20px; }
.shopContentsHeader  { font-size:18px; color:#666; line-height:1.2; margin-bottom: 4px; width: 520px; font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;}
.shopContentsInner   { width:695px; position: relative; }
.shopContentsInnerSalon { width:695px; min-height:86px; position: relative; }
.shopContentsInnerReserve { width:695px; position: relative; }
.shopContentsInnerHistory { width:695px; min-height:140px; position: relative; }
.shopName            { font-size: 16px; line-height: 1.2; padding-bottom: 7px; width: 520px;}
.salonMark           { margin-top: 4px; padding-bottom:6px; width:171px;}
.salonMark li        { margin-left: 3px; margin-top: 2px; }
.salonMarkListInner  { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;}
.msgSalonMarkListInner  { text-indent: -9999px; white-space: nowrap; display: block;}
.dateTime            { position: absolute; top:23px; left:0; z-index: 1;}
.dateTimeSalon       { position: absolute; top:0; left:0; z-index: 1;}
.reserveMessage      { position: absolute; top:22px; left:270px; z-index: 1;}
.reserveMessageSalon { position: absolute; top:0; left:270px; z-index: 1;}
.reserveMessageHistory { float: left; margin-left: 10px;}
.salonsAnswer        { margin-top: 2px; margin-left: 5px; color: #D1131D; font-weight: bold; white-space: nowrap; }
.salonsAnswer.fgBlack { color: #333333; }
.myPageList          { position: absolute; bottom:0; left:0px; width:700px; z-index: 1;}
.detailBtn1           { padding-bottom:4px;}
.detailBtn2          {  float:right; padding-bottom:4px;}
.detailTxt1			 { padding-top:6px; padding-bottom: 2px;}
.detailTxt2			 { padding-top:6px;}
.reserveCancel       { width:170px; margin-top:12px; float:right;}
.reserveNumberHistory{ position: absolute; top:24px; right: 0; z-index: 1;}
.tableHistoryWrapper2 { margin-top:10px; min-height: 56px; width: 510px; margin-right: 10px;}
.tableHistory		 { padding-top:10px; min-height: 30px; width: 510px; margin-right: 10px; zoom: 1;}
.cassetteHeading         {padding: 7px 14px 8px; border-bottom:2px solid #AA3355; }
.cassetteContentsHeading {padding-left: 8px; font-weight:bold; color:#666666; border-left: 5px solid #988989; line-height:14px; }

/* ショップ名用ハック */
.shopNameWrapper{

}

/************************************************************
* buttons
************************************************************/
.unregisteredBtn{width:160px !important;}
.myPageTitle{
	border-bottom: solid 2px #cdcabf;
	color: #555;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-size: 16px;
	font-weight: bold;
}
.myPageTopics {
	background-color: #988989;
	color: #FFF;
	display: inline-block;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	font-size: 10px;
	height: 11px;
	line-height: 11px;
	padding: 3px;
	position: relative;
	vertical-align: middle;
}
.myPageTopics:before {
	background: url("/CSP/img/top/icons/icon_heading.png?switch=2026011315") no-repeat 0 0;
	content: '';
	display: block;
	height: 17px;
	left: -5px;
	position: absolute;
	top: 0;
	width: 5px;
}
.myPageTopics:after {
	background: url("/CSP/img/top/icons/icon_heading.png?switch=2026011315") no-repeat -12px 0;
	content: '';
	display: block;
	height: 17px;
	right: -5px;
	position: absolute;
	top: 0;
	width: 5px;
}
.pointLink{text-decoration: none;}
.pointLink:hover{text-decoration: underline;}
.bookmarkList dd {
padding-left: 8px;
margin-bottom: 3px;
}
.bookmarkList dd:last-child{
	margin-bottom: 0;
}

/* 美容医療への導線 */
.clinicLeadButton {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-shadow: 0 2px 0 0 #CCCCCC;
	color: #666666 !important;
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 25px;
}
.clinicLeadButton:hover {
	opacity: 0.7;
	text-decoration: none;
}

/************************************************************
* popup
************************************************************/
.popupDeleteBox{
	display:none;
	background:white;
	padding:15px 20px 15px;
	position: fixed;
	top:40%;
	left:50%;
	z-index:1001;
	border: 1px solid #999999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

/* jquery.minimalModal.js Overlay*/
.minimalModalOverlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url('/CSP/img/my/bg_over_layer.png?switch=2026011315');
	background-repeat: repeat;
	z-index: 1000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/* 予約キャンセル確認 */
.reserveCancelConfirmTitle,
.reserveCancelConfirmDescription,
.reserveCancelConfirmEmDescription {
	text-align: center;
}
.reserveCancelConfirmTitle {
	color: #665555;
	font-size: 16px;
	font-weight: bold;
	line-height: 1;
}
.reserveCancelConfirmDescription,
.reserveCancelConfirmEmDescription {
	margin-top: 10px;
}
.reserveCancelConfirmDescription,
.btnReserveCancelConfirmBack,
.btnReserveCancelConfirmBack:link,
.btnReserveCancelConfirmBack:visited,
.btnReserveCancelConfirmBack:hover {
	color: #666666;
}
.btnReserveCancelConfirmWrap {
	font-size: 0;
	margin-top: 20px;
	text-align: center;
	vertical-align: middle;
}
.btnReserveCancelConfirmInner {
	display: inline-block;
	vertical-align: middle;
}
.btnReserveCancelConfirmInner + .btnReserveCancelConfirmInner {
	margin-left: 20px;
}
.btnReserveCancelConfirmBack,
.btnReserveCancelConfirmCancel {
	font-size: 14px;
	height: 36px;
}
.btnReserveCancelConfirmBack {
	padding-top: 7px;
	width: 250px;
}
.btnReserveCancelConfirmCancel {
	padding: 0;
	width: 290px;
}

/* 予約キャンセル完了 */
.reserveCancelCompleteWrap {
	background-color: #FBFAF5;
	border: 1px solid #CCCCCC;
	padding: 45px 10px;
}
.reserveCancelCompleteMsg,
.rebookingMenuList {
	text-align: center;
}
.reserveCancelCompleteMsg {
	color: #665555;
	font-size: 16px;
	font-weight: bold;
}
.rebookingMenuList {
	font-size: 14px;
	margin-top: 35px;
}
.rebookingMenuListInner + .rebookingMenuListInner {
	margin-top: 8px;
}
.searchOtherSlnLink {
	margin-top: 25px;
}
.arrowLargeR:before {
	border-color: transparent;
	border-left-color: #CC4466;
	border-style: solid;
	border-width: 5px 0 5px 5px;
	content: "";
	display: inline-block;
	height: 0;
	padding-left: 6px;
	width: 0;
}

/************************************************************
* ギフト券ページ
************************************************************/

/* ギフト券（全般） */
.giftMsgList {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #666666 !important;
	display: block;
	margin-top: 15px;
	padding: 10px 15px;
	position: relative;
}
.giftMsgListHeader,
.giftMsgListDetail {
	box-sizing: border-box;
	float: left;
	width: 50%;
}
.giftMsgListHeader {
	border-right: 1px solid #CCCCCC;
	padding-right: 15px;
}
.giftMsgListDetail {
	float: left;
	font-size: 12px;
	min-height: 55px;
	padding-left: 15px;
}
.giftMsgListDetailList + .giftMsgListDetailList {
	margin-top: 5px;
}
.giftMsgListTtl {
	font-size: 14px;
	font-weight: bold;
}
.giftMsgListPrice {
	color: #D36985;
	font-size: 18px;
	font-weight: bold;
}
.giftMsgListPriceEm {
	font-size: 26px;
}
.giftMsgListLink {
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

/* ギフト券（マイページTOP用） */
.giftMsgList.isLink:hover {
	color: #7878CC !important;
}

.giftMsgListTtl.isEllipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* ギフト券（一覧ページ用） */
.giftMsgList.isAvailable,
.giftMsgList.isUnavailable {
	padding: 15px 15px 15px 25px;
}
.giftMsgList.isAvailable:hover {
	opacity: 0.7;
}
.giftMsgList.isAvailable::before,
.giftMsgList.isUnavailable::before {
	border-radius: 4px 0 0 4px;
	border-style: solid;
	border-width: 1px;
	content: "";
	height: 100%;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 10px;
}
.giftMsgList.isAvailable::before {
	background-color: #D36985;
	border-color: #D36985;
}
.giftMsgList.isUnavailable::before {
	background-color: #CCCCCC;
	border-color: #CCCCCC;
}
.giftMsgList.isAvailable > .giftMsgListHeader,
.giftMsgList.isUnavailable > .giftMsgListHeader {
	min-height: 100px;
	width: calc(50% - 10px);
}
.giftMsgList.isAvailable .giftMsgListPrice,
.giftMsgList.isUnavailable .giftMsgListPrice {
	padding: 5px 10px;
	text-align: center;
}
.giftMsgList.isAvailable .giftMsgListPrice {
	background-color: #FCF8DF;
}
.giftMsgList.isUnavailable .giftMsgListPrice {
	color: #CCCCCC;
	background-color: #F4F4F4;
}
.giftMsgListMore {
	bottom: 15px;
	position: absolute;
	right: 15px;
}
.giftMsgListMoreBtn {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	box-sizing: border-box;
	color: #666666 !important;
	display: block;
	font-weight: bold;
	height: 30px;
	line-height: 29px;
	text-align: center;
	width: 60px;
}
.giftMsgListMoreBtn:hover {
	color: #666666;
	text-decoration: none;
}
.usedGiftTicketToggleArea {
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	margin-top: 20px;
}
a.usedGiftTicketToggleBtn {
	border-radius: 4px;
	box-sizing: border-box;
	color: #666666;
	display: block;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 9px 10px;
	position: relative;
	text-decoration: none;
}
a.usedGiftTicketToggleBtn::after {
	border-color: #999999;
	border-style: solid;
	border-width: 0 2px 2px 0;
	content: "";
	display: block;
	height: 7px;
	margin-top: -7px;
	position: absolute;
	right: 10px;
	top: 50%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	width: 7px;
}
a.usedGiftTicketToggleBtn.isOpened {
	border-radius: 4px 4px 0 0;
}
a.usedGiftTicketToggleBtn.isOpened::after {
	border-width: 2px 0 0 2px;
	margin-top: -3px;
}
.usedGiftTicketToggleWrap {
	border-radius: 0 0 4px 4px;
	border-top: 1px solid #CCCCCC;
	display: none;
}
.usedGiftTicketToggleInner {
	padding: 0 15px 15px;
}

/* ギフト券（詳細ページ用） */
.giftDetailTicket {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #666666 !important;
	margin-top: 15px;
	padding: 30px 60px;
	text-align: center;
}
.giftDetailPrice {
	background-color: #FCF8DF;
	color: #D36985;
	font-size: 30px;
	font-weight: bold;
	margin-top: 15px;
	padding: 15px;
}
.giftDetailPriceEm {
	font-size: 45px;
}
.giftDetailSearchBox {
	margin-top: 30px;
	display: flex;
	justify-content: center;
}
.giftDetailSearchBtn {
	background-color: #F38696;
	border-bottom: 3px solid #EC6184;
	border-radius: 4px;
	box-sizing: border-box;
	color: #FFFFFF !important;
	flex-basis: 100%;
	font-weight: bold;
	height: 40px;
	line-height: 38px;
	text-align: center;
	max-width: 200px;
}
.giftDetailSearchBtn:hover {
	opacity: 0.7;
}
.giftDetailSearchBtn + .giftDetailSearchBtn {
	margin-left: 15px;
}
.giftDetailSearchBtn:hover {
	text-decoration: none;
}

/* ギフト券カルーセル */
.giftCarousel {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	position: relative;
	width: 730px;
}
.giftCarouselWrapper {
	height: 92px;
	overflow: hidden;
	position: relative;
}
.giftCarouselItem {
	float: left;
	width: 730px;
}
.giftCarouselPrev,
.giftCarouselNext {
	background-color: #EEEEEE;
	border: 1px solid #CCCCCC;
	border-radius: 3px;
	bottom: 0;
	box-sizing: border-box;
	cursor: pointer;
	height: 50px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 20px;
}
.giftCarouselPrev {
	left: -20px;
}
.giftCarouselNext {
	right: -20px;
}
.giftCarouselPrev::before,
.giftCarouselNext::before {
	border-right: 2px solid #B0B0B0;
	border-top: 2px solid #B0B0B0;
	bottom: 0;
	content: "";
	display: block;
	height: 9px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 9px;
}
.giftCarouselPrev::before {
	left: 6px;
	transform: rotate(225deg);
}
.giftCarouselNext::before {
	left: 0;
	transform: rotate(45deg);
}
.giftCarouselItemLink {
	display: block;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	width: 345px;
}
.giftCarouselItemImg {
	max-width: 100%;
}
.giftCarouselEmptyItem {
	float: left;
	height: 92px;
	margin-left: 10px;
	margin-right: 10px;
	width: 345px;
}

/************************************************************
* 口コミ投稿ページ
************************************************************/
.btnSelection {
	float: right;
}
.btnSelection li+li {
	margin-left: 8px;
}
.replyBtnLink {
	background-position: -360px -60px;
	width: 80px;
}
.replyBtnLink:hover {
	background-position: -360px -84px;
}
.reserveInfo {
	margin-top: 10px;
}
.reserveInfoData,
.reserveStylistData,
.reserveReplyData,
.reserveStaffData {
	width: 404px;
}
.reserveInfoData > p,
.reserveStylistData > p,
.reserveReplyData > p,
.reserveStaffData > p {
	width: inherit;
	word-break: break-word;
	word-wrap: break-word;
}
.reserveTableWrapper {
	margin-top: 0;
}
.reserveHistory {
	padding-top: 0;
}
.salonTags {
	letter-spacing: -5px;
	line-height: 0;
}
.shopBasicInfo .shopName {
	padding-bottom: 0;
	word-break: break-word;
	word-wrap: break-word;
}
.invalidateLink {
	background-position: -360px -84px;
	cursor: default;
}
.usedMenu {
	margin-top:5px;
}

/************************************************************
* ブックマーク一覧ページ
************************************************************/
.bookmarkCassetteList {
	display: flex;
	flex-wrap: wrap;
}
.bookmarkCassetteList > li {
	border-right: 1px solid #DDDDDD;
	box-sizing: border-box;
	position: relative;
}
.bookmarkCassetteList.listCol4 > li {
	width: 25%;
}
.bookmarkCassetteList.listCol3  > li {
	width: 33.33%;
}
.bookmarkCassetteList.listCol4 > li:nth-child(n + 5),
.bookmarkCassetteList.listCol3 > li:nth-child(n + 4) {
	margin-top: 61px;
}
.bookmarkCassetteList.listCol4 > li:nth-child(4n + 5)::before,
.bookmarkCassetteList.listCol3 > li:nth-child(3n + 4)::before {
	background: #DDDDDD;
	content: "";
	display: block;
	height: 1px;
	left: 13px;
	position: absolute;
	top: -31px;
	width: 697px;
}

/************************************************************
* 予約履歴一覧
************************************************************/
.myPageRsvCassettes .cassetteHeading {
	padding: 5px 14px 10px;
}
.myPageRsvCassettes > li {
	margin-top: 20px;
}
.myPageStatusWrapper {
	display: flex;
}
.myPageStatusDate {
	color: #333333;
	font-size: 14px;
	margin-left: 10px;
}
.myPageRsvSlnNameWrapper {
	display: flex;
	margin-top: 10px;
}
.myPageRsvSlnName {
	color: #666666;
	flex: 1;
	font-size: 18px;
	min-width: 0;
	word-wrap: break-word;
}
.myPageGenreLabelList {
	font-size: 0;
	margin: -3px -3px 0 15px;
	text-align: right;
	width: 186px;
}
.myPageGenreLabelList > li {
	display: inline-block;
	margin: 3px 3px 0 0;
}
.myPageRsvSlnAccessWrapper {
	margin-top: 10px;
}
.myPageRsvSlnAccessWrapper .mapBtnMysalon {
	display: inline-block;
	margin-left: 8px;
	vertical-align: bottom;
}
.myPageRsvSlnAccess {
	color: #7F7F7F;
	font-weight: bold;
}

/* サロンからのメッセージと予約履歴リンク */
.myPageRsvSlnInfoWrapper {
	display: flex;
}
.myPageRsvSlnAccessWrapper + .myPageRsvSlnInfoWrapper {
	margin-top: 5px;
}
.myPageRsvSlnNameWrapper + .myPageRsvSlnInfoWrapper {
	margin-top: 12px;
}
.myPageRsvSlnInfo {
	flex: 1;
	text-align: right;
}
.myPageRsvSlnInfo > li + li {
	margin-top: 5px;
}
.myPageRsvSlnMessage,
.myPageRsvSlnMessage > a {
	color: #CC0000;
}
.myPageRsvSlnMessage > a {
	text-decoration: underline;
}

/* 画像とクーポン一覧 */
.myPageRsvSlnDtlWrapper {
	display: flex;
	padding: 15px 15px 5px;
}
.myPageRsvSlnDtlImg {
	margin-right: 15px;
	width: 219px;
}
.myPageRsvSlnDtlImg > a {
	display: block;
}
.myPageRsvSlnDtlArea {
	width: 461px;
}

/* 予約内容・おすすめクーポン */
.myPageRsvSlnCouponListWrapper {
	border-top: 1px dotted #999999;
	padding: 10px 0;
}
.myPageRsvSlnCouponListWrapper:last-child {
	border-bottom: 1px dotted #999999;
}
.myPageRsvSlnCouponList {
	align-items: center;
	display: flex;
}
.myPageRsvSlnCouponList dt {
	flex: 1;
	word-break: break-all;
}
.myPageRsvSlnCouponList dd {
	display: flex;
	font-weight: bold;
	margin-left: 10px;
}
.myPageRsvCouponTable {
	border-collapse: collapse;
	margin-top: 10px;
	width: 100%;
}
.myPageRsvCouponTable td,
.myPageRsvCouponTable th {
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
	padding: 5px;
}
.myPageRsvCouponTable th {
	background-color: #EEEBE4;
	width: 140px;
}

/* ボタンエリア */
.myPageRsvSlnBtnWrapper {
	display: flex;
	justify-content: right;
}
.myPageRsvSlnBtnWrapper > li + li {
	margin-left: 10px;
}
.myPageRsvSlnBtnWrapper .crossMark {
	font-weight: bold;
	width: auto;
}

/* データがない時 */
.myPageTopNoReserveText {
	color: #333333;
	font-size: 18px;
	font-weight: bold;
	padding: 30px 0;
	text-align: center;
}

/* ボタン */
.btnCssWhite {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 3px;
	color: #666666 !important;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}

.btnCssWhite a {
	color: #666666;
	display: block;
}

.btnCssWhite:hover {
	opacity: 0.7;
	text-decoration: none;
}

/* ヘアスタイル動画 ▶︎あり */
.styleVideoTime {
	align-items: center;
	background-color: rgba(51,51,51,0.8);
	border-radius: 2px;
	bottom: 4px;
	color: #FFFFFF;
	display: flex;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 4px;
}
.styleVideoTime::before {
	background: url(/CSP/img/svg/pc/icon_play_white.svg?switch=2026011315) center / contain;
	content: "";
	height: 12px;
	margin-right: 2px;
	width: 12px;
}
/* ヘアスタイル動画 ▶︎なし */
.styleVideoTimeNoLink {
	background-color: rgba(51,51,51,0.8);
	border-radius: 2px;
	bottom: 4px;
	color: #FFFFFF;
	font-weight: bold;
	line-height: 1;
	padding: 4px;
	position: absolute;
	right: 4px;
}
.bdImgGray + .styleVideoTime,
.bdImgGray + .styleVideoTimeNoLink {
	bottom: 5px;
	right: 5px;
}

/* 汎用モーダル */
.modal {
	background-color: rgba(51, 51, 51, 0.8);
	bottom: 0;
	display: flex;
	left: 0;
	opacity: 0;
	overflow-y: scroll;
	padding: 48px 16px;
	position: fixed;
	right: 0;
	top: 0;
	transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
	visibility: hidden;
	z-index: 1001;
}
.modal.isOpened {
	opacity: 1;
	visibility: visible;
}
.modalBody {
	background-color: #FFFFFF;
	border-radius: 8px;
	box-sizing: border-box;
	flex-grow: 1;
	margin: auto;
	max-width: 670px;
	padding: 32px;
	position: relative;
}
.modalScrollableAreaOuter {
	border-radius: inherit;
	margin: -32px;
	overflow: hidden;
}
.modalScrollableAreaInner {
	box-sizing: border-box;
	max-height: 622px;
	overflow: auto;
	padding: 32px;
}
.modalCloseBtn {
	appearance: none;
	background: transparent url(/CSP/img/svg/pc/icon_close_white.svg?switch=2026011315) center / 24px no-repeat;
	border: none;
	cursor: pointer;
	height: 24px;
	left: 4px;
	padding: 0;
	position: absolute;
	top: -32px;
	width: 24px;
}
.modalHead {
	color: #665555;
	font-size: 18px;
	font-weight: bold;
}
.modalHead + .modalContent {
	margin-top: 16px;
}
.modalTxtList > li {
	color: #333333;
	padding-left: 1em;
	text-indent: -1em;
}
.modalTxtList > li::before {
	content: "\30FB";
}
.modalTxtList > li + li {
	margin-top: 4px;
}
.modalWarningTxt {
	color: #CC0000;
	font-size: 11px;
}
.modalWarningTxt + .modalTxtList {
	margin-top: 8px;
}
.modalSingleBtn {
	margin: 16px -32px 0;
}
.modalSingleBtn > .btnOutlinedNegative {
	margin: 0 auto;
	width: 60%;
}