@charset "Shift-JIS";



/* ---------------------------------------------------------------------------



		Biotech Web Site Style Seat - Salon



--------------------------------------------------------------------------- */



#leftMenu li#menu06 a {

	background-image:url(../img/navi/navi01_o.gif);

}

.salonData #leftMenu li#menu06 a {

	background-image:url(../img/navi/navi01_n.gif);

}

.salonData #leftMenu li#menu05 a {

	background-image:url(../img/navi/navi01_o.gif);

}

#titleArea h2 {

	background: url(/cgi-bin/images/res_ttl01.gif) no-repeat;

	width: 176px;

	height: 30px;

	text-indent: -10000px;

	margin-top: 10px;

}

#pagetitle {

	display:block;

	background-repeat:no-repeat;

	width:146px;

	height:34px;

}
#pagetitle_ikumou_support{

	display:block;

	background:url(/cgi-bin/reservation_images/pagetitle_ikumou_support.gif);

	background-repeat:no-repeat;

	width:146px;

	height:34px;

}

.salonData #pagetitle {

	display:block;

	background:url(/cgi-bin/reservation_images/pagetitle_s.gif);

	background-repeat:no-repeat;

	width:146px;

	height:34px;

}



#titleimg {

	float:left;

	margin-top:15px;

	background-image:url(/cgi-bin/reservation_images/titleimg.gif);

	background-repeat:no-repeat;

	width:551px;

	height:67px;

}

#Content{

	clear:both;

	display:block;

	float:left;

	width:518px;

	padding:0px 0px 0px 0px;

	margin-top:20px;

	height:381px;

}

#Content img{

	padding:0;

	margin:0;

}

.backIndex {

	top: 20px;

	margin-left:325px;

}

/* SSL */

#mainContents {

	position: relative;

}

div.sslMess {

	position: absolute;

	/* top:580px; */

	/* top:640px; */

	top:760px;

	left: -140px;

	margin-top: 2em;

	font-size: 80%;

	padding: 0.5em;

	border: 1px solid #ccc;

	background-color: #eee;

	width: 100px;

}

#sslSeal {

	width: 100px;

	height: 72px;

}





/* map -------------------------------------------------------- */



#map #Content {

	margin-bottom:15px;

}





/* list （エリアリスト） -------------------------------------------------------- */

#list #mainContents h3 {

	background-image: url(/cgi-bin/reservation_images/h3Head.gif);

	background-repeat: repeat-y;

	padding: 0.3em 0.3em 0.3em 10px;

	border: 1px solid #999999;

	background-color: #e5e5e5;

	margin-bottom: 0;

}

#salonList {

	border-left: 1px solid #ccc;

	width: 100%;

	margin-bottom: 2em;

}

#salonList td {

	border-bottom: 1px solid #ccc;

	border-right: 1px solid #ccc;

	vertical-align: middle;

	padding: 5px;

}

.salonName {

	text-align: center;

	font-weight: bold;

}

.reserveForm {

	text-align: center;

	background-color: #f8f8f8;

}

/* shop （サロン情報） -------------------------------------------------------- */

#mainContents .salonInfo h4 {

	border-left: 0.5em solid #6f6006;

	padding-left: 0.3em;

	margin-top: 1em;

	margin-bottom: 0.5em;

	font-size: 110%;

	font-weight: bold;

	letter-spacing: 0.3em;

	color: #6f6006;

}

/* qrcode */

#qrcode {

	background-color: #e3e3cd;

	margin-top: 0.5em;

	border: 1px solid #333;

	width: 370px;

	_position: relative;

	_left: 3px;

	padding: 10px 0 10px 0;

}

#qrcode a {

	display: block;

	text-indent: -9999px;

	background-repeat: no-repeat;

	width: 124px;

	height: 47px;

	text-decoration: none;

	float: left;

	margin: 17px 0 0 10px;

	_margin-left: 5px;

}

#qrcode a:link,

#qrcode a:visited {

	background-image: url(/cgi-bin/reservation_images/mobile_n.gif);

}

#qrcode a:hover,

#qrcode a:visited:hover {

	background-image: url(/cgi-bin/reservation_images/mobile_o.gif);

}

#qrcode img {

	float: left;

	margin: 0 10px 0 10px;

}

#qrcode p {

	float: left;

	font-size: 80% !important;

	line-height: 150%;

	margin: 0 10px 0 0;

	_margin-right: 5px;

	width: 112px;

}

