@charset "utf-8";

/* ---------------------------------------
tag
--------------------------------------- */


img{
display:inline-block;
line-height:0;
vertical-align:bottom;
}

strong{color:rgba(178,15,22,1);}

a:link,
a:visited{
color:rgba(178,15,22,1);
text-decoration:none;
}
a:hover,
a:active{
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;
}

#form_contents h3{
 text-align:left;
 }
 
.red{
color:#CC0000;
}

/* ---------------------------------------
#form_form_contents
--------------------------------------- */
#form_contents h2 {
font-size:120%;
}
/* =======================================
#contents child
======================================= */
#form_contents > h2 {
margin:5px 10px;
text-align: center;
}
#form_contents > p{
margin: 10px;
}

/* =======================================
#form_contents > div child
======================================= */

#form_contents > div,
#form_contents > form > div{
margin:8px 10px 15px;
padding:10px;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.2);
}

#form_contents > div > h2,
#form_contents > form > div h2,
#form_contents > div h3,
#form_contents > form > div h3,
#form_contents > div h4,
#form_contents > form > div h4,
#form_contents > div p,
#form_contents > form > div p,
#form_contents > div ol,
#form_contents > form > div ol,
#form_contents > div ul,
#form_contents > form > div ul{
margin:0 0 1em;
}

#form_contents > div > h2,
#form_contents > form > div h2{
color:#a08754;
padding:0 0 7px 0;
text-align:left;
font-size:140%;
line-height:1.3;
background:url(../../../images/common/h2_bg_btm.gif) repeat-x left bottom;
}

#form_contents > div h3,
#form_contents > form > div h3{
font-size:120%;
color:rgba(178,15,22,1);
}

#form_contents > div h4,
#form_contents > form > div h4{
font-size:100%;
color:rgba(178,15,22,1);
}
#form_contents > div p:last-child,
#form_contents > form > div p:last-child,
#form_contents > div ul:last-child,
#form_contents > div ol:last-child,
#form_contents > div table:last-child,
#form_contents > div dl:last-child{
margin-bottom:0;
}
#form_contents > div > div{
margin:0 0 1em 0;
padding:5px 0 0;
border-top:1px solid rgba(0,0,0,0.3);
}
#form_contents > div > div:last-child{
margin:0;
}

#form_contents > div > div h3{
margin:0 0 0.5em;
padding:0 0 0.2em;
font-size:130%;
color:rgba(178,15,22,1);
border-bottom:1px dotted rgba(0,0,0,0.3);
}

#form_contents > div > div .img-right{
padding: 0 0 8px 8px;
background:#fff;
}
#form_contents > .accordion > div .img-right{
padding: 0 0 8px 8px;
background:#efecd5;
}
/* ---------------------------------------
table
--------------------------------------- */
#form_contents table {
width:100%;
margin:10px 0;
background:#fff;
border-collapse: collapse;
border-spacing: 0;
}
#form_contents table:last-child{
margin:0;
}
#form_contents table tr th,
#form_contents table tr td {
line-height: 1.5;
padding: 5px;
text-align: left;
vertical-align:middle;
}
#form_contents table tr th {
background:rgba(0,0,0,0.05);
border-bottom: 1px solid #ccc;
white-space: nowrap;
}
#form_contents table.wrap tr th{
white-space: normal;
}
#form_contents table tr td {
border-bottom: 1px dotted #999;
}
#form_contents table tr:first-child > th,
#form_contents table tr:first-child > td{
/*border-top: 3px solid #900;*/
}
#form_contents table tr:last-child > th,
#form_contents table tr:last-child > td{
/*border-bottom: 1px solid #aaa;*/
}
#form_contents table tr th > p,
#form_contents table tr td > p{
margin:0 0 1em;
}
#form_contents table tr th > p:last-child,
#form_contents table tr td > p:last-child{
margin:0;
}
#form_contents table ul li,
#form_contents table ol li{
margin-bottom:0.5em;
}
#form_contents table ul li:last-child,
#form_contents table ol li:last-child{
margin:0;
}

#form_contents #privacypolicy + div{
padding:10px;
border:1px solid rgba(0,0,0,0.1);
}
#form_contents #privacypolicy + div h3{
margin:1.5em 0 0.5em 0;
font-size:100%;
border-bottom:1px dotted rgba(0,0,0,0.3);
}
#form_contents #privacypolicy + div h3:first-child{
margin-top:0;
}
#form_contents #privacypolicy + div sup{
color:inherit;
}

#form_contents .li-disc li{
 list-style-image: none !important;
 list-style-position: outside !important;
 list-style-type: disc !important;
 margin-left: 2em;
 }


/* ---------------------------------------
top
--------------------------------------- */
#top #form_contents h2{
margin:10px 0;
padding:10px 0 0 0;
border-top:1px dotted #000;
}
#top #form_contents h2 ~ .nav{
margin-top:10px;
}
/* ---------------------------------------
nav
--------------------------------------- */


