/* form.css */



/* form */
article div.contents {
}
article div.contents em {
  font-style:normal;
  color:#d42;
}
article div.contents p {
  margin:0 0 20px 10px;
  color:#333;
}
article div.contents p em {
  font-weight:bold;
}

article input[type=text],
article input[type=button],
article input[type=submit],
article select,
article textarea,
article pre {
  font-family:Meiryo,'Hiragino Kaku Gothic Pro',Osaka,'MS Gothic',sans-serif;
}
article input[type=text] {
  height:24px;
  margin:0;
  padding:0;
  text-indent:3px;
  font-size:1em;
  background:transparent;
  border:solid 1px #bbb;
  box-shadow:0 0 2px #ccc;
}
article input[type=text]:focus {
  border:solid 1px #666;
  box-shadow:0 0 2px #999;
}
article input[type=text].post {
  position:relative;
  z-index:2;
  width:8em;
  text-indent:20px;
}
article input[type=button].get-post {
  height:28px;
  padding:0 5px;
}
article select.pref {
  height:26px;
  margin:5px 0 0 0;
  border:solid 1px #bbb;
  box-shadow:0 0 2px #ccc;
}
article select.pref:focus {
  border:solid 1px #666;
  box-shadow:0 0 2px #999;
}
article input[type=text].addr {
  width:60%;
  margin:5px 0 0 0;
  font-size:1em;
}
article input[type=text].name,
article input[type=text].kana,
article input[type=text].tel,
article input[type=text].mail,
article input[type=text].check {
  width:400px;
}
article textarea {
  width:100%;
  font-size:1em;
  border:solid 1px #bbb;
  box-shadow:0 0 2px #ccc;
}
article textarea:focus {
  border:solid 1px #666;
  box-shadow:0 0 2px #999;
}

article input[type=text].check {
  margin:5px 0 0 0;
}
article table {
  width:100%;
  margin:0 0 20px 0;
  background:#fff;
  border-top:solid 1px #666;
  border-bottom:solid 1px #666;
  border-collapse:collapse;
}
article table caption {
  padding:10px 15px;
  text-align:left;
  color:#333;
}
article table th {
  width:25%;
  line-height:1.2;
  white-space:nowrap;
  border-bottom:solid 1px #999;
  border-right:solid 1px #999;
}
article table th.error {
  font-weight:bold;
  color:#d42;
}
article table td {
  width:75%;
  line-height:1.2;
}
article table th,
article table td {
  padding:10px 15px;
  border-bottom:solid 1px #999;
}
article table td.url {
  line-height:1.8;
}
article table td p.all {
  margin:5px 0 0 0;
  padding:5px 0 0 0;
  border-top:dashed 1px #999;
}
article table td p.note {
  margin:5px 0 0 0;
  padding:5px 0 0 0;
  border-top:dashed 1px #999;
}
article table td input[type=checkbox],
article table td input[type=radio],
article table td label {
  cursor:pointer;
}
article table td label {
  margin:0 25px 0 0;
}
article table td input,
article table td label,
article table td select,
article table td span,
article table td em {
  vertical-align:middle;
}
article table td input[disabled] {
  color:#d42;
}
article table td em {
}
article table td span {
  color:#999;
}
article table td span:first-child {
  position:absolute;
  z-index:1;
  display:block;
  padding:5px 0 0 5px;
}
article table td pre {
  width:100%;
  line-height:1.5;
  white-space:pre-wrap;
  word-wrap:break-word;
  overflow:auto;
}

article div.contents p.button {
  position:relative;
  text-align:center;
}
article div.contents p.button input[type=submit] {
  width:160px;
  color:#090;
}
article div.contents p.button input[type=button] {
  width:120px;
  color:#d42;
}

article div.contents p.finish {
  text-align:center;
}
article div.contents p.caution {
  text-align:center;
  color:#d42;
}
article div.contents p.exit {
  text-align:left;
}