@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
reserve-beauty styles
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
commn
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

#bReserveModule { }
#bReserveModule a { overflow: hidden; }
#bReserveModule .num { text-align: right; }
#bReserveModule form { margin: 0; }
#bReserveModule .txtAttention { padding: 10px 0 5px 0; color: #F30; }
#bReserveModule label { cursor: pointer; }

/*input*/
#bReserveModule input.BTNsend,
#bReserveModule input.BTNconf,
#bReserveModule input.bBtnSave,
#bReserveModule input.bBtnBack,
#bReserveModule input.BTNcancel,
#bReserveModule input.bBtnNext,
#bReserveModule input.BTNnext,
#bReserveModule input.BTNsave,
#bReserveModule input.BTNback { margin-left: 0.5em; border-width: 2px; border-color: #C9898A #753C3D #753C3D #C9898A; vertical-align: middle; color: #FFF; background: #B55D5E; cursor: pointer; }
#bReserveModule input { border-style: solid; border-width: 1px; border-color: #CCCA94 #DFDFD6 #DFDFD6 #CCCA94; vertical-align: middle; color: #696969; background: #F1F1ED; }
#bReserveModule input.radio { border-style: none; color: #000; background: transparent; }
#bReserveModule input.checkbox { border-style: none; color: #000; background: transparent; }
#bReserveModule input.back-btn { text-align: center; margin-left: 0.5em; border-width: 2px; border-color: #C9898A #753C3D #753C3D #C9898A; width: 9em; vertical-align: middle; color: #FFF; background: #B55D5E; cursor: pointer; }

/*submit*/
#bReserveModule #submit { text-align: center; }
#bReserveModule #submit p { margin: 0; padding: 0; text-align: center; }

/*p*/
#bReserveModule p { margin: 0; }
#bReserveModule p.assist { margin: 5px 0 0 0; font-size: 10px; }

/*title*/
#bReserveModule p.bReserveFormAreaTitle { font-size: 12px; font-weight: bold; border-top: 1px solid #999; border-bottom: 1px solid #999; padding: 5px 0; margin-bottom: 20px; }
#bReserveModule p.bReserveFormAreaSub { padding: 20px 0 0 0; }
#bReserveModule #bReserveFormArea { margin: 0; padding: 10px; }
#bReserveModule #bReserveFormAreaInner { padding: 25px; background: #FFF; }

/*input-width*/
#bReserveModule .w-ll {	width: 98%; }
#bReserveModule .w-l  {	width: 300px; }
#bReserveModule .w-m  { width: 180px; }
#bReserveModule .w-s  { width: 70px; }
#bReserveModule .w-ss { width: 50px; }
#bReserveModule .w-xs { width: 30px; }

/*common-table bTable*/
#bReserveModule #bTable { margin-top: 20px; width: 100%; border-collapse: collapse; border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#bReserveModule #bTable th { width: 20%; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#bReserveModule #bTable td { padding: 10px; border-left: 1px solid #CCC; border-bottom: 1px dotted #CCC; }
#bReserveModule #bTable th,
#bReserveModule #bTable td { border-bottom: 1px dotted #CCC; }

