@charset "utf-8";

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

body, form, img, div, p, ul, ol, li, dl, dt, dd, h1, h2, h3 ,h4 , h5, h6, table, th ,td ,select {
	margin: 0;
	padding: 0;
	-webkit-text-size-adjust:none;
}
ul, ol	{ list-style: none; }
img		{ border: 0 !important; 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,
.linkPink:visited { color: #CD4D72; }
.linkPink:hover,
.linkPink:active { color: #CD4D72; text-decoration: underline; }

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

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

.linkDisabled:link	{ color: #999999; cursor: text; }

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

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, select, textarea, table {
	color: #333333;
	font-size: 12px;
	line-height: 1.5;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 12px;
}

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

.fFm {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}
/************************************************************
 * IDS
 ************************************************************/


/* ヘッダー */
#headerWrapper {
	border-bottom: 2px solid #998a8a;
	border-top:    16px solid #BFB4AB;
	zoom: 1;
}
#header {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#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;
	background-repeat: no-repeat;
}
.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/bt/map/bg/bg_routemaptitle.gif?switch=2025062510") no-repeat; display: block; width: 291px; height: 25px; padding:5px 0 0 10px; }
.btnSearchStation	{ background: url("/CSP/img/bt/map/button/btn_searchbystation.gif?switch=2025062510") no-repeat 0 0; display: block; width: 143px; height: 24px; }
.btnSearchStation:hover	{ background: url("/CSP/img/bt/map/button/btn_searchbystation.gif?switch=2025062510") no-repeat 0 -24px; display: block; width: 143px; height: 24px; }

/* コンテンツ */
#contents {
	margin-top: 10px;
	padding: 0 20px;
	min-height: 300px;
	_height: 300px;
}
#mainContents {
	float: left;
	width: 765px;
}
#sideContents {
	float: right;
	letter-spacing: -1px;
	width: 180px;
}
#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;
}
.slcIcnUp {
	background-color: #FF9900;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	padding: 1px 2px;
	vertical-align: middle;
}

/* マイエリア */
#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;
	margin-bottom: -2px;
	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;
}

.myPointBody a{
	text-decoration: none;
	color: #4c4c80;
}

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

.grayPointBody p{
	color:#FFF;
	letter-spacing: normal;
	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,
.myPointBody .alertRed {
	color: #DD0000;
}

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

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


/* プレコンテンツ */
#postContents {
	margin-top: 30px;
}

/* フッター */
#copyright {
	position: absolute;
	top: 10px;
	left: 30px;
}
.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;
}
/* 個社フッター */
#salonFooterLinks {
	overflow: hidden;
	position: absolute;
	top: 10px;
	right: 30px;
}
#salonFooterLinks li {
	float: left;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}

/* ポップアップ */
#popUpWrapper {
	width: 580px;
	background-color: #FFFFFF;
}
#popUpHeader {
	border-bottom: 2px solid #BBAAAA;
	padding:10px;
}
#popUpLogo {
	float: left;
}
#popUpRecruitLogo {
	float: left;
	margin-top: 7px;
	*margin-top: 0;
	padding-left: 5px;
}
#popUpContents {
	margin-top: 10px;
	padding: 0 10px;
}
#popUpFooter {
	background: url(/CSP/img/common/bg_popup_footer.gif?switch=2025062510) repeat-x left top;
	height: 36px;
	min-width: 560px;
	margin-top: 20px;
}
#popUpFooter div.footerBody {
	margin: 0px auto;
	position: relative;
	width: 560px;
	height: 36px;
	text-align: left;
}
#popUpFooter #copyrightnew {
	float:left;
	margin : 9px 10px ;
}
#popUpFooter p.close {
	position: absolute;
	left: 485px;
	top: 7px;
	width: 80px;
	height: 24px;
}
#popUpFooter p.close a:hover {
	background-position: 0px -24px !important;
	height: 24px;
}
#popUpFooter p.close a {
	background: url(/CSP/img/bt/icons_buttons/close.gif?switch=2025062510) no-repeat;
	background-position: 0px 0px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
	height: 24px;
	/*\*//*/
	padding-bottom: 21px;
	/**/
}

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

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

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

/* プレコンテンツ */
.preCotentsLink {
	float: right;
	text-align: right;
	margin-top: 8px;
	width: 180px;
}

/* 検索結果表示 */
.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;
}

.searchResultZeroOuterFrame {
	padding-bottom:36px;
	padding-top:20px;
	width:765px;
}

.searchResultZeroInnerFrame {
	background-color:#F5F3EF;
	padding:18px 50px 15px;
}

.searchResultZeroText {
	font-size:16px;
	color:#DD0000;
}

/* 表 */
.pCell5 th,
.pCell5 td {
	padding: 5px;
}
.pCell5 td.cellP10	{
	padding: 10px;
}
.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;
	border-left: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
}
.couponTable .arrowR {
	padding-left: 8px;
}
.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: #EEEBE4 !important; }
.bgCellEnp	{ background-color: #FFD2DA !important; color: #CC4466; }

/* ページング */
.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 {
	background-color: #FFFFFF;
	border: 1px solid #BFB4AB;
	color: #666666;
	display: block;
	padding: 2px 6px;
	text-align: center;
	text-decoration: none;
}
.postList .paging li a:hover
 {
	background-color: #F5F2F0 !important;
	border: 1px solid #BFB4AB;
	color: #838383 !important;
}
.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 li {
	display: inline;
}

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

/* メインコンテンツフッターリンク */
.mainContentsFooterLinks {
	margin-top: 20px;
}
.mainContentsFooterLinks li {
	display: inline;
	font-size: 10px;
	color: #CCCCCC;
}
.mainContentsFooterLinks3 {
	padding-top: 10px;
}
.mainContentsFooterLinks3 ul {
	font-size: 0;
	padding-top: 3px;
}
.mainContentsFooterLinks3 li {
	color: #333333;
	display: inline-block;
	font-size: 10px;
	padding-right: 10px;
}
.mainContentsFooterLinks3 li:after {
	border-right: 1px solid #CCCCCC;
	content: "";
	display: inline-block;
	height: 10px;
	padding-right: 10px;
	vertical-align: middle;
}
.mainContentsFooterLinks3 li ~ li:last-child:after {
	display: none;
}

/* メインコンテンツフッターバナー */
.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; }

.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: 10px;
}
.myMenuBodyHead			{ background-position: -5610px top; background-repeat: no-repeat; }
.myMenuBodyBottom		{ background-position: -5782px bottom; background-repeat: no-repeat; padding: 7px 8px; overflow: hidden; position: relative; z-index: 10; zoom:1; }
.myMenuMainBox {
	background-position: -5782px bottom;
	background-repeat: no-repeat;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 10px;
	overflow: hidden;
	position: relative;
	z-index: 10;
	zoom:1;
}

.pointBox{
	padding-left: 5px;
	padding-right: 5px;
}

.myMenuList {
	margin-top: -13px;
	zoom:1;
}
.myMenuListCassette {
	padding-top: 5px;
	margin-top: 5px;
	border-top: 1px dotted #999999;
	position: relative;
	zoom: 1;
	z-index: 0;
}

.myMenuItems {
	margin-top: -10px;
	zoom: 1;
}
.myMenuItemsCassette {
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
	z-index: 0;
}

.myMenuListBottom {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px solid #D9D9D9;
}

.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;
}
.bookmarkList dd{
	padding-left: 8px;
	margin-bottom: 3px;
}
.bookmarkList dd:last-child{
	margin-bottom: 0;
}

/* マイエリア（マイページ） */
.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: 330px;
	height: 31px;
	margin-top:10px;
	background-position: -20px -800px;
}
.searchBox input[type="text"]{
	padding: 0 5px;
	margin: 0;
}
.findBySalon		{ background-position: -420px -800px; width: 88px; height: 11px; }
.inputSalonName 	{ width: 247px; height:24px; line-height: 24px; background: 0; border: 0;}
:root .inputSalonName {
    line-height: normal;
}
.searchBoxbg		{ background-position: -815px -800px; width:257px; height:24px;}
.searchBoxbg input:-webkit-autofill {
    border: 1px solid #A8A5A1;
    border-radius: 4px;
    box-sizing: border-box;
    width: 257px;
}
.searchButton {
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #666666;
	cursor: pointer;
	font-weight: bold;
	height: 24px;
	padding-left: 18px;
	padding-right: 18px;
}
.searchButton:hover {
	opacity: 0.7;
}
.hint				{ color: #C0C0C0; }

/* SEARCH KEYWORD */
.btnSearchFreeword {
	background-color: #F6F6F6;
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	color: #666666;
	cursor: pointer;
	font-weight: bold;
	height: 24px;
	line-height: 20px;
	padding-left: 18px;
	padding-right: 18px;
}
.btnSearchFreeword:hover {
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
	opacity: 0.7;
}
/* / SEARCH KEYWORD */

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

/* 検索ボックス　ワードアシスト例 */
.wordAssistExPanel {
	border: 1px solid #BEB09E;
	color: #444444;
	display: none;
	font-size: 13px;
	position: absolute;
	width: 255px;
	z-index: 11;
}
.wordAssistExList li {
	display: inline-block;
	padding-right: 10px;
	vertical-align: baseline;
}
.btnCloseWrap {
	background-color: #F0EBE5;
	border-top: 1px solid #BEB09E;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
}
.closeText {
	background: url(/CSP/img/hc/icons/icon_tb_close.png?switch=2025062510) no-repeat left center;
	color: #BFB4AB;
	font-weight: bold;
	font-size: 14px;
	padding-left: 20px;
	text-decoration: none;
}
.btnCloseWrap a:link,
.btnCloseWrap a:hover,
.btnCloseWrap a:visited,
.btnCloseWrap a:active {
	color: #BFB4AB;
}

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

/* フォーム系 */
.tfF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	line-height: 1;
	padding: 2px 1px;
}
.tfF_FW {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	padding: 2px;
}
.tfNF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	line-height: 1;
	height: 13px;
	padding-top: 2px;
	*margin-top: -1px;
}
.taF {
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
}
.pdF {
	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;
}

/* フリーワード検索 */
td.searchConditionFw {
	display: flex;
	padding: 5px;
}
.searchConditionFwInput,
.searchConditionSubmit {
	border: 1px solid #E0E1E2 !important;
	border-radius: 4px;
	box-sizing: border-box;
	height: 28px !important;
	line-height: 1;
}
.searchConditionFwInput {
	box-sizing: border-box;
	flex: 1;
	padding: 0 5px;
}
.searchConditionSubmit {
	background-color: #F6F6F6 !important;
	color: #666666;
}
.searchConditionSubmit:hover {
	opacity: 0.7;
	transition: opacity 0.15s ease-in-out;
}

/* 検索条件フォーム 日付 */
.searchConditionCalIcon {
	display: block;
	height: 20px;
	padding-left: 5px;
	width: 20px;
}
.searchConditionCalIcon > img {
	width: 100%;
}
span.searchConditionCalIcon > img {
	opacity: 0.3;
}

