@charset "UTF-8";

* { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-size:inherit;}
img { border: none; vertical-align:top; width:100%;}
img a { border: none; }
ul { margin: 0; padding: 0; }
li { list-style-type: none; margin: 0; padding: 0; line-height: 1.0em; }
a { text-decoration: none; color:#5f462d;}
a:hover { text-decoration: underline; }
address { font-style:normal;}
small { font-size:inherit;}
table { border-collapse: collapse; border-spacing: 0;}
th { font-weight: normal;}
.box_sizing, table { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;}

body { background:url(../img/bg1.gif); color:#5f462d; font-size:12px; line-height:1.6em; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

#header { background:url(../img/h_bg2.gif); display:inline-block; width:100%; vertical-align:bottom;}
#header h1 { background:url(../img/h_bg1.gif) no-repeat center bottom; background-size:100% 100%; padding:8px 0; color:#fff; text-align:center;}
#header figure { width:48%; float:left; padding:1.5% 0 2.6% 2%;}
#header .btn_col { padding:4.375% 3% 0 0;}
#header .btn_col li a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3ebc5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3ebc5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3ebc5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3ebc5',GradientType=0 ); /* IE6-9 */

padding:5.5% 17%;
border:1px solid #bca686;
}
#header .btn_col li:last-child a { background:#d63b29; margin: 3.5% 0 0 0; border:1px solid #d63b29;}

.gnav ul { background:url(../img/gnav_bg.gif) repeat-x center top; background-size:auto 100%; display:table; width:100%; table-layout:fixed;}
.gnav ul:first-child { border-bottom:1px solid #9b976b;}
.gnav li { display:table-cell;}
.gnav li:not(:last-child) { border-right:1px solid #9b976b;}
.gnav a { background:url(../img/gnav_mark.png) no-repeat 90% 50%; background-size:3px 5px; display:block; padding:10px 30% 10px 15%; text-align:left;}

#footer { background:url(../img/f_bg.gif) center top; display:inline-block; width:100%;}
#footer .logo_col { width: 45%; float: left; padding: 5.625% 0 3.125% 2%;}
#footer figure { padding:0 0 5.5% 0;}
#footer .btn_col { padding: 6.25% 3% 0 0;}
#footer .btn_col li:last-child { padding: 4% 0 0 0;}
#footer .btn_col li a { background:#d63b29; padding: 9% 8.5%; border:1px solid #d63b29;}
#footer .btn_col li:last-child a {
background: url(../img/daytrip_bg.gif) repeat-x center top;
-webkit-background-size: auto 100%;
background-size: auto 100%;
/* box-shadow */
box-shadow:rgba(245, 190, 117, 0.529412) 0px 0px 6px 3px inset;
-webkit-box-shadow:rgba(245, 190, 117, 0.529412) 0px 0px 6px 3px inset;
-moz-box-shadow:rgba(245, 190, 117, 0.529412) 0px 0px 6px 3px inset;

border: 1px solid  #f5be75;
}
#footer address { clear:both; width: 71%; float: left; padding:17px 0 17px 3%;}
#footer .f_pc { width: 20%; float: right; padding: 4% 3% 4% 0;}
#footer .f_pc a {
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3ebc5 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f3ebc5)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #ffffff 0%,#f3ebc5 100%); /* IE10+ */
background: linear-gradient(to bottom, #ffffff 0%,#f3ebc5 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3ebc5',GradientType=0 ); /* IE6-9 */
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

display: block;
padding: 15% 14%;
}
#footer .f_pc img { vertical-align: middle;}
#footer #copy { clear:both; background:#736c26; width:100%; padding:5px 0; text-align:center; color:#fff;}

.btn_col { width:45%; float:right;}
.btn_col li a {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

display:block;
}