/* CSS Document */


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



#page {
  text-align: center;
  background: url(../images/bg.jpg);
}

/* a:hover 
----------------------------------------- */

a:hover img {
  opacity: .80; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=80); /* IE lt 8 */
  -ms-filter: "alpha(opacity=80)"; /* IE 8 */
  -khtml-opacity: .80; /* Safari 1.x */
  -moz-opacity: .80; /* FF lt 1.5, Netscape */
  cursor: pointer;
}

/* clearfix 設定
 :after { content: ''; display: block; clear: both; }
----------------------------------------- */
/* For modern browsers */

.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after { clear: both; }

/* For IE 6/7 (trigger hasLayout) */

.clearfix { zoom: 1; }

/* リンク 設定
------------------------------------------------------------------- */

a {
  color: #06F;
  text-decoration: none;
  outline: none;
}

a:link { color: #06F; }

a:visited { color: #666; }

a:hover {
  color: #C00;
  text-decoration: underline;
}

a:active {
  color: #cc0033;
  text-decoration: underline;
}

/* other
------------------------------------------------------------------- */

.grayout {
  opacity: .40; /* Standard: FF gt 1.5, Opera, Safari */
  filter: alpha(opacity=40); /* IE lt 8 */
  -ms-filter: "alpha(opacity=40)"; /* IE 8 */
  -khtml-opacity: .40; /* Safari 1.x */
  -moz-opacity: .40; /* FF lt 1.5, Netscape */
}

/* ヘッダ
------------------------------------------------------------------- */

#header {
  position: relative;
  width: 100%;
}

#headerArea {
  background: #000;
  border-top: 4px solid #b90d03;
}

#headerBlock {
  margin: 0px auto;
  padding: 0px;
  height: 111px;
  width: 980px;
}

#headerBlock h1 {
  margin: 0px;
  padding: 14px 0px;
  float: left;
  height: 83px;
  width: 359px;
}

.reserveBox {
  background: url(../images/reserve_box.jpg) no-repeat 0px 14px;
  margin: 0px;
  padding: 14px 0px 14px;
  float: right;
  height: 83px;
  width: 320px;
}

.reserveBox ul { padding: 43px 0px 0px 3px; }

.reserveBox li {
  margin: 0px;
  padding: 0px 0px 0px 4px;
  float: left;
  height: 33px;
  width: 151px;
}

.subMenu {
  margin: 0px;
  padding: 14px 14px 0px 0px;
  float: right;
  height: auto;
  width: 280px;
  text-align: right;
  color: #FFF;
}

.subMenu p {
  height: 41px;
  width: auto;
}

.subMenu a { color: #FFF; }

#nav {
  position: absolute;
  height: 51px;
  width: 100%;
  top: 115px;
  right: 0px;
  z-index: 100;
  background: url(../images/nav_bg.png) repeat-x center top;
}

#nav ul {
  margin: 0px auto;
  padding: 0px;
  height: 47px;
  width: 980px;
}

#nav li {
  margin: 0px;
  padding: 0px 0px 0px 1px;
  float: left;
  height: 47px;
}

.nav01 { width: 139px; }

.nav02 { width: 138px; }

#main {
  position: absolute;
  width: 100%;
  top: 162px;
  right: 0px;
  z-index: 1;
  background: #920902 url(../images/bg_main.jpg) no-repeat center top;
}

.bar {
  background: url(../images/main_bar.png) repeat-x center top;
  margin: 0px;
  padding: 0px;
  height: 9px;
  width: 100%;
  font-size: 1%;
}

#contentsArea {
  margin: 0px auto;
  padding: 0px 0px 12px 0px;
  height: auto;
  width: 980px;
}

.pankuzu {
  font-size: 77%;
  line-height: normal;
  text-align: left;
  height: 16px;
  width: auto;
}

.pagetop {
  margin: 0px auto;
  padding: 0px;
  height: 24px;
  width: 980px;
  text-align: right;
}