/*common-tamle bInputTable*/
#bReserveModule table#bInputTable { font-size: 12px; margin: 10px 0 8px 0; width: 100%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; border-collapse: collapse; }
#bReserveModule table#bInputTable th { padding: 10px 30px 10px 10px; width: 12em; font-weight: normal; color: #666; background: #F6F6F6; 	text-align: left; 	font-size: 12px; 	border-left: 4px solid #666; }
#bReserveModule table#bInputTable th.imp { border-color: #CCC transparent #CCC #F30; }
#bReserveModule table#bInputTable td { padding: 10px; 	color: #666; 	font-size: 12px; }
#bReserveModule table#bInputTable th,
#bReserveModule table#bInputTable td { border-bottom: 1px dotted #CCC; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
reserveStepで使用
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*tab*/
#bReserveModule #bReserveTab { height: 40px; }
#bReserveModule #bReserveTab ul { margin: 0; padding: 0; list-style-type: none; }
#bReserveModule #bReserveTab ul li { display: block; margin: 0; padding: 0; float: left; width: 20%; text-decoration: none; height: 40px; }
#bReserveModule #bReserveTab ul li span { display: block; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; background-repeat: no-repeat; background-position: 12px 8px; font-size: 10px; font-weight: bold; padding: 16px 0 5px 12px; }
#bReserveModule #bReserveTab ul li span.activeTab { }
#bReserveModule #bReserveTab ul li#bReserveMenu01 span,
#bReserveModule #bReserveTab ul li#bReserveMenu02 span,
#bReserveModule #bReserveTab ul li#bReserveMenu03 span,
#bReserveModule #bReserveTab ul li#bReserveMenu04 span { margin-right: 2px; }
#bReserveModule #bReserveTab ul li#bReserveMenu01 span { background-image: url(../common-img/ico_step1.gif); }
#bReserveModule #bReserveTab ul li#bReserveMenu02 span { background-image: url(../common-img/ico_step2.gif); }
#bReserveModule #bReserveTab ul li#bReserveMenu03 span { background-image: url(../common-img/ico_step3.gif); }
#bReserveModule #bReserveTab ul li#bReserveMenu04 span { background-image: url(../common-img/ico_step4.gif); }
#bReserveModule #bReserveTab ul li#bReserveMenu05 span { background-image: url(../common-img/ico_step5.gif); }

/*frame*/
#bReserveModule .bReserveTableFrameTab { padding: 25px; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#bReserveModule .bReserveTableFrame { padding: 25px; border: 1px solid #CCC; }

/*btn-area*/
#bReserveModule #bReserveBtnArea { margin: 10px 0 0 0; padding: 12px 0; text-align: center; }

/*step1*/
#bReserveModule #bReserveLoginArea { margin-top: 20px; padding: 10px; }
#bReserveModule #bReserveLoginAreaInner { padding: 25px; background: #FFF; }
#bReserveModule #bReserveLoginAreaInnerLeft { float: left; width: 48%; }
#bReserveModule #bReserveLoginAreaInnerRight { float: right; width: 48%; }
#bReserveModule #bReserveModule p.bReserveLoginAreaSub { padding: 20px 0 0 0; }
#bReserveModule #bReserveBtnAreaS { margin: 25px 0 0 0; padding: 0; text-align: center; width: 100%; }
#bReserveModule #bReserveBtnAreaS button { margin: 0 auto; font-size: 12px; width: 140px; border-top: 3px double #999; border-right: 3px double #999; border-bottom: 3px double #999; border-left: 3px double #999; }
#bReserveModule #bReserveBtnAreaS button:active { border-top: 3px double #666; border-right: 3px double #999; border-bottom: 3px double #999; border-left: 3px double #666; }
#bReserveModule #bReserveBtnAreaSNon { margin: 12px 0 0 0; padding: 0; text-align: center; width: 100%; }
#bReserveModule #bReserveBtnAreaSNon button { margin: 0 auto; font-size: 12px; width: 140px; border-top: 3px double #999; border-right: 3px double #999; border-bottom: 3px double #999; border-left: 3px double #999; }
#bReserveModule #bReserveBtnAreaSNon button:active { border-top: 3px double #666; border-right: 3px double #999; border-bottom: 3px double #999; border-left: 3px double #666; }
#bReserveModule #bReserveLoginArea fieldset { margin: 0; padding: 0; border: none; }
#bReserveModule #bReserveLoginArea .label { clear: left; float: left; display: block; padding: 0.8em 0 0 10px; width: 73px; line-height: 2em; font-size: 12px; }
#bReserveModule #bReserveLoginArea .control { display: block; float: right; padding-top: 0.8em; line-height: 2em; }
#bReserveModule #bReserveLoginArea .control input { width: 150px; }
#bReserveModule p.bReserveLinkForgot { display: block; padding-left: 15px; background: url(../common-img/ico_arrow_right.gif) no-repeat 0 0.2em; }

