@charset "utf-8";

/************************************************************
 * Reset Style
 ************************************************************/
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;
	word-break: break-all;
}
ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
th		{ text-align: left; }

iframe	{ vertical-align: middle; }

/* clearfix */
.cFix:after {
	content: '';
	display: block;
	height: 0;
	clear: both;
}
.cFix	{ zoom: 1; }

/************************************************************
 * Body Style
 ************************************************************/

body {
	overflow-y: scroll;
	*overflow-y: visible;
}

/************************************************************
 * Anchor Style
 ************************************************************/

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

a .imgFrame {
	-webkit-transition: border .2s linear;
	-moz-transition: border .2s linear;
	-ms-transition: border .2s linear;
	-o-transition: border .2s linear;
	transition: border .2s linear;
}
a:hover .imgFrame {
	border: 1px solid #999999;
	-webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, .05);
}

/************************************************************
 * Font Style
 ************************************************************/

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

/************************************************************
 * CSS Sprite - Common（c.png）
 ************************************************************/

.cS		{ background-image: url(/CSP/img/nc/sprites/c.png?switch=2025062510); background-repeat: no-repeat; border: 0; display: block; }

.regist							{ background-position: -393px -480px; display: block; width:146px; height:24px; 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; }
.salonReserve						{ background-position: -339px -480px; display: block; width: 42px; height: 16px; }
.salonReserve:hover				{ background-position: -339px -496px; }

.viewDetailReservation			{ background-position: -300px -560px; background-repeat: no-repeat; display: block; width: 115px; height: 24px; }
.viewDetailReservation:hover	{ background-position: -300px -584px; }


/************************************************************
 * CSS Sprite - Buttons（b.png）
 ************************************************************/

.bS		{  background: 0; border: 0; background-image: url(/CSP/img/nc/sprites/b.png?switch=2025062510); background-repeat: no-repeat; display: block; }
#myMenu .bS		{  background: 0; border: 0; background-image: url(/CSP/img/nc/sprites/b.png?switch=2025062510); background-repeat: no-repeat; display: block; }


.btnSearch							{ background-position: 0 0; width: 119px; height: 28px; }
.btnSearch:hover					{ background-position: 0 -28px; }
.btnNarrowDown					{ background-position: -140px 0; width: 119px; height: 28px; }
.btnNarrowDown:hover				{ background-position: -140px -28px; }
.btnSearchByCheckedArea			{ background-position: -280px 0; width: 141px; height: 28px; }
.btnSearchByCheckedArea:hover	{ background-position: -280px -28px; }

.btnSaveToMyStyle					{ background-position: 0 -105px; width: 115px; height: 24px; }
.btnSaveToMyStyle:hover			{ background-position: 0 -129px; }
.btnSearchByAllArea				{ background-position: -140px -105px; width: 115px; height: 24px; }
.btnSearchByAllArea:hover		{ background-position: -140px -129px; }

.btnSaveToMyStyleDone {
	display: none;
	width: 113px;
	background-color: #BFB4AB;
	color: #333333 !important;
	text-decoration: none !important;
	padding: 1px;
	margin-right: auto;
	margin-left: auto;
	cursor: pointer;
}

/************************************************************
 * CSS Sprite - Icons（i.png）
 ************************************************************/

.iS		{ background-image: url(/CSP/img/nc/sprites/i.png?switch=2025062510); background-repeat: no-repeat; }
#myMenu .iS,
.iSBT	 { background-image: url(/CSP/img/bt/sprites/i.png?switch=2025062510); background-repeat: no-repeat; }

.newS		{ background-position: -178px -1540px; width: 22px; height: 11px; margin-left: 5px; }
.arrowR	{ background-position: -196px -241px; display: inline-block; padding-left: 8px; }
.arrowT	{
	display: inline-block;
	background-image: url(/CSP/img/nc/sprites/i.png?switch=2025062510) !important;
	background-repeat: no-repeat;
	background-position: -193px -2px; padding-left: 10px;
}
.arrowROff	{ background-position: -196px -460px; display: inline-block; padding-left: 8px; }

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

.rPoint{background-position: -187px -5200px; padding-left: 17px; height: 13px;}
.alertIcon{background-position: -185px -5236px; padding-left: 18px; height: 14px; display: inline-block;}