.nav,
.nav-s,
.nav-gold,
.btn,
.btn-pc,
.btn-pc2,
.btn-reserve,
.btn-request,
.btn-event01,
.btn-event02,
.btn-gold,
input[type="submit"],
input[type="button"]{
margin:15px 10px;
padding:0;
box-shadow:0 1px 3px rgba(0,0,0,0.5);
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.btn-gold a{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
input[type="submit"],
input[type="button"]{
display:block;
margin:15px auto;
padding:12px 10px;
width:90%;
font-size:130%;
border:1px solid rgba(255,255,255,0.5);
}


.nav dd:last-child a,
.nav li:last-child a,
.nav-s li:last-child a,
.nav-gold li:last-child a,
.nav-gold dd:last-child a{
border-bottom:none;
-webkit-border-bottom-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-bottomleft:5px;
}
.nav li:first-child a,
.nav-s li:first-child a,
.nav-gold li:first-child a{
-webkit-border-top-left-radius:5px;
-webkit-border-top-right-radius:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
}
.btn a,
.btn-reserve a,
.btn-request a,
.btn-event01 a,
.btn-event02 a,
.btn-pc a{
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}


.btn-reserve a,
.btn-request a{
padding:12px 30px 12px 20px;
border:1px solid rgba(124,97,62,0.8);
}
.btn-event01 a,
.btn-event02 a{
padding:12px 30px 12px 48px;
border:1px solid rgba(124,97,62,0.8);
}
.nav-gold,
.btn-gold a{
border:1px solid rgba(124,97,62,0.8);
}
.nav-gold li a,
.nav-gold dd a,
.btn-gold a,
input[type="submit"],
input[type="button"]{
color:#000;
border-bottom:1px solid rgba(124,97,62,0.8);
}
.nav-gold li:last-child a,
.nav-gold dd:last-child a{
border-bottom:none;
}

input[type="submit"],
input[type="button"]{
text-align:center;
background:url(../../../images/common/bg_diagonal10per.png),
-moz-linear-gradient(left top, #f2e9d3,
#dfc68f 50%,
#d6b670 51%,
#a98539);
background:url(../../../images/common/bg_diagonal10per.png),
-webkit-gradient(linear, left top, left bottom, from(#f2e9d3),
color-stop(0.5, #dfc68f),
color-stop(0.51, #d6b670),
to(#a98539));
}

input[type="submit"]:hover,
input[type="submit"]:active,
input[type="button"]:hover,
input[type="button"]:active{
background:url(../../../images/common/bg_diagonal10per.png),
-moz-linear-gradient(left top, #c19c5e,
#c29d61 50%,
#b18336 51%,
#b28437);
background:url(../../../images/common/bg_diagonal10per.png),
-webkit-gradient(linear, left top, left bottom, from(#c19c5e),
color-stop(0.5, #c29d61),
color-stop(0.51, #b18336),
to(#b28437));
}

.nav dt span,
.btn-reserve a span,
.btn-request a span{
display:block;
line-height:1;
font-size:80%;
}
.nav li a span,
.nav dd a span{
display:block;
margin-top:0.5em;
line-height:1.5;
font-size:80%;
}
.nav dt span{
 color:#d6b670;
 }

.btn-reserve a span,
.btn-request a span{
 color:#333;
 }

/* ---------------------------------------
common
--------------------------------------- */

tr{
 clear:both;
 }

sup{
 color:#f00;
 }

label{
 display:block;
 }
.agree label{
display: inline;}

td input[type="text"],
td input[type="number"],
td input[type="email"],
td input[type="tel"],
td select{
 margin:0;
 padding:10px 0px 10px 0px;
 }

input[maxlength="2"]{width:24px;}
input[maxlength="3"]{width:36px;}
input[maxlength="4"]{width:48px;}
input[maxlength="5"]{width:60px;}
input[maxlength="8"]{width:30%;}
input[maxlength="7"]{width:20%;}
input[maxlength="30"]{width:35%;}
input[maxlength="60"]{width:95%;}

.w95per{width:95%;}

.img-right{
 display:block;
 float:right;
 margin: 0 0 8px 8px; 
 }
 
.img-left{
 display:block;
 float:left;
 margin: 0 8px 8px 0; 
 }

.tx_indext{
 text-indent: -1.5em;
 padding: 0 0 0 1.5em;
 }

.center{
 text-align:center;
 }
 
 /* form chq */
 .reqFalse {
    background: none repeat scroll 0 0 #ffbfbf;
}
.checkSubmit {
    text-align: center;
}
.checkSubmit img {
    display: none;
    margin: 0 auto;
}
.hideSubmit img {
    display: inline !important;
}
.hideSubmit input {
    display: none !important;
}

span.icon{
    background: #E1200F;
    display: inline-block;
    margin-right: 12px;
    padding: 2px 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}
span.icon02 {
    background: #888888;
    display: inline-block;
    margin-right: 12px;
    padding: 2px 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}
.conf{
padding: 10px;}

#reservation dl {
    margin: 0;
    clear: both;
    border-top: 1px solid #888888;
}
#reservation dt {
    background-image: url(/sp/images/inquiry/bg_form.gif);
    background-repeat: repeat;
    padding: 10px 6.25%;
    font-size: 15px;
}
#reservation dd {
    padding: 10px 6.25%;
    font-size: 15px;
}
#reservation dt span.icon, #reservation  dd .kibou span.icon {
    background: #E1200F;
    display: inline-block;
    margin-right: 12px;
    padding: 2px 5px;
    color: #ffffff;
    font-size: 13px;
    text-align: center;
}

#reservation dd .kibou label, #reservation dd .kibou label {
    display: inline-block;
    padding: 0 0 8px;
}
#reservation a {
    color: #000000;
    text-decoration: underline;
}
#reservation #radio {
    height: 65px;
}
#reservation dd input[type="radio"] {
    display: none;
}
#reservation .radio label, #reservation #radio label {
    display: inline-block;
    position: relative;
    padding: 11px 20px 0 44px;
}
#reservation .radio label:before,
#reservation .radio label:after,
#reservation #radio label:before,
#reservation #radio label:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 35px;
    height: 35px;
    border-radius: 50%;
}
#reservation .radio label:before,
#reservation #radio label:before {
    background: #fafafa;
    border: 1px solid #666666;
}