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

br { letter-spacing: 0; }

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

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

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;
}
#smallLogoNavi	{
	height: 60px;
	position: relative;
	z-index: 0;
}

#logo {
	position: absolute;
	top: 9px;
	left: 12px;
	z-index: 0;
}

.user {
	position: absolute;
	top: 0;
	right: 20px;
	line-height: 33px;
	z-index: 1;
}
.user .arrowR {
	display: inline-block;
	background-position: -196px -234px;
}

.move {
	position: absolute;
	bottom: -2px;
	_bottom: -3px;
	right: 20px;
	z-index: 3;
}

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

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

/* マップArea */
.bgRouteMapTitle	{ background: url("/CSP/img/kr/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/kr/map/button/btn_searchbystation.gif?switch=2025062510") no-repeat 0 0; display: block; width: 143px; height: 24px; }
.btnSearchStation:hover	{ background: url("/CSP/img/kr/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;
}
#topSummary {
	color: #666666;
	text-align: right;
}
#topSummary em {
	font-style: normal;
}
#bottomSummary {
	color: #666666;
	text-align: right;
}

/* マイエリア */
#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;
}
/* プレコンテンツ */
#postContents {
	margin-top: 30px;
}

/* フッター */
#footer {
	height: 60px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-top: 20px;
	position: relative;
}
#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;
}

/* ポップアップ */
#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;
}

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

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

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

/* 検索結果表示 */
.numberOfResult {
	font-size: 20px;
	line-height: 1;
	color: #9966CC !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 200px 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 {
	border-spacing: 1px;
	vertical-align: top;
}
.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; }
.bgCellNml2	{ background-color: #EEEBE4 !important; }
.bgCellEnp	{ background-color: #EFE1FF !important; color: #9966CC; }

/* ページング */
.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; }

.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; }
.myMenuBodyUnlogined .arrowR {
	background-position: -196px -3506px !important;
}

.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;
}
.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;
}
.myMenuListBottom {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 2px solid #D9D9D9;
}
.myMenuItems {
	margin-top: -10px;
	zoom: 1;
}
.myMenuItemsCassette {
	padding-bottom: 10px;
	position: relative;
	zoom: 1;
	z-index: 0;
}

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

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

.mySalonList li {
	padding: 5px 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;
}
.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; }

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

/* 検索ボックス　ワードアシスト例 */
.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;
	line-height: 1;
	padding: 4px 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;
}
label {
	line-height: 1;
}

/* フリーワード検索 */
td.searchConditionFw {
	padding: 5px 7px;
}
.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;
	padding: 0 5px;
}
.searchConditionSubmit {
	background-color: #F6F6F6 !important;
	color: #666666;
	display: block;
}

/* 開始時刻疑似セレクトボックス */
.timeSelectBox {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	word-wrap: break-word;
}
.timeSelectItem {
	float: left;
	margin-right: 3px;
	position: relative;
}
.timeSelectText {
	margin-top: 2px;
}
.timeSelectCell {
	width: 50px;
}
.searchConditionTime {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #8E8E8E;
	cursor: pointer;
	height: 20px;
	line-height: 20px;
	padding-right: 7px;
	position: relative;
	z-index: 10;
}
.searchConditionTime.current {
	box-shadow: 0 0 1px 1px #789AD1;
}
.searchConditionTime.disabled {
	cursor: default;
}
.searchConditionTime:after {
	border-color: #000000 transparent transparent transparent;
	border-style: solid;
	border-width: 4px 4px 0 4px;
	bottom: 0;
	content: '';
	height: 0;
	margin-bottom: auto;
	margin-top: auto;
	pointer-events: none;
	position: absolute;
	right: 3px;
	top: 0;
	width: 0;
	z-index: 2;
}
.searchConditionTime.disabled:after {
	border-color: #CCCCCC transparent transparent transparent;
}

.timeSelectList {
	background-color: #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #8E8E8E;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #8E8E8E;
	left: 0;
	max-height: 360px;
	overflow-y: auto;
	position: absolute;
	top: 22px;
	width: 48px;
	z-index: 9;
}
.timeSelectList > li. {
	cursor: pointer;
}
.timeSelectList > li.disabled {
	color: #CCCCCC;
}
.timeSelectList > li.disabled:hover {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
.timeSelectList > li:hover {
	background-color: #DEDEDE;
}
.timeSelectList > li.current,
.timeSelectList > li:hover.current {
	background-color: #1E90FF;
	color: #FFFFFF;
}
.timeSelectAlert {
	color: #CC0000;
	font-size: 10px;
	margin-top: 5px;
}

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

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

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

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

/* インフォメーション */
.infoList {
	margin-top: 15px;
}
.infoListCassette {
	padding: 0 20px;
}
/* 見出し */
.boxTitle {
	color: #444444;
	background-color: #F0EDDD;
	font-weight: bold;
	font-size: 13px;
	padding:3px;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
}
.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: #8A2B86;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
}

