@charset "UTF-8";

/* !Reset */

/*-----------------------------------------------------
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1
------------------------------------------------------*/

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

body {
  font-size: 12px;
   background-color: #fffde8;
   font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

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

fieldset, img {
  border: 0;
}

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

/*
ol, ul {
  list-style: none;
}
*/

ol li {
  margin: 0 0 0.5em 1.5em;
}

ol li:last-child {
  margin-bottom: 0;
}

caption, th {
  text-align: left;
}

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

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

abbr, acronym {
  border: 0;
}

img {
  vertical-align: top;
}

a:link,
a:visited {
  color: #665544;
}

a:active {
  color: #E76025;
}

/* !Frame */

#wrapper {
  padding: 10px;
}

/* !Header */

.topBanner{
	width: 100%;
  text-align: center;
  margin: 0 0 15px 0;
}
.topBanner img{
	width: 100%;
}

#header {
  background-color: #f88000;
  position: relative;
  width: 100%;
  height: 42px;
  -webkit-border-radius: 5px;
  margin-bottom: 10px;
}

#headerInner {
  position: absolute;
  top: -6px;
  width: 100%;
}

#headerInner h1 {
  width: 245px;
  margin: 0 auto;
}


/* !Footer */
#footer {
  background-color: #f88000;
  color: white;
  font-size: 10px;
  line-height: 28px;
  text-align: center;
  -webkit-border-radius: 5px;
}

/* !Contents */

#contents {
  background: white;
  border: 3px solid #f88000;
  -webkit-border-radius: 5px;
  margin-bottom: 10px;
  padding: 10px 0;
  color: #666;
}

#pageTop {
  padding: 0 10px;
  margin-bottom: -10px;
  text-align: right;
}

#pageTop a {
  display: inline-block;
  font-weight: bold;
  background: #f88000;
  color: white;
  text-align: center;
  text-decoration: none;
  padding: 10px 15px;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

#pageTop a span {
  background: url(../images/arw_top.png) no-repeat 0 center;
  padding-left: 15px;
}

#contents .inner p {
  margin-bottom: 10px;
}

#contents .inner p:last-child {
  margin-bottom: 0;
}

#contents .col {
  padding-bottom: 20px;
}

#contents .col>.inner {
  padding: 0 10px;
}

#contents .col>h2 {
  border-top: solid 1px #ded3cb;
  margin-bottom: 10px;
}

#contents .col>h2 span {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.4;
  display: block;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#f88000), to(#ffb438));
  border-top: solid 1px #ffca8d;
  border-bottom: solid 1px #e8a434;
  color: #7f5736;
  padding: 5px 10px;
  text-shadow:1px 1px 1px rgba(0,0,0,0.3);
}

#contents .col>.inner>h3 {
  font-size: 14px;
  color: #f88000;
  font-weight: bold;
  margin-bottom: 10px;
  border-left: solid 5px #f88000;
  padding-left: 5px;
}

#contents .col>.inner>h4 {
  font-size: 16px;
  font-weight: bold;
  color: #1f5fa8;
  text-align: center;
  margin-bottom: 10px;
}


#contents .col:last-child {
  padding-bottom: 10px;
}

#contents .col ol li {
  margin-bottom: 5px;
  color: #f88000;
  font-weight: bold;
}

#contents .col ol li span {
  color: #666;
  font-weight: normal;
}

.rBox {
  background: #fffde8;
  border-radius: 8px;
  padding: 5px;
  margin-bottom: 10px;
}




/* !Class */
.alert {
  color: #CC0000;
}

dd.alert {
  color: #CC0000;
  margin-bottom: 5px !important;
}

.m0 {
  margin-bottom: 0 !important;
}

.alertArea {
  background: #f8d200;
  padding: 10px;
  margin-bottom: 10px;
  -webkit-border-radius: 5px;
}

.center {
  text-align: center;
}

.center {
  text-align: center;
}

a.btn  {
  display: block;
  width: 275px;
  padding: 10px 0;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  color: #7f5736;
  font-size: 14px;
  line-height: 30px;
  text-decoration: none;
  background: transparent -webkit-gradient(linear, left top, left bottom, from(#2778bf), color-stop(0.5, #2778bf), color-stop(0.5, #1f5fa8), to(#1f5fa8));
  border-radius: 5px;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.5);
}

#link_home {
  text-align: center;
  padding: 10px 0;
}

#link_home a {
  text-decoration: none;
}

#link_home img {
  padding-right: 5px;
  vertical-align: baseline;
}

#link_home span {
  text-decoration: underline;
}
a.btn img {
  vertical-align: middle;
}

.inputBtns input {
  display: inline-block;
  margin-left: 15px;
}

.inputBtns input:first-child {
  margin-left: 0;
}

strong {
  font-weight: bold;
}