@charset "UTF-8";
/*

 */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset,
img {
  border: 0; }

address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var,
optgroup {
  font-style: inherit;
  font-weight: inherit; }

del,
ins {
  text-decoration: none; }

li {
  list-style: none; }

caption,
th {
  text-align: left; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: bold; }

q:before,
q:after {
  content: ''; }

abbr,
acronym {
  border: 0;
  font-variant: normal; }

sup {
  vertical-align: baseline; }

sub {
  vertical-align: baseline; }

legend {
  color: #000; }

input,
button,
textarea {
  font-family: inherit;
  font-size: inherit;
  font-style: inherit;
  font-weight: inherit; }

input,
button,
textarea,
select {
  *font-size: 100%; }

h1, h2, h3, h4, h5, h6,
ul, ol, dl, dt, dd,
table, tr, th, td,
p, address, form, div {
  zoom: 1; }

a {
  _height: 1px;
  _cursor: hand; }

a img {
  cursor: pointer;
  _cursor: hand; }

ol li {
  zoom: normal; }

hr {
  display: none; }

img, object {
  vertical-align: top; }

strong {
  font-weight: bold; }

.field_with_errors {
  display: inline; }

#esthete_reservations.new table.formTable .question, #esthete_reservations.confirm table.formTable .question, #esthete_contacts.new table.formTable .question, #esthete_contacts.confirm table.formTable .question, #esthete_pamphlets.new table.formTable .question, #esthete_pamphlets.confirm table.formTable .question {
  margin: 21px 0 7px; }
  #esthete_reservations.new table.formTable .question:first-child, #esthete_reservations.confirm table.formTable .question:first-child, #esthete_contacts.new table.formTable .question:first-child, #esthete_contacts.confirm table.formTable .question:first-child, #esthete_pamphlets.new table.formTable .question:first-child, #esthete_pamphlets.confirm table.formTable .question:first-child {
    margin-top: 0; }

#esthete_reservations.new table.formTable .question, #esthete_reservations.confirm table.formTable .question {
  font-weight: bold; }

body {
  /*background: #fff url(/../hair/careers/bg_title_01.jpg) center top no-repeat;*/
  font-size: 12px;
  line-height: 1.5;
  color: #333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif sans-serif; }

a {
  color: #d2516c; }

#wrapper {
  width: 920px;
  margin: 0 auto; }

#header {
  position: relative;
  line-height: 1; }

#header .logo {
  position: absolute;
  left: 0;
  top: 3px; }

#header .copy {
  position: absolute;
  left: 141px;
  top: 56px; }

#header .tel {
  position: absolute;
  right: 0;
  top: 33px; }

#title {
  padding: 90px 0 0 0; }

#content {
  padding: 40px 0 0 0; }

.description {
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 40px 0; }

.error {
  margin: 40px 0 0 0;
  color: red;
  font-size: 14px;
  font-weight: bold; }

.error ul {
  margin: 20px 0 0 0; }

.error img {
  vertical-align: middle; }

.errorText {
  color: red;
  font-weight: bold; }

.ssl {
  margin: 0 0 20px 0; }

.course {
  font-weight: bold;
  color: #d2516c; }

.submit {
  margin: 40px 0;
  text-align: center;
  position: relative;
  height: 50px; }
  .submit .back {
    left: 0;
    position: absolute;
    top: 15px; }
  .submit input[type=submit] {
    left: 50%;
    margin-left: -100px;
    padding: 15px 0;
    position: absolute;
    width: 200px; }

table.formTable {
  width: 100%;
  border-collapse: collapse; }

table.formTable th,
table.formTable td {
  border: 1px solid #dcdad7;
  padding: 15px; }

table.formTable th {
  font-weight: bold;
  background: #f6f3e8; }

table.formTable td {
  background: #fff; }

table.formTable td .caution {
  color: #ee87a7; }

table.formTable td #hair_reservation_wish_course_id {
  width: 300px; }

table.formTable th.subHeader {
  background: #f4f1ed; }

table.formTable th div {
  position: relative; }

table.formTable th .must {
  position: absolute;
  right: 0;
  top: 50%;
  margin: -9px 0 0 0; }

table.formTable table.noBorder {
  margin: 10px 0; }

table.formTable table.noBorder th,
table.formTable table.noBorder td {
  border: none;
  padding: 0; }

#footer {
  position: relative;
  padding: 20px; }

#footer a {
  color: #333; }

#footer .link a {
  background: url(/../hair/arrow_01.gif) left center no-repeat;
  padding: 0 0 0 10px; }

#footer .copyright {
  position: absolute;
  right: 20px;
  top: 20px; }

#hair_reservations {
  background: #fff; }
  #hair_reservations a {
    color: #d2516c; }
  #hair_reservations #title {
    padding: 0; }
  #hair_reservations #step {
    padding: 90px 0 0 0; }
  #hair_reservations table.formTable th, #hair_reservations table.formTable td {
    border: 1px solid #f6d1d8; }
  #hair_reservations table.formTable th {
    background-color: #ffecec; }
    #hair_reservations table.formTable th.subHeader {
      background: #f4f1ed; }
  #hair_reservations table.formTable input, #hair_reservations table.formTable select {
    padding: 5px;
    margin: 1px; }
  #hair_reservations table.formTable label {
    margin-right: 5px; }
  #hair_reservations input[type=submit] {
    border: none;
    background: #d2516c;
    border-radius: 5px;
    width: 320px;
    height: 60px;
    font-size: 20px;
    -webkit-appearance: none;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
    position: static; }
  #hair_reservations .caution {
    background-color: #fff9e6;
    color: #333;
    font-size: 14px;
    line-height: 150%;
    margin: 20px 0;
    padding: 20px; }
  #hair_reservations #footer {
    background-color: #fff; }
    #hair_reservations #footer a {
      color: #333; }
    #hair_reservations #footer .copyright {
      color: #333; }