img.mapimage {

	border: 1px solid #333;

}

.salonInfo dd strong {

	font-size: 110%;

	font-weight: bold;

	letter-spacing: 0.2em;

}

.salonInfo dl {

	margin-top: 0.5em;

}

.salonInfo dt {

	float: left;

	clear: left;

	width: 9em;

	padding-top: 0.5em;

	padding-bottom: 0.5em;

	background: url(/images/dotted_line01.gif) repeat-x top left;

	height: auto;

	color: #6f6006;

}

.salonInfo dd {

	margin-left: 9em;

	padding-top: 0.5em;

	padding-bottom: 0.5em;

	background: url(/images/dotted_line01.gif) repeat-x top left;

	height: auto;

}

.salonInfo dt.first,

.salonInfo dd.first {

	background: none;

}

.salonInfo input.salonInfo {

	height: 1.3em;

	border-top: 1px solid #666;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #666;

}

.salonInfo textarea.salonInfo {

	height: 5em;

	border-top: 1px solid #666;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-left: 1px solid #666;

}

.salonInfo .salonInfo:focus {

	background-color: #e3e3cd;

}

#shop #sendBtn {

	margin-left: 9em;

	margin-top: 1em;

	margin-bottom: 2em;

}

* html div.bioclub-link {

	margin-left: 3px;

}



/* --- Personal Data Input Form --- */

#mainContents h3 {

	margin-top: 1em;

}

#personalForm .back-home {

	margin: 1em;

	text-align: center;

}

#personalForm fieldset {

	border: none;

}

#personalForm fieldset .section {

	background-color: #f4f3ef;

	padding: 1em 1em 0;

	overflow: hidden;

}

#personalForm fieldset {

	clear: left;

	margin-top: 1.5em;

}

#personalForm .personalData input:focus {

	background-color: #e3e3cd;

}

#personalForm fieldset legend {

	position: relative;

	top: -2px;

	color: #6f6006;

	padding: 0em 0.5em;

	border-left: 5px solid #6f6006;

	font-weight: bold;

}

#personalForm fieldset>legend {

	margin-bottom: 0em;

}



#personalForm .necessary {

	color: #F60;

	font-weight: normal;

	font-size: 96%;

}

#personalForm .alert {

	color: #F00;

	font-weight: normal;

}



#personalForm p {

	line-height: 20px;

}

#personalForm .group {

	height: 100%;

	line-height: 1.4;

}

#personalForm .address-group label {

	width: 5em;

	display: block;

	float: left;

	height: 1.5em;;

}

#personalForm .address-group p {

	width: 100%;

}

#personalForm select,

#personalForm .input-radio,

#personalForm .input-check {

	vertical-align: middle;

}

#personalForm .same-check {

	margin-top: 1em;

}

#personalForm .select-bday,

#personalForm .select-pref,

#personalForm .select-salon {

	vertical-align: top;

}

#personalForm .select-bday {

	margin: 0px 0px 0px 5px;

}

#personalForm .group .input-text {

	vertical-align: middle;

	margin: 0;

}

#personalForm .input-text {

	padding: 1px 3px;

}

#personalForm .input-zipcode {

	vertical-align: middle;

	padding: 1px 3px;

	margin: 0px 0px 1px 0px;

}

#personalForm select option {

	padding: 1px 5px;

}

#personalForm .eg,

#personalForm .note {

	color: #6f6006;

}

#personalForm .note {

	margin: 1em 0 0;

	line-height: 1.3;

}

#personalForm .first-note {

	margin: 0.1em 0 1em;

}





#personalForm .input-address {

	width: 280px;

}



#personalForm fieldset.agree .section {

	background-color: #e4e3cf;

	border: 1px solid #6c6108;

}

#personalForm .agree ul {

	font-size: 110% !important;

	font-size: 120%;

	list-style-type: none;

	text-align: center;

	margin: 1em 0;

}

#personalForm .agree input {

	margin-right: 0.3em;

}

#personalForm .agree p {

	clear: left;

	margin-top: 0.5em;

}

#personalForm .agree .necessary {

	text-align: center;

}



#personalForm .notice {

	font-size: 1.1em;

	margin: 1em;

	text-align: center;

}

#personalForm .system-message {

	margin: 1em 0;

}

#personalForm .system-message .notice {

	margin: 0;

	color: #F00;

	text-align: left;

}



#personalForm dl {

	position: relative;

	top: -1em;

}