#footerArea {
  color: #FFF;
  background: #000;
  border-top: 4px solid #BA1107;
  padding: 0px 0px 50px;
}

#footerArea a { color: #FFF; }

#footerBlock {
  margin: 0px auto;
  padding: 0px;
  height: auto;
  width: 980px;
}

.footerMenu {
  font-size: 92.4%;
  padding: 14px 0px 12px;
  border-bottom: 1px dotted #FFF;
}

.addressBox {
  text-align: left;
  margin: 0px;
  padding: 14px 0px 0px;
  float: left;
  height: auto;
  width: 500px;
  font-size: 92.4%;
  line-height: 1.335em;
}

.addressBox p { padding: 0px 0px 10px; }

#contentsBody {
  margin: 0px;
  padding: 0px;
  float: left;
  height: auto;
  width: 742px;
  text-align: left;
}

#side {
  margin: 0px;
  padding: 0px;
  float: right;
  height: auto;
  width: 220px;
}

.reservePanel {
  background: url(../images/bg_reservepanel.jpg) left top;
  padding: 15px 11px;
  border: 1px solid #d9cb93;
}

.kakunin {
  padding: 5px 0 0 0;
  font-size: 87%;
}

.kakunin a { color: #FFF; }

.bannerBox {
  padding: 0px 0px 12px;
  border-bottom: 1px dotted #333;
}
.bannerBox li { padding: 8px 0px 0px; }
.bannerBox ul { padding: 4px 0px 0px; }
.bannerBox li p {
  padding: 5px;
  background-color: rgba(57,8,11,1);
  color: #FFF;
}

bannerBoxTop {
  padding: 0px;
}
.bannerBoxTop li { padding: 0px 0px 8px; }
.bannerBoxTop ul { padding: 0px 0px 4px; }

#localNav {
  margin: 0px;
  padding: 0px 0px 20px;
  float: right;
  height: auto;
  width: 220px;
}

#localNav ul {
  border-top: 3px solid #B12119;
  background: #B01F1C;
}

#localNav li {
  border-bottom: 1px dotted #AF1E1B;
  background: #B01F1C;
}

.dantaiBtn {
  margin: 0px;
  padding: 0px;
  float: right;
  height: 42px;
  width: 135px;
}

.homeBtn {
  padding: 28px 14px 0px 0px;
  float: right;
  height: 13px;
  width: 58px;
}

/* ＳＥＭＴＡＢ！***********************************/


#kondateBlock {
  margin: 0;
  padding: 15px 0 15px 15px;
  background: url(../images/bg_topics.jpg);
}

ul.semtabs {
  margin: 0 auto;
  clear: both;
  height: 25px;
  list-style: none !important;
  position:absolute;
  bottom: -25px;
}

ul.semtabs li {
  float: left;
  height: 30px;
  display: block;
  margin: 0 1px 0 0 !important;
  /*background-image: none;*/
}

ul.semtabs li a {/*  height:15px;*/
  line-height: 15px;
  display: block;
  padding: 5px 5em;
  text-decoration: none;
  font-weight: bold;
  /*background-color: #e6eeee;*/
  background:url(../images/bg_topics_tab.jpg);
}

ul.semtabs li.active a {
  /*background-color: #4c77b3;*/
  background:url(../images/bg_topics.jpg);
  color:#C00;
}
.panel {
  background:url(../images/bg_topics.jpg);
  padding: 5px 15px 15px 15px;
}
.panel h3 {
  text-indent:-9999px;
  height:1px;
}

#kondateBlock h2 { background: url(../images/bg_topics.jpg); 
}

.menuImg {
  margin: 0px;
  padding: 0px;
  width: 710px;
  position: relative;
}

.kondateBtn {
  margin: 0px;
  padding: 0px;
  height: 23px;
  width: 164px;
  position: absolute;
  right:12px;
  bottom:12px;
}