@charset "utf-8";

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

common.css

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

body {
    background: #eff5cc url(/images/common/body_bg.gif) repeat-y center top;
    font:normal 14px/1.5 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body  { padding-left: 1px;  }
}

/* スマホ向け */
@media screen and (max-width: 1024px) {
  body {
    font: normal 0.5rem/1.5 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Verdana", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", sans-serif;
  }
}

#wrapper {
    margin: 0 auto;
    background: url(/images/common/bg_head_x.jpg) repeat-x left top;
}

/*------ Link ------*/
a {
    text-decoration: none;
    font-weight: normal;
    outline: none;
}
a:link { color: #1e717b; }
a:visited { color: #1e717b; }
a:hover {
    color: #388c96;
    text-decoration: underline;
}
a:active { color: #388c96; }


/*----- header -----*/
#header {
    height: 117px;
    margin: 0 auto;
    background: url(/images/common/bg_head_x.jpg) repeat-x center top;
}
#header .wrap {
    position :relative;
    width: 990px;
    height: 117px;
    margin: 0 auto;
    background: url(/images/common/header_bg.jpg) repeat-x center top;
}

#logo {
    padding: 34px 13px;
}

#nav {
    position: absolute;
    top: 0;
    right: 0;
    padding: 8px 0 8px 8px;
    background: url(/images/common/bg_nav.gif) repeat left bottom;
    border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}
#nav li {
    float: left;
    margin-right: 5px;
    padding: 0 5px 0 10px;
    border-left: 1px solid #d0e36e;
    color: #ffffff;
    font-size: 13px;
    letter-spacing: 0.05em;
}
#nav .firstChild { border: none; }
#nav a { color: #ffffff; }

/*----- container -----*/
#container {
    width: 990px;
    margin: 0 auto;
    padding: 10px 6px 0;
    background: url(/images/common/bg_head.jpg) no-repeat center top;
}

#container .section {
    width: 960px;
    margin: 0 auto;
    padding-bottom: 13px;
}

/*----- title -----*/
.content_title {
    width: 960px;
    margin: 0 auto 21px;
    padding-top: 11px;
}
.section_title {
    margin-bottom: 8px;
}

/*----- text -----*/
.txt_supplement { color: #666666; }
.txt_attention { color: #ff0000; }

/*----- table -----*/
table {
    border-collapse: collapse;
}

.form_table {
    width: 100%;
    border-top: 1px solid #aaaaaa;
}
.form_table th,
.form_table td {
    padding: 10px;
    border-bottom: 1px solid #aaaaaa;
}
.form_table th {
    width: 240px;
    background: #fdffd0;
    text-align: left;
    font-weight: normal;
}
.form_table .data { width: 410px; }
.form_table .button { width: 250px; }

.form_table input[type="email"],
.form_table input[type="password"],
.form_table input[type="text"] {
    padding: 2px;
    border: 1px solid #aaaaaa;
}
.form_table input { margin-right: 3px; }

/*----- form -----*/
.box-button {
    text-align: center;
}

/*----- error -----*/
.inputError {
    display: block;
    margin-top: 3px;
    color: #dd0000;
    font-weight: bold;
}

#container .error {
    width: 948px;
    margin-bottom: 8px;
    padding: 5px;
    background: #ffecec;
    border: 1px solid #ff8f8f;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #dd0000;
}
#error_explanation {
    margin-bottom: 8px;
    padding: 8px;
    background: #ffecec;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font-size: 16px;
    color: #dd0000;
    font-weight: bold;
}
.dialog {
    padding: 51px 0;
}
/*------ notice -----*/
#container .notice {
    width: 948px;
    margin-bottom: 8px;
    padding: 5px;
    background: #fdffd0;
    border: 1px solid #adcd01;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #6c9800;
}

/*----- footer -----*/
#footer {
    position: relative;
    width: 988px;
    margin: 0 auto;
    padding: 12px 0;
    background: #adcd01 url(/images/common/footer_bg.gif) repeat-x left top;
    font-size: 0.9em;
}

#footer_box {
    margin: 0 auto;
    color: #ffffff;
    text-align: center;
}
#footer img {
    vertical-align: -8px;
    margin-right: 10px;
}
#footer ul { margin-top: 8px; }
#footer li {
    display: inline;
    padding: 0 7px 0 5px;
    border-right: 1px solid #ffffff;
    line-height: 1;
}
#footer .last { border: none; }

#footer #related-sites {
    position: absolute;
    top: 17px;
    right: 12px;
}

#footer #related-sites .spirits {
  display: inline-block;
  padding: 3px 5px 0px;
  border-radius: 3px;
  background-color: white;
}

#footer #related-sites .spirits a {
  display: block;
  color: black;
  text-decoration: none;
}

#footer #related-sites .spirits span {
  display: block;
  font-size: x-small;
  color: black;
}

#footer #related-sites .joga img {
  border-radius: 3px;
}

/* clearfix */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }