h2#annai, h2#map, h2#yogo, h2#orientation {
  padding:3px 0px 3px 10px;
  margin: 25px 0px 20px 0px;
  text-indent: -999em;
  background-position:0 0;
  background-repeat:no-repeat;
}

h2#annai       { background-image: url(img/sub01.gif); }
h2#map         { background-image: url(img/sub02.gif); }
h2#yogo        { background-image: url(img/sub03.gif); }
h2#orientation { background-image: url(img/sub04.gif); }

div.line {
  background: url(../img2/line.gif) repeat-x bottom;
}

.indent {
  margin-left: 80px;
}

table.ks-default {
  border-collapse:collapse;
  border:solid 1px #666;
  margin-left:75px;
  width:100%;
}

table.ks-default caption {
  margin-left:75px;
  text-align:left;
  font-size:13px;
  padding:3px 0 3px 15px;
  background-image:url(../../img2/arrow01.gif);
  background-repeat:no-repeat;
  background-position:left center;
}

table.ks-default caption span {
  color:red;
}

table.ks-default th, table.ks-default td {
  border-collapse:collapse;
  border:solid 1px #666;
  font-size:13px;
  font-weight:normal;
  text-align:left;
  padding:3px;
}

table.ks-default thead th, table.ks-default thead td {
  background-color:#eee;
}

p.content {
  margin-left:65px;
  font-size:14px;
  line-height:1.5;
  width:650px;
  letter-spacing:1px;
}

p.note {
  margin-left:65px;
  font-size:12px;
  width:600px;
  color:#999;
  padding-left:1.3em;
  text-indent:-1.2em;
}

div.address {
  margin-left:75px;
  padding:1px;
  border:solid 1px #fdd;
  margin-bottom:20px;
  width:340px;
  background:#fee;
}
div.address h3 {
  font-size:13px;
  padding:5px;
  background:#fdd;
  margin:0;
}
div.address address {
  margin:5px;
  font-size:13px;
  font-style:normal;
}
div.address dl {
  margin:10px 5px;
}
div.address dl dt, div.address dl dd {
  font-size:13px;
}
div.address dl dt {
  clear:left;
  float:left;
}

div.description {
  margin:10px 0 30px;
}

div.description p {
  margin:10px 0;
  font-size:0.9em;
}

span.alert {
  font-size:0.8em;
  position:relative;
  top:-30px;
  left:37px;
}

/*
 * ------------------------------------------
 *                 資料請求
 * ------------------------------------------
 */

#btn-form {
  text-align:center;
  height:120px;
}

#btn-to-form a,
#btn-form a,
#form h3,
#form #confirm a,
#modal a#modal-close,
#modal input#send-request {
  background-repeat:no-repeat;
  text-indent:-999em;
  border:none;
  background-image:url(./img/pro-form.gif);
  background-color:transparent;
  height:40px;
  display:block;
}

#btn-to-form,
#btn-form {
  text-align:center;
}

#btn-to-form a,
#btn-form a {
  padding:0;
  margin:20px auto;
  width:250px;
  background-position:0 -40px;
}

#btn-to-form a:hover,
#btn-form a:hover {
  background-position:-250px -40px;
}

#form {
  padding-top:30px;
  display:none;
}

#form h3 {
  text-indent:-999em;
  height:40px;
  background-position:0 0;
}

#form .steps ol {
  width:390px;
  height:30px;
  background:url(/taiken/skin/src/form-steps.gif) no-repeat 0 0;
  list-style:none;
  float:right;
}

#form .steps ol li {
  text-indent:-999em;
}

body#pro-orientation #form table,
body#pro-orientation #modal table {
  clear:both;
  width:100%;
  border-collapse:collapse;
  margin-bottom:0;
}

#form table tbody tr th,
#form table tbody tr td,
#modal table tbody tr th,
#modal table tbody tr td {
  padding:15px;
  border:solid 1px #999;
  font-size:1.2em;
  text-align:left;
}

#form table tbody tr th,
#modal table tbody tr th {
  width:160px;
  background:#eddbdb;
  font-weight:bold;
  color:#333;
}

#form span.required,
#modal span.required {
  color:#f66;
  font-weight:bold;
}

#form table tbody tr td input {
  padding:3px;
}

#form table tbody tr td input#name,
#form table tbody tr td input#namekana,
#form table tbody tr td input#email,
#form table tbody tr td input#address,
#form table tbody tr td input#tel {
  width:350px;
}

#form table tbody tr td input#zip1 {
  width:5em;
}

#form table tbody tr td input#zip2 {
  width:6em;
}

#form table tbody tr td input#address {
  margin-top:5px;
}

#form table td label {
  margin-left:30px;
}

#form table td label.error {
  font-size:0.7em;
  color:#f66;
  font-weight:bold;
  margin-left:5px;
}

#form .require-caption {
  text-align:right;
  padding-top:5px;
}

#form #confirm {
  text-align:center;
}

#form #confirm a {
  margin:20px auto;
  background-position:0 -80px;
  width:150px;
}

#form #confirm a:hover {
  background-position:-250px -80px;
}

#simplemodal-container {
  width:100%;
}

.simplemodal-wrap {
  text-align:center;
  padding-top:30px;
}

#modal {
  display:none;
  background:#fff;
  width:720px;
  margin:auto;
  padding:30px;
  border:solid 1px #ddd;
  border-bottom-color:#999;
  border-right-color:#999;
  box-shadow:3px 3px 3px rgba(0,0,0,0.2);
  -moz-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
  -webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);
}

#modal p {
  padding:10px;
}

#modal .action {
  padding:50px 20px 20px;
  width:550px;
  margin:auto;
}

#modal .action:after {
  content:'';
  clear:both;
  display:block;
}

#modal input {
  width:150px;
  cursor:pointer;
  float:right;
  background-position:0 -160px;
}

#modal input:hover {
  background-position:-250px -160px;
}

#modal #modal-close {
  float:left;
  cursor:pointer;
  display:block;
  width:150px;
  background-position:0 -120px;
}

#modal #modal-close:hover {
  background-position:-250px -120px;
}

#knit-san3 {
  padding:50px;
  text-align:center;
}

#knit-san3 p {
  padding:20px 0;
}