/*step2*/
#bReserveModule #bReserveChargeArea { margin: 20px 0 20px 0; padding: 10px; }
#bReserveModule #bReserveChargeAreaInner { padding: 15px; background: #FFF; }
#bReserveModule #bReserveChargeArea fieldset { margin: 0 auto; padding: 0; border: none; width: 200px; }
#bReserveModule #bReserveChargeArea .label { float: left; display: block; padding: 0.8em 0 0 0; width: 50px; line-height: 2em; font-size: 12px; }
#bReserveModule #bReserveChargeArea .control { display: block; float: right; padding-top: 0.8em; line-height: 2em; }
#bReserveModule #bReserveChargeArea .control select { width: 150px; }
#bReserveModule dl#bReserveList1 { border-bottom: 1px dotted #CCC; }
#bReserveModule dl#bReserveList1 dt { margin: 0; padding: 8px 12px; border-top: 1px solid #CCC; border-bottom: 1px dotted #CCC; font-weight: bold; }
#bReserveModule dl#bReserveList1 dd { clear: left; margin: 0; display: inline-table; width: 100%; }
#bReserveModule dl#bReserveList1 p.bReserveCheckArea { float: left; padding: 5px 0; width: 20px; }
#bReserveModule dl#bReserveList1 p.bReserveMenuArea  { float: left; padding: 5px 0; }
#bReserveModule dl#bReserveList1 p.bReservePriceArea { float: right; padding: 5px 3px 5px 0; text-align: right; }

/*step3*/
#bReserveModule #bReserveMonthTable { width: 400px; margin: 20px auto 5px auto; }
#bReserveModule #bReserveMonthTable td { text-align: center; }
#bReserveModule table.bReserveOuterTable { border-top: 1px solid #CCC; border-right: 1px solid #CCC; border-collapse: collapse; }
#bReserveModule table.bReserveOuterTable th { width: 12.5%; font-size: 10px; font-weight: normal; border-left: 1px solid #CCC; border-bottom: 2px solid #CCC; padding: 5px 0 3px 0; text-align: center; }
#bReserveModule table.bReserveTimeTable { border-collapse: collapse; }
#bReserveModule table.bReserveTimeTable td { border-left: 1px solid #CCC; border-bottom: 1px dotted #CCC; text-align: center; padding: 5px 0 3px 0; font-size: 10px; }
#bReserveModule table.bReserveInnerTable { border-collapse: collapse; }
#bReserveModule table.bReserveInnerTable td { border-left: 1px solid #CCC; border-bottom: 1px dotted #CCC; text-align: center; padding: 5px 0 3px 0; }
#bReserveModule table.bReserveInnerTable td a { color: #369; font-weight: bold; display: block; }
#bReserveModule td.borderStrong { border-bottom: 1px solid #CCC !important; }
#bReserveModule p.scheduleOk { background: url(../common-img/ico_ok.gif) no-repeat center center; text-indent: -9999px; }
#bReserveModule p.scheduleNg { background: url(../common-img/ico_ng.gif) no-repeat center center; text-indent: -9999px; }
#bReserveModule p.scheduleNull { background: url(../common-img/ico_null.gif) no-repeat center center; text-indent: -9999px; }

/*step4*/
#bReserveModule #bReserveConfTable { margin-top: 20px; border-collapse: collapse; border-top: 1px solid #CCC; border-right: 1px solid #CCC; }
#bReserveModule #bReserveConfTable th { width: 30%; padding: 10px; text-align: left; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }
#bReserveModule #bReserveConfTable td { padding: 10px; border-left: 1px solid #CCC; border-bottom: 1px solid #CCC; }