.skinHeadingWrapper {
	height: 12px;
	border-bottom: 1px solid #959595;
	background: url(/CSP/img/kr/icons/icon_heading_kr.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;
}


/* クーポンアイコン */
.couponMenuIcons li {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	padding: 1px 10px;
	text-align: center;
	color: #FFFFFF;
	white-space: nowrap;
}
.couponMenuIcons li.couponMenuIconOff {
	color: #CC4466;
	font-size: 12px;
	font-weight: bold;
	padding: 0;
	text-align: left;
}
.couponMenuIcons.sMarginIcons li {
	margin-right: 4px;
}
.couponMenuIconGR01			{ background-color: #6DCD97; }
.couponMenuIconGR02			{ background-color: #6DCD97; }
.couponMenuIconGR03			{ background-color: #6DCD97; }
.couponMenuIconGR04			{ background-color: #F399C1; }
.couponMenuIconGR05			{ background-color: #F399C1; }
.couponMenuIconGR06			{ background-color: #C489C1; }
.couponMenuIconGR07			{ background-color: #6DCD97; }
.couponMenuIconGR08			{ background-color: #6DCD97; }
.couponMenuIconGR09			{ background-color: #6DCD97; }
.couponMenuIconGR99			{ background-color: #9C9A9C; }

.couponMenuIconSukarupu		{ background-color: #F5BCD5; }
.couponMenuIconHeadS		{ background-color: #94CDAD; }
.couponMenuIconAshiura		{ background-color: #94CDAD; }
.couponMenuIconOther		{ background-color: #9C9C9C; }
.couponMenuIconKairo		{ background-color: #94CDAD; }
.couponMenuIconSeitai		{ background-color: #94CDAD; }
.couponMenuIconKotsuban		{ background-color: #94CDAD; }
.couponMenuIconOkyaku		{ background-color: #94CDAD; }
.couponMenuIconKogao		{ background-color: #94CDAD; }
.couponMenuIconCareColor	{ background-color: #F5BCD5; }
.couponMenuIconHairMake		{ background-color: #F5BCD5; }
.couponMenuIconFoot			{ background-color: #F5BCD5; }
.couponMenuIconHead			{ background-color: #94CDAD; }
.couponMenuIconSpa			{ background-color: #94CDAD; }
.couponMenuIconBridal		{ background-color: #C49BC2; }
.couponMenuIconFacial		{ background-color: #C49BC2; }
.couponMenuIconMatsuge		{ background-color: #F5BCD5; }
.couponMenuIconGel			{ background-color: #F5BCD5; }
.couponMenuIconFootC		{ background-color: #94CDAD; }
.couponMenuIconOxygen		{ background-color: #94CDAD; }
.couponMenuIconBustC		{ background-color: #C49BC2; }
.couponMenuIconBodyT		{ background-color: #94CDAD; }

.couponMenuIconSukarupuOff,
.couponMenuIconHeadSOff,
.couponMenuIconAshiuraOff,
.couponMenuIconOtherOff,
.couponMenuIconKairoOff,
.couponMenuIconSeitaiOff,
.couponMenuIconKotsubanOff,
.couponMenuIconOkyakuOff,
.couponMenuIconKogaoOff,
.couponMenuIconHairColorOff,
.couponMenuIconHairMakeOff,
.couponMenuIconFootOff,
.couponMenuIconHeadOff,
.couponMenuIconSpaOff,
.couponMenuIconBridalOff,
.couponMenuIconMatsugeOff,
.couponMenuIconGelOff,
.couponMenuIconFootCOff,
.couponMenuIconOxygenOff,
.couponMenuIconBodyTOff,
.couponMenuIconBustCOff		{ background-color: #EAEAEA !important; }

/* アイコン */
.iconMust {
	width: 20px;
	color:#FFFFFF;
	font-size:10px;
	margin-right:5px;
	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;
}

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


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

/* WIDTH */
.wFull	{ width: 100%; }
.wHalf	{ width: 49.9%; _width: 49.9%; }
.w3Clm	{ width: 33.3%; }
.w5em	{ width: 5em; }
.w10em	{ width: 10em; }
.w75p	{ width: 75%; }
.w90p	{ width: 90%; }
.wFull	{ width: 100%; }
.w14	{ width: 14px; }
.w20	{ width: 20px; }
.w30	{ width: 30px; }
.w35	{ width: 35px; }
.w42	{ width: 42px; }
.w46	{ width: 46px; }
.w50	{ width: 50px; }
.w55	{ width: 55px; }
.w60	{ width: 60px; }
.w65	{ width: 65px; }
.w70	{ width: 70px; }
.w71	{ width: 71px; }
.w74	{ width: 74px; }
.w76	{ width: 76px; }
.w80	{ width: 80px; }
.w89	{ width: 89px; }
.w90	{ width: 90px; }
.w95	{ width: 95px; }
.w98	{ width: 98px; }
.w99	{ width: 99px; }
.w100	{ width: 100px; }
.w105	{ width: 105px; }
.w110	{ width: 110px; }
.w113	{ width: 113px; }
.w115	{ width: 115px; }
.w116	{ width: 116px; }
.w117	{ width: 117px; }
.w120	{ width: 120px; }
.w124	{ width: 124px; }
.w128	{ width: 128px; }
.w130	{ width: 130px; }
.w135	{ width: 135px; }
.w139	{ width: 139px; }
.w140	{ width: 140px; }
.w146	{ width: 146px; }
.w148	{ width: 148px; }
.w150	{ width: 150px; }
.w151	{ width: 151px; }
.w153	{ width: 153px; }
.w156	{ width: 156px; }
.w157	{ width: 157px; }
.w159	{ width: 159px; }
.w160	{ width: 160px; }
.w164	{ width: 164px; }
.w165	{ width: 165px; }
.w166	{ width: 166px; }
.w170	{ width: 170px; }
.w172	{ width: 172px; }
.w174	{ width: 174px; }
.w180	{ width: 180px; }
.w186	{ width: 186px; }
.w187	{ width: 187px; }
.w190	{ width: 190px; }
.w195	{ width: 195px; }
.w200	{ width: 200px; }
.w201	{ width: 201px; }
.w205	{ width: 205px; }
.w206	{ width: 206px; }
.w208	{ width: 208px; }
.w218	{ width: 218px; }
.w219	{ width: 219px; }
.w220	{ width: 220px; }
.w221	{ width: 221px; }
.w228	{ width: 228px; }
.w231	{ width: 231px; }
.w238	{ width: 238px; }
.w240	{ width: 240px; }
.w241	{ width: 241px; }
.w245	{ width: 245px; }
.w250	{ width: 250px; }
.w255	{ width: 255px; }
.w256	{ width: 256px; }
.w260	{ width: 260px; }
.w265	{ width: 265px; }
.w271	{ width: 271px; }
.w285	{ width: 285px; }
.w290	{ width: 290px; }
.w295	{ width: 295px; }
.w300	{ width: 300px; }
.w304	{ width: 304px; }
.w305	{ width: 305px; }
.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: 350px; }
.w360	{ width: 360px; }
.w365	{ width: 365px; }
.w370	{ width: 370px; }
.w385	{ width: 385px; }
.w393	{ width: 393px; }
.w396	{ width: 396px; }
.w397	{ width: 397px; }
.w423	{ width: 423px; }
.w425	{ width: 425px; }
.w427	{ width: 427px; }
.w430	{ width: 430px; }
.w433	{ width: 433px; }
.w438	{ width: 438px; }
.w440	{ width: 440px; }
.w443	{ width: 443px; }
.w447	{ width: 447px; }
.w450	{ width: 450px; }
.w457	{ width: 457px; }
.w460	{ width: 460px; }
.w465	{ width: 465px; }
.w473	{ width: 473px; }
.w480	{ width: 480px; }
.w485	{ width: 485px; }
.w486	{ width: 486px; }
.w490	{ width: 490px; }
.w500	{ width: 500px; }
.w507	{ width: 507px; }
.w520	{ width: 520px; }
.w534	{ width: 534px; }
.w537	{ width: 537px; }
.w540	{ width: 540px; }
.w545	{ width: 545px; }
.w550	{ width: 550px; }
.w554	{ width: 554px; }
.w557	{ width: 557px; }
.w560	{ width: 560px; }
.w571	{ width: 571px; }
.w580	{ width: 580px; }
.w590	{ width: 590px; }
.w595	{ width: 595px; }
.w600	{ width: 600px; }
.w605	{ width: 605px; }
.w610	{ width: 610px; }
.w612	{ width: 612px; }
.w615	{ width: 615px; }
.w618	{ width: 618px; }
.w620	{ width: 620px; }
.w626	{ width: 626px; }
.w639	{ width: 639px; }
.w640	{ width: 640px; }
.w648	{ width: 648px; }
.w650	{ width: 650px; }
.w660	{ width: 660px; }
.w667	{ width: 667px; }
.w715	{ width: 715px; }
.w730	{ width: 730px; }
.w734	{ width: 734px; }
.w745	{ width: 745px; }
.w746	{ width: 746px; }
.w754	{ width: 754px; }
.w756	{ width: 756px; }
.w760	{ width: 760px; }
.w765	{ width: 765px; }
.w786	{ width: 786px; }
.w780	{ width: 780px; }
.w224	{ width: 224px; }
.w501	{ width: 501px; }
.w636	{ width: 636px; }

/* HEIGHT */
.hMin15	{ min-height: 15px; _height: 15px; }
.hMin19	{ min-height: 19px; _height: 19px; }
.hMin24	{ min-height: 24px; _height: 24px; }
.hMin30	{ min-height: 30px; _height: 30px; }
.hMin36	{ min-height: 36px; _height: 36px; }
.hMin44	{ min-height: 44px; _height: 44px; }
.hMin119{ min-height: 119px; _height: 119px; }
.hMin147{ min-height: 147px; _height: 147px; }
.h15	{ height: 15px; }
.h19	{ height: 19px; }
.h26	{ height: 26px; }
.h32	{ height: 32px; }
.h45	{ height: 45px; }
.h50	{ height: 50px; }
.h55	{ height: 55px; }
.h71	{ height: 71px; }
.h73	{ height: 73px; }
.h75	{ height: 75px; }
.h83	{ height: 83px; }
.h85	{ height: 85px; }
.h88	{ height: 88px; }
.h90	{ height: 90px; }
.h104	{ height: 104px; }
.h106	{ height: 106px; }
.h108	{ height: 108px; }
.h113	{ height: 113px; }
.h114	{ height: 114px;_height: 109px; }
.h135	{ height: 135px;_height: 130px; }
.h142	{ height: 142px; }
.h152	{ height: 152px; }
.h157	{ height: 157px;_height: 152px; }
.h164	{ height: 164px; }
.h179	{ height: 179px;_height: 174px; }
.h219	{ height: 219px; }
.h220	{ height:220px; }
.h345	{ height: 345px; }
.h412	{ height: 412px; }

/* LINE-HIEGHT */
.lhDe	{ line-height: 1; }
.lh13	{ line-height: 13px; }
.lh14	{ line-height: 14px; }
.lh16	{ line-height: 16px; }
.lh18	{ line-height: 18px; }
.lh19	{ line-height: 19px; }
.lh23	{ line-height: 23px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }
.lh40	{ line-height:40px; }
.lh50	{ line-height:50px; }

/* MARGIN */
.mTN1	{ margin-top: -1px; }
.mTN5	{ margin-top: -5px; }
.mTN10	{ margin-top: -10px; }
.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; }
.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; }
.mT80	{ margin-top: 80px; }
.mT0	{ margin-top: 0px !important;}

.mR1	{ margin-right: 1px; }
.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; }
.mR300	{ margin-right: 300px; }
.mRN10	{ margin-right: 10px; }

.mL2	{ margin-left: 2px !important; }
.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; }
.mL70	{ margin-left: 70px; }
.mL100	{ margin-left: 100px; }
.mL112	{ margin-left: 112px; }
.mL130	{ margin-left: 130px; }
.mL135	{ margin-left: 135px; }
.mL245	{ margin-left: 245px; }
.mL390	{ margin-left: 390px; }

.mB2	{ margin-bottom: 2px; }
.mB5	{ margin-bottom: 5px; }
.mBN6	{ margin-bottom: -6px; }
.mB6	{ margin-bottom: 6px; }
.mB10	{ margin-bottom: 10px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }
.mB30	{ margin-bottom: 30px; }
.mB36	{ margin-bottom: 36px; }

.m1		{ margin: 1px; }

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

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

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

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


.pB5	{ padding-bottom: 5px; }
.pB10	{ padding-bottom: 10px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }
.pB21	{ padding-bottom: 21px; }
.pB30	{ padding-bottom: 30px; }
.pB32	{ padding-bottom: 32px; }
.pB40	{ padding-bottom: 40px; }
.pB50	{ padding-bottom: 50px; }

.pL3	{ padding-left: 3px; }
.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL12	{ padding-left: 12px; }
.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; }

.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-right: 45px; padding-left: 45px; }

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

.pClear	{ padding: 0 !important; }

/* DISPLAY */
.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; }
.dn		{ display: none !important;}
.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; }
.wbbw	{ word-break: break-word; }

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

/* 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; }
.top5		{ top: 5px; }
.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; }
.topHalfH40	{ top: 50%; margin-top: -20px; }
.left0		{ left: 0; }
.left5		{ left: 5px; }
.left6		{ left: 6px; }
.left10		{ left: 10px; }
.left15		{ left: 15px; }
.left20		{ left: 20px; }
.left74		{ left: 74px; }
.left210	{ left: 210px; }
.right0		{ right: 0; }
.right5		{ right: 5px; }
.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; }
.fgDPink	{ color: #CC3399; }
.fgPurple	{ color: #8A2B86; }
.fgPurple2	{ color: #9966CC; }
.fgPurple3	{ color: #993366; }
.fgOPurple	{ color: #7030A0; }
.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; }
.fgBbrown	{ color: #665555; }
.fgRbrown	{ color: #632523; }
.fgLOrange	{ color: #E68855; }
.fgOrange	{ color: #E46C0A; }
.fgOrange2	{ color: #FF6600; }
.fgDOragne	{ color: #CC6633; }
.fgPOrange	{ color: #FE605B; }
.fgBlue		{ color: #0000FF; }
.fgOcher	{ color: #909000; }
.fgkhaki	{ color: #4A452A; }
.fgWhite	{ color: #FFFFFF; }
.fgBlack	{ color: #333333; }
.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: #CEC9BE; }
.bgLGray3	{ background-color: #EEECE1; }
.bgLGray4	{ background-color: #F8F8F8; }
.bgLGray5	{ background-color: #DDDDDD; }
.bgLGray6	{ background-color: #CCCCCC; }
.bgLLGray	{ background-color: #F5F3EF; }
.bgLLGray2	{ background-color: #FDF7EF; }
.bgLLGray3	{ background-color: #F7F5EC; }
.bgDGray	{ background-color: #A6A39B; }
.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; }
.bgLPurple	{ background-color: #9966CC; }
.bgLPurple2	{ background-color: #C49BC2; }
.bgLPurple5	{ background-color: #FFE6FE; }
.bgPurple	{ background-color: #9966CC; }
.bgDPurple	{ background-color: #DDBBFF; }
.bgWhite	{ background-color: #FFFFFF; }
.bgBrown	{ background-color: #DDD9C3; }
.bgOrange	{ background-color: #FFCB9E; }
.bgOrange2	{ background-color: #FCF7DF; }
.bgBeige	{ background-color: #F6F3E3; }
.bgGreen	{ background-color: #E2EFDF; }
.bgWRed		{ background-color: #AA3355; }
.bgBlue		{ background-color: #8A2B86; }
.bgLLPurple { background-color: #F7F0FF; }


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

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

.bdGray			{ border: 1px solid #DDDDDD; }
.bdGray2		{ border: 1px solid #A6A6A6; }
.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; }
.bdGray5R		{ border-right: 1px solid #999999; }
.bdGray6		{ border: 1px solid #B7BBBA; }

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

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

.bdMGray		{ border-bottom: 1px solid #BFBFBF; }

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

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

.bdPurpleR		{ border-right: 1px solid #DDBBFF; }

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

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

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

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

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

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

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

.bdWRedB3		{ border-bottom:3px solid #AA3355; }
.bdPurpleB3		{ border-bottom:3px solid #8A2B86; }
.bdPurpleL9		{ border-left:9px solid #8A2B86; }

.bdPurple		{ border:1px solid #DDBBFF; }

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

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

.cS		{ background-image: url(/CSP/img/kr/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/kr/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; }

/* ボタン */
.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%;
}

.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; }
.reserveW69H24				{ background-position: -20px -620px; background-repeat: no-repeat; display: block; width: 69px; height: 24px; }
.reserveW69H24:hover		{ background-position: -20px -644px; }
.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; }

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

/* アイコン */
.styleLong			{ background-position: -20px -220px; width: 77px; height: 18px; }
.styleSemiLong		{ background-position: -100px -220px; width: 77px; height: 18px; }
.styleMedium		{ background-position: -180px -220px; width: 77px; height: 18px; }
.styleShort			{ background-position: -260px -220px; width: 77px; height: 18px; }
.styleVeryShort		{ background-position: -340px -220px; width: 77px; height: 18px; }
.styleMens			{ background-position: -380px -220px; width: 77px; height: 18px; }
.styleMrs			{ background-position: -460px -220px; width: 77px; height: 18px; }
.styleHairSet		{ background-position: -540px -220px; width: 77px; height: 18px; }

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

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

.relaxSpecial	{ background-position: 0 -380px; width:81px; height:19px; }
.nailSpecial	{ background-position: -100px -380px; width:81px; height:19px; }

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

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

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

/* 見出し */
.mainContentsTitleOuter { background: none; }
.mainContentsTitleInner {
	line-height: 21px;
	border-bottom: 1px solid #988989;
	background: url(/CSP/img/kr/icons/icon_heading_kr.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 #988989;
	background: url(/CSP/img/kr/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;
}
.photoTitleArea{padding-bottom: 5px;}
.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: #8A2B86; }
.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/kr/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; }

/* 路線一覧（JSOFF時） */
.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/kr/sprites/y_g.png?switch=2025062510); }

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

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

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

 * スプライト画像 - 横長画像（y_3.png）
  ************************************************************/
.y3S	{ background-image: url(/CSP/img/kr/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; }


/************************************************************
 * CSS Sprite - 横長が（y.png）
 ************************************************************/

.y4S		{ background-image: url(/CSP/img/kr/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/kr/sprites/b.png?switch=2025062510); background-repeat: no-repeat; background-color: transparent; border: 0; }

.searchSalon				{ background-position: 0 0px; width: 73px; height: 21px; }
.searchSalon:hover			{ background-position: 0 -21px; }
.addIntoMyPage				{ background-position: -80px 0; width: 160px; height: 19px; }
.addIntoMyPage:hover		{ background-position: -80px -24px; }
.sendToMobile				{ background-position: -250px 0; width: 160px; height: 19px; }
.sendToMobile:hover			{ background-position: -250px -24px; }
.showCouponPrintPage		{ background-position: -420px 0; width: 165px; height: 24px; }
.showCouponPrintPage:hover	{ background-position: -420px -24px; }
.rsvWithCoupon				{ background-position: -595px 0; width: 105px; height: 20px; }
.rsvWithCoupon:hover		{ background-position: -595px -20px; }

.return						{ background-position: 0 -60px; width:80px; height:24px; }
.return:hover				{ background-position: 0 -84px; }
.showAll					{ background-position: -90px -60px; width: 80px; height: 24px; }
.showAll:hover				{ background-position: -90px -84px; }
.sendMobile					{ background-position: -180px -60px; width: 80px; height: 24px; }
.sendMobile:hover			{ background-position: -180px -84px; }
.yes						{ background-position: -270px -60px; width: 80px; height: 24px; }
.yes:hover					{ background-position: -270px -84px; }
.toBack						{ background-position: -360px -60px; width: 80px; height: 24px; }
.toBack:hover				{ background-position: -360px -84px; }
.showDetailW80H24			{ background-position: -450px -60px; width: 80px; height: 24px; }
.showDetailW80H24:hover		{ background-position: -450px -84px; }

.submitKuchikomi			{ background-position: 0 -120px; width: 115px; height: 24px; }
.submitKuchikomi:hover		{ background-position: 0 -144px; }
.backRailway				{ background-position: -120px -120px; width: 115px; height: 24px; }
.backRailway:hover			{ background-position: -120px -144px; }
.changeBtn					{ background-position: -240px -120px; width: 115px; height: 24px; }
.changeBtn:hover			{ background-position: -240px -144px; }
.goBackSalon				{ background-position: -360px -120px; width: 115px; height: 24px; }
.goBackSalon:hover			{ background-position: -360px -144px; }
.point						{ background-position: -480px -120px; width: 115px; height: 24px; }
.point:hover				{ background-position: -480px -144px; }
.howToReseve 				{ background-position: -600px -120px; width: 115px; height: 24px; }
.howToReseve:hover			{ background-position: -600px -144px; }
.showMapPrintPage			{ background-position: -720px -120px; width: 115px; height: 24px; }
.showMapPrintPage:hover		{ background-position: -720px -144px; }
.addIntoMySalon				{ background-position: -840px -120px; width: 115px; height: 24px; }
.addIntoMySalon:hover		{ background-position: -840px -144px; }

.showNearestStation2		{ background-position: 0 -180px; width: 80px; height: 34px; }
.showNearestStation2:hover	{ background-position: 0 -214px;}
.addIntoMyPageW110H40		{ background-position: -90px -180px; width: 110px; height: 40px; }
.addIntoMyPageW110H40:hover	{ background-position: -90px -220px; }

.sort						{ background-position: 0 -270px; width: 80px; height: 30px; }
.sort:hover					{ background-position: 0 -300px; }
.searchByStation			{ background-position: -90px -270px; width: 150px; height: 30px; }
.searchByStation:hover		{ background-position: -90px -300px; }
.noNext {
    width: 151px;
    height: 30px;
    background-position: -1720px -270px;
}
.noNext:hover {
    background-position: -1720px -300px;
}
.oNext {
    width: 120px;
    height: 30px;
    background-position: -1590px -270px;
}
.oNext:hover {
    background-position: -1590px -300px;
}
.selectMenu					{ background-position: -250px -270px; width: 150px; height: 30px; }
.selectMenu:hover			{ background-position: -250px -300px; }
.searchByArea				{ background-position: -410px -760px; display: block; width:190px; height:32px; }
.searchByArea:hover			{ background-position: -410px -792px; }
.searchByStation2			{ background-position: -210px -180px; display: block; width:139px; height:28px; position: relative; left: 16px; }
.searchByStation2:hover		{ background-position: -210px -208px; }
.reserveCoupon				{ background-position: -810px -270px; width: 150px; height: 50px; }
.reserveCoupon:hover		{ background-position: -810px -320px; }
.reserveMenu				{ background-position: -970px -270px; width: 190px; height: 32px; }
.reserveMenu:hover			{ background-position: -970px -302px; }

.next						{ background-position: 0 -380px; width: 150px; height: 30px; }
.next:hover					{ background-position: 0 -410px; }
.next2						{ background-position: -160px -380px; width: 150px; height: 30px; }
.next2:hover				{ background-position: -160px -410px; }
.confirm					{ background-position: -320px -380px; width: 150px; height: 30px; }
.confirm:hover				{ background-position: -320px -410px; }
.submitBtn					{ background-position: -480px -380px; width: 150px; height: 50px; }
.submitBtn:hover			{ background-position: -480px -430px; }
.submitBtn2					{ background-position: -640px -380px; width: 150px; height: 50px; }
.submitBtn2:hover			{ background-position: -640px -430px; }
.submitBtn3					{ background-position: -1330px -270px; width: 150px; height: 50px; }
.submitBtn3:hover			{ background-position: -1330px -320px; }
.reserveW115H24				{ background-position: -800px -380px; width: 115px; height: 24px; }
.reserveW115H24:hover		{ background-position: -800px -404px; }
.reserveW80H30S2			{ background-position: -920px -380px; width: 80px; height: 30px; }
.reserveW80H30S2:hover		{ background-position: -920px -410px; }
.reserveW100H40				{ background-position: -1010px -380px; width: 100px; height: 40px; }
.reserveW100H40:hover		{ background-position: -1010px -420px; }
.reserveL					{ background-position: -1120px -380px; width: 161px; height: 60px; }
.reserveL:hover				{ background-position: -1120px -440px; }
.reserveSalon				{ background-position: -1286px -380px; width: 194px; height: 30px; }
.reserveSalon:hover			{ background-position: -1286px -410px; }
.reserveSalon2				{ background-position: -1490px -380px; width: 194px; height: 30px; }
.reserveSalon2:hover		{ background-position: -1490px -410px; }
.confirmL 					{ background-position: -1170px -270px; width: 150px; height: 50px; }
.confirmL:hover 			{ background-position: -1170px -320px; }

.reserveTel					{ background-position: -900px -550px; width: 35px; height: 32px; }
.reserveImpossible			{ background-position: -940px -550px; width: 35px; height: 32px; }
.reserveImmediately			{ background-position: -980px -550px; width: 35px; height: 32px; }
.reserveImmediately:hover	{ background-position: -980px -582px; }
.reserveTemporary			{ background-position: -1020px -550px; width: 35px; height: 32px; }
.reserveTemporary:hover		{ background-position: -1020px -582px; }
.reserveTemporaryStay		{ background-position: -1020px -550px; width: 35px; height: 32px; }

.confirmExp					{ background-position: -1695px -380px; width: 150px; height: 50px; }
.confirmExp:hover			{ background-position: -1695px -430px; width: 150px; height: 50px; }
.submitExp					{ background-position: -1855px -380px; width: 190px; height: 50px; }
.submitExp:hover			{ background-position: -1855px -430px; width: 190px; height: 50px; }
.nominatedReserve			{ background-position: 0 -450px; width: 132px; height: 31px; }
.nominatedReserve:hover		{ background-position: 0 -480px; }
.vacancyReserve			{ background-position: -140px -450px; width: 132px; height: 31px; }
.vacancyReserve:hover		{ background-position: -140px -480px; }

/* ポップアップ画面のボタン */
.bt {
	display: block;
	background: 0;
	border: 0;
	font-family: 'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS P Gothic', 'Osaka', arial, sans-serif, verdana, Helvetica;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
.close 						{ background: url(/CSP/img/kr/icons_buttons/btn_close.gif?switch=2025062510) no-repeat 0 0; width: 80px; height: 24px; }
.close:hover				{ background: url(/CSP/img/kr/icons_buttons/btn_close.gif?switch=2025062510) no-repeat 0 -24px; }
.print 						{ background: url(/CSP/img/kr/icons_buttons/btn_print.gif?switch=2025062510) no-repeat 0 0; width: 80px; height: 24px; }
.print:hover				{ background: url(/CSP/img/kr/icons_buttons/btn_print.gif?switch=2025062510) no-repeat 0 -24px; }
.agree						{ background: url(/CSP/img/kr/icons_buttons/btn_agree_send.png?switch=2025062510) no-repeat 0 0; width: 190px; height: 32px; }
.agree:hover				{ background-position: 0 -32px; }

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

.iS		{ background-image: url(/CSP/img/kr/sprites/i.png?switch=2025062510) !important; background-repeat: no-repeat; }
.iSb:before,
.iSa:after {
	background-color: transparent;
	background-image: url("/CSP/img/kr/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/kr/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; }
.arrowR2			{ background-position: -196px -3506px; display: inline-block; padding-left:8px; }
.arrowROff			{ background-position: -196px -460px; display: inline-block; padding-left: 8px; }
.arrowB				{ background-position: -193px -304px; padding-left: 11px; }

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

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


/* ページング */
.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; }

/* クーポン (美容) */
.bt_couponTypeSmallCT02	{ background-position: -177px -2704px; display: block; width: 23px; height: 13px; }
.bt_couponTypeSmallCT03	{ background-position: -177px -2817px; display: block; width: 23px; height: 13px; }
.bt_couponTypeSmallCT01	{ background-position: -177px -2930px; display: block; width: 23px; height: 13px; }

/* クーポン（キレイ） */
.couponTypeSmallCT02	{ background-position: -177px -2760px; display: block; width: 23px; height: 13px; }
.couponTypeSmallCT03	{ background-position: -177px -2873px; display: block; width: 23px; height: 13px; }
.couponTypeSmallCT01	{ background-position: -177px -2986px; 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; }

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

/* 携帯キャリア */
.imode			{ background-position: right -1760px; display: inline-block; width:16px; height: 16px; }
.yahoo			{ background-position: right -1780px; display: inline-block; width:16px; height: 18px; }
.ez				{ background-position: right -1800px; display: inline-block; width:16px; height: 18px; }

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

/* ネット予約OK！ */
.listImmediately,
.listNominate,
.listTheDay,
.listTemporary,
.listPoint,
.listMensRecommend,
.listMensKodawari,
.temporaryRsv,
.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,
.listNominate,
.listTheDay,
.listTemporary,
.temporaryRsv,
.experienceApplication {
	background-color: #FFFFFF;
	border: solid 1px #988989;
	color: #988989;
}
.listPoint {
	background-color: #ECA241;
	border: solid 1px #EB961D;
	color: #FFFFFF;
}
.listMensKodawari {
	background-color: #6DA1DB;
	border: solid 1px #4789C5;
	color: #FFFFFF;
}
.listMensRecommend {
	background-color: #E4EDF0;
	border: solid 1px #8CB5DF;
	color: #4286CC;
}

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

/* 詳細ヘッダ内サービスアイコン */
.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; }
.krGenreGR05		{ background-position: -142px -2340px; width:58px; height:18px; }
.krGenreGR04		{ background-position: -142px -2360px; width:58px; height:18px; }
.krGenreGR06		{ background-position: -142px -2380px; width:58px; height:18px; }
.krGenreGR07		{ background-position: -142px -2260px; width:58px; height:18px; }
.krGenreGR08		{ background-position: -142px -2240px; width:58px; height:18px; }
.krGenreGR09		{ background-position: -142px -2220px; width:58px; height:18px; }

/* サービスアイコン */
.serviceHairSalonN	{ background-position: -148px -2480px; width: 52px; height: 14px; }
.krGenreSmallGR01	{ background-position: -148px -2500px; width: 52px; height: 14px; }
.krGenreSmallGR02	{ background-position: -148px -2520px; width: 52px; height: 14px; }
.krGenreSmallGR03	{ background-position: -148px -2540px; width: 52px; height: 14px; }
.krGenreSmallGR05	{ background-position: -152px -2560px; width: 52px; height: 14px; }
.krGenreSmallGR04	{ background-position: -148px -2580px; width: 52px; height: 14px; }
.krGenreSmallGR06	{ background-position: -148px -2600px; width: 52px; height: 14px; }

/* マイメニューアイコン */
.myMenuDecision	{ background-position: -135px -3360px; width:65px; height:18px;}
.myMenuTemporary{ background-position: -135px -3380px; width:65px; height:18px;}
.myMenuVisitted	{ background-position: -135px -3400px; width:65px; height:18px;}
.myMenuFailure	{ background-position: -135px -3420px; width:65px; height:18px;}
.myMenuCancel	{ background-position: -135px -3440px; width:65px; height:18px;}

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

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

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

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

/* 表 */
.listImageBG1		{ background-position: -1200px -540px; width:176px; height:231px; }
.listImageBG2		{ background-position: -1380px -540px; width:231px; height:176px; }
.listImageBG4		{ background-position: -1680px -20px; width:99px; height:132px; }
.listImageBG5		{ background-position: -1525px -20px; width:132px; height:99px; }
.listImageBG7		{ background-position: -1799px -19px; width:92px; height:74px; }
.listImageBG8		{ background-position: -1900px -20px; width:165px; height:127px; }
.listImageBG9		{ background-position: -1900px -160px; width:127px; height:165px; }

.photoFrameLarge {
	background-position: -800px -20px;
	width: 285px;
	text-align: center;
	padding: 6px 0 8px;
}
.photoFrame {
	background-position: -1100px -20px;
	width: 218px;
	text-align: center;
	padding: 3px 0 4px;
}
.photoFrameSmall {
	background-position: -1340px -20px;
	width: 162px;
	text-align: center;
	padding: 3px 0 4px;
}

 /* 検索ボックス */
.bgSearch		{ background-position: -400px -540px; padding: 22px 30px; }
.searchTitle	{ background-position: -400px -640px; width:94px; height:14px; }

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

.detailS	{ background-image: url(/CSP/img/kr/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; }
.limitedCouponListHead	{ background-position: -20px -100px; height: 31px; }

/* クチコミサムネ画像 */
.thumnailSalesPointGR01_RP01	{ background-position: 0 -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR01_RP02	{ background-position: -160px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR01_RP03	{ background-position: -320px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR01_RP04	{ background-position: -480px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR01_RP99	{ background-position: -640px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP01	{ background-position: -800px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP05	{ background-position: -960px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP02	{ background-position: -1120px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP03	{ background-position: -1280px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP04	{ background-position: -1440px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR02_RP99	{ background-position: -1600px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR03_RP01	{ background-position: -1760px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR03_RP02	{ background-position: -1920px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR03_RP08	{ background-position: -2080px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR03_RP04	{ background-position: -2240px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR03_RP99	{ background-position: -2400px -320px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP07	{ background-position: 0 -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP09	{ background-position: -160px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP02	{ background-position: -320px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP06	{ background-position: -480px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP04	{ background-position: -640px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR04_RP99	{ background-position: -800px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR05_RP01	{ background-position: -960px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR05_RP02	{ background-position: -1120px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR05_RP06	{ background-position: -1280px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR05_RP04	{ background-position: -1440px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR05_RP99	{ background-position: -1600px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR06_RP01	{ background-position: -1760px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR06_RP02	{ background-position: -1920px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR06_RP03	{ background-position: -2080px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR06_RP04	{ background-position: -2240px -480px; width: 119px; height: 119px; }
.thumnailSalesPointGR06_RP99	{ background-position: -2400px -480px; width: 119px; height: 119px; }

/* イチオシNo.1ポイント - テキスト画像 */
.textSalesPointLargeRP04	{ background-position: 0 -660px; width: 224px; height: 34px; }
.textSalesPointLargeRP03	{ background-position: 0 -720px; width: 68px; height: 34px; }
.textSalesPointLargeRP06	{ background-position: 0 -780px; width: 218px; height: 34px; }
.textSalesPointLargeRP09	{ background-position: 0 -840px; width: 194px; height: 34px; }
.textSalesPointLargeRP02	{ background-position: 0 -900px; width: 104px; height: 34px; }
.textSalesPointLargeRP01	{ background-position: 0 -960px; width: 218px; height: 34px; }
.textSalesPointLargeRP99	{ background-position: 0 -1020px; width: 97px; height: 34px; }
.textSalesPointLargeRP08	{ background-position: -250px -780px; width: 200px; height: 34px; }
.textSalesPointLargeRP05	{ background-position: -250px -720px; width: 211px; height: 34px; }
.textSalesPointLargeRP07	{ background-position: -250px -660px; width: 156px; height: 34px; }

/* イチオシNo.2ポイント&No.3ポイント - テキスト画像 */
.textSalesPointSmallRP04	{ background-position: -520px -660px; width: 84px ; height: 14px; }
.textSalesPointSmallRP03	{ background-position: -520px -740px; width: 26px; height: 14px; }
.textSalesPointSmallRP06	{ background-position: -520px -740px; width: 82px; height: 14px; }
.textSalesPointSmallRP09	{ background-position: -520px -780px; width: 74px; height: 14px; }
.textSalesPointSmallRP02	{ background-position: -520px -820px; width: 40px; height: 14px; }
.textSalesPointSmallRP01	{ background-position: -520px -860px; width: 79px; height: 14px; }
.textSalesPointSmallRP99	{ background-position: -520px -900px; width: 37px; height: 14px; }
.textSalesPointSmallRP07	{ background-position: -520px -940px; width: 60px; height: 14px; }
.textSalesPointSmallRP05	{ background-position: -520px -980px; width: 79px; height: 14px; }
.textSalesPointSmallRP08	{ background-position: -520px -1020px; width: 76px; height: 14px; }

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

/************************************************************
 * スプライト画像 - イチオシ関連スプライト画像（ichioshi.png）
 ************************************************************/

.ichioshiS	{ background-image: url(/CSP/img/kr/sprites/ichioshi.png?switch=2025062510); background-repeat: no-repeat; }

/* ワタシがオススメするイチオシポイント */
.bgMyRecommendPoint11	{ background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint12	{ background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint13	{ background-position: -2340px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint14	{ background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint10	{ background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint47	{ background-position: -1560px -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint49	{ background-position: -2340px -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint42	{ background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint46	{ background-position: -780px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint44	{ background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint40	{ background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint51	{ background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint52	{ background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint56	{ background-position: -780px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint54	{ background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint50	{ background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint61	{ background-position: 0 -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint62	{ background-position: -1560px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint63	{ background-position: -2340px -320px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint64	{ background-position: 0 -440px; width: 765px; height: 48px; padding-top: 38px; }
.bgMyRecommendPoint60	{ background-position: -780px -440px; width: 765px; height: 48px; padding-top: 38px; }


/* イチオシNo.1ポイント背景 */
.no1RecommendPoint11	{ background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint12	{ background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint13	{ background-position: -2340px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint14	{ background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint10	{ background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint47	{ background-position: -1560px -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint49	{ background-position: -2340px -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint42	{ background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint46	{ background-position: -780px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint44	{ background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint40	{ background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint51	{ background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint52	{ background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint56	{ background-position: -780px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint54	{ background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint50	{ background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint61	{ background-position: 0 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint62	{ background-position: -1560px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint63	{ background-position: -2340px 0; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint64	{ background-position: 0 -160px; width: 765px; height: 82px; padding-top: 50px; }
.no1RecommendPoint60	{ background-position: -780px -160px; width: 765px; height: 82px; padding-top: 50px; }


/* イチオシNo.1ポイント背景(2位､3位トルツメ) */
.no1RecommendOnlyPoint11	{ background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint12	{ background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint13	{ background-position: -2340px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint14	{ background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint10	{ background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint47	{ background-position: -1560px -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint49	{ background-position: -2340px -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint42	{ background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint46	{ background-position: -780px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint44	{ background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint40	{ background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint51	{ background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint52	{ background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint56	{ background-position: -780px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint54	{ background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint50	{ background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint61	{ background-position: 0 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint62	{ background-position: -1560px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint63	{ background-position: -2340px 0; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint64	{ background-position: 0 -160px; width: 765px; height: 48px; padding-top: 50px; }
.no1RecommendOnlyPoint60	{ background-position: -780px -160px; width: 765px; height: 48px; padding-top: 50px; }


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

.rsvS				{ background-image: url("/CSP/img/kr/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: 13px; }

.stepA02			{ background-position: -180px -859px; width: 139px; height: 26px; margin-right: 8px; }
.stepA03			{ background-position: -329px -859px; width: 139px; height: 26px; margin-right: 8px; }
.stepA04			{ background-position: -478px -859px; width: 139px; height: 26px; margin-right: 8px; }
.stepA05			{ background-position: -622px -859px; width: 139px; height: 26px; margin-right: 9px; }
.stepA06			{ background-position: -776px -859px; width: 122px; height: 26px; }

.stepA02On			{ background-position: -179px -895px; width: 140px; height: 26px; margin-right: 8px; }
.stepA03On			{ background-position: -328px -895px; width: 140px; height: 26px; margin-right: 8px; }
.stepA04On			{ background-position: -477px -895px; width: 140px; height: 26px; margin-right: 8px; }
.stepA05On			{ background-position: -621px -895px; width: 140px; height: 26px; margin-right: 9px; }
.stepA06On			{ background-position: -776px -895px; width: 122px; height: 26px; }

.stepB03			{ background-position: -31px -859px; width: 139px; height: 26px; margin-right: 8px; }
.stepB03On			{ background-position: -31px -895px; width: 139px; height: 26px; margin-right: 8px; }

.stepExp01			{ background-position: -180px -940px; width: 239px; height: 29px; margin-right: 6px; }
.stepExp02			{ background-position: -428px -940px; width: 239px; height: 29px; margin-right: 6px; }
.stepExp03			{ background-position: -675px -940px; width: 222px; height: 29px; }

.stepExp01On		{ background-position: -180px -976px; width: 239px; height: 29px; margin-right: 6px; }
.stepExp02On		{ background-position: -428px -976px; width: 239px; height: 29px; margin-right: 6px; }
.stepExp03On		{ background-position: -675px -976px; width: 222px; height: 29px; }

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

.reserveDateTabL	{ background-position: left -500px; height: 28px; line-height: 28px; padding-left: 10px; }
.reserveDateTabR	{ background-position: right -500px; height: 28px; line-height: 28px; padding-right: 10px; }

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

.selectImg			{ background-position: -575px -40px; width: 99px; height: 132px; }

.tabPurple			{ background-position: 0 -360px; width: 210px; height: 31px; }

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

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

/* ブログアイコン */
.news			{ background-position: 0 0; display: block; width: 107px; height: 19px; }
.recommend		{ background-position: -120px 0; display: block; width: 107px; height: 19px; }
.menu			{ background-position: -240px 0; display: block; width: 107px; height: 19px; }
.beauty			{ background-position: -360px 0; display: block; width: 107px; height: 19px; }
.work			{ background-position: -480px 0; display: block; width: 107px; height: 19px; }
.workTool		{ background-position: -600px 0; display: block; width: 107px; height: 19px; }
.private		{ background-position: -720px 0; display: block; width: 107px; height: 19px; }
.favorite		{ background-position: -840px 0; display: block; width: 107px; height: 19px; }
.pet			{ background-position: -960px 0; display: block; width: 107px; height: 19px; }
.other			{ background-position: -1080px 0; display: block; width: 107px; height: 19px; }
.favotiteItem	{ background-position: -1200px 0; display: block; width: 107px; height: 19px; }

/* ブログアイコン（大） */
.newsLarge			{ background-position: 0 -40px; display: block; width: 232px; height: 34px; }
.recommendLarge		{ background-position: -260px -40px; display: block; width: 232px; height: 34px; }
.menuLarge			{ background-position: -520px -40px; display: block; width: 232px; height: 34px; }
.beautyLarge		{ background-position: -780px -40px; display: block; width: 232px; height: 34px; }
.workLarge			{ background-position: -1040px -40px; display: block; width: 232px; height: 34px; }
.workToolLarge		{ background-position: -1300px -40px; display: block; width: 232px; height: 34px; }
.privateLarge		{ background-position: -1560px -40px; display: block; width: 232px; height: 34px; }
.favoriteLarge		{ background-position: -1820px -40px; display: block; width: 232px; height: 34px; }
.petLarge			{ background-position: -2080px -40px; display: block; width: 232px; height: 34px; }
.otherLarge			{ background-position: -2340px -40px; display: block; width: 232px; height: 34px; }
.favotiteItemLarge	{ background-position: -2600px -40px; display: block; width: 232px; height: 34px; }

/* クチコミアイコン */
.kcSmartFeeling			{ background-position: 0 -100px; display: block; width: 107px; height: 19px; }
.kcCalmFeeling			{ background-position: -120px -100px; display: block; width: 107px; height: 19px; }
.kcHealedFeeling		{ background-position: -240px -100px; display: block; width: 107px; height: 19px; }
.kcStyling				{ background-position: -360px -100px; display: block; width: 107px; height: 19px; }
.kcStyleSuggestions		{ background-position: -600px -100px; display: block; width: 107px; height: 19px; }
.kcHairAdvice			{ background-position: -720px -100px; display: block; width: 107px; height: 19px; }
.kcReception			{ background-position: -840px -100px; display: block; width: 107px; height: 19px; }
.kcAmusingTalk			{ background-position: -960px -100px; display: block; width: 107px; height: 19px; }
.kcRelief				{ background-position: -1080px -100px; display: block; width: 107px; height: 19px; }
.kcCut					{ background-position: -1200px -100px; display: block; width: 107px; height: 19px; }
.kcColor				{ background-position: -1320px -100px; display: block; width: 107px; height: 19px; }
.kcPerm					{ background-position: 0 -140px; display: block; width: 107px; height: 19px; }
.kcStraight				{ background-position: -120px -140px; display: block; width: 107px; height: 19px; }
.kcExtension			{ background-position: -240px -140px; display: block; width: 107px; height: 19px; }
.kcHealedMenu			{ background-position: -360px -140px; display: block; width: 107px; height: 19px; }
.kcGoodServices			{ background-position: -480px -140px; 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; }
.kcOther				{ background-position: -120px -180px; display: block; width: 107px; height: 19px; }

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

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

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

/************************************************************
 * スプライト画像 - マイページ画面固有（mypage.png）
 ************************************************************/

.mypageS	{ background-image: url(/CSP/img/kr/sprites/mypage.png?switch=2025062510); background-repeat: no-repeat; }

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

/************************************************************
 * 追加
 ************************************************************/
.inService		{ background: url("/CSP/img/kr/icons_buttons/hed_service.gif?switch=2025062510") no-repeat; display: block; width:140px; height:22px; }
.recruitSite	{ background: url("/CSP/img/kr/icons_buttons/hed_recruitsite.gif?switch=2025062510") no-repeat; display: block; width:114px; height:22px; }
.rPoint{background-position: -187px -3987px; padding-left: 17px; height: 13px;}
.alertIcon{background-position: -185px -3949px; padding-left: 18px; height: 14px; display: inline-block;}

/* リンクリスト */
.linkListDay li {
	display: inline;
}

/************************************************************
 * カレンダー
 ************************************************************/
#calBox {
	position: absolute;
	z-index: 200;
}
.dyn_cal {
	position: relative;
	z-index: 200;
	display: none;
	width: 436px;
	height: 242px;
	border: 1px solid #999;
	background: #FFFFFF;
	text-align: center;
	overflow: hidden;
}
.dyn_cal > table {
	position: absolute;
	top: 33px;
	left: 0;
}
.dyn_cal > table > tbody > tr > td {
	border-style: none !important;
	padding: 9px 0 0 9px;
}
.dyn_cal_tbl {
	border-left: 1px solid #DDD !important;
	width: 204px;
}
.dyn_cal_tbl td {
	border-left: 1px solid #DDD !important;
	width: 29px !important;
}
.dyn_cal_tbl .youbi {
	border: solid #999;
	border-width: 0 1px 0 0;
}
.dyn_cal_tbl .youbi td {
	background: #999;
	color: #FFFFFF;
	font-weight: bold;
	border: none;
	padding: 0;
}
.dyn_cal_tbl th {
	padding: 2px 0;
	background-color: #DDD;
	border: solid #DDD;
	border-width: 1px;
	color: #4f381e;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}
.dyn_cal_tbl tr {
	border-left: 1px solid #DDDDDD !important;
}
.dyn_cal_tbl .week td {
	padding: 0;
	width: 100%;
	height: 28px;
	border: solid #DDD;
	border-width: 0 1px 1px 0;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
	background: #F0F0F0;
}
.dyn_cal_tbl a {
	display: block;
	line-height: 28px;
	height: 28px;
	background: url(/CSP/img/common/bg_cal_cell.png?switch=2025062510) 0 -28px no-repeat;
	text-decoration: none;
}
.dyn_cal_tbl a:hover {
	background: #EDCCCB;
}
.dyn_cal_tbl a:active {
	background: #EEE;
}
.dyn_cal_tbl td a {
	color:#777777;
}
.dyn_cal_tbl a.selectDate {
	background: #FF858E;
	color:#FFF !important;
}
.dyn_cal_tbl td.dyn_disable {
	height: 28px;
	background: url(/CSP/img/common/bg_cal_cell.png?switch=2025062510) 0 0 no-repeat;
	color: #858585;
}
.dyn_cal .dyn_cal_close {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 10px;
	width: 416px;
	background-color: #999;
	color: #FFF;
	text-align: left;
}
.dyn_cal .dyn_cal_close a {
	display: block;
	float: right;
	width: 20px;
	height: 20px;
	background: url(/CSP/img/common/btn_cal_close.png?switch=2025062510) 0 0 no-repeat;
	text-indent: -9999px;
}
.dyn_cal .dyn_cal_close a:hover {
	background-position: 0 -20px;
}
.dyn_cal .dyn_cal_prev {
	position: absolute;
	top: 46px;
	left: 12px;
}
.dyn_cal .dyn_cal_prev a {
	display: block;
	width: 13px;
	height: 18px;
	background: url(/CSP/img/common/btn_cal_arrow.png?switch=2025062510) 0 0 no-repeat;
	text-indent: -9999px;
}
.dyn_cal .dyn_cal_prev a:hover {
	background-position: 0 -18px;
}
.dyn_cal .dyn_cal_next {
	position: absolute;
	top: 46px;
	right: 13px;
}
.dyn_cal .dyn_cal_next a {
	display: block;
	width: 13px;
	height: 18px;
	background: url(/CSP/img/common/btn_cal_arrow.png?switch=2025062510) -13px 0 no-repeat;
	text-indent: -9999px;
}
.dyn_cal .dyn_cal_next a:hover {
	background-position: -13px -18px;
}
.dyn_saturday{
	color:#0065E0;
}
.dyn_saturday a {
	color:#4474BB !important;
}
.dyn_sunday{
	color:#C80000;
}
.dyn_sunday a {
	color:#E63271 !important;
}


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

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

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

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

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

.experienceRsv {
	background-image: url('/CSP/img/kr/sprites/reserve.png?switch=2025062510');
	background-position: -840px -620px;
	background-repeat: no-repeat;
	display: block;
	width: 90px;
	height: 25px;
}

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

/* SA headline */
.saHeadline {
	background-position: 0 -770px;
	width: 763px;
	height: 26px;
	line-height: 1.4;
}

/************************************************************
 * 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;
}
.modalContents {
	margin-top: 10px;
	padding: 0 20px;
	min-height: 300px;
	_height: 300px;
}
.pageBody {
	padding-top: 15px;
	padding-bottom: 15px;
}
div.b1-2 div.submitObj {
	background-color: #F5F3EF;
	margin-bottom: 21px;
}
#TB_ajaxContent.TB_modal {
	padding: 0 15px !important;
}
div.b1-2 div.submitObj .next {
	margin-right: 297px ;
}
div.b1-2 div.submitObj .toBack {
}
/************************************************************
* 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 */
.btn1H24,
.btn1H30,
.btn1H34,
.btn1H42,
.btn1H44,
.btn1H50,
.btn1H60 {
	background: #8A5DB7;
	background: linear-gradient(to bottom, #AD7EDB 0%,#8A5DB7 75%,#7F51AC 100%);
	border: 1px solid #B386E0;
	border-radius: 4px;
	box-shadow: inset 1px 1px 3px #D9BFF0, inset -1px -1px 3px #A781CC;
	color: #FFFFFF !important;
	padding: 1px;
}
.btn1H24:hover,
.btn1H30:hover,
.btn1H34:hover,
.btn1H42:hover,
.btn1H44:hover,
.btn1H50:hover,
.btn1H60:hover {
	background: #A17DC5;
	background: linear-gradient(to bottom, #BD98E2 0%,#A17DC5 75%,#9772BB 100%);
}
.btn1H24 {
	line-height: 20px;
}
.btn1H30 {
	line-height: 26px;
}
.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;
}
.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;
}
/* btn2 kirei */
.btn2H24.btnKr,
.btn2H28.btnKr,
.btn2H30.btnKr,
.btn2H32.btnKr,
.btn2H50.btnKr {
	background: #F5EEFC;
	background: linear-gradient(to bottom, #FFFFFF 0%,#DBC8ED 100%);
	border: solid 1px #AD95C0;
	color: #663399 !important;
}

/* btn3 */
.btn3H19,
.btn3H24,
.btn3H32,
.btn3H50 {
	background: #FFFFFF;
	background: linear-gradient(to bottom, #FFFFFF 0%,#F2F2F2 100%);
	border: solid 1px #A29697;
	border-radius: 3px;
	color: #666666 !important;
	padding: 1px;
}
.btn3H19:hover,
.btn3H24:hover,
.btn3H32:hover,
.btn3H50:hover {
	background: #FDFDFD;
	background: linear-gradient(to bottom, #FFFFFF 0%,#F7F7F7 100%);
	border: solid 1px #C7C0C1;
	color: #A4A4A4 !important;
}
.btn3H19 input,
.btn3H24 input,
.btn3H32 input,
.btn3H50 input {
	color: #666666;
}
.btn3H19:hover input,
.btn3H24:hover input,
.btn3H32:hover input,
.btn3H50:hover input {
	color: #A4A4A4;
}
.btn3H19 {
	height: 19px;
	line-height: 15px;
}
.btn3H24 {
	height: 24px;
	line-height: 20px;
}
.btn3H32 {
	height: 32px;
	line-height: 28px;
}
.btn3H50 {
	height: 50px;
	line-height: 46px;
}

.detail2S	{ background-image: url(/CSP/img/bt/sprites/detail2.png?switch=2025062510); background-repeat: no-repeat; }
.waitTitle	{ background-position: -40px -260px !important; width: 635px; height: 24px; display:block; }
.waitTitleShort	{ background-position: -40px -260px !important; width: 438px; height: 24px; display:block; }
.addIntoMyStaff			{ background-position: -963px -120px; width: 165px; height: 24px; }
.addIntoMyStaff:hover		{ background-position: -963px -144px; }
.addIntoMyStylist			{ background-position: -715px 0; width: 160px; height: 20px; }
.addIntoMyStylist:hover		{ background-position: -715px -24px; }
.showDetailW131H30			{ background-position: -361px -180px; width: 131px; height: 29px; }
.showDetailW131H30:hover	{ background-position: -361px -210px; }

.dateSerchAreaBottom {
background-position: -5269px bottom;
background-repeat: no-repeat;
padding: 10px 5px 10px 8px;
}
.dateSerchAreaTop {
background-position: -4887px top;
background-repeat: no-repeat;
}
.dateSerchArea {
background-position: -5078px top;
background-repeat: repeat-y;
}

/* PickUp */
.pickUpArea {
	width:763px;
	overflow:hidden;
}
.pickUpAreaList {
	margin: -1px -1px 0;
}
.pickUpArea img {
	border:1px solid #CCC !important;
	padding:2px;
}

.pickUpListMenu {
	width:256px;
	border-top: 1px solid #DDD;
	display: inline-block;
	vertical-align: top;
	margin-right: -1px;
	padding: 10px 0;
	*display: inline;
	*zoom: 1;
}
.pickUpImgWrap {
	display: table-cell;
	border: solid #DDD;
	border-width: 0 1px;
	text-align: center;
	height: 225px;
	width: 254px;
	vertical-align: middle;
}
.pickUpDescription {
	width: 234px;
	padding: 5px 10px;
	border: solid #DDD;
	border-width: 0 1px;
}
.pickUpDescription > .menuName {
	height:36px;
}
/* MenuList */
.menuListBdCell td {
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.menuListBdCell .rightCell {
	background-color: #FDF7EF;
	padding: 10px 0;
	width: 170px;
}
.menuListBdCell th {
	background-color: #F5F3F1;
	border-bottom: 10px solid #FFFFFF;
	color: #7030A0;
	padding: 6px 10px;
}
.menuListBdCell .leftCell{
	background-color: #FFFFFF;
	padding: 10px 15px 10px 10px;
	border-left:1px solid #CCC;
}
.menuListBdCell .TopCell {
	border-top:1px solid #CCC !important;
}

/* ブックマーク 済 */
/* 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/kr/sprites/btn2.png?switch=2025062510') no-repeat left -2190px;
	line-height: 19px;
	text-decoration: none;
}
.btnBmH19 > span,
.btnBmH19 > span.btnBmLeft {
	background: url('/CSP/img/kr/sprites/btn2.png?switch=2025062510') no-repeat right -2209px;
}
.btnBmH19 > span > span,
.btnBmH19 > span.btnBmLeft > span.btnBmRight {
	background: url('/CSP/img/kr/sprites/btn2.png?switch=2025062510') repeat-x 0 -2228px;
}
.bkMySalon{width:156px;}
.btnSaveToMySalonDone,
.btnSaveToMyDesignDone{
	display: none;
}
.btnSlnSaveToMySalonDone{
	width:160px;
	display: none;
}
.addIntoMyStylistDone{
	display: none;
	width: 165px;
	height: 24px;
}
.photoSaveBtn{height: 24px;}
.btnSaveToMyDesignDone {
	display: none;
	color: #333333 !important;
	text-decoration: none !important;
	text-indent: 0px;
	cursor: pointer;
}
.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;
	color: #FFFFFF !important;
	box-sizing: border-box;
	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;
}
.tabBody {
	padding: 20px 10px;
	background-color: #F2F2F2;
}
.tabBody .rankingList .imgFrame    {
	-ms-interpolation-mode: bicubic;
}
.tabAreaBody {
	padding: 20px;
	background-color: #F3F3F3;
	zoom: 1;
}
.middleaAreaChangeList > 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;
}

/* サロンダイレクト */
.directHeader {
	margin-bottom: 9px;
	background-color: #F9F7ED;
}
.directHeader .headerBody {
	margin: 0px auto;
	position: relative;
	width: 600px;
	padding: 5px 0 10px;
	text-align: left;
}
.smallLogo {
	background-position: -580px 0;
	display: block;
	width: 118px;
	height: 49px;
	text-indent: -9999px;
	overflow: hidden;
	background-image: url(/CSP/img/kr/sprites/c.png?switch=2025062510) !important;
	background-repeat: no-repeat;
}

/* 右カラム マップ */
.mapAreaSearch {
	background-image: url(/CSP/img/kr/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/kr/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;
}

/************************************************************
 * SEOLP
 ************************************************************/
.diList {
	margin-left: -6px;
}
.diList > li {
	display: inline-block;
}
.diList > li:before {
	content: ", ";
}
.diList > li.secLine:before {
	content: none;
}
.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;
	margin: 5px 0px 0px;
	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;
}
.seoLinkList:after {
	clear: both;
	content: "";
	display: block;
}
.seoLinkList li {
	border-right: 1px solid #CCCCCC;
	float: left;
	margin: 5px 5px 0 0;
	padding-right: 5px;
}
.seoLinkList li:last-child {
	border-right: 0;
	margin: 5px 0 0;
	padding-right: 0;
}

/*SEOLP エリア変更モーダル*/
.citiesAreaBoxCassette .areaBoxCassette {
	width: 420px !important;
}
.citiesAreaBoxCassette .areaBoxCassette ul {
	padding: 0px 12px 15px !important;
}
.citiesAreaBoxCassette .areaBoxCassette ul li {
	float:left;
	width: 120px;
}
.citiesAreaBoxCassette .areaBoxClose {
	padding-top: 10px !important;
}

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

.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: #7030A0 !important;
}
.btnBmBefore:before,
.btnBmAfter:before {
	background-image: url("/CSP/img/kr/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;
}
.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;
	text-decoration: none;
	display: block;
}
.btnCssLGray:hover {
	color: #333333;
	text-decoration: none;
	opacity: 0.7;
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
}

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

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

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


/* SALON SELECTION */
.salonSelection {
	line-height: 1.2;
}
.salonSelection + .salonSelection {
	margin-top: 15px;
}
.ssHead {
	box-sizing: border-box;
	color: #A9A398;
	float: left;
	margin-right: 10px;
	padding-left: 10px;
	width: 100px;
}
/* /SALON SELECTION */

.lastAreaBottom .count {
	font-size: 11px;
	color: #666666;
}
/* 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);
}
/* /jquery.minimalModal.js Overlay*/

.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;
}
.mainCntSecondTtl.twoLine {
	padding-left: 10px;
}

/* Radio, Checkbox color */

@media (min-width: 1px) {
	.basicCheck:checked + label:before {
		background-color: #8C61B8;
		border-color:#8C61B8;
	}
	.basicRadio:checked + label:after {
		background-color: #8C61B8;
	}
}

/* 王冠アイコン */
.icnCrown1,
.icnCrown2,
.icnCrown3,
.icnCrownOther {
	background-position: 0 0;
	background-repeat: no-repeat;
}
.icnCrown1 {
	background-image: url(/CSP/img/nc/icons/icon_crown1.png?switch=2025062510);
}
.icnCrown2 {
	background-image: url(/CSP/img/nc/icons/icon_crown2.png?switch=2025062510);
}
.icnCrown3 {
	background-image: url(/CSP/img/nc/icons/icon_crown3.png?switch=2025062510);
}
.icnCrownOther {
	background-image: url(/CSP/img/nc/icons/icon_crown_other.png?switch=2025062510);
}

/* 性別判定モーダル */
.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/kr/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;
}
/* フッターパンくず */
.footerTopicPathLinks {
	padding-top: 10px;
}
.footerTopicPathLinks ul {
	font-size: 0;
	padding-top: 3px;
}
.footerTopicPathLinks li {
	color: #333333;
	display: inline-block;
	font-size: 10px;
}

/* サロンの利用傾向 */
.mainCntForthTtl {
	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: 1px 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:not(.isCr):hover {
	opacity: 0.7;
}
.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: #8C61B8;
}
.reserveGenderWrap.mens::before {
	background-color: #B98FD5;
}
.reserveGenderWrap.others::before {
	background-color: #D3BCE4;
}

/* 年代比率グラフ */
.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: #8C61B8;
	border-radius: 0 5px 5px 0;
	display: block;
	height: 10px;
}
.ageRatioGraphDataPercentage {
	padding-left: 16px;
	text-align: right;
	white-space: nowrap;
	width: 21px;
} 

/* テキストリンク */
.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;
}

/* モーダル内ボタン */
.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;
}

/* 汎用ボタン */
.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.8;
	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%;
}