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

h1	{ font-size: 1.4em; }
h2	{ font-size: 1.4em; }
h3	{ font-size: 1em; }

ul, ol	{ list-style: none; }
img		{ border: none; vertical-align: bottom; }
table	{ border-spacing: 0; }
th		{ font-weight: normal; }

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

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

a:link		{ color: #1B47FF; text-decoration: none;}
a:visited	{ color: #1B47FF; text-decoration: none;}
a:hover		{ color: #1B47FF; }
a:active	{ color: #1B47FF; }

.linkLine:link		{ color: #1B47FF; text-decoration:underline; }
.linkLine:visited	{ color: #1B47FF; text-decoration:underline;}
.linkLine:hover		{ color: #1B47FF; }
.linkLine:active	{ color: #1B47FF; }

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

.linkBlack:link		{ color: #000000; text-decoration: none; }
.linkBlack:visited	{ color: #000000; text-decoration: none; }
.linkBlack:hover	{ color: #000000; }
.linkBlack:active	{ color: #000000; }

.linkBlue:link		{ color: #1B47FF; text-decoration: none; }
.linkBlue:visited	{ color: #1B47FF; text-decoration: none; }
.linkBlue:hover		{ color: #1B47FF; }
.linkBlue:active	{ color: #1B47FF; }

.buttonBox {
	background: -webkit-gradient(linear, left top, left bottom, from(#EC4364), to(#BD253E));
	background: -moz-linear-gradient(center top, #EC4364, #BD253E) repeat scroll 0 0 transparent;
	text-shadow: #C3314D 1px 1px 1px;
	border: #A66173 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

.buttonBox2 {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

.buttonBox3 {
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#DDDDDD));
	background: -moz-linear-gradient(center top, #FFFFFF, #DDDDDD) repeat scroll 0 0 transparent;
	text-shadow: #C8CFED 1px 1px 1px;
	border: #6A6A6A 1px solid;
	font-weight: bold;
	text-align: center;
	display: block;
	font-size: 1em;
	margin: 0 auto;
	text-indent: 0.8em;
}

/************************************************************
 * フォント
 ************************************************************/
body, input, select, textarea, table, th, td, li ,a {
	font-family: Helvetica,'ＭＳ Ｐゴシック','MS P Gothic',Arial,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
}
body, input, select, textarea, table {
	color: #666666;
	line-height: 1.5;
	font-family: Helvetica;
}
html{
	-webkit-text-size-adjust: none;
}

/************************************************************
 * テーブル
 ************************************************************/
.tblTypeA {
	border-collapse: collapse;
}
.tblTypeA th,
.tblTypeA td {
	padding: 5px;
	border: 1px solid #999999;
}
.tblTypeA th {
	text-align: left;
	background-color: #EAEAEA;
}

/************************************************************
 * IDS
 ************************************************************/
/* ヘッダー */
#header {
	margin-bottom: 5px;
	display: block;
	padding: 5px;
	position: relative;
}
.logo {
	width: 88px;
	height: 35px;
	text-indent: -2000px;
	overflow: hidden;
	display: block;
	/*background-image: url(https://beauty.hotpepper.jp/CSP/img/bt/smb/common/smb/logo.png);*/
	/*120913パスを修正*/
	background-image:url(https://beauty.hotpepper.jp/doc/sp/common/images/logo.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.promoWord {
	margin: 0px 4px;
	float: left;
	color: #666666;
	font-size: 10px;
	letter-spacing: 0.5px;
	margin-top: -2px;
}
/* コンテンツ */
#content {
	width: 100%;
	margin: 0 auto;
}

/* フッター */
#footer {
	width: 100%;
	border-top: #CCCCCC 1px solid;
	margin-top: 25px;

}


/*120927平山追記*/
#footer a {
color: #435B67 !important;
    font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 2;
    text-decoration: underline !important;
	padding-left:10px;
}


#copyright {
	width: 163px;
	margin: 20px auto;
}

/* FA Window 非表示*/
#FA_Window	{ display: none; }

/* System Area */
#errorMessage table tbody tr td { background-image:none; line-height:1.5em;}
#errorMessage table tbody tr:first-child td,
#errorMessage table tbody tr:last-child td,
#errorMessage table tbody tr:first-child td img,
#errorMessage table tbody tr:last-child td img{ visibility:hidden; line-height:0;}
#errorMessage table {
	-webkit-border-radius: 5px;
	 border: 1px solid #CCCCCC;
	 color: #000000;
}

/************************************************************
 * CLASSES(コンポーネント)
 ************************************************************/
.login dt {
	clear: left;
	float: left;
	margin: 0 0 0.8em;
	width: 10em;
	background-color: #FFD855;
	font-weight: bold;
	color: #4E4E4E;
}
.login dd {
	margin-bottom: 0.8em;
	margin-left: 11em;
}
.addressChoice { width:100%; }
.addressChoice dt  {
	float: left;
	clear: both;
}
.choice { width:100%; }
.choice dt  {
	float: left;
	clear: both;
	margin-right: 5px;
}
.SelectList { width:100%; }
.SelectList dt {
	float: left;
	clear: both;
	margin-right: 5px;
}

.reserveNaviArea { font-size: 0.8em; }
.reserveNavi {
	background-color: #D7D7D7;
	color: #666666;
}
.reserveNaviCurrent {
	background-color: #FF7D00;
	color: #FFFFFF;
}

/************************************************************
 * CLASSES(プロパティ)
 ************************************************************/
/* WIDTH */
.w18p	{ width: 18%; }
.w19p	{ width: 19.99%; }
.w20p	{ width: 20%; }
.w22p	{ width: 21.4%; }
.w26p	{ width: 26%; }
.w45p	{ width: 45%; }
.w55p	{ width: 55%; }
.w74p	{ width: 74%; }
.w80p	{ width: 85%; }
.w90p	{ width: 90%; }
.w93p	{ width: 93%; }
.wFull	{ width: 100%; }

.w20	{ width: 20px; }
.w30	{ width: 30px; }
.w45	{ width: 45px; min-width: 45px;}
.w60m	{ width: 60px; min-width: 59px;}
.w75	{ width: 75px; }
.w110	{ width: 110px; }
.w111	{ width: 111px; }
.w115	{ width: 115px; }
.w130	{ width: 130px; }
.w135	{ width: 135px; }
.w140	{ width: 140px; }
.w141	{ width: 141px; }
.w150	{ width: 150px; }
.w160	{ width: 160px; }
.w180	{ width: 180px; }
.w200	{ width: 200px; }
.w242	{ width: 242px; }
.w300	{ width: 300px; }
.w320	{ width: 320px; }

.maxW455	{ width: auto; max-width: 455px;}

/* HEIGHT */
.h30	{ height: 30px; }
.h48	{ height: 70px; }
.h55	{ height: 55px; }
.h60	{ height: 60px; }
.h72	{ height: 72px; }

/* MARGIN */
.mT1	{ margin-top: 1px; }
.mT2	{ margin-top: 2px; }
.mT5	{ margin-top: 5px; }
.mT10	{ margin-top: 10px; }
.mT15	{ margin-top: 15px; }

.mR2	{ margin-right: 2px; }
.mR5	{ margin-right: 5px; }
.mR10	{ margin-right: 10px; }
.mR15	{ margin-right: 15px; }

.mL1	{ margin-left: 1em; }
.mL3	{ margin-left: 3px; }
.mL5	{ margin-left: 5px; }
.mL10	{ margin-left: 10px; }
.mL15	{ margin-left: 15px; }
.mL20	{ margin-left: 20px; }

.mL30	{ margin-left: 30px; }
.mL40	{ margin-left: 40px; }
.mL100	{ margin-left: 100px; }
.mL110	{ margin-left: 110px; }
.mL135	{ margin-left: 135px; }
.mL180	{ margin-left: 180px; }

.mB5	{ margin-bottom: 5px; }
.mB15	{ margin-bottom: 15px; }
.mB20	{ margin-bottom: 20px; }

.mH5	{ margin-left: 5px; margin-right: 5px; }
.mHA	{ margin-left: auto; margin-right: auto; }

.mTN1	{ margin-top: -1px; }
.mTN5	{ margin-top: -5px; }
.mTN10	{ margin-top: -10px; }
.mRN1	{ margin-right:-1px; }
.nmL10	{ margin-left: -10px; }

/* PADDING */
.pT3	{ padding-top: 3px; }
.pT5	{ padding-top: 5px; }
.pT13	{ padding-top: 13px; }
.pT15	{ padding-top: 15px; }
.pT20	{ padding-top: 20px; }

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

.pB5	{ padding-bottom: 5px; }
.pB15	{ padding-bottom: 15px; }
.pB20	{ padding-bottom: 20px; }

.pL3	{ padding-left: 3px; }
.pL5	{ padding-left: 5px; }
.pL10	{ padding-left: 10px; }
.pL15	{ padding-left: 15px; }
.pL20	{ padding-left: 20px; }
.pL55	{ padding-left: 55px; }
.pL75	{ padding-left: 75px; }

.pV5	{ padding-top: 5px; padding-bottom: 5px; }
.pV8	{ padding-top: 8px; padding-bottom: 8px; }
.pV20	{ padding-top: 20px; padding-bottom: 20px; }

.pH5	{ padding-left: 5px; padding-right: 5px; }
.pH10	{ padding-left: 10px; padding-right: 10px; }

.p2		{ padding: 2px; }
.p3		{ padding: 3px; }
.p5		{ padding: 5px; }
.p10		{ padding: 10px; }

/* DISPLAY */
.di		{ display: inline; }
.db		{ display: block; }
.dib	{ display: inline-block; }
.offL	{ text-indent: -9999px; overflow: hidden; }
.nowrap	{ white-space: nowrap; }
.dn		{ display: none; }

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

.pr		{ position: relative; }
.pa		{ position: absolute; }

.leftN27{ left:-27%; }
.top8	{ top:8px; }

/* POSITION */
.hI	{ text-indent: -1em; padding-left: 1em; }
.hIs	{ text-indent: -18px; padding-left: 8px; }
.hIl	{ text-indent: -16px; padding-left: 20px; }
.hIl3	{ text-indent: -10px; padding-left: 16px; }

/* FOREGROUNG */
.ti1e		{ text-indent: 0.8em; }

.fgBlack	{ color: #000000; }
.fgLBlack	{ color: #303030; }
.fgLBlack2	{ color: #30302F; }
.fgLBlack3	{ color: #333333; }
.fgGray		{ color: #555555; }
.fgGray2	{ color: #666666; }
.fgGray3	{ color: #7D7D7D; }
.fgBrown	{ color: #AC5A31; }
.fgRed01	{ color: #CC0000; }
.fgRed02	{ color: #CC1B04; }
.fgJ1G1		{ color: #484848; }
.fgJ1G2 	{ color: #1B1B1B; }
.fgOrange	{ color: #D36985; }
.fgWhite	{ color: #FFFFFF; }
.fgPurple	{ color: #A684A8; }
.fgBlueGray	{ color: #59849A; }
.fgPink	{ color: #DF7783; }

.fs08em 	{ font-size: 0.8em; }
.fs1em 		{ font-size: 1em; }
.fs1p2em	{ font-size: 1.2em; }
.fs1p5em	{ font-size: 1.3em; }
.fs2em		{ font-size: 2em; }
.fs12	{ font-size: 12px; }
.fs11	{ font-size: 11px; letter-spacing: -0.001em; }
.fs10	{ font-size: 10px; }
.fs14	{ font-size: 14px; }

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

.lh20	{ line-height: px; }
.lh36	{ line-height: 36px; }
.lh40	{ line-height: 40px; }
.lh1e	{ line-height: 1em;}
.lh2e	{ line-height: 2em;}

/* BACKGROUND */
.bgOuterBox { background-color: #FFDF7C; }
.bgInnerBox {
	background-color: #FFEEB7;
	color: #993300;
}

.bgYellow	{ background-color: #FFD855; }
.bgLYellow	{ background-color: #FFDF7E; }
.bgLYellow2	{ background-color: #FFDF7C; }
.bgLLYellow	{ background-color: #FFFAC4; }
.bgLGray	{ background-color: #D7D7D7; }
.bgLGray2	{ background-color: #E8E5DB; }
.bgLLGray	{ background-color: #EAEAEA; }
.bgLLGray2	{ background-color: #F5F5F5; }
.bgPink		{ background-color: #FFDDDD; }
.bgBlack	{ background-color: #999999; }
.bgLemonchiffon	{ background-color: #ffeeb7; }
.bgBBlack	{ background-color: #000000; }
.bgOffGreen	{ background-color: #bde0dc; }

/* BORDER */
.bdLGray	{ border: 1px solid #D7D7D7; }
.bdYGray	{ border: 1px solid #AA9F81; }
.bdOrangeT	{ border-top: 2px solid #D36985; }
.bdOrangeB	{ border-bottom: 2px solid #D36985; }
.bdDotGrayB	{ border-bottom: 1px dotted #999999; }
.bdGray		{ border: 1px solid #999999; }
.bdLGray	{ border: 1px solid #D7D7D7; }
.bdLLGray	{ border: 1px solid #EAEAEA; }
.bdRed		{ border: 1px solid #CC1B04; }
.bdRed2		{ border: 1px solid #CC1B04; -webkit-border-radius: 5px; }
.bdtLGray	{ border-top: 1px solid #D7D7D7; }
.bdbLGray	{ border-bottom: 1px solid #D7D7D7; }

.bdR4	{ -webkit-border-radius: 4px; }

/* CSS3 Display Box  */
.dbH		{ display: -webkit-box; }
.dbFlex		{ -webkit-box-flex: 1; }
.wb		{ word-break:break-all; }
.baC 		{
	display: -webkit-box;
	display: -moz-box;
	-webkit-box-align: center;
}

/* CSS3 Display style */
.dTable	{ display: table; }
.dTCell	{ display: table-cell; }
.dTRow	{ display: table-row; }

/* OVERFLOW */
.oh		{ overflow: hidden; }

.promoWord {
margin: 0px 4px;
float: left;
color: #666666;
font-size: 10px;
letter-spacing: 0.5px;
margin-top: -2px;
}