/************************************************************
 * CSS Sprite - repeat-y and horizontal（y.png）
 ************************************************************/

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


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

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


/************************************************************
 * ID Style
 ************************************************************/

/* ヘッダー */
#headerWrapper {
	border-bottom: 2px solid #998a8a;
	border-top:    16px solid #BFB4AB;
	zoom: 1;
}
#header {
	width: 1000px;
	margin: 0 auto -2px;
	position: relative;
	border-bottom: 2px solid #998a8a;
}
#headSummary {
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 18px;
	margin-top: -16px;
	position: absolute;
}
#logoNavi {
	height: 68px;
	position: relative;
	z-index: 0;
}
#logo {
	position: absolute;
 	top: 9px;
 	left: 12px;
	z-index: 0;
}

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

/* プレコンテンツ */
#preContents {
	padding: 10px 20px 0;
	min-height: 40px;
	_height: 40px;
}
/* コンテンツ */
#contents {
	margin-top: 10px;
	padding: 0 20px;
	min-height: 300px;
	_height: 300px;
}
#mainContents {
	float: left;
	width: 748px;
}
#sideContents {
	float: right;
	width: 180px;
	letter-spacing: -1px;
}
#middleSummary {
	color: #999999;
	font-size: 10px;
	position: absolute;
	right: 0;
	bottom: -1.5em;
}
#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;
	padding: 4px 4px 7px;
	zoom: 1;
}

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

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

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

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

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

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

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


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

/************************************************************
 * Class Style
 ************************************************************/

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