#personalForm dt {

	float: left;

	clear: left;

	width: 12em;

	padding-top: 1em;

	padding-bottom: 1em;

	position: relative;

	background: url(/images/dotted_line01.gif) repeat-x top left;

}

#personalForm dt.first,

#personalForm dd.first {

	background-image: none;

}



#personalForm dd {

	padding-top: 1em;

	padding-bottom: 3em;

	margin-left: 12em;

	background: url(/images/dotted_line01.gif) repeat-x top left;

}



#personalForm dd input {

	margin-left: 5px;

}



#personalForm .enqueteData ul li {

	margin-left: 3em;

}



#personalForm .free-dial-318255 {

	font-size: 1.4em;

	color: #FE7A00;

	font-weight: bold;

}



/* --- Submit --- */

#personalForm div.resSubmit {

	clear: left;

	margin-top: 1em;

	margin-bottom: 1.5em;

	text-align: center;

}

.resSubmit input.resSubmit,

.reqnav input.resSubmit,

.resAnother input.resSubmit,

.reselect input.resSubmit,

.salonInfo input.resSubmit {

	border-top: 3px double #fff;

	border-right: 3px double #9c9c75;

	border-bottom: 3px double #9c9c75;

	border-left: 3px double #fff;

	color: #4c4728;

	background-color: #e3e3cd;

	font-size: 110%;

	font-weight: bold;

	font-family: Arial, sans-serif;

	padding: 0.2em;

}

.resSubmit input.resSubmit:hover,

.resSubmit input.resSubmit:focus,

.reqnav input.resSubmit:hover,

.reqnav input.resSubmit:focus,

.resAnother input.resSubmit:hover,

.resAnother input.resSubmit:focus,

.reselect input.resSubmit:hover,

.reselect input.resSubmit:focus,

.salonInfo input.resSubmit:hover,

.salonInfo input.resSubmit:focus {

	border-top: 3px double #fff;

	border-right: 3px double #333;

	border-bottom: 3px double #333;

	border-left: 3px double #fff;

	color: #900;

	background-color: #c7c795;

	font-size: 110%;

	font-weight: bold;

	font-family: Arial, sans-serif;

}

.resSubmit input.resSubmit:active,

.reqnav input.resSubmit:active,

.resAnother input.resSubmit:active,

.reselect input.resSubmit:active,

.salonInfo input.resSubmit:active {

	border-top: 3px double #333;

	border-right: 3px double #ccc;

	border-bottom: 3px double #ccc;

	border-left: 3px double #333;

	color: #4c4728;

	background-color: #c7c795;

	font-size: 110%;

	font-weight: bold;

	font-family: Arial, sans-serif;

}



/* フロート--------------------------------------- */

.clear:after {

	content: "";

	display: block;

	clear: both;

	height: 0;

	overflow: hidden;

	visibility: hidden;

}

.clear {

	zoom:1;

}

/* \*//*/

div.clear {

	overflow: hidden;

}

/* */





p.info1 {

	font-weight: bold;

	color: #900;

}

p.info2 {

	font-weight: bold;

	color: #490;

}



.msg {

	text-align: center;

	background-color: #FFCCCC;

	color: #CC0000;

	margin: 12px 0px 0px 0px;

	padding: 18px;

}



.champissage-msg {

	/* text-align: left; */

	/* border: 1px solid #914995; */

	/* background-color: #FEF7FF; */

	/* font-weight: bold; */

	/* font-size: 120%; */

	/* color: #914995; */

	/* margin: 10px 0px 20px 0px; */

	/* padding: 20px; */

}



.no-salon {

	text-align: center;

	border: 1px solid #AAA;

	background-color: #FCFCFC;

	margin: 10px 0px 20px 0px;

	padding: 20px;

}



.hampissage-salonName {

	text-align: center;

	font-weight: bold;

	width: 70px;

}



.salon_title {

	background-color: #FFF;

	background-image: url(/cgi-bin/public_salons_images/information.gif);

	background-repeat: no-repeat;

	height: 24px;

	text-indent: -9999px;

	/* border: 1px solid #ADA; */

	/* border-left: 5px solid #ADA; */

	/* padding: 5px 5px 5px 10px; */

}



.champi_tel {

	color: #F60;

	line-height: 1.1em;

	font-size: 2em;

	font-weight: bold;

}



.champi_tel_title {

	line-height: 2em;

}



#caution{

	clear:both;

	color:#126b37;

	width: 28em;

	padding-bottom:12px;

	margin: 0 auto;

}