/* 検索条件フォーム 料金 */
.conditionPriceContainer {
	align-items: center;
	display: flex;
	justify-content: space-between;
}

/* 検索条件フォーム 追加条件 */
.addConditionBtn,
.filterConditionBtn {
	appearance: none;
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	color: #666666;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	height: 28px;
	opacity: 1;
	width: 90px;
}
.addConditionBtn:hover,
.filterConditionBtn:hover {
	opacity: 0.7;
	transition: opacity 0.15s ease-in-out;
}

/* 店のキャッチコピー */
.shopCatchCopy {
	color: #CD4D72;
	font-size: 18px;
	padding-right: 20px;
}
.shopCatchCopy a {
	color: #CD4D72;
	text-decoration:none;
}

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

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

/* インフォメーション */
.infoList {
	margin-top: 15px;
}
.infoListCassette {
	padding: 0 20px;
}

/* 見出し */
.categoryHeading {
	padding-bottom:3px;
	color: #444444;
	font-weight: bold;
	font-size: 13px;
	border-bottom:dotted 1px #2A2723;
	line-height: 1.5;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.boxTitle h2 {
	font-size: 14px;
}
.boxTitle a {
	font-size: 12px;
}

.boxTitleS {
	color: #88796B;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
}

.skinHeadingWrapper {
	height: 12px;
	border-bottom: 1px solid #959595;
	background: url(/CSP/img/bt/icons/icon_heading_bt.png?switch=2025062510) no-repeat 0 0;
	padding-left: 24px;
	padding-bottom: 9px;
	line-height: 18px;
	font-size:13px;
	font-weight:bold;
	color:#444444;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

.skinHeadingWrapper h2,
.skinHeadingWrapper h3 {
	font-size: 13px;
}

.skinHeading1 {
	line-height: 1;
}

.jsSkinHeadingWrapper{
	margin-top:10px;
	width:100%;
	padding-bottom:2px;
	border-bottom:dotted 1px #999999;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}

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

/* タブ切り替え */
.shadowStyle			{ background-position: right bottom; width: 769px; }
.OtherStylistContents	{	position: absolute; z-index: 2; display:none; padding-bottom: 4px; }
.ReserveConditionTable	{	position:relative; z-index: 1;}

/* ポップアップ画面のボタン */
.bt {
	display: block;
	background: 0;
	border: 0;
}

.imgClose 					{ background: url(/CSP/img/bt/icons_buttons/btn_close.gif?switch=2025062510) no-repeat 0 0; width: 80px; height: 24px; }
.imgClose:hover				{ background: url(/CSP/img/bt/icons_buttons/btn_close.gif?switch=2025062510) no-repeat 0 -24px; }
.selectBtn 					{ background: url(/CSP/img/bt/icons_buttons/select.gif?switch=2025062510) no-repeat 0 0; width: 80px; height: 24px; }
.selectBtn:hover			{ background: url(/CSP/img/bt/icons_buttons/select.gif?switch=2025062510) no-repeat 0 -24px; }
.print						{ background: url(/CSP/img/bt/icons_buttons/btn_print.gif?switch=2025062510) no-repeat 0 0; width: 80px; height: 24px; }
.print:hover				{ background: url(/CSP/img/bt/icons_buttons/btn_print.gif?switch=2025062510) no-repeat 0 -24px; }
.agree						{ background: url(/CSP/img/bt/icons_buttons/btn_agree_send.png?switch=2025062510) no-repeat 0 0; width: 190px; height: 32px; }
.agree:hover				{ background-position: 0 -32px; }

/* QR CODE */
.qrcode {
	height: 43px;
	overflow: hidden;
}

/* ヘアカタログタブ */
.hairStyleTab li {
	float: left;
	width: 8em;
}
.hairStyleTab {
	padding-left: 10px;
	border-bottom: 1px solid #aa3355;
}
.hairStyleTabLinks {
	min-height: 57px !important;
	_height: 57px !important;
}
.hairStyleTabLinks2 {
	min-height: 28px !important;
	_height: 28px !important;
}
.tabSliderWrapper	{ overflow-x: hidden; overflow-y: hidden; position: relative; zoom: 1 !important; width: 556px; }
.tabSlider	{ position: relative; left: 0; width: 1136px; }
.tabContent		{ width: 547px; }


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

/* WIDTH */
.wFull	{ width: 100%; }
.wHalf	{ width: 49.9%; _width: 49.9%; }
.w3Clm	{ width: 33.3%; }
.w2em	{ width: 2em; }
.w5em	{ width: 5em; }
.w8em	{ width: 8em; }
.w10em	{ width: 10em; }
.w14	{ width: 14px; }
.w24	{ width: 24px; }
.w30	{ width: 30px; }
.w35	{ width: 35px; }
.w42	{ width: 42px; }
.w50	{ width: 50px; }
.w60	{ width: 60px; }
.w65	{ width: 65px; }
.w70	{ width: 70px; }
.w74	{ width: 74px; }
.w76	{ width: 76px; }
.w79	{ width: 79px; }
.w80	{ width: 80px; }
.w85	{ width: 85px; }
.w89	{ width: 89px; }
.w90	{ width: 90px; }
.w91	{ width: 91px; }
.w93	{ width: 93px; }
.w95	{ width: 95px; }
.w98	{ width: 98px; }
.w99	{ width: 99px; }
.w100	{ width: 100px; }
.w105	{ width: 105px; }
.w110	{ width: 110px; }
.w112	{ width: 112px; }
.w115	{ width: 115px; }
.w116	{ width: 116px; }
.w117	{ width: 117px; }
.w120	{ width: 120px; }
.w128	{ width: 128px; }
.w130	{ width: 130px; }
.w137	{ width: 137px; }
.w139	{ width: 139px; }
.w140	{ width: 140px; }
.w142	{ width: 142px; }
.w145   { width: 145px; }
.w146   { width: 146px; }
.w148	{ width: 148px; }
.w149	{ width: 149px; }
.w150	{ width: 150px; }
.w151	{ width: 151px; }
.w154	{ width: 154px; }
.w156	{ width: 156px; }
.w160	{ width: 160px; }
.w162	{ width: 162px; }
.w164	{ width: 164px; }
.w165	{ width: 165px; }
.w166	{ width: 166px; }
.w170	{ width: 170px; }
.w174	{ width: 174px; }
.w175	{ width: 175px; }
.w178	{ width: 178px; }
.w180	{ width: 180px; }
.w186	{ width: 186px; }
.w187	{ width: 187px; }
.w190	{ width: 190px; }
.w200	{ width: 200px; }
.w205	{ width: 205px; }
.w208	{ width: 208px; }
.w210	{ width: 210px; }
.w218	{ width: 218px; }
.w219	{ width: 219px; }
.w220	{ width: 220px; }
.w221	{ width: 221px; }
.w224	{ width: 224px; }
.w228	{ width: 228px; }
.w231	{ width: 231px; }
.w238	{ width: 238px; }
.w240	{ width: 240px; }
.w241	{ width: 241px; }
.w245	{ width: 245px; }
.w248	{ width: 248px; }
.w250	{ width: 250px; }
.w255	{ width: 255px; }
.w256	{ width: 256px; }
.w260	{ width: 260px; }
.w271	{ width: 271px; }
.w273	{ width: 273px; }
.w276	{ width: 276px; }
.w285	{ width: 285px; }
.w290	{ width: 290px; }
.w295	{ width: 295px; }
.w300	{ width: 300px; }
.w305	{ width: 305px; }
.w307	{ width: 307px; }
.w309	{ width: 309px; }
.w310	{ width: 310px; }
.w318	{ width: 318px; }
.w320	{ width: 320px; }
.w330	{ width: 330px; }
.w335	{ width: 335px; }
.w340	{ width: 340px; }
.w344	{ width: 344px; }
.w348	{ width: 348px; }
.w349	{ width: 349px; }
.w350	{ width: 330px; }
.w360	{ width: 360px; }
.w364	{ width: 364px; }
.w370	{ width: 370px; }
.w380	{ width: 380px; }
.w385	{ width: 385px; }
.w393	{ width: 393px; }
.w397	{ width: 397px; }
.w423	{ width: 423px; }
.w425	{ width: 425px; }
.w427	{ width: 427px; }
.w433	{ width: 433px; }
.w435	{ width: 435px; }
.w438	{ width: 438px; }
.w440	{ width: 440px; }
.w443	{ width: 443px; }
.w447	{ width: 447px; }
.w450	{ width: 450px; }
.w465	{ width: 465px; }
.w473	{ width: 473px; }
.w480	{ width: 480px; }
.w485	{ width: 485px; }
.w500	{ width: 500px; }
.w501	{ width: 501px; }
.w508	{ width: 508px; }
.w518	{ width: 518px; }
.w522	{ width: 522px; }
.w534	{ width: 534px; }
.w540	{ width: 540px; }
.w545	{ width: 545px; }
.w550	{ width: 550px; }
.w554	{ width: 554px; }
.w557	{ width: 557px; }
.w560	{ width: 560px; }
.w561	{ width: 561px; }
.w571	{ width: 571px; }
.w575	{ width: 575px; }
.w580	{ width: 580px; }
.w590	{ width: 590px; }
.w600	{ width: 600px; }
.w605	{ width: 605px; }
.w610	{ width: 610px; }
.w612	{ width: 612px; }
.w615	{ width: 615px; }
.w618	{ width: 618px; }
.w626	{ width: 626px; }
.w636	{ width: 636px; }
.w639	{ width: 639px; }
.w640	{ width: 640px; }
.w648	{ width: 648px; }
.w650	{ width: 650px; }
.w660	{ width: 660px; }
.w667	{ width: 667px; }
.w700	{ width: 700px; }
.w701	{ width: 701px; }
.w715	{ width: 715px; }
.w725	{ width: 725px; }
.w730	{ width: 730px; }
.w734	{ width: 734px; }
.w745	{ width: 745px; }
.w746	{ width: 746px; }
.w753	{ width: 753px; }
.w756	{ width: 756px; }
.w760	{ width: 760px; }
.w765	{ width: 765px; }
.w780	{ width: 780px; }

/* HEIGHT */
.h1		{ height: 1px; }
.h15	{ height: 15px; }
.h19	{ height: 19px; }
.h26	{ height: 26px; }
.h30	{ height: 30px; }
.h32	{ height: 32px; }
.h45	{ height: 45px; }
.h50	{ height: 50px; }
.h55	{ height: 55px; }
.h60	{ height: 60px; }
.h73	{ height: 73px; }
.h75	{ height: 75px; }
.h80	{ height: 80px; }
.h83	{ height: 83px; }
.h85	{ height: 85px; }
.h90	{ height: 90px; }
.h101	{ height: 101px; }
.h106	{ height: 106px; }
.h108	{ height: 108px; }
.h119	{ height: 119px; }
.h153	{ height: 153px; }
.h164	{ height: 164px; }
.h205	{ height: 205px; }
.h219	{ height: 219px; }
.h220	{ height: 220px; }
.h280	{ height: 280px; }
.h288	{ height: 288px; }
.h361	{ height: 361px; }
.h412	{ height: 412px; }

.hMin15	{ min-height: 15px; _height: 15px; }
.hMin18	{ min-height: 18px; _height: 18px; }
.hMin19	{ min-height: 19px; _height: 19px; }
.hMin24	{ min-height: 24px; _height: 24px; }
.hMin30	{ min-height: 30px; _height: 30px; }
.hMin36	{ min-height: 36px; _height: 36px; }
.hMin54	{ min-height: 54px; _height: 54px; }
.hMin119	{ min-height: 119px; _height: 119px; }
.hMin120{ min-height: 120px; _height: 120px; }
.hMin147{ min-height: 147px; _height: 147px; }

/* LINE-HIEGHT */
.lhDe	{ line-height: 1; }
.lh1p5	{ line-height: 1.5; }
.lh10	{ height: 10px; }
.lh13	{ line-height: 13px; }
.lh14	{ line-height: 14px; }
.lh15	{ line-height: 15px; }
.lh16	{ line-height: 16px; }
.lh18	{ line-height: 18px; }
.lh19	{ line-height: 19px; }
.lh23	{ line-height: 23px; }
.lh24	{ line-height: 24px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }
.lh38	{ height: 38px; }
.lh40	{ line-height:40px; }
.lh130	{ line-height: 130%; }

/* MARGIN */
.mTN1	{ margin-top: -1px; }
.mTN3	{ margin-top: -3px; }
.mTN5	{ margin-top: -5px; }
.mTN10	{ margin-top: -10px; }
.mTN20	{ margin-top: -20px; }
.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; }
.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; }
.mT20	{ margin-top: 20px; }
.mT23	{ margin-top: 23px; }
.mT24	{ margin-top: 24px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }
.mT60	{ margin-top: 60px; }
.mT77	{ margin-top: 77px; }
.mT80	{ margin-top: 80px; }
.mT0	{ margin-top: 0px !important;}

.mR1	{ margin-right: 1px; }
.mR2	{ margin-right: 2px; }
.mR3	{ margin-right: 3px; }
.mR4	{ margin-right: 4px; }
.mR5	{ margin-right: 5px; }
.mR6	{ margin-right: 6px; }
.mR7	{ margin-right: 7px; }
.mR8	{ margin-right: 8px; }
.mR9	{ margin-right: 9px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }
.mR30	{ margin-right: 30px; }
.mR50	{ margin-right: 50px; }
.mR100	{ margin-right: 100px; }
.mR300	{ margin-right: 300px; }
.mRN10	{ margin-right: 10px; }

.mLN4	{ margin-left: -4px; }
.mL1	{ margin-left: 1px; }
.mL2	{ margin-left: 2px; }
.mL3	{ margin-left: 3px; }
.mL4	{ margin-left: 4px; }
.mL5	{ margin-left: 5px; }
.mL8	{ margin-left: 8px; }
.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL16	{ margin-left: 16px; }
.mL18	{ margin-left: 18px; }
.mL20	{ margin-left: 20px; }
.mL25	{ margin-left: 25px; }
.mL30	{ margin-left: 30px; }
.mL40	{ margin-left: 40px; }
.mL50	{ margin-left: 50px; }
.mL70	{ margin-left: 70px; }
.mL90	{ margin-left: 90px; }
.mL100	{ margin-left: 100px; }
.mL135	{ margin-left: 135px; }
.mL245	{ margin-left: 245px; }
.mL390	{ margin-left: 390px; }
.mL600	{ margin-left: 600px; }

.mB2	{ margin-bottom: 2px; }
.mB3	{ margin-bottom: 3px; }
.mB4	{ margin-bottom: 4px; }
.mB5	{ margin-bottom: 5px; }
.mB6	{ margin-bottom: 6px; }
.mBN6	{ margin-bottom: -6px; }
.mB10	{ margin-bottom: 10px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB30	{ margin-bottom: 30px; }
.mB32	{ margin-bottom: 32px; }
.mB36	{ margin-bottom: 36px; }
.mB50	{ margin-bottom:50px; }
.mB75	{ margin-bottom: 75px; }
.mB80	{ margin-bottom: 80px; }

.mV15	{ margin-top: 15px; margin-bottom: 15px; }

.mHA	{ margin-left: auto; margin-right: auto; }
.mH10	{ margin-left: 10px; margin-right: 10px; }

.m1		{ margin: 1px; }
.mA10	{ margin: 10px; }

/* PADDING */
.pT0	{ padding-top: 0px !important; }
.pT2	{ padding-top: 2px; }
.pT3	{ padding-top: 3px; }
.pT5	{ padding-top: 5px; }
.pT6	{ padding-top: 6px; }
.pT7	{ padding-top: 7px; }
.pT8	{ padding-top: 8px; }
.pT10	{ padding-top: 10px; }
.pT15	{ padding-top: 15px; }
.pT18	{ padding-top: 18px; }
.pT20	{ padding-top: 20px; }
.pT30	{ padding-top: 30px; }
.pT35	{ padding-top: 35px; }

.pR2	{ padding-right: 2px; }
.pR3	{ padding-right: 3px; }
.pR5	{ padding-right: 5px; }
.pR6	{ padding-right: 6px; }
.pR7	{ padding-right: 7px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }
.pR18	{ padding-right: 18px; }
.pR20	{ padding-right: 20px; }
.pR30	{ padding-right: 30px; }

.pB2	{ padding-bottom: 2px; }
.pB5	{ padding-bottom: 5px; }
.pB10	{ padding-bottom: 10px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }
.pB21	{ padding-bottom: 21px; }
.pB30	{ padding-bottom: 30px; }
.pB40	{ padding-bottom: 40px; }

.pL3	{ padding-left: 3px; }
.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL25	{ padding-left: 25px; }
.pL30	{ padding-left: 30px; }
.pL390  { padding-left: 390px; }

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

.pH3	{ padding-left: 2px; padding-right: 2px; }
.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH9	{ padding-left: 9px; padding-right: 9px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }
.pH15	{ padding-left: 15px; padding-right: 15px; }
.pH20	{ padding-left: 20px; padding-right: 20px; }
.pH45	{ padding-left: 45px; padding-right: 45px; }

.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p6		{ padding: 6px; }
.p8		{ padding: 8px; }
.p10	{ padding: 10px; }
.p15	{ padding: 15px; }
.p20	{ padding: 20px; }
.p30	{ padding: 30px; }
.p35	{ padding: 35px; }

.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; }
.dt		{ display: table; }
.dtc	{ display: table-cell; }
.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; }
.wbba		{ word-break: break-all; }

