@charset "utf-8";

body,p,ul,ol,li,h1,h2,h3,h4,h5,h6,dl,dt,dd{
	margin: 0px;
	padding: 0px;
}

em {
	visibility: hidden;
}
body {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 20px;
	color: #333333;
	background-image: url(../img/common/bac_body.jpg);
	background-repeat: repeat;
	background-position: left top;
	padding-top: 136px;
}
.Clear{
	clear:both;
	height:0px;
	line-height: 0px;
	padding:0;
	margin:0;
}
.clearfix:after {
	clear:both;
	content:"";
	display:block;
}
.txt_center {
	text-align: center;
}
.txt_right {
	text-align: right;
}
a:link {
	color: #0066CC;
}
a:visited {
}
a:active {
}
a:hover {
	color: #FF6600;
}
a img {
	border: none;
}
h1 {
	font-size: 12px;
	font-weight: lighter;
	text-align: left;
	padding-top: 50px;
	padding-left: 165px;
}

/* Common */
.mb15 {
	margin-bottom: 15px;
}


/* LAYOUT */
#header {
	width: 1000px;
	height: 121px;
	background-image: url(../img/common/txt_tel.gif);
	background-repeat: no-repeat;
	background-position: right 30px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#header #logo {
	float: left;
	width: 156px;
	height: 121px;
}
#header #logo a {
	display: block;
	width: 156px;
	height: 121px;
	background-image: url(../img/common/logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}
#navi {
	width: 1000px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}
#navi li {
	float: left;
	height: 70px;
	list-style-type: none;
}
#navi li a {
	display: block;
	height: 70px;
	background-image: url(../img/common/navi.jpg);
	background-repeat: no-repet;
	text-decoration: none;
}
#navi #navi1 a{
	width: 167px;
	background-position: 0 0;
}
#navi #navi2 a{
	width: 167px;
	background-position: -167px 0;
}
#navi #navi3 a{
	width: 166px;
	background-position: -334px 0;
}
#navi #navi4 a{
	width: 169px;
	background-position: -500px 0;
}
#navi #navi5 a{
	width: 166px;
	background-position: -669px 0;
}
#navi #navi6 a{
	width: 165px;
	background-position: -835px 0;
}
#navi #navi1 a:hover{
	background-position: 0 -70px;
}
#navi #navi2 a:hover{
	background-position: -167px -70px;
}
#navi #navi3 a:hover{
	background-position: -334px -70px;
}
#navi #navi4 a:hover{
	background-position: -500px -70px;
}
#navi #navi5 a:hover{
	background-position: -669px -70px;
}
#navi #navi6 a:hover{
	background-position: -835px -70px;
}
#wrapper {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
.sticky + #wrapper {margin-top: -100%;}
#wrapper #main {
	float: left;
	width: 700px;
	
}

/* SIDE */
#wrapper #side {
	float: right;
	width: 250px;
}
#wrapper #side #bnr_map strong{
	color:#FF0000;
	text-align:center;
}
#wrapper #side #bnr_map {
	width: 250px;
	font-size: 13px;
	height: 150%;
	border-bottom: dashed 1px #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#wrapper #side #bnr_map .bnr_map_bg {
	display: block;
	width: 250px;
	height: 155px;
	background-image: url(../img/common/side_map_ed1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
  background-size: cover;
}
#wrapper #side #bnr_map .bnr_map_bg:hover {
	background-position: bottom;
}
#wrapper #side #side_simanami {
	border-bottom: dashed 1px #999;
	margin-bottom: 15px;
	padding-bottom: 15px;
}
#wrapper #side #side_simanami h2 {
	font-size: 14px;
	color: #5A9DBE;
	margin-bottom: 10px;
}
#wrapper #side #side_blog {
	background-image: url(../img/common/title_blog.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 15px;
}
#wrapper #side #side_blog h2 {
	visibility: hidden;
	height: 35px;
}
#wrapper #side #side_mail {
	width: 155px;
	height: 113px;
	background-image: url(../img/common/img_qrcode.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 95px;
}
#wrapper #side #side_mail h2 {
	margin-bottom: 10px;
}


/* FOOTER */
#footer {
	color: #FFF;
	background-color: #000;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#footer #footer_in {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
#footer #footer_in #footer_info {
	float: left;
	width: 339px;
	height: 202px;
	border-right: dashed 1px #999;
}
#footer #footer_in #footer_info p#copy {
	margin-top: 60px;
}
#footer #footer_in ul li {
	list-style-type: none;
	background-image: url(../img/common/ico_footer.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	margin-left: 15px;
	margin-bottom: 5px;
	padding-left: 15px;
}
#footer #footer_in ul li a {
	color: #86CDDF;
}
#footer #footer_in ul li a:hover {
	color: #F93;
}
#footer #footer_in ul#ft_dish {
	float: left;
	width: 219px;
	border-right: dashed 1px #999;
	background-image: url(../img/common/ft_dish.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}
#footer #footer_in ul#ft_rooms {
	float: left;
	width: 219px;
	height: 175px;
	border-right: dashed 1px #999;
	background-image: url(../img/common/ft_rooms.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}
#footer #footer_in ul#ft_menu {
	float: left;
	width: 219px;
	height: 175px;
	border-right: dashed 1px #999;
	background-image: url(../img/common/ft_menus.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 35px;
}

/* 電話番号固定 */
#tel {
    display: block;
    position: fixed;
    right: 0px;
    top: 0px;
    margin: 0;
    z-index: 999;
    width: 100%;
    height: 29px;
    font-size: 20px;
    padding-top: 11px;
    font-family: 游明朝;
    font-weight: bold;
    background: linear-gradient(0deg, #f4db75, #e5cb64,#e0c22f);
    box-shadow: 0 0px 6px 0 rgba(0, 0, 0, .5);

}
/* ヘッダー固定 */
.fixed{
position: fixed;
    width: 100%;
    height: 136px;
    background-color: #fff;
top: 0;
background-image: url(../img/common/bac_body.jpg);
	box-shadow: 0 -3px 11px 0 rgba(0, 0, 0, .5);
}

[id^="room"]{
  padding-top: 136px;
  margin-top: -136px;
}