.myPageTop	{
	background-position: 0 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageTop:hover{
	background-position: 0 -33px;
}
.myPageTopOn	{
	background-position: 0 -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPagePoint	{
	background-position: -200px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPagePoint:hover{
	background-position: -200px -33px;
}
.myPagePointOn	{
	background-position: -200px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageSalon	{
	background-position: -400px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageSalon:hover{
	background-position: -400px -33px;
}
.myPageSalonOn	{
	background-position: -400px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStylist	{
	background-position: -600px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStylist:hover{
	background-position: -600px -33px;
}
.myPageStylistOn	{
	background-position: -600px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStyle	{
	background-position: -800px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageStyle:hover{
	background-position: -800px -33px;
}
.myPageStyleOn	{
	background-position: -800px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageNewStyle	{
	background-position: -1000px 0;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}
.myPageNewStyle:hover{
	background-position: -1000px -33px;
}
.myPageNewStyleOn	{
	background-position: -1000px -66px;
	display: block;
	width:171px;
	height: 33px;
	text-indent: -9999px;
	overflow:hidden;
}

.myMenuTitleTop	{ margin:5px 5px 0; }
.mySalonList li	{ padding:5px 0; }
.myFeaturedSalonShop	{ background-position: -5430px bottom; background-repeat: repeat-y; }
.myFeaturedSalonShopBottom {
	background-position: -5250px bottom;
	background-repeat: no-repeat;
	zoom: 1;
}
.myFeaturedSalonShop ul {
	padding:0 4px 10px;
}
.myFeaturedSalonShop li {
	margin-top:5px;
	*margin-top:-12px;
}
.myFeaturedSalonShop li.SalonfirstMG {
	margin-top:2px !important;
	*margin-top:-16px !important;
}
.mySalonShopbody {
	background-position: -5954px 0;
	background-repeat: repeat-y;
}
.mySalonShopbodyHead { background-position: -5610px top; background-repeat: no-repeat; }
.mySalonShopbodyBottom {
	background-position: -5782px bottom;
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 7px 8px;
	position: relative;
	z-index: 10;
}

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


/* フッター */
#footer {
	height: 60px;
	border-top: 1px solid #DDDDDD;
	padding-top: 10px;
	margin-top: 20px;
	position: relative;
}
#copyright {
	position: absolute;
	top: 10px;
	left: 30px;
}
#footerLinks {
	font-size: 10px;
	overflow: hidden;
	position: absolute;
	top: 20px;
	right: 30px;
}
#footerLinks li {
	float: left;
	border-right: 1px solid #DDD;
	padding-right: 15px;
	*padding-right: 16px;
	margin-left: 15px;
	margin-right: -1px;
}
.footerInfoDtl {
	float: left;
	margin-top: 5px;
	padding: 0 0 10px 40px;
}
.footerTermsLink {
	font-size: 10px;
	margin-top: 8px;
}
.hpbInfoLink > li,
.footerTermsLink > li {
	float: left;
	padding-right: 14px;
}
.hpbInfoLink > li + li,
.footerTermsLink > li + li {
	border-left: 1px solid #DDDDDD;
	padding-left: 14px;
}
#copyrightnew {
	float:left;
	margin : 0 10px ;
}
#copyrightnew p a {
	font-size: 10px;
	font-weight: bold;
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
	line-height: 2;
	color: #435B67 !important;
}

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

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

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

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

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

/* マイエリア */
.myMenuTop {
	background-position: -900px -20px;
}
.myMenuTopTitle {
	height: 29px;
	margin: 0 4px;
}
.txtMypage				{ background-position: -1100px -20px; width: 73px; height: 13px; }
.myMenuTopBody {
	padding: 0 5px;
	text-align: center;
}
.myMenuTitle {
	margin: 10px 5px 0;
}
.txtPoint				{ background-position: -1100px -20px; background-repeat: no-repeat; width: 49px; height: 13px; }
.txtLastReservedSalon	{ background-position: -1100px -40px; background-repeat: no-repeat; width: 116px; height: 13px; }
.txtLastViewedSalon		{ background-position: -1100px -60px; background-repeat: no-repeat; width: 90px; height: 13px; }
.txtMyMenu				{ background-position: -1100px -80px; background-repeat: no-repeat; width: 77px; height: 12px; }
.txtInformation			{ background-position: -1100px -100px; background-repeat: no-repeat; width: 49px; height: 13px; }
.txtMySalon				{ background-position: -1100px -120px; background-repeat: no-repeat; width: 70px; height: 12px; }
.txtMyStyle				{ background-position: -1100px -140px; background-repeat: no-repeat; width: 79px; height: 12px; }
.txtMyStylist			{ background-position: -1100px -160px; background-repeat: no-repeat; width: 104px; height: 12px; }


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

.myMenuItems {
	margin-top: -10px;
	zoom: 1;
}

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

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

.bookmarkList dd{
	padding-left: 8px;
	margin-bottom: 3px;
}
.bookmarkList dd:last-child{
	margin-bottom: 0;
}

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

/* フォーム系 */
.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;
}
/* ページトップリンク */
.pageTopLink {
	margin-top: 20px;
	text-align: right;
}

/* フッターアイコン */
.inService		{ background: url("/CSP/img/bt/icons_buttons/hed_service.gif?switch=2025062510") no-repeat; display: block; width:140px; height:22px; }
.recruitSite	{ background: url("/CSP/img/bt/icons_buttons/hed_recruitsite.gif?switch=2025062510") no-repeat; display: block; width:114px; height:22px; }

/* 表スキン */
.skinTbl1Wrapper {
	border: 1px solid #DED9D6;
}
.skinTbl1 {
	border-collapse: collapse;
	border: 1px solid #FFFFFF;
	background-color: #FFFFFF;
}
.skinTbl1 th {
	background-color: #E5E1DD;
	color: #6E6E6E;
	font-weight: bold;
}
/* 表余白 */
.pCell1 th,
.pCell1 td {
	padding: 5px 5px;
}

/* 表敬線 */
.bdTblSprt {
	border-top: 1px dotted #D5D5D5;
	font-size: 0;
	height: 0;
}

/* 写真スキン */
.imgFrame {
	border: 1px solid #EEEEEE;
	padding: 1px;
}

.tabArea a {
	display: block;
	width: 98px;
	height: 30px;
	background-image: url(/CSP/img/nc/tab/tab_area.png?switch=2025062510);
	background-repeat: no-repeat;
}
.tabAreaSA					{ background-position: 0 -30px; }
.tabAreaSA:hover			{ background-position: 0 -60px; }
.current .tabAreaSA			{ background-position: 0 -60px; }
.tabAreaSB					{ background-position: -120px -30px; }
.tabAreaSB:hover			{ background-position: -120px -60px; }
.current .tabAreaSB			{ background-position: -120px -60px; }
.tabAreaSC					{ background-position: -240px -30px; }
.tabAreaSC:hover			{ background-position: -240px -60px; }
.current .tabAreaSC			{ background-position: -240px -60px; }
.tabAreaSD					{ background-position: -360px -30px; }
.tabAreaSD:hover			{ background-position: -360px -60px; }
.current .tabAreaSD			{ background-position: -360px -60px; }
.tabAreaSE					{ background-position: -480px -30px; }
.tabAreaSE:hover			{ background-position: -480px -60px; }
.current .tabAreaSE			{ background-position: -480px -60px; }
.tabAreaSF					{ background-position: -600px -30px; }
.tabAreaSF:hover			{ background-position: -600px -60px; }
.current .tabAreaSF			{ background-position: -600px -60px; }
.tabAreaSG					{ background-position: -720px -30px; }
.tabAreaSG:hover			{ background-position: -720px -60px; }
.current .tabAreaSG			{ background-position: -720px -60px; }
.tabAreaSH					{ background-position: -840px -30px; }
.tabAreaSH:hover			{ background-position: -840px -60px; }
.current .tabAreaSH			{ background-position: -840px -60px; }
.tabAreaSI					{ background-position: -960px -30px; }
.tabAreaSI:hover			{ background-position: -960px -60px; }
.current .tabAreaSI			{ background-position: -960px -60px; }

.tabBody {
	padding: 20px 10px;
	background-color: #F2F2F2;
}
.tabBody .rankingList .imgFrame    {
    -ms-interpolation-mode: bicubic;
}
.tabAreaBody {
	padding: 20px;
	background-color: #F2F2F2;
	zoom: 1;
}

.msInterMode {
	-ms-interpolation-mode: bicubic;
}

.areaList {
	height: 270px;
}

.areaList li label  {
	line-height: 1.5;
}

.areaList li input  {
	*width: 1.5em;
	*height: 1.5em;
	line-height: 1.5;
	margin: 0 5px;
	*margin: 0 2px 0 3px;
	padding: 0;
	vertical-align: middle;
}

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

/* ポップアップアイコン */
.icnPopup {
	background: url(/CSP/img/nc/icons/icon_popup.png?switch=2025062510) no-repeat left center;
	padding-left: 18px;
}
.icnPopupEmpty {
	padding-left: 8px;
}

/* UPアイコン */
.icnUp {
	background-color: #FF9900;
	color: #FFFFFF;
	display: inline-block;
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	padding: 1px 2px;
	vertical-align: middle;
}

/* 絞り込みサイドメニューアイコン */
.icnHeadingArrowLeft {
	display: block;
	background: url(/CSP/img/nc/icons/icon_heading_arrow_left.png?switch=2025062510)  no-repeat 20px 9px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform-origin: 23px 12px;
	-moz-transform-origin: 23px 12px;
	-ms-transform-origin: 23px 12px;
	-o-transform-origin: 23px 12px;
	transform-origin: 23px 12px;
}
.icnHeadingArrowDown {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
@media \0screen\,screen\9 {
    .icnHeadingArrowDown {
        /* IE7-8 */ background: url(/CSP/img/nc/icons/icon_heading_arrow_down.png?switch=2025062510) no-repeat 20px 10px;
    }
}

.labelCover {
	display: block;
	opacity: 0;
	-ms-filter: alpha(opacity=0);
	filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	width: 50px;
	height: 50px;
	z-index: 100;
	cursor: pointer;
}
dd .labelCover {
	height: 20px;
}

/* nailSearchlist anchor img */
.nailSearchList a .imgFrame {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.nailSearchList a:hover .imgFrame {
	border: 1px solid #EEEEEE;
	-webkit-box-shadow: none;
}

/* 機能系ボタン ※下位ブラウザにはJSで丸くする */
.btnFunc {
	display: inline-block;
	background-color: #A49588;
	color: #FFFFFF !important;
	text-align: center;
	padding: 4px 10px;
	text-decoration: none !important;
	cursor: pointer;
}
.narrowDownByArea {
	position: relative;
	white-space: nowrap;
	width: 278px;
	background-color: #A49588;
	padding: 1px;
	zoom: 1;
	height: 26px;
	overflow:  hidden;
}
.narrowDownByAreaText {
	line-height: 26px;
	height: 26px;
	width: 225px;
	padding: 0 8px;
	background-color: #FFFFFF;
	overflow:  hidden;
}
.narrowDownByAreaTextInner {
	width: 228px;
	overflow:  hidden;
}

/* border-radius */
.jscRadius3px {
	border-radius: 3px;
}

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

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

/************************************************************
 * General Class
 ************************************************************/

/* WIDTH */
.wFull	{ width: 100%; }
.wHalf	{ width: 49.9%; _width: 49.9%; }
.w3Clm	{ width: 33.3%; }
.w4Clm	{ width: 25%; }
.w71	{ width: 71px; }
.w76	{ width: 76px; }
.w80	{ width: 80px; }
.w81	{ width: 81px; }
.w85	{ width: 85px; }
.w89	{ width: 89px; }
.w94	{ width: 94px; }
.w95	{ width: 95px; }
.w96	{ width: 96px; }
.w98	{ width: 98px; }
.w100	{ width: 100px; }
.w100m	{ min-width: 100px; _width: 100px; }
.w106	{ width: 106px; }
.w107	{ width: 107px; }
.w115	{ width: 115px; }
.w118	{ width: 118px; }
.w122	{ width: 122px; }
.w124	{ width: 124px; }
.w126	{ width: 126px; }
.w128	{ width: 128px; }
.w130	{ width: 130px; }
.w134	{ width: 134px; }
.w137	{ width: 137px; }
.w141	{ width: 141px; }
.w150	{ width: 150px; }
.w159	{ width: 159px; }
.w160	{ width: 160px; }
.w170	{ width: 170px; }
.w172	{ width: 172px; }
.w174	{ width: 174px; }
.w177	{ width: 177px; }
.w178	{ width: 178px; }
.w181	{ width: 181px; }
.w183	{ width: 183px; }
.w185	{ width: 185px; }
.w188	{ width: 188px; }
.w191	{ width: 191px; }
.w197	{ width: 197px; }
.w204	{ width: 204px; }
.w250	{ width: 250px; }
.w260	{ width: 260px; }
.w270	{ width: 270px; }
.w272	{ width: 272px; }
.w273	{ width: 273px; }
.w281	{ width: 281px; }
.w300	{ width: 300px; }
.w312	{ width: 312px; }
.w327	{ width: 327px; }
.w332	{ width: 332px; }
.w343	{ width: 343px; }
.w350	{ width: 350px; }
.w356	{ width: 356px; }
.w358	{ width: 358px; }
.w360	{ width: 360px; }
.w371	{ width: 371px; }
.w382	{ width: 382px; }
.w383	{ width: 383px; }
.w385	{ width: 385px; }
.w421	{ width: 421px; }
.w454	{ width: 454px; }
.w550	{ width: 550px; }
.w554	{ width: 554px; }
.w557	{ width: 557px; }
.w558	{ width: 558px; }
.w748	{ width: 748px; }
.w749	{ width: 749px; }

/* HEIGHT */
.h73	{ height: 73px; }
.h101	{ height: 101px; }
.h130	{ height: 130px; }
.h171	{ height: 171px; }
.h182	{ height: 182px; }
.h237	{ height: 237px; }
.h267	{ height: 267px; }

/* LINE-HEIGHT */
.lhDe	{ line-height: 1; }
.lh13	{ line-height: 13px; }
.lh14	{ line-height: 14px; }
.lh15	{ line-height: 15px; }
.lh18	{ line-height: 18px; }
.lh19	{ line-height: 19px; }
.lh23	{ line-height: 23px; }
.lh28	{ line-height: 28px; }
.lh30	{ line-height: 30px; }

/* MARGIN */
.mTN1	{ margin-top: -1px; }
.mTN5	{ margin-top: -5px; }
.mTN10	{ margin-top: -10px; }
.mTN20	{ margin-top: -20px; }
.mT2	{ margin-top: 2px; }
.mT3	{ margin-top: 3px; }
.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; }
.mT20	{ margin-top: 20px; }
.mT25	{ margin-top: 25px; }
.mT30	{ margin-top: 30px; }
.mT40	{ margin-top: 40px; }
.mT50	{ margin-top: 50px; }
.mT0	{ margin-top: 0px !important;}

.mR1	{ margin-right: 1px; }
.mR2	{ margin-right: 2px; }
.mR3	{ margin-right: 3px; }
.mR4	{ margin-right: 4px; }
.mR5	{ margin-right: 5px; }
.mR7	{ margin-right: 7px; }
.mR8	{ margin-right: 8px; }
.mR9	{ margin-right: 9px; }
.mR10	{ margin-right: 10px; }
.mR12	{ margin-right: 12px; }
.mR14	{ margin-right: 14px; }
.mR15	{ margin-right: 15px; }
.mR20	{ margin-right: 20px; }
.mR30	{ margin-right: 30px; }
.mR300	{ margin-right: 300px; }
.mRN10	{ margin-right: 10px; }

.mLN4	{ margin-left: -4px; }
.mL3	{ margin-left: 3px; }
.mL5	{ margin-left: 5px; }
.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL20	{ margin-left: 20px; }
.mL25	{ margin-left: 25px; }
.mL30	{ margin-left: 30px; }
.mL40	{ margin-left: 40px; }
.mL90	{ margin-left: 90px; }

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

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

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

.pR2	{ padding-right: 2px; }
.pR5	{ padding-right: 5px; }
.pR10	{ padding-right: 10px; }
.pR15	{ padding-right: 15px; }
.pR20	{ padding-right: 20px; }
.pR30	{ padding-right: 30px; }


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

.pL2	{ padding-left: 2px; }
.pL5	{ padding-left: 5px; }
.pL8	{ padding-left: 8px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL30	{ padding-left: 30px; }

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

.pH0	{ padding-left: 0 !important; padding-right: 0 !important;  }
.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH8	{ padding-left: 8px; padding-right: 8	px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }
.pH12	{ padding-left: 12px; padding-right: 12px; }
.pH15	{ padding-left: 15px; padding-right: 15px; }
.pH20	{ padding-left: 20px; padding-right: 20px; }

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

.pClear	{ padding: 0 !important; }

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

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

.zoom1	{ zoom: 1; }
.nowrap	{ white-space: nowrap; }
.wwbw	{ word-wrap: break-word; }
.wbba	{ word-break: break-all; }

/* 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; }
.top8		{ top: 8px; }
.top10		{ top: 10px; }
.top15		{ top: 15px; }
.top20		{ top: 20px; }
.topN8		{ top: -8px; }
.topN20		{ top: -20px; }
.topHalf	{ top: 50%; margin-top: -8px; }
.topHalfH24	{ top: 50%; margin-top: -12px; }
.left0		{ left: 0; }
.left5		{ left: 5px; }
.left10		{ left: 10px; }
.left15		{ left: 15px; }
.left20		{ left: 20px; }
.left210	{ left: 210px; }
.right0		{ right: 0; }
.right2		{ right: 2px; }
.right5		{ right: 5px; }
.right8		{ right: 8px; }
.right10	{ right: 10px; }
.right15	{ right: 15px; }
.right20	{ right: 20px; }
.bottom0	{ bottom: 0; }
.bottom2	{ bottom: 2px; }
.bottom5	{ bottom: 5px; }
.bottom10	{ bottom: 10px; }
.bottom15	{ bottom: 15px; }
.bottom20	{ bottom: 20px; }

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

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

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

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

/* BACKGROUNG */
.bgLGray	{ background-color: #F2F2F2; }
.bgGray2	{ background-color: #D9D9D9; }
.bgLGray3	{ background-color: #EEECE1; }
.bgLGray4	{ background-color: #F8F8F8; }
.bgLGray5	{ background-color: #DDDDDD; }
.bgLLGray	{ background-color: #F5F3EF !important; }
.bgDGray	{ background-color: #A6A39B; }
.bgPink		{ background-color: #F5C3CC; }
.bgPink2	{ background-color: #F2DCDB; }
.bgPink3	{ background-color: #FFE6E6; }
.bgPink4	{ background-color: #E6B9B8; }
.bgPink5	{ background-color: #FFE2E8; }
.bgPink6	{ background-color: #FF6666; }
.bgLPink	{ background-color: #FFE2E8; }
.bgWhite	{ background-color: #FFFFFF; }
.bgWhite2	{ background-color: #F6F3E3; }
.bgBrown	{ background-color: #DDD9C3; }
.bgOrange	{ background-color: #FFCB9E; }
.bgOrange2	{ background-color: #FCF7DF; }
.bgBeige	{ background-color: #F6F3E3; }
.bgGreen	{ background-color: #E2EFDF; }
.bgDGreen	{ background-color: #91AC8A; }
.bgWRed	{ background-color: #AA3355; }
.bgLBlue	{ background-color: #D0E3E3; }
.bgF7F7F7	{ background-color: #F7F7F7; }

.bgSlashB { background: url(/CSP/img/nc/repeat/bg_slash.png?switch=2025062510) repeat-x 0 bottom; }

/* BORDER */
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdGrayR2		{ border-right: 1px solid #A6A39B; }
.bdGray			{ border: 1px solid #DDDDDD; }
.bdGrayT		{ border-top: 1px solid #DDDDDD; }
.bdGrayR		{ border-right: 1px solid #DDDDDD; }
.bdGrayB		{ border-bottom: 1px dotted #DDDDDD; }
.bdGrayB2		{ border-bottom: 1px solid #DDDDDD; }
.bdGrayL		{ border-left: 1px solid #ECEAEA; }
.bdGrayL2		{ border-left: 1px solid #A6A39B; }
.bdGray2		{ border: 1px solid #A6A6A6; }
.bdGray3		{ border: 1px solid #7F7F7F; }
.bdGray4		{ border: 1px solid #D9D9D9; }
.bdGray5L		{ border-left: 1px solid #999999; }
.bdDotGrayT		{ border-top: 1px dotted #999999; }
.bdDotGrayB	{ border-bottom: 1px dotted #999999; }
.bdGrayR		{ border-right: 1px solid #DDDDDD; }
.bdWhite		{ border: 1px solid #FFFFFF; }
.bdWhiteL		{ border-left: 1px solid #FFFFFF; }
.bdPink		{ border: 1px solid #FF7799; }
.bdPinkB		{ border-bottom: 1px solid #FF7799; }
.bdPinkR		{ border-right: 1px solid #EC98AB; }
.bdPinkL		{ border-left: 1px solid #EC98AB; }
.bdPink3	{ border: 1px solid #E6BBBB; }
.bdDPink		{ border: 1px solid #E6BBBB; }
.bdDPinkB		{ border-bottom: 1px solid #E6BBBB; }
.bdDotT			{ border-top: 1px dotted #BDBDBD; }
.bdDotR			{ border-right: 1px dotted #BDBDBD; }
.bdDotB			{ border-bottom: 1px dotted #BDBDBD; }
.bdOrangeR		{ border-right:1px solid #FFCB9E; }
.bdOrangeB		{ border-bottom:1px solid #FFCB9E; }
.bdOrangeT		{ border-top:1px solid #FFCB9E; }
.bdOrange5		{ border:5px solid #FFCFA3; }
.bdGreenR		{ border-right:1px solid #91AC8A; }
.bdRedB			{ border-bottom: 2px solid #AA3355; }
.bdWRedB3		{ border-bottom:3px solid #AA3355; }
.bdPurpleB2 { border-bottom: 2px solid #663399; }
.bdBlue			{ border: 1px solid #B4C4C4; }

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


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

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

/* ブックマーク 済 */
/* 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;
}
.btnSaveToMyDesignDone {
	padding-top:0;
	padding-bottom:0;
	display: none;
}
.bkMySalon {
width: 156px;
}
.btnSaveToMySalonDone,
.btnSaveToMyDesignDone{
	color: #333333 !important;
	text-decoration: none !important;
}

.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;
}
.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;
}
.btnBmAfter:before {
	background-position: -183px -5986px;
}
.hint				{ color: #C0C0C0; }

/* SEARCH KEYWORD */
.saSearchKeywordHead {
	padding-top: 3px;
	color: #666666;
	font-weight: bold;
}
.saSearchFreewordBox {
	border: 1px solid #CCCCCC;
	border-radius: 4px;
	box-sizing: border-box;
	color: #333333;
	height: 24px;
	padding: 2px 4px;
	width: 228px;
}
.saSearchFreewordBox::placeholder {
	color: #909090;
}
.saSearchFreewordBtn {
	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;
}
.saSearchFreewordBtn:hover {
	-ms-filter: alpha(opacity="70");
	filter: alpha(opacity="70");
	opacity: 0.7;
}
/* / SEARCH KEYWORD */

/* 性別判定モーダル */
.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;
}

.bookmarkBtnWrap {
	position: relative;
}

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