/* VISIBILITY */
.vh	{ visibility: hidden; }
.vv	{ visibility: visible; }

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

.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; }
.vaBL { vertical-align: baseline; }

.pr			{ position: relative; zoom: 1; }
.pa			{ position: absolute; }
.top0		{ top: 0; }
.top4	{ top: 4px; }
.top5		{ top: 5px; }
.top8		{ top: 8px; }
.top10		{ top: 10px; }
.top15		{ top: 15px; }
.top20		{ top: 20px; }
.topN8		{ top: -8px; }
.topN20		{ top: -20px; }
.topHalf	{ top: 50%; margin-top: -8px; }
.topHalfH24	{ top: 50%; margin-top: -12px; }
.left0		{ left: 0; }
.left5		{ left: 5px; }
.left6		{ left: 6px; }
.left10		{ left: 10px; }
.left15		{ left: 15px; }
.left20		{ left: 20px; }
.left74		{ left: 74px; }
.left210	{ left: 210px; }
.left251	{ left: 251px; }
.left351	{ left: 480px; }
.right0		{ right: 0; }
.right5		{ right: 5px; }
.right8		{ right: 8px; }
.right10	{ right: 10px; }
.right12	{ right: 12px; }
.right15	{ right: 15px; }
.right20	{ right: 20px; }
.bottom0	{ bottom: 0; }
.bottom2	{ bottom: 2px; }
.bottom4	{ bottom: 4px; }
.bottom5	{ bottom: 5px; }
.bottom10	{ bottom: 10px; }
.bottom15	{ bottom: 15px; }
.bottom20	{ bottom: 20px; }

