@charset "utf-8";
/* CSS Document */

#topnav {
	float: right;
	width: 500px;
	z-index: 100;
	height: 54px;
	margin-top: -55px;
}

/*ドロップダウンここから*/

#dropmenu {
	list-style-type: none;
	width: 329px;
	padding: 0;
}
#dropmenu li {
	position: relative;
	float: left;
	margin: 0;
	text-align: center;
}

#dropmenu li a {
  display: block;
  margin: 0;
  color: #FFF;
  font-size: 14px;
  text-decoration: none;
  z-index:2000;
}
#dropmenu li ul li:hover > a{
   background-color:#C00;
  color: #FFF;
  font-weight:bold;
}

#dropmenu li ul {
  position: absolute;
  width:150px;
  top: 100%;
  left: 0;
  list-style: none;
  margin: -5px 0 0 -5px;
  z-index:1000;
}
#dropmenu li:last-child ul {
	left: 0%;
	width: 200px;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 120%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .4s;
  -ms-transition: .4s;
  transition: .2s;
}

#dropmenu li ul li a{
  padding: 10px 20px;
  background: #333;
  color: #fff;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
  opacity: .8;
}
#dropmenu li:hover ul li{
	overflow: visible;
	height: 38px;
}
/*ドロップダウンここまで*/
#wrapper #topnav .rsvbtn {

}

/* ***********************************************************************************
OnlineReservation設定ここから
*********************************************************************************** */

/*.box {
  padding-bottom: 0px 20px 20px 0px;
  text-align:center;
}*/

  
    .inline-block {
    	/*text-align: center;*/
		width: 700px;
	    margin: 20px 0 10px 0px;
    }
    .inline-block li {
    	display: inline-block;
		padding: 0px 15px 30px 0px
    }
  
/* ***********************************************************************************
News & Tpics設定ここから
*********************************************************************************** */
.scroller {
  width: 720px;
  height: 310px;
  margin: 10px 20px 20px 0px;
  overflow-y: scroll;
  scrollbar-color: #392600 #efe8e2;
  scrollbar-width: auto;
}

dl.topics{
	padding: 10px;
	line-height: 1.8;
	width: 680px;
}
dl.topics dt{
    width:6em;
    float:left;
    margin-left:20px;
    padding:0 0 0 5px;
}
dl.topics dd{
	position: relative;
	margin: 0 0 10px 20px;
	padding: 0 5px 10px 13em;
	/* border-bottom: 1px dotted #ccc; */
}
dl.topics dd span.cat{
	display: block;
	position: absolute;
	top: 0;
	left: 7em;
	width: 4.5em;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #C00;
	border-radius: 2px;
}

/* ***********************************************************************************
News & Tpics設定ここまで
*********************************************************************************** */

#wrapper #container {
	margin: 0 auto;
	background-image: url(../images/common/bg_main.jpg);
	background-repeat: repeat-y;
	width: 1503px;
	height: auto;
}

#wrapper #container .sidemenu {
	/* [disabled]background-image: url(../images/common/bg-left.jpg); */
	/* [disabled]background-repeat: repeat-y; */
	width: 486px;
	float: left;
	padding-bottom: 30px;
}

#wrapper #container .sidemenu img {
	float: right;
}
#wrapper #container .sidemenu .last img{
	margin-bottom:40px;
}
#tw{
	width: 273px;
	float: right;
	margin-bottom: 30px;
	padding-right: 5px;
}

/*#youtube{
	width: 273px;
	float: right;
	margin-bottom: 30px;
	padding-right: 5px;
}*/

#rsvBN{
	width: 273px;
	height: 317px;
	background-image: url(../images/common/rsv_bg.jpg);
	float: right;
	margin-bottom: 30px;
	padding-right: 5px;
}

#rsvBN img{
	margin-right:20px;
}

#rsvBN .rsv1{
	margin-top: 100px;
}
#rsvBN .rsv2{
	margin-top:60px;
}

#wrapper #container #main {
	/* [disabled]background-image: url(../images/common/bg-right.jpg); */
	/* [disabled]background-repeat: repeat-y; */
	float: left;
	width: 745px;
	padding-left: 60px;
}

#wrapper #container #main .midasi{
	margin-bottom:30px;
}

#feeslide {
}

#wrapper #container #main #feeslide {
	width: 700px;
	margin: 20px 0 10px 20px;
}


dl.topics{
	padding: 0;
	line-height: 1.8;
	width: 680px;
	margin-bottom: 40px;
}

.topics dd a{
	color:#FFF;
	font-weight:normal;
}

.topics dd a:hover{
	color:#FFF;
	font-weight:bold;
}

dl.topics dt{
	width: 6em;
	float: left;
	margin-left: 20px;
	padding: 0 0 0 5px;
	color: #FFF;
}
dl.topics dd{
	position: relative;
	margin: 0 0 10px 20px;
	padding: 0 5px 10px 13em;
	color: #FFF;
	/* border-bottom: 1px dotted #ccc; */
}
dl.topics dd span.cat{
	display: block;
	position: absolute;
	/*top: -3px; newアイコンの上下調整 */
	left: 99px;
	width: 4.5em;
	margin: 0;
	padding: 0;
	text-align: center;
	background-color: #C00;
	border-radius: 2px;
}

/*informationここから*/
#information{
	width: 730px;
	color: #FFF;
	margin-bottom:50px;
}
/*#information p.info-waku{
	border: 1px solid #FFF;
	padding: 10px 30px;
	width: 330px;
	margin: 20px;
}*/

p.desc{
	margin: 0px 0px 20px 15px;
}

p.center{
	margin: 20px 0;
	text-align:center;
}

span{
	display: inline-block;
	width: 7em;
}


td {
vertical-align: top;
}



/*informationここまで*/

/*トップページスライダー無し版CSS*/
ul.non_slider{
  margin-left: 10px;
}

ul.non_slider li{
  float:left;
  margin: 0px 2px 30px; 
}
/*トップページスライダー無し版CSS*/


#main .waku{
width: 680px;
background:#FDF5D7;
border:#AA070A 3px solid;
margin-bottom: 30px;
clear: both;
}

#main .waku p.title{
text-align: center;
font-size: 1.2em;
font-weight: bold;
padding-top:30px;
}

#main .waku p.desc{
text-align: left;
padding-left: 20px;
padding-right: 50px;
padding-bottom: 20px;
}

#main .waku p.descR{
text-align: right;
padding-left: 20px;
padding-right: 50px;
padding-bottom: 30px;
}