/* FOREGROUND */
.fgRed		{ color: #FF0000; }
.fgDRed		{ color: #DD0000; }
.fgWRed		{ color: #A5184B; }
.fgPink		{ color: #CC4466; }
.fgPink2	{ color: #EC98AB; }
.fgBPink	{ color: #CC0066; }
.fgLPink	{ color: #FFBDBD; }
.fgGray		{ color: #666666; }
.fgLGray	{ color: #999999; }
.fgLGray2	{ color: #7F7F7F; }
.fgLLGray	{ color: #595959; }
.fgLLLGray	{ color: #CCCCCC; }
.fgDGray	{ color: #555555; }
.fgBrown	{ color: #553333; }
.fgRbrown	{ color: #632523; }
.fgBbrown	{ color: #665555; }
.fgLOrange	{ color: #E68855; }
.fgPOrange	{ color: #FE605B; }
.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: #333333; }
.fgPurple	{ color: #7030A0; }
.fgPurple2	{ color: #9966CC; }
.fgDBlue	{ color: #7D8888; }
.fgAlert	{ color: #CC0000; }

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

.fs0	{ font-size: 0 }
.fs10	{ font-size: 10px; }
.fs11	{ font-size: 11px; }
.fs12	{ font-size: 12px; }
.fs13	{ font-size: 13px; }
.fs14	{ font-size: 14px; }
.fs15	{ font-size: 15px; }
.fs16	{ font-size: 16px; }
.fs17 {	font-size: 17px !important; }
.fs18	{ font-size: 18px; }
.fs20	{ font-size: 20px; }
.fs22	{ font-size: 22px; }
.fs24	{ font-size: 24px; }

.ls1	{ letter-spacing: 1px; }

/* INDENT */
.ti10	{ text-indent: 10px; }
.ti20	{ text-indent: 20px; }
.tiN18	{ text-indent: -18px; }

/* BACKGROUND */
.bgLGray	{ background-color: #F2F2F2; }
.bgLGray2	{ background-color: #D9D9D9; }
.bgLGray3	{ background-color: #EEEBE4; }
.bgLGray4	{ background-color: #F8F8F8; }
.bgLGray5	{ background-color: #DDDDDD; }
.bgLGray6	{ background-color: #CCCCCC; }
.bgLLGray	{ background-color: #F5F3EF !important; }
.bgLLGray2	{ background-color: #FDF7EF; }
.bgLLGray3	{ background-color: #F7F5EC; }
.bgDGray	{ background-color: #EBE7E0; }
.bgDGray2	{ background-color: #F8F2EC; }
.bgPink		{ background-color: #F5C3CC; }
.bgPink2	{ background-color: #F2DCDB; }
.bgPink3	{ background-color: #FFE6E6; }
.bgPink4	{ background-color: #E6B9B8; }
.bgPink5	{ background-color: #FFE2E8; }
.bgPink6	{ background-color: #FF6666; }
.bgPink7	{ background-color: #FF8A90; }
.bgPink8	{ background-color: #FB615F; }
.bgPink8	{ background-color: #FB615F; }
.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; }
.bgDGreen	{ background-color: #91AC8A; }
.bgWRed		{ background-color: #AA3355; }
.bgLBlue	{ background-color: #D0E3E3; }
.bgPRed		{ background-color: #EF4356; }
.bgSBrown   { background-color: #F5F5F5; }
.bgBPink    { background-color: #F9F2F4; }
.bgHPink    { background-color: #FB615F; }
.bgCPink    { background-color: #FFCCCB; }
.bgLLPink   { background-color: #FFEDF0; }

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

.sp_l {
    border-left: 1px solid #CCC;
    margin-left: 10px;
    padding-left: 10px;
}

.bd0			{ border: 0 !important;}
.bdN			{ border: none !important; }
.bdN			{ border: none !important; }

.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; }
.bdGrayB3		{ border-bottom: 2px solid #666666; }
.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; }
.bdDotGrayB		{ border-bottom: 1px dotted #999999; }

.bdLGray		{ border: 1px solid #CCCCCC; }
.bdLGrayT		{ border-top: 1px solid #CCCCCC; }
.bdLGrayR		{ border-right: 1px solid #CCCCCC; }
.bdLGrayB		{ border-bottom: 1px solid #CCCCCC; }
.bdLGrayL		{ border-left: 1px solid #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; }

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

.bdDotPinkB	{ border-bottom: 1px dotted #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; }

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

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

.bdPurpleB2		{ border-bottom: 2px solid #663399; }
.bdBlue			{ border: 1px solid #B4C4C4; }
.bdDotPurpleB	{ border-bottom: 1px dotted #A36FA2; }

.bdCGrayB		{ border-bottom: 1px solid #666666; }

/* cursor */
.csrD			{ cursor: default !important; }

/************************************************************
 * スプライト画像 - 共通（c.png）
 ************************************************************/
.cS		{ background-image: url(/CSP/img/bt/sprites/c.png?switch=2025062510) !important; background-repeat: no-repeat; border: 0; }

/* ヘッダー */
.popUpLogo		{ background-position: -20px -260px; display: block; width: 52px; height: 17px; text-indent: -9999px; overflow: hidden; }
.smallLogo		{ background-position: -580px 0; display: block; width: 118px; height: 49px; text-indent: -9999px; overflow: hidden; background-image: url(/CSP/img/bt/sprites/c.png?switch=2025062510) !important; background-repeat: no-repeat; }

/* テキスト画像 */
.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: -393px -480px; display: block; width:146px; height:24px; display: block; margin: 0 auto; }
.regist:hover				{ background-position: -393px -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; }

/*予約ボタン*/
.salonReserve				{ background-position: -339px -480px; display: block; width: 42px; height: 16px; }
.salonReserve:hover			{ background-position: -339px -496px; }


/* アイコン */
.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; }

/* タブ対応 */
.tabLadies					{ background-position: -19px -240px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative;}
.tabLadies:hover			{ background-position: -19px -265px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative; }
.tabLadies span.selected	{ background-position: -19px -265px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative; }
.tabMans					{ background-position: -121px -240px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative; }
.tabMans:hover				{ background-position: -121px -265px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative; }
.tabMans span.selected		{ background-position: -121px -265px; display: block; background-repeat: no-repeat; margin-bottom: -1px; width: 90px; height: 25px; position:relative; }

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

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

/* 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/bt/sprites/y.png?switch=2025062510); }

/* 見出し */
.mainContentsTitleOuter { background: none; }
.mainContentsTitleInner {
	line-height: 21px;
	border-bottom: 1px solid #666666;
	background: url(/CSP/img/bt/icons/icon_heading_bt.png?switch=2025062510) 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: none; }
.mainContentsSecondTitleInner {
	line-height: 21px;
	border-bottom: 1px solid #666666;
	background: url(/CSP/img/bt/icons/icon_heading.png?switch=2025062510) 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;
}
.mainContentsThirdTitle	{
	color: #444444;
	background-color: #F0EDDD;
	font-weight: bold;
	font-size: 14px;
	padding:3px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.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/bt/sprites/y2.png?switch=2025062510); }


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

.lastAreaBottom	{ padding: 10px; box-sizing: border-box; }
.lastAreaBottom dt	{ color:#A9A398; }

/* 路線図 */
.routeMap													{ background-position: -1671px 0; background-repeat: repeat-y; }
.routeMapHead											{ background-position: -2228px top; background-repeat: no-repeat; }
.routeMapBottom										{ background-position: -2785px bottom; background-repeat: no-repeat; padding: 10px; zoom: 1; }
.routeMapBottom ul  							{ margin: 0 auto; position: relative; }
.routeMapBottom ul > li 					{ position: absolute;}
.routeMapBottom ul > li > a 			{ width: 75px; height: 65px; display: block; text-indent: -9999px; overflow: hidden; }
.routeMapBottom ul > li > a:hover { background-position: bottom; }

/* 路線一覧（FLASHOFF時） */
.routeMapBottom .routeMapList {
	margin-top: -21px;
}
.routeMapBottom .routeMapList,
.routeMapBottom .routeMapList ul,
.routeMapBottom .routeMapList li {
	position: static;
}
.routeMapBottom .routeMapList .routeMapListCassette {
	border-top: 1px dotted #DDDDDD;
	margin-top: 10px;
	padding-top: 10px;
	zoom: 1;
}
.routeMapBottom .routeMapList li a {
	display: inline ;
	overflow: visible ;
	text-indent: 0 ;
	width: auto ;
	height: auto ;
}

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

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

.mainContentsSecondTitleOuterFw	{ background-position: -4599px top; background-repeat: no-repeat; background-color: #F2F2F2; padding-top: 3px; position: relative; zoom: 1; }
.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;}

/* 一覧カセット内のアクセス表示部背景 */
.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;
}

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

 * スプライト画像 - 横長画像（y_3.png）
  ************************************************************/
.y3S	{ background-image: url(/CSP/img/bt/sprites/y3.png?switch=2025062510); background-color: transparent; border: 0; }

.recommendedCouponInnerMiddle	{ background-position: 0 0; background-repeat: repeat-y; }
.recommendedCouponInnerTop	{ background-position: -219px top; background-repeat: no-repeat; }
.recommendedCouponInnerBottom	{ background-position: -438px bottom; background-repeat: no-repeat; }

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

.y4S		{ background-image: url(/CSP/img/bt/sprites/y4.png?switch=2025062510);}

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


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

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

.addIntoMyPage				{ background-position: 0 0; width: 160px; height: 19px; }
.addIntoMyPage:hover		{ background-position: 0 -24px; }
.sendToMobile				{ background-position: -180px 0; width: 160px; height: 19px; }
.sendToMobile:hover			{ background-position: -180px -24px; }
.rsvWithCoupon				{ background-position: -360px 0; width: 105px; height: 20px; }
.rsvWithCoupon:hover		{ background-position: -360px -20px; }

.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; }
.addIntoMyStylePink			{ background-position: -1220px -760px; width: 145px; height: 32px; margin:0 5px;}
.addIntoMyStylePink:hover	{ background-position: -1220px -792px; }
.carouselPrev				{ background-position: -1600px -120px; width: 24px; height: 24px;}
.carouselPrev:hover			{ background-position: -1600px -144px; }
.carouselNext				{ background-position: -1634px -120px; width: 24px; height: 24px;}
.carouselNext:hover			{ background-position: -1634px -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; }
.toReserveList:hover		{ background-position: -170px -204px; }
.contriButionButton			{ background-position: -340px -180px; width:165px; height:24px; }
.contriButionButton:hover	{ background-position: -340px -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; }

.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; }
.search						{ background-position: -1034px -864px; width: 80px; height: 30px; }
.search:hover				{ background-position: -1034px -894px; }
.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: -300px -250px; display: block; width:139px; height:28px; position: relative; left: 16px;}
.searchByStation2:hover		{ background-position: -300px -278px; }
.searchBymap				{ background-position: -460px -250px; display: block; width:139px; height:28px; position: relative; left: 16px;}
.searchBymap:hover			{ background-position: -460px -278px; }
.change						{ background-position: -1660px -520px; width: 80px; height: 30px; }
.change:hover				{ background-position: -1660px -550px; }

.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; }
.reserveSalon				{ background-position: -1371px -600px; width: 194px; height: 30px; }
.reserveSalon:hover			{ background-position: -1371px -630px; }
.reserveSalon2				{ background-position: -1578px -600px; width: 194px; height: 30px; }
.reserveSalon2:hover		{ background-position: -1578px -630px; }

.nominatedReserve			{ background-position: 0 -680px; width: 132px; height: 31px; }
.nominatedReserve:hover		{ background-position: 0 -711px; }
.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; }
.confirmL					{ background-position: -1380px -680px; width: 150px; height: 50px; }
.confirmL:hover				{ background-position: -1380px -730px; }


.reserveCoupon				{ background-position: -880px -760px; width: 150px; height: 50px; }
.reserveCoupon:hover		{ background-position: -880px -810px; }
.reserveMenu				{ background-position: -1460px -520px; width: 190px; height: 32px; }
.reserveMenu:hover			{ background-position: -1460px -552px; }
.reserveSingleMenu			{ background-position: -1118px -864px; width: 120px; height: 30px; }
.reserveSingleMenu:hover	{ background-position: -1118px -894px; }
.reserveTel					{ background-position: -1050px -760px; width: 35px; height: 32px; }
.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; }

.search						{ background-position: -1034px -864px; width: 80px; height: 30px; }
.search:hover				{ background-position: -1034px -894px; }
.submitBtn3					{ background-position: -1540px -680px; width: 150px; height: 50px; }
.submitBtn3:hover			{ background-position: -1540px -730px; }

.checkCoupon				{ background-position: -900px -60px; width: 100px; height: 24px; }
.checkCoupon:hover			{ background-position: -900px -84px; }

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

.iS		{ background-image: url("/CSP/img/bt/sprites/i.png?switch=2025062510") !important; background-repeat: no-repeat; }
.iSb:before,
.iSa:after {
	background-color: transparent;
	background-image: url("/CSP/img/bt/sprites/i.png?switch=2025062510");
	background-repeat: no-repeat;
	border: 0;
	content: " ";
	display: inline-block;
	vertical-align: middle;
}

/* 左付 */
.arrowT	{
	display: inline-block;
	background-image: url(/CSP/img/bt/sprites/i.png?switch=2025062510) !important;
	background-repeat: no-repeat;
	background-position: -193px -2px; padding-left: 10px;
}

.arrowR				{ background-position: -196px -241px; display: inline-block; padding-left: 8px; }
.arrowROff			{ background-position: -196px -460px; display: inline-block; padding-left: 8px; }
.arrowB				{ background-position: -193px -4636px; padding-left: 11px; }

.arrowRGray			{ background-position: -194px -4715px; padding-left: 8px; }

.arrowRFlow			{ background-position: -193px -994px; padding-left: 14px; }


/* What's new! */
.arrowRR			{ background-position: -193px -242px; display: inline-block; padding-left: 13px; }

/* ページング */
.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！ */
.listImmediately,
.listTemporary,
.listPoint,
.listMensRecommend,
.experienceApplication {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 2px;
	font-size: 10px;
	line-height: 1;
	text-align: center;
	min-width: 60px;
	padding: 2px;
}
.listImmediately,
.listTemporary,
.experienceApplication {
	background-color: #FFFFFF;
	border: solid 1px #988989;
	color: #988989;
}
.listPoint {
	background-color: #ECA241;
	border: solid 1px #EB961D;
	color: #FFFFFF;
}
.listMensRecommend {
	background-color: #E4EDF0;
	border: solid 1px #8CB5DF;
	color: #4286CC;
}

/* ネット予約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: -152px -2560px; width: 52px; height: 14px; }
.serviceNailN		{ background-position: -148px -2580px; width: 52px; height: 14px; }
.serviceEstheN		{ background-position: -148px -2600px; width: 52px; height: 14px; }



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

.ikS	{ background-image: url("/CSP/img/kr/sprites/i.png?switch=2025062510") !important; background-repeat: no-repeat; }




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

.listS		{ background-image: url(/CSP/img/bt/sprites/list.png?switch=2025062510); 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;
}
.imgFrame {
	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/bt/sprites/list_all.png?switch=2025062510); background-repeat: repeat; }

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

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

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

/* クチコミサムネ画像 */
.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.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; }


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

.detail2S	{ background-image: url(/CSP/img/bt/sprites/detail2.png?switch=2025062510); background-repeat: no-repeat; }

/* おすすめタイプ */
.hairType {
	background-color: #EEEEEE;
	color: #999999;
	display: block;
	font-size: 11px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	width: 48px;
}
.hairTypeOn {
	background-color: #CD4466;
	color: #FFFFFF;
}

/* 顔型 */
.recommendHairStyle {
	border: solid 1px #DEDEDE;
	width: 46px;
	height: 46px;
	text-align: center;
	display: inline-block;
	font-size: 11px;
}
.recommendHairStyle:before {
	background-image: url(/CSP/img/bt/sprites/detail2.png?switch=2025062510);
	background-repeat: no-repeat;
	content: " ";
	height: 30px;
	width: 46px;
	overflow: hidden;
	display: block;
}
.recommendTypeCircleOn,
.recommendTypeEggOn,
.recommendTypeSquareOn,
.recommendTypeReverseTriangleOn,
.recommendTypeBaseOn {
	background-color: #CD4465;
	color: #FFFFFF;
}
.recommendTypeCircle:before	{ background-position: -41px -81px; }
.recommendTypeCircleOn:before	{ background-position: -41px -129px; }
.recommendTypeEgg:before	{ background-position: -121px -81px; }
.recommendTypeEggOn:before	{ background-position: -121px -129px; }
.recommendTypeSquare:before	{ background-position: -201px -81px; }
.recommendTypeSquareOn:before	{ background-position: -201px -129px; }
.recommendTypeReverseTriangle:before	{ background-position: -281px -81px; }
.recommendTypeReverseTriangleOn:before	{ background-position: -281px -129px; }
.recommendTypeBase:before	{ background-position: -361px -81px; }
.recommendTypeBaseOn:before	{ background-position: -361px -129px; }

/* 見出し */
.waitTitle								{ background-position: -40px -260px !important; width: 635px; height: 24px; display:block; }
.waitTitleShort							{ background-position: -40px -260px !important; width: 438px; height: 24px; display:block; }

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

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

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


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

.rsvS				{ background-image: url("/CSP/img/bt/sprites/reserve.png?switch=2025062510"); 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; }

.stepIconE			{ background-position: -20px -540px; width: 40px; height: 25px; margin-right: 13px; }
.stepE01			{ background-position: -60px -940px; width: 139px; height: 25px; margin-right: 8px; }
.stepE02			{ background-position: -200px -940px; width: 139px; height: 25px; margin-right: 8px; }
.stepE03			{ background-position: -340px -940px; width: 139px; height: 25px; margin-right: 8px; }
.stepE04			{ background-position: -480px -940px; width: 139px; height: 25px; margin-right: 8px; }
.stepE05			{ background-position: -620px -940px; width: 122px; height: 25px; }
.stepE06			{ background-position: -60px -1020px; width: 139px; height: 25px; margin-right: 8px; }

.stepE01On			{ background-position: -60px -980px; width: 139px; height: 25px; margin-right: 8px; }
.stepE02On			{ background-position: -200px -980px; width: 139px; height: 25px; margin-right: 8px; }
.stepE03On			{ background-position: -340px -980px; width: 139px; height: 25px; margin-right: 8px; }
.stepE04On			{ background-position: -480px -980px; width: 139px; height: 25px; margin-right: 8px; }
.stepE05On			{ background-position: -620px -980px; width: 122px; height: 25px; }
.stepE06On			{ background-position: -60px -1060px; width: 139px; height: 25px; margin-right: 8px; }


/* 予約可不可アイコン */
.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）
 ************************************************************/

/* ブログアイコン */
.blogCategory {
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 10px;
	margin: 5px 10px 0 0;
	padding: 2px 0;
	text-align: center;
	width: 107px;
}

/* ブログアイコン（大） */
.blogCategoryLarge {
	border-radius: 3px;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	padding: 7px 0;
	text-align: center;
	width: 232px;
}

/* クチコミアイコン */
/* 美容 */
.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/bt/sprites/mypage.png?switch=2025062510); background-repeat: no-repeat; }

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

/* 予約 ポインターカーソル */
.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; }

/************************************************************
 * 追加
 ************************************************************/
.addIntoMyStyle2				{ background-position: -1440px -120px; width: 115px; height: 24px; }
.addIntoMyStyle2:hover		{ background-position: -1440px -144px; }
.rPoint{background-position: -187px -5200px; padding-left: 17px; height: 13px;}
.alertIcon{background-position: -185px -5236px; padding-left: 18px; height: 14px; display: inline-block;}

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


/************************************************************
 * カレンダー
 ************************************************************/
#calBox {
	position: absolute;
	z-index: 200;
}
.dyn_cal {
	background-color: #FFFFFF;
	border: 1px solid #999999;
	box-sizing: border-box;
	display: none;
	overflow: hidden;
	padding: 16px;
	width: 510px;
}
.calendarPopupHead {
	color: #665555;
	font-weight: bold;
}
.dyn_cal > table > tbody > tr > td {
	border-style: none !important;
	padding: 0;
}
.dyn_cal > table > tbody > tr > td + td {
	padding-left: 12px;
}
.dyn_cal_tbl {
	width: 232px;
}
.dyn_cal_tbl .month {
	background-color: #FFFFFF;
	border: none;
	color: #665555;
	font-size: 14px;
	padding: 0 0 4px;
	text-align: center;
}
.dyn_cal_tbl .youbi {
	background-color: #978888;
}
.dyn_cal_tbl td {
	border-left: none;
	border-top: none;
	text-align: center;
	width: 32px;
}
.dyn_cal_tbl td:first-child {
	border-left: 1px solid #E0E1E2;
}
.dyn_cal_tbl .youbi > td {
	background-color: #978888;
	border-bottom: none;
	border-left: 1px solid #978888;
	border-right: 1px solid #978888;
	box-sizing: border-box;
	color: #FFFFFF;
	font-size: 10px;
	line-height: 1;
	padding: 5px 0;
}
.dyn_cal_tbl .youbi > td:first-child {
	border-top-left-radius: 4px;
}
.dyn_cal_tbl .youbi > td:last-child {
	border-top-right-radius: 4px;
}
.dyn_cal_tbl .week > td {
	background-color: #FFFFFF;
	border-bottom: 1px solid #E0E1E2;
	border-right: 1px solid #E0E1E2;
	font-size: 14px;
	height: 32px;
	padding: 0;
}
.dyn_cal_tbl tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}
.dyn_cal_tbl tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}
.dyn_cal_tbl td.dyn_disable {
	background-color: #EEEEEE;
	color: #909090;
}
.dyn_cal_tbl td > a {
	color: #333333;
	display: block;
	line-height: 32px;
	width: 100%;
}
.dyn_cal_tbl .week > td a:hover {
	background-color: rgba(211, 105, 133, 0.3);
	text-decoration: none;
}
.dyn_cal_tbl .week > td > a.selectDate {
	background-color: #D36985;
	color: #FFFFFF;
	font-weight: bold;
}
.dyn_cal_tbl tr:last-child td:first-child > a.selectDate {
	border-bottom-left-radius: 4px;
}
.dyn_cal_tbl tr:last-child td:last-child > a.selectDate {
	border-bottom-right-radius: 4px;
}
.dyn_cal_tbl td.dyn_saturday > a {
	color: #1565C0;
}
.dyn_cal_tbl td.dyn_sunday > a {
	color: #CC0000;
}
.dyn_cal_close {
	margin-top: 24px;
	text-align: center;
}
.dyn_cal_close > a {
	text-decoration: underline;
}
.specifiedDate {
	color: inherit;
}

/* area box */
#areaBox	{
	position: absolute;
	z-index: 300;
}
#areaBox .areaBoxWrapper	{
	position: relative;
	width: 440px;
	padding: 10px 0;
	background-color: #FFFFFF;
	border: 1px solid #999999;
	z-index: 300;
}
#areaBox .areaBoxWrapper .areaBoxCassette	{
	float: left;
	width: 210px;
}
#areaBox .areaBoxWrapper .headline	{
	color: #777777;
}
#areaBox .areaBoxWrapper ul	{
	margin-top: 15px;
	padding-bottom: 10px;
}
#areaBox .areaBoxWrapper ul li	{
	display: block;
	padding-right: 10px;
}
#areaBox .areaBoxWrapper ul.recent li	{
	display:inline-block;
	width: 95px;
	padding-right: 0px;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}
#areaBox .areaBoxClose	{
	font-size: 12px;
	padding-top: 30px;
	text-align: center;
}
#areaBox .areaBoxClose a	{
	color: #777777;
	text-decoration: none !important;
}
#areaBox .areaBoxClose a img	{
	vertical-align: middle;
	margin-bottom: 1px;
}
#areaBox .areaBoxTopClose {
	font-size: 12px;
	width: 60px;
	margin-left: 200px;
	float: left;
}
#areaBox .areaBoxTopClose a	{
	color: #777777;
	text-decoration: none !important;
}
#areaBox .areaBoxTopClose a img	{
	vertical-align: middle;
	margin-bottom: 1px;
}
#areaBox .areaBoxTopReturn {
	font-size: 12px;
	float: right;
	margin-right: 10px;
}

/* 全エリア */
#areaBox .areaBoxWrapper.allArea {
	width: 480px;
}
#areaBox .areaBoxWrapper.allArea .areaBoxCassette	{
	float: none;
	width: 100%
}
#areaBox .areaBoxWrapper.allArea .areaBoxCassette li	{
	float: left;
	width: 220px;
}

#areaBox .areaBoxWrapper.allArea .areaBoxCassette li.areaBoxCassetteBackLink	{
	float: none;
	margin-bottom: 20px;
}
#areaBox .areaBoxWrapper.allArea .areaBoxCassette li.areaBoxCassetteAllLink	{
	clear: both;
	margin-top: 20px;
}
.myMenuTitleTop	{ margin:5px 5px 0; }
.mySalonList li	{ padding:5px 0; }
.mysalonbox ul {
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:5px 10px;
}
.myFeaturedSalonShop	{ background-position: -5430px bottom; background-repeat: repeat-y; }
.myFeaturedSalonShopBottom {
	background-position: -5250px bottom;
	background-repeat: no-repeat;
	zoom: 1;
}
.myFeaturedSalonShop ul {
	padding:0 4px 10px;
}
.myFeaturedSalonShop li {
	margin-top:5px;
	*margin-top:-12px;
}
.myFeaturedSalonShop li.SalonfirstMG {
	margin-top:2px !important;
	*margin-top:-16px !important;
}
.mySalonShopbody {
	background-position: -5954px 0;
	background-repeat: repeat-y;
}
.mySalonShopbodyHead { background-position: -5610px top; background-repeat: no-repeat; }
.mySalonShopbodyBottom {
	background-position: -5782px bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 7px 8px;
	position: relative;
	z-index: 10;
}

li.mySalonListBox a {
	text-decoration: none;
	cursor: pointer;
}
.mySalonListBox a:link p.salonShop,
.mySalonListBox a:visited p.salonShop {
	color: #0077E6;
}
.mySalonListBox a:hover p.salonShop,
.mySalonListBox a:active p.salonShop {
	color: #0077E6; text-decoration: none  !important;
}
a:hover .mySalonShopbody {
	background-position: -7240px 0;
	background-repeat: repeat-y;
}
a:hover .mySalonShopbodyHead { background-position: -7412px top; background-repeat: no-repeat; }
a:hover .mySalonShopbodyBottom {
	background-position: -7584px bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 7px 8px;
	position: relative;
	z-index: 10;
}


/* ensen */

.stationList	{
	padding-bottom: 20px;
}

.stationList li	{
	display: inline-block;
	width: 231px;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.stationList li span	{
	color: #777777;
}

.suggestedStation	{
	margin: 0 0 10px -10px;
	padding: 5px 0;
	border: solid 1px #DDA2A0;
	background-color: #F4E1E1;
}
.suggestedStation > dt	{
	padding-left: 9px;
}

.suggestedStation ul	{
	width: 596px;
	margin-right: -1px;
}

.suggestedStation ul > li	{
	display: inline-block;
	width: 114px;
	padding-right: 2px;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.polularStationList	{
	width: 596px;
}

.polularStationList li	{
	display: inline-block;
	width: 116px;
	*display: inline;
	*zoom: 1;
	vertical-align: top;
}

.mainContentTitleBdR	{
	border-bottom: 2px solid #AA3355;
	font-size: 16px;
	text-indent: 0.5em;
}

.lineTitle	{
	padding: 2px;
	font-size: 14px;
	text-indent: 0.5em;
	color: #777777;
}

.inputStationName {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	ime-mode: active;
	line-height: 1em;
	padding: 2px 5px;
	width: 187px;
}

.inputStationName::placeholder {
	color: #909090;
}

.bdPink3 {
	border: 1px solid #E6BBBB;
	border-image: initial;
}

.bgWhite2 {
	background-color: #F6F3E3;
}

.preListHead {
	padding: 0 10px 5px;
	border-bottom: 2px solid #D9D9D9;
	position: relative;
}

.preListBottom {
	padding: 10px 10px 4px;
	font-size: 10px;
}

.errorMsg {
	font-weight: bold;
	color: red;
	line-height: 1.8;
}

.bgErrorMsg {
	padding: 10px 5px;
	background-color: #F5DDDD;
}


.titleBottom {
	border-bottom: 2px solid #BFBFBF;
}

.menuTxtHeight {
	width: 515px;
}

.alertMsg {
	font-size: 16px;
	color: #DD0000;
	font-weight: bold;
}

.bgAlertMsg {
	background-color:#F5F3EF;
	padding:15px;
	text-align: center;
}
.tlf { table-layout: fixed; }

.title{
	background-color: #E8E8E2;
    border: 1px solid #999999;
    display: block;
    line-height: 20px;
    padding: 10px 10px 2px;
}
td.bgPink8.fgWhite {
	width: 14px;
}

/************************************************************
 * MySalonSave Style
 ************************************************************/
.btnSaveToMySalonDone {
	display: none;
	width: 130px;
	padding: 0;
}

.btnSlnSaveToMySalonDone {
	display: none;
	width: 160px;
	padding: 0;
}

.txtSaveToMySalonDone {
	display: none;
}

/************************************************************
 * Thickbox Style
 ************************************************************/

.tbWrapper {
	width: 926px;
}
.tbHeader {
	font-size: 16px;
	margin-bottom: 15px;
}
.tbClose {
	color: #BFB4AB !important;
	font-weight: bold;
	text-decoration: none !important;
	background: url(/CSP/img/hc/icons/icon_tb_close.png?switch=2025062510) no-repeat left center;
	padding-left: 20px;
	font-size: 14px;
}

/************************************************************
 * サロンダイレクト
 ************************************************************/

.directHeader {
	margin-bottom: 9px;
	background-color: #F9F7ED;
}
.directHeader .headerBody {
	margin: 0px auto;
	position: relative;
	width: 600px;
	padding: 5px 0 10px;
	text-align: left;
}
.directHeader .headerlogoSmall {
	position: absolute;
	left: 0px;
	top: 12px;
}
.directHeader .prodused {
	position: absolute;
	left: 58px;
	top: 19px;
}
#headerWrapperSD {
	border-top: 16px solid #BFB4AB ;
	zoom: 1;
}
#headerSD {
	width: 765px;
	margin: 0 auto;
	position: relative;
}
#wrapperSD {
	width: 805px;
	margin: 0 auto;
	position: relative;
}

/* サロンダイレクト */
.stepA07			{ background-position: -180px -860px; width: 119px; height: 25px; margin-right: 6px; }
.stepA08			{ background-position: -60px -860px; width: 119px; height: 25px; margin-right: 6px; }
.stepA09			{ background-position: -420px -860px; width: 119px; height: 25px; margin-right: 6px; }
.stepA10			{ background-position: -540px -860px; width: 119px; height: 25px; margin-right: 6px; }
.stepA11			{ background-position: -300px -860px; width: 119px; height: 25px; margin-right: 6px; }

.stepA07On			{ background-position: -180px -900px; width: 119px; height: 25px; margin-right: 6px; }
.stepA08On			{ background-position: -60px -900px; width: 119px; height: 25px; margin-right: 6px; }
.stepA09On			{ background-position: -420px -900px; width: 119px; height: 25px; margin-right: 6px; }
.stepA10On			{ background-position: -540px -900px; width: 119px; height: 25px; margin-right: 6px; }
.stepA11On			{ background-position: -300px -900px; width: 119px; height: 25px; margin-right: 6px; }

.detailHeader {
	margin-bottom: 20px;
	background-color: #F7F6EA;
}
.reserveBtnArea { background-color: #F0ECE5; }
.headerLogoInner {
	background: url(/CSP/img/common/logo/b_logo_GR.png?switch=2025062510) no-repeat 0 0;
	width: 88px;
	height: 30px;
	text-indent: -9999px;
	display: block;
}

/************************************************************
* buttons
************************************************************/
/* ボタン */

.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 */
.btn1H30,
.btn1H34,
.btn1H42,
.btn1H44,
.btn1H50,
.btn1H52,
.btn1H60 {
	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;
}
.btn1H30:hover,
.btn1H34:hover,
.btn1H42:hover,
.btn1H44:hover,
.btn1H50:hover,
.btn1H52:hover,
.btn1H60:hover {
	background: #FA7A88;
	background: linear-gradient(to bottom, #FFB0B6 0%,#FA7A88 75%,#FA7584 100%);
}
.btn1H30 {
	line-height: 26px;
}
.btn1H34{
	line-height: 30px;
}
.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;
}
.btn1H52.btnWlines {
	line-height: 16px;
	padding-top: 9px;
	padding-bottom: 9px;
}
.btn1H60 {
	line-height: 56px;
	font-size: 15px;
}

/* btn2 */
.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;
}
.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;
}
.btn2H50 {
	font-size: 13px;
	height: 50px;
}
.btn2H50.btnWlines {
	line-height: 18px;
	padding-top: 7px;
	padding-bottom: 7px;
}

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

/* ブックマーク 済 */
/* btnBm */
.btnBm {
	display: block;
	border: 0;
	padding-left: 4px;
	text-align: center;
	font-weight: bold;
	color: #666666;
}
.btnBm > span {
	padding-right: 4px;
	display: block;
}
.btnBm > span > input,
.btnBm > span > span,
.btnBm > span.btnBmLeft > span.btnBmRight {
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
	font-weight: bold;
}
.btnBmH19 {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat left -2166px;
	line-height: 19px;
	text-decoration: none;
}
.btnBmH19 > span,
.btnBmH19 > span.btnBmLeft {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat right -2185px;
}
.btnBmH19 > span > span,
.btnBmH19 > span.btnBmLeft > span.btnBmRight {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') repeat-x 0 -2204px;
}
.btnBmH32 {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat left -2415px;
	line-height: 32px;
	text-decoration: none;
}
.btnBmH32 > span,
.btnBmH32 > span.btnBmLeft {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') no-repeat right -2447px;
}
.btnBmH32 > span > span,
.btnBmH32 > span.btnBmLeft > span.btnBmRight {
	background: url('/CSP/img/bt/sprites/btn2.png?switch=2025062510') repeat-x 0 -2479px;
}

.bkMySalon{width:156px;}
.btnSaveToMySalonDone {
	display: none;
}
.btnSlnSaveToMySalonDone{
	width:160px;
	display:none;
}
.addIntoMyStylistDone{
	display: none;
	width: 165px;
	height: 24px;
}

.btnCssLGray {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 3px 1px;
	color: #333333 !important;
	font-weight: bold;
	text-align: center;
}
.btnCssLGray a {
	color: #333333;
	display: block;
	text-decoration: none;
}
.btnCssLGray:hover {
	color: #333333;
	text-decoration: none;
	opacity: 0.7;
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
}

.btnCssPink {
	background-color: #F38696;
	border: solid #EC6184;
	border-radius: 4px;
	border-width: 0 0 3px 0;
	color: #FFFFFF !important;
	font-weight: bold;
	text-align: center;
}
.btnCssPink a {
	color: #FFFFFF !important;
	display: block;
	text-decoration: none;
}
.btnCssPink:hover {
	text-decoration: none;
	opacity: 0.7;
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
}

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

/* 右カラム マップ */
.mapAreaSearch {
	background-image: url(/CSP/img/bt/map/g_map/usualInquiryTop.gif?switch=2025062510);
	background-position: left top;
	background-repeat: no-repeat;
	padding-top: 3px;
	font-size: 12px;
	margin-top: 6px;
}

.mapAreaSearchInner {
	background-image: url(/CSP/img/bt/map/g_map/usualInquiryBottom.gif?switch=2025062510);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-bottom: 3px;
}

.mapAreaSearchTtl {
	width: 168px;
	background: #FBFAF5;
	color: #797979;
}

.tabArea a {
	display: block;
	width: 98px;
	height: 30px;
	background-image: url(/CSP/img/bt/tab/tab_area.png?switch=2025062510);
	background-repeat: no-repeat;
}
/* 「エリアを変更する」モーダル */
.areaChangeTab {
	display: flex;
}
.areaChangeTab > li {
	background-color: #C1B4AA;
	overflow: hidden;
	width: 95px;
}
.areaChangeTab > li:last-child {
	width: 98px;
}
.areaChangeTab > li:first-child {
	border-radius: 4px 0 0 0;
}
.areaChangeTab > li:last-child {
	border-radius: 0 4px 0 0;
}
.areaChangeTab > li + li {
	margin-left: 3px;
}
.areaChangeTab > li.current,
.areaChangeTab > li:hover {
	background-color: #F3F3F3;
}
.areaChangeTab > li > a {
	align-items: center;
	box-sizing: border-box;
	color: #FFFFFF !important;
	display: flex;
	font-size: 11px;
	font-weight: bold;
	height: 30px;
	justify-content: center;
	line-height: 1;
	text-align: center;
	text-decoration: none;
}
.areaChangeTab > li.current > a,
.areaChangeTab > li:hover > a {
	border-top: 4px solid #C1B4AA;
	color: #665555 !important;
}
.tabAreaSA					{ background-position: 0 -30px; }
.tabAreaSA:hover			{ background-position: 0 -60px; }
.current .tabAreaSA			{ background-position: 0 -60px; }
.tabAreaSB					{ background-position: -120px -30px; }
.tabAreaSB:hover			{ background-position: -120px -60px; }
.current .tabAreaSB			{ background-position: -120px -60px; }
.tabAreaSC					{ background-position: -240px -30px; }
.tabAreaSC:hover			{ background-position: -240px -60px; }
.current .tabAreaSC			{ background-position: -240px -60px; }
.tabAreaSD					{ background-position: -360px -30px; }
.tabAreaSD:hover			{ background-position: -360px -60px; }
.current .tabAreaSD			{ background-position: -360px -60px; }
.tabAreaSE					{ background-position: -480px -30px; }
.tabAreaSE:hover			{ background-position: -480px -60px; }
.current .tabAreaSE			{ background-position: -480px -60px; }
.tabAreaSF					{ background-position: -600px -30px; }
.tabAreaSF:hover			{ background-position: -600px -60px; }
.current .tabAreaSF			{ background-position: -600px -60px; }
.tabAreaSG					{ background-position: -720px -30px; }
.tabAreaSG:hover			{ background-position: -720px -60px; }
.current .tabAreaSG			{ background-position: -720px -60px; }
.tabAreaSH					{ background-position: -840px -30px; }
.tabAreaSH:hover			{ background-position: -840px -60px; }
.current .tabAreaSH			{ background-position: -840px -60px; }
.tabAreaSI					{ background-position: -960px -30px; }
.tabAreaSI:hover			{ background-position: -960px -60px; }
.current .tabAreaSI			{ background-position: -960px -60px; }
.tabBody {
	padding: 20px 10px;
	background-color: #F2F2F2;
}
.tabBody .rankingList .imgFrame    {
	-ms-interpolation-mode: bicubic;
}
.tabAreaBody {
	background-color: #F3F3F3;
	min-height: 326px;
	padding: 20px;
}
.middleAreaChangeList > li:nth-of-type(n + 4) {
	margin-top: 4px;
}
.msInterMode {
	-ms-interpolation-mode: bicubic;
}
.choiceAreaName,
.choiceAreaName:hover,
.choiceAreaName:active,
.choiceAreaName:visited{
	color:#333333 !important;
	font-weight:bold;
	cursor: default;
}

/************************************************************
 * SEOLP
 ************************************************************/
.diList {
	margin-left: -6px;
}
.diList > li {
	display: inline-block;
}
.diList > li:before {
	content: ", ";
}
.searchAreaCityList > li + li {
	margin-top: 5px;
}
.searchAreaWardList li:nth-child(2):before {
	content: "（ ";
}
.searchAreaWardList > li:not(:first-child):last-child:after {
	content: " ）";
}
.subtilte {
	width: 765px;
	height: 25px;
	color: #444;
	font-size: 16px;
	font-weight: bold;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	border-bottom: solid 2px #CDCABF;
}
.citiesSearch {
	padding: 10px 0 0 25px;
	width: 740px;
}
.citiesSearch + .citiesSearch {
	border-top: dotted 1px #999999;
	margin-top: 10px;
}
.citiesSearchHead, .citiesSearchItem {
	width: 185px;
}
.citiesSearchHead {
	margin-bottom: 10px;
}
.citiesSearchItem {
	padding-bottom: 2px;
	float: left;
}
.polularStationList.otherSearch li {
	width: 100% !important;
}
.polularStationList.addCounts li a,
.polularStationList.addCounts li p {
	vertical-align: baseline;
}
.polularStationList.addCounts li span {
	vertical-align: baseline;
}

/*SEOLP フッター*/
.footerWrapper {
	background: #f6f4f3 url("/CSP/img/top/bg_footerwrapper.gif?switch=2025062510") top;
	background-repeat: repeat-x;
}
.footerMainContents {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0px 20px 0px;
}
.footerMainContentsInner {
	width: 765px;
}
.footerMainContentsInner .mainContentsFooterLinks3:first-child {
	padding-top: 0px;
}
.footerContents {
	background: #FFFFFF;
	border-top: 1px solid #DDDDDD;
}

.footerContents #footer {
	width: 1000px;
	margin: 0 auto;
	border-top: none !important;
}

.footerContentsInner {
	width: 1000px;
	margin: 0 auto;
	height: 60px;
	padding-top: 10px;
	border-top: none !important;
	margin-top: 0px !important;
}
.styleTable li span {
	letter-spacing: -1px;
}

.mainCntThirdTtl {
	border-top: 1px solid #BFB4AA;
	color: #665555;
	font-size: 14px;
	padding-top: 10px;
}
.btnBmBefore,
.btnBmAfter {
	background-color: #FFFFFF;
	border-color: #CCCCCC;
	border-radius: 4px;
	border-style: solid;
	border-width: 1px 1px 2px 1px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #666666 !important;
	display: block;
	font-size: 11px;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Hiragino Kaku Gothic Pro', arial, sans-serif, verdana, Helvetica;
	font-weight: bold;
	padding: 5px;
	text-align: center;
	text-decoration: none;
}
.btnBmBefore:hover,
.btnBmAfter:hover {
	text-decoration: none;
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
	opacity: 0.7;
}
.btnBmBefore.isActive,
.btnBmAfter {
	color: #CC4466 !important;
}
.btnBmBefore:before,
.btnBmAfter:before {
	background-image: url("/CSP/img/bt/sprites/i.png?switch=2025062510");
	content: "";
	display: inline-block;
	height: 17px;
	margin-right: 8px;
	vertical-align: middle;
	width: 17px;
}
.btnBmBefore:before {
	background-position: -183px -5946px;
}
.btnBmBefore.isActive::before,
.btnBmAfter:before {
	background-position: -183px -5986px;
}
.bookmarkBtnWrap {
	position: relative;
}
/* jquery.minimalModal.js Overlay*/
.minimalModalOverlay {
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: url('/CSP/img/common/bg_over_layer.png?switch=2025062510');
	background-repeat: repeat;
	z-index: 1000;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.tableFrame {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}
.tableFrame th,
.tableFrame td {
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}

/* 見出し */
.mainCntSecondTtlWrap {
	align-items: center;
	display: flex;
	justify-content: space-between;
}
.mainCntSecondTtl {
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	padding: 10px 0 10px 14px;
	position: relative;
}
.mainCntSecondTtl:before {
	background: #BFB4AB;
	border-radius: 4px;
	bottom: 0;
	content: "";
	display: block;
	height: auto;
	left: 0;
	position: absolute;
	top: 0;
	width: 4px;
}
.mainCntSecondTtl.cPink:before {
	background: #AE2D5B;
}
.mainCntSecondTtl.cPurple:before {
	background: #8C61B8;
}
/* Radio, Checkbox color */
@media (min-width: 1px) {
	.basicCheck:checked + label:before {
		background-color: #D36985;
		border-color:#D36985;
	}
	.basicRadio:checked + label:after {
		background-color: #D36985;
	}
}

/* 性別判定モーダル */
.genderSelect {
	background-color: #BFB4AB;
	border-radius: 6px;
	left: 100px;
	padding: 15px;
	position: absolute;
	top: 35px;
	width: 770px;
	z-index: 100;
}
.genderSelectCnt {
	background-color: #FFFFFF;
	position: relative;
}
.genderSelectCnt:before,
.genderSelectCnt:after {
	background: url(/CSP/img/bt/sprites/selectGenderSet.png?switch=2025062510) no-repeat;
	content: "";
	display: block;
	height: 224px;
	position: absolute;
	width: 205px;
}
.genderSelectCnt:before {
	background-position: 0 0;
	left: 14px;
	top: 15px;
}
.genderSelectCnt:after {
	background-position: -515px 0;
	right: 35px;
	top: 15px;
}
.genderSelectCntInner {
	margin: 0 auto;
	padding: 10px 20px 10px 0;
	text-align: center;
	width: 335px;
}
.genderSelectCntInner:before,
.genderSelectCntInner:after {
	border-color: transparent;
	border-style: solid;
	content: "";
	display: block;
	height: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
}
.genderSelectCntInner:before {
	border-left-color: #E6E6E6;
	border-width: 35px 0 0 35px;
}
.genderSelectCntInner:after {
	border-right-color: #BFB4AB;
	border-width: 0 35px 35px 0;
}
.genderSelectTtl {
	border-bottom: 1px solid #BFB4AB;
	color: #665555;
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 6px;
}
.genderSelectLead {
	color: #665555;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
	padding: 0 15px;
	position: relative;
}
.genderSelectLead:before,
.genderSelectLead:after {
	background-color: #665555;
	border-radius: 3px;
	content: "";
	display: block;
	height: 17px;
	position: absolute;
	width: 2px;
}
.genderSelectLead:before {
	left: 0;
	top: 0;
	-webkit-transform: rotate(-20deg);
	transform: rotate(-20deg);
}
.genderSelectLead:after {
	right: 0;
	top: 0;
	-webkit-transform: rotate(20deg);
	transform: rotate(20deg);
}
.genderBtnWrap {
	font-size: 0;
	margin-top: 10px;
	position: relative;
	text-align: center;
}
.genderBtn {
	border: 1px solid #FFFFFF;
	border-radius: 5px;
	box-sizing: border-box;
	color: #FFFFFF !important;
	display: inline-block;
	font-size: 13px;
	font-weight: bold;
	padding: 9px 10px 7px;
	text-align: center;
	width: 160px;
}
.genderBtn + .genderBtn {
	margin-left: 15px;
}
.genderLadies {
	background-color: #E25983;
	border: solid #D43666;
	border-width: 0 0 3px 0;
}
.genderMens {
	background-color: #0F94D2;
	border: solid #0867A9;
	border-width: 0 0 3px 0;
}
.genderBtn:hover {
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
	opacity: 0.7;
	text-decoration: none;
}

.genderSelectCloseBtn {
	background-color: #BFB4AB;
	border-radius: 6px;
	float: right;
	height: 30px;
	position: relative;
	right: -15px;
	top: -15px;
	width: 30px;
	z-index: 1;
}
.genderSelectCloseBtn:before,
.genderSelectCloseBtn:after {
	background-color: #FFFFFF;
	border-radius: 3px;
	content: "";
	display: block;
	height: 20px;
	position: absolute;
	right: 17px;
	top: 9px;
	width: 2px;
}
.genderSelectCloseBtn:before {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.genderSelectCloseBtn:after {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.genderSelectCloseBtn > a {
	position: relative;
	display: block;
	height: 100%;
	width: 100%;
	z-index: 101;
}

.genderSelectLeadList {
	margin: 8px auto 0;
	text-align: left;
	width: 300px;
}
.genderSelectLeadList li {
	color: #665555;
	font-size: 13px;
}
.genderSelectLeadList li + li {
	margin-top: 2px;
}
.genderSelectImg {
	margin-top: 10px;
}

.genreFooterLink {
	margin-top: 10px;
}
.genreFooterLinkList {
	font-size: 0;
}
.genreFooterLinkList > li {
	display: inline-block;
	font-size: 10px;
	line-height: 20px;
	position: relative;
}
.genreFooterLinkList > li:not(.genreFooterCatHead) {
	padding-right: 10px;
}
.genreFooterLinkList > li:not(.genreFooterCatHead):not(:last-of-type)::after {
	color: #CCCCCC;
	content: "|";
	position: absolute;
	right: 3px;
	top: 0;
}
.genreFooterLinkList > .genreFooterCatHead + .genreFooterCatHead {
	padding-left: 10px;
}
.genreFooterLinkList > .genreFooterCatHead + .genreFooterCatHead::before {
	color: #CCCCCC;
	content: "|";
	position: absolute;
	left: 3px;
	top: 0;
}

/* サロンの利用傾向 */
.mainCntForthTtl {
	color: #333333;
	display: flex;
	font-size: 14px;
	line-height: 34px;
}
.mainCntForthTtl::before {
	background-color: #BFB4AB;
	border-radius: 2px;
	content: "";
	height: 34px;
	margin-right: 8px;
	width: 4px;
}
.salonDataAnnotationTxt {
	color: #666666;
	font-size: 10px;
}
.dataCollectTxt {
	color: #909090;
	font-size: 12px;
}

/* 平均予約金額 */
.averageCostTbl {
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	width: 100%;
}
.averageCostTbl th,
.averageCostTbl td {
	border-color: #FFFFFF #CCCCCC #CCCCCC #FFFFFF;
	border-style: solid;
	border-width: 1px;
}
.averageCostTbl th {
	background-color: #E6E6E6;
	box-sizing: border-box;
	padding: 6px;
	width: 180px;
}
.averageCostTbl td {
	background-color: #FFFFFF;
	padding: 8px;
}

/* 人気のクーポン */
.salonUsageTrendsTabList {
	display: flex;
}
.salonUsageTrendsTabList > li + li {
	margin-left: 10px;
}
.typeFilterBtn {
	background-color: #FFFFFF;
	border: solid #CCCCCC;
	border-radius: 4px;
	border-width: 1px 1px 3px;
	color: #988989 !important;
	display: block;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	padding: 6px 0 3px;
	text-align: center;
	text-decoration: none !important;
}
.typeFilterBtn.isCr {
	background-color: #BEB4AB;
	border-color: #BEB4AB;
	color: #FFFFFF !important;
}
.salonUsageTrendsTabContentWrapper {
	height: 100%;
}
.salonUsageTrendsTabContentWrapper > li {
	display: none;
	height: 100%;
}
.salonUsageTrendsTabContentWrapper > li.isCr {
    display: block;
}
.salonGraphDataWrap {
	display: flex;
}

/* 男女比率グラフ */
.reserveRatioWrap {
	flex: 1;
}
.reserveRatioWrap + .reserveRatioWrap {
	margin-left: 20px;
}
.mainCntFifthTtl {
	color: #665555;
	font-size: 12px;
}
.reserveGendersRatioGraphWrap {
	align-items: center;
	background-color: #FFFFFF;
	display: flex;
	min-height: 187px;
	justify-content: center;
}
.reserveGendersRatioGraph {
	border-radius: 50%;
	height: 80px;
	position: relative;
	width: 80px;
}
.reserveGendersRatioGraph > span {
	background-color: #FFFFFF;
	height: 40px;
	left: 50%;
	position: absolute;
	top: 25%;
	transform-origin: bottom center;
	width: 2px;
}
.reserveGendersRatioGraph > span:first-child {
	transform: translate(-50%, -50%);
}
.reserveGendersRatioGraph::after {
	background-color: #FFFFFF;
	border-radius: 50%;
	content: "";
	height: 50px;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	width: 50px;
}
.reserveGendersRatioList {
	margin-left: 32px;
}
.reserveGendersRatioList > li + li {
	margin-top: 8px;
}
.reserveGenderWrap {
	align-items: center;
	color: #333333;
	display: flex;
}
.reserveGenderWrap > dd {
	margin-left: 20px;
}
.reserveGenderWrap::before {
	border-radius: 50%;
	content: "";
	height: 15px;
	margin-right: 10px;
	width: 15px;
}
.reserveGenderWrap.ladies::before {
	background-color: #D36985;
}
.reserveGenderWrap.mens::before {
	background-color: #E994A8;
}
.reserveGenderWrap.others::before {
	background-color: #F4C4CC;
}

/* 年代比率グラフ */
.ageRatioGraphInner {
	font-size: 10px;
	height: 142px;
	position: relative;
}
.ageRatioGraphList,
.ageRatioGraphInner .dataCollectTxt {
	background-color: #FFFFFF;
	border: 1px solid #E0E1E2;
	border-radius: 4px;
	box-sizing: border-box;
	height: 100%;
	padding: 16px;
}
.ageRatioGraphList::before {
	background-color: #E0E1E2;
	content: "";
	height: calc(100% - 32px);
	left: 59px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}
.ageRatioGraphList > li {
	align-items: center;
	display: flex;
}
.ageRatioGraphList > li:first-child {
	padding-top: 8px;
}
.ageRatioGraphList > li + li {
	margin-top: 4px;
}
.ageRatioGraphDataTxt {
	padding-right: 10px;
	white-space: nowrap;
	width: 33px;
}
.ageRatioGraphData {
	flex: 1;
}
.ageRatioGraphData span {
	background-color: #D36985;
	border-radius: 0 5px 5px 0;
	display: block;
	height: 10px;
}
.ageRatioGraphDataPercentage {
	padding-left: 16px;
	text-align: right;
	white-space: nowrap;
	width: 21px;
}

/* 汎用ボタン */
.modalOutlinedNegativeBtn {
	align-items: center;
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	color: #333333 !important;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	height: 42px;
	justify-content: center;
	margin: 0 auto;
	width: 400px;
}
.modalOutlinedNegativeBtn:hover {
	opacity: 0.8;
	text-decoration: none;
	transition: opacity 0.15s ease-in-out;
}

/* スマート支払いラベル */
.onlinePayNormalLabel {
	background: #FFFFFF url(/CSP/img/svg/pc/icon_check_onlinePayment.svg?switch=2025062510) 8px 50% / 14px no-repeat;
	border: 1px solid #B2B2B2;
	border-radius: 10px;
	color: #665555;
	display: inline-block;
	font-size: 10px;
	line-height: 18px;
	padding: 0 8px 0 26px;
}
.onlinePayCampaignLabel {
	background: #FFFFFF url(/CSP/img/svg/pc/icon_card_bt.svg?switch=2025062510) 8px 50% / 14px no-repeat;
	border: 1px solid #FADCE3;
	border-radius: 10px;
	color: #C43357;
	display: inline-block;
	font-size: 10px;
	line-height: 18px;
	padding: 0 8px 0 26px;
}

/* ヘアスタイル動画 */
.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=2025062510) center / contain;
	content: "";
	height: 12px;
	margin-right: 2px;
	width: 12px;
}
/* こだわりムービー掲載ありのサロン */
.kodawariVideoLink {
	border: 1px solid #E0E1E2;
	border-radius: 8px;
	display: flex;
	padding: 12px 40px 12px 12px;
	position: relative;
	text-decoration: none !important;
}
.kodawariVideoLink::after {
	background: url(/CSP/img/svg/pc/icon_arrow_right_grey.svg?switch=2025062510) center / contain;
	content: "";
	height: 20px;
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	width: 20px;
}
.kodawariVideoLink:hover {
	opacity: 0.7;
}
.kodawariVideoThumbnail {
	flex-shrink: 0;
	height: 72px;
	width: 128px;
}
.kodawariVideoThumbnail > img {
	width: 100%;
}
.kodawariVideoTxtWrap {
	margin-left: 12px;
}
.kodawariVideoTxtLinkHead {
	color: #4C4C80 !important;
	font-weight: bold;
	line-height: 1.5;
}
.kodawariVideoTxt {
	color: #333333;
	display: block;
	font-size: 10px;
	margin-top: 4px;
	word-break: break-word;
}

/* テキストリンク */
.commonTextLinkWithHelpIcon {
	background: url(/CSP/img/svg/pc/icon_help_navy.svg?switch=2025062510) no-repeat left center / 14px;
	display: inline-block;
	font-size: 11px;
	line-height: 16px;
	padding-left: 18px;
	text-decoration: none;
}
.commonTextLinkWithHelpIcon:visited {
	color: #4C4C80;
}

/* 汎用ボタン */
.btnFilled,
.btnOutlinedNegative {
	align-items: center;
	appearance: none;
	border: 1px solid;
	border-radius: 8px;
	box-sizing: border-box;
	cursor: pointer;
	display: flex;
	font-size: 14px;
	font-weight: bold;
	justify-content: center;
	line-height: 1;
	min-height: 44px;
	outline: none;
	padding: 0;
	text-decoration: none;
}
.btnFilled:hover,
.btnOutlinedNegative:hover {
	opacity: 0.7;
	text-decoration: none;
	transition: opacity 0.15s ease-in-out;
}
.btnFilled {
	background-color: #D36985;
	border-color: #D36985;
	color: #FFFFFF !important;
}
.btnOutlinedNegative {
	background-color: #FFFFFF;
	border-color: #E0E1E2;
	color: #333333 !important;
}

/* 汎用モーダル */
.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;
}
.modalCloseBtn {
	appearance: none;
	background: transparent url(/CSP/img/svg/pc/icon_close_white.svg?switch=2025062510) 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%;
}