body{
	margin:0px;
	padding:0px;
	border-top:#00164F solid 10px;
	/*font-family: Meiryo, "メイリオ", "MS PGothic", "MS Pゴシック", sans-serif;*/
	font-family: "游ゴシック","Yu Gothic","游ゴシック体",YuGothic, sans-serif;
	background: #fdfdfd;
}
img{
border:none;
}
h1{
	font-family: "游明朝","Yu Mincho","游明朝体",YuMincho;
}
h2{
	width: 100%;
	display: block;
	text-align: center;
	font-family: "游明朝","Yu Mincho","游明朝体",YuMincho;
	font-weight: bold !important;
	font-size: 2em !important;
	margin-bottom: 0.6em !important;
	margin-top: 1.8em !important;
}
h2:after{
	content: "";
	display: block;
	position: relative;
	width: 15em;
	height: 10px;
	border-top: 2px solid #001B57;
	margin: 10px auto;
}
header h1{
	width: 930px;
	display: block;
	margin: 0px auto;
}
.tel{
	width: 280px;
}
.container{
	width:960px;
	margin:0px auto ;
	padding-top:0px;
	overflow: hidden;
}
.topicobi{
	background:#001B57;
	overflow:hidden;
	width:100%;
	color:white;
	position: relative;
	top:35px;
	margin-bottom:50px;
}
.topicobi h2{
	font-size:18px;
	padding-left: 5px;
}
.topimg{
	background: url('../image/JP006_72A.jpg');
	width:100%;
	z-index: 100;
	height:480px;
	top:45%;
	/*text-align: center;
	font-size: 24px;
	font-family: 游明朝;
	font-weight: bold;
	line-height: 2em;
	color: white;*/
	background-size: cover;
}
/*.topimg img{
	float:left;
	max-width: 100%;
	width: 27%;
	margin-top:1%;
	margin-left:1%;
}
.topimg>div{
	overflow: hidden;
	width: 100%;
	padding-top: 11%;
}
.topimg>div span{
	font-size: 42px;
	line-height: 2em;
}*/
li{
	list-style: none;
}
strong{
	font-weight:notmal;
}
ul{
	margin:0px;
	padding:0px;
}
h1{
	font-weight:normal;
	font-size:12px;
	color:#333;
}
h2{
	width:100%;
	font-weight:normal;
	overflow: hidden;
	padding-top:5px;
	font-size:20px;
	margin-bottom:0px;
	margin-top:0px;
}
.chirashi h2{
	border: none;
	font-size: 16px;
}
.line{
	margin-top:30px;
	border-top:#001A4F solid 2px;
	width:100%;
	overflow: hidden;
}
.prefhotellist li img{
	width:30%;
	display: block;
	float: left;
}
.prefhotellist li span{
	display: block;
	font-size: 16px;
	color: black;
	margin-top:0px;
}
.prefhotellist li span span{
	color: red;
	display: inline-block;
	font-size: 26px;
}
.prefhotellist li p{
	font-size: 0.8em;
}
.prefhotellist li>div{
	display: inline-block;
	width:69%;
	overflow: hidden;
	float: left;
}
.prefhotellist li{
	box-shadow: 0px 0px 7px #00164F;
	border-radius:5px;
	border:#00164F 1px solid;
	width: 95%;
	margin:10px auto;
	background: #EFEFEF;
	padding:2%;
	overflow: hidden;
}
.prefhotellist li:hover{
	background-color: #E7EEFF !important;
}
.prefhotellist li p{
	padding-left: 10px;
	color: black;
}

.prefhotellist li a{
	display: block;
	height: 100%;
	width: 100%;
	text-indent: 10px;
	text-decoration: none;
}
.header span a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.header span{
	border: solid 1px black;
	padding: 8px 20px 8px;
	position: relative;
	top: -20px;
	display: inline-block;
}
.header{
	height:60px;
	
	width: 980px;
	margin: 0px auto;
	display: block;
}
.info{
	width:40%;
	float:left;
}
.header img:first-child{
	width: 40%;
}
.obi{
	background:#001B57;
	overflow:hidden;
	width:100%;
	color:white;
	position: relative;
	top:35px;
	margin-bottom:50px;
}

.obi h2{
	font-size:18px;
	padding-left: 5px;
}
.searchhotel{
	background: #00164F;
	font-size: 24px;
	color: white;
	padding: 5px;
	display: inline-block;
	left: 0px;
	top: 0px;
	font-family: "游明朝","Yu Mincho","游明朝体",YuMincho;
}
.map small{
	font-size: 12px;
}
.map{
	border: #00164F solid 2px;
	height: 340px;
	margin: 0.5%;
	margin-top: 30px;
	float: left;

}
.map img{
	height: 100%;
}
.map ul{

}
.map ul>li a{
	color: #00164F;
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.map ul>li{
	width: 19%;
	display: inline-block;
	margin: 1%;
	border: #00164F solid 2px;
	color: #00164F;
	font-size: 14px;
	font-weight: bold;
	line-height: 15px;
	height: 15px;
	/*padding-top:8px;
	padding-bottom:8px;*/
	cursor: pointer;
	background-color:#DDE6FF ;
	font-family:  'ＭＳ Ｐゴシック', sans-serif;
	text-align: center;
}
.map ul>li:hover a{
	color: white;
}
.map ul>li:hover{
	/*background: #00164F;
	color: white;*/
}
.map img{
	position: absolute;
	height: 280px;
}
.newinfo{
	border: #00164F 2px solid;
	height: 220px;
	width: 98%;
	float: left;
	margin: 0.5%;
	margin-top: 30px;
}
.newinfo ul{
	height: 230px;
	display: block;
	overflow-y:  scroll;
}
.newinfo ul li:nth-child(n+2){
	border-top: gray 1px solid;
}
.newinfo ul li{
	height: 45px;
	display: block;
	width: 100%;
	
}
.newinfo ul li div{}
.global .container{
	overflow: visible;
}
.global{
	width:99.8%;
	border:#888 solid 1px;
	overflow: hidden;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#efefef');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#efefef')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
background-image: -moz-linear-gradient(top, #ffffff, #efefef);
background-image: -ms-linear-gradient(top, #ffffff, #efefef);
background-image: -o-linear-gradient(top, #ffffff, #efefef);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#efefef));
background-image: -webkit-linear-gradient(top, #ffffff, #efefef);
background-image: linear-gradient(top, #ffffff, #efefef);
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 0px;
	height: 3em;
}
.global li{
	width: 8.3%;
	display: block;
	float: left;
	text-align: center;
	line-height: 3em;
}
.global li a{
	display: block;
	width: 100%;
	height: 100%;
	color: black;
}
.global li a:hover{
	background-color: rgba(255, 255, 255, 0.4);
	color: gray;
}
.hotelinfo li div *:not(em){
	color: black;
}
.hotelinfo li em{
	font-size: 18px;
	width: 100%;
			display: block;
			overflow: hidden;
	text-decoration: underline;
}
.hotelinfo p{
	font-size: 11px;
}
.hotelinfo li{
	width: 47%;
	margin: 0.5%;
	display: block;
	height: 265px;
	float: left;
	border: gray 1px solid;
	padding: 0.5%;
}
		.hotelinfo li:hover{
			/*background: #F1F5FF;*/
		}
		.hotelinfo li img{
			width: 40%;
			height: 140px;
		}
		.hotelinfo li em{
			
		}
.hotelinfo .leftimg img{
	width: 100%;
}
.hotelinfo .leftimg{
	width: 40%;
	float: left;
}
.hotelinfo .leftimg p{
	font-size: 12px;
}
.arealist{
	width: 400px;
}
.arealist li{
	width: 131px;
	display: block;
	float: left;
	height: 3em;
	line-height: 3em;
	border: gray 1px solid;
}
.arealist li a{
	color: black;
	text-decoration: none;
	display: block;
	width: 100%;
	height: 100%;
}
.chirashi{
    width:48%;
    float:left;
    padding: 3px;
    border:gray solid 1px;
    margin:2px;
    border-radius:3px;
  }
.global ul{
	text-indent: 0px;
	padding: 0px;
	width:auto;
	overflow: hidden;
	display: block;
	margin:0px auto ;
	width:820px;
	height:45px;
}
.global ul a{
	color:#000;
	text-decoration: none;
	width:100%;
	height:100%;
	
}
.global ul li{
	overflow: hidden;
	padding:10px;
	padding-left:15px;
	padding-right:15px;
	float: left;
	display:block;
	width: 12.1%;
	font-size:13.8px;
	text-align:center;
}
.global ul li:hover{
	border-bottom:#4f0003 solid 3px;
}
.global ul li img:hover{
	border-bottom:#4f0003 solid 3px;
}

.amenity tr>td:nth-child(2n+1){
	width: 20%;
}
.amenity tr>td:nth-child(2n){
	width: 30%;
}
.meetinfo{
	display: block;
	overflow: hidden;
}
.meetinfo li{
	width: 45.5%;
	margin: 1%;
	float: left;
	border: gray 1px solid;
	padding: 1%;
}
.meetinfo li img{
	width: 100%;
	height: 200px;
}
.meetinfo li table{
	width: 100%;
	font-size: 12px;
	border-collapse: collapse;
}
.meetinfo li table tr>*{
	border: solid lightgray 1px;
	text-align: center;
}
.meetinfo li table th{
	background: #00164F;
	color: white;
	padding: 0.5em 0px 0.5em;
}
#mainImg {
    margin: 0 auto ;
    width: 900px ;
    height: 165px ;
    text-align: left ;
    overflow: hidden ;
    position: relative ;
    margin-bottom:10px;
}
 
#mainImg img {

	width:100%;
    top: 0 ;
    left: 0 ;
    position: absolute ;
}
#mainImg #setwidth{
	width:50%;
	padding-left:215px ;
	padding-top:30px ;
	z-index:30;
	position:relative;
}
.gunre{
	width:49%;
	background:#e5eeed;
	overflow: hidden;
	float:left;
	padding-bottom:10px;
	height:360px;
	margin-right:5px;
}
.gunre ul li{
	width:146px;
	border:1px solid #8b9795;
	height:24px;
	background:#fff;
	float:left;
	margin:4px;
	padding-top:3px;
	padding-bottom:3px;
	overflow:hidden;
}
.gunre span img{
	height:28px;
}
.gunre span{
	background:#005751;
	display:block;
	width:100%;
	color:#fff;
	text-align: center;
	padding-top:5px;
	font-weight:bold;
}
.gunre>img{
	width:100%;
}
.bigbutton{
	overflow: hidden;
	width:100%;
}
.bigbutton ul li{
	width:28%;
	height:100px;
	float:left;
	margin:2%;
	margin-top: 5px;
	padding:5px;
	border:#eee solid 1px;
	background:#e5eeed;
	font-size:14px;
	color:#6e0d20;
}
.bigbutton h3{
	width:40%;
	float:left;
	line-height: 100px;
	margin:0px;
	margin-left:10px;
	padding:0px;
	font-size:14px;
	font-weight: normal;
}
.bigbutton ul li img{
	height:100%;
	float:left;
}
.bigbutton li a{
	color: black;
}

.taikaienseiplan{
	margin-left:40px;
}
.taikaienseiplan div img{
	width:78%;
}
.topic{
	border:#4f0003 solid 1px;
	margin-bottom:10px;
}
iframe{
	border:none;
	width:100%;
}
.info {
	font-size:12px;
	text-align: left;
	line-height: 1.2em;
	height: 100%;
}
.info ul{
	width: 100%;
	display: block;
}
.info p{
	margin: 0px;
	line-height: 1em;
}
.info span {
	font-size:16.7px;
	display:block;
	font-weight:bold;
	color:#666;
	line-height: 1em;
	margin-top: 0px;
}
.info span img {
	position:relative;
	top:3px;
	margin-right:5px;
}

.info li{
	margin-bottom:0px;
	display: block;
	float: left;
	width: 48%;
	overflow: hidden;
}
.footer{
  /*border-top:#4f0003 solid 2px;*/
  background: #5F6B89;
  width:100%;
  font-size:14px;
  overflow:hidden;
  padding-top: 10px;
	margin-top: 55px;
}
.footer a{
  color: white;
}
.footer ul:not(:first-child) li{
  display: block;
  width: 100%;
  float: left;
  font-size: 14px;
}
.footer ul:first-child li{
  margin-bottom: 8px;
}
.pictures{
    width: 100%;
    overflow: hidden;
    display: block;
  }
  .pictures li{
    width: 24.5%;
    margin-left: 0.66%;
    margin-top: 5px;
    float: left;
    font-size: 12px;
  }
  .pictures li:first-child{
    margin-left: 0px;
  }
  .pictures li img{
    width: 100%;
  }
  .special{
    width: 100%;
    overflow: hidden;
  }
  .price p{
    display: inline;
    color: red;
    font-weight: bold;
    font-size: 22px;
  }
  .special li{
    width: 46%;
    margin: 3px 1%;
    float: left;
    color: #900;
    background: #eee;
    padding: 1%;
    font-weight:bold;
  }
  .tableset{
    border-collapse: collapse;
    width: 100%;
    background: #eee;
  }
  .tableset tr>*{
    border: solid 1px white;
    padding: 0.5%;
  }
  .meeting tr>*:first-child{
    width: 25%;
  }
  .meeting tr>*:nth-child(2){
    width: 15%;
  }
  .leftdetail{
    width: 50%;
    float: left;
  }
  .leftdetail+img{
    width: 50%;
    float: left;
  }
  .hotelname{
    font-size: 26px;
  }
  .phrase{
    font-size: 14px;
  }
  .sightseeing{
    font-size: 13px;
  }
  .sightseeing td:nth-child(2){
    width: 20%;
  }
  .global ul li{
    width: 9.5% !important;
  }
  .require{

  }
  .footer>div{
	margin:0px auto ;
	width:930px;
}
.footer div ul{
	width:70%;
	float: left;
	padding: 0px;
	font-size:13px;
	line-height: 2em;
}
.footer div ul li{
	width:49%;
	display: block;
	float: left;
	color: white;
}
.footer div{
	width: 930px;
}
.footer .innerlink li{
	width: 49% !important;
	float: left;
	display: block;
}
.inquire_form{
	display: block;
	width: 28%;
	margin:0px auto;
	padding:0.8em 0.8em;
	font-size:1.4em;
	text-align: center;
	color:white;
	text-decoration: none;
	border-radius: 5px;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#004799+0,4f4f4f+100 */
background: rgb(0,71,153); /* Old browsers */
background: -moz-linear-gradient(top,  #00164F 0%, #161616 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #00164F 0%,#161616 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #00164F 0%,#161616 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00164F', endColorstr='#161616',GradientType=0 ); /* IE6-9 */
	transition: all 0.5s;
  }
  .inquire_form:hover{
	opacity: 0.9;
  }
  .hotelimg img{
	  height:272px;
  }
  .topimgback img{
	width: 50%;height: 380px;float:left;
  }
  .leftdetail{
	width: 50%;
	height: 380px;
	float:left;
	background:#000000ad;
	color:white;
  }
  
  .access iframe{
	width: 50%;
	height: 350px;
  }
  .gethotellist .hotelimg{
    width: 40%;
    float: left;
  }
  .gethotellist .hotelimg img{
    width: 100%;
  }
  .hotelinfo{
    width: 58%;
    float: left;
    padding-left: 2%;
  }
  .hoteldetailbutton{
    width: 100%;
    height: 80px;
    background: #EDEDED;
    overflow: hidden;
  }
  .hoteldetailbutton a{
    width: 30%;
    display: block;
    text-align: center;
    margin: 1em auto;
    border: black 1px solid;
    height: 3em;
    background: white;
    color: black;
    text-decoration: none;
    line-height: 3em;
    transition: all 0.5s;
  }
  .hoteldetailbutton a:hover{
                            background: #001B57;
                            color: white;
                          }
  .hashtag li a{
    color: black;
    text-decoration: none;
    display: block;
    height: 100%;
    width: 110%;
    z-index: 1000;
    position: relative;
  }
  .hashtag li a:hover{
    text-decoration: underline;
    color: white;
  }
  .hashtag li:hover{
    background: #001B57;
    color: white;
  }
  .hashtag{
  }
  .hashtag li{
    width: auto;
    background: transparent;
    height: auto;
    display: inline-block;
    min-width: 0px;
    min-height: 0px;
    font-size: 0.8em;
    border-radius: 14px;
    transition: all 0.5s;
    padding: 0px 5px;
    height: 1.5em;
  }
  .prefinfo{
    width: auto;
    position: absolute;
    background: rgba(0, 22, 79, 0.6);
    font-size: 0.8em;
    color: white;
    text-indent: 0.5em;
    padding-right: 0.5em;
  }
  .hotelinfo li a{
	color: black;
	display: block;
	height: 100%;
	width: 100%;
}
.container{
min-height: 697px;
}
.hotelinfo li{
	width: 47%;
	margin: 1%;
	display: block;
	height: 200px;
	float: left;
	background: #DEE8FF;
	padding: 0.5%;
}
.hotelinfo li:hover{
	background: #F1F5FF;
}
.hotelinfo li img{
	width: 40%;
	height: 140px;
}
.hotelinfo li em{
	width: 100%;
	display: block;
	overflow: hidden;
	font-size: 24px;
	
}

.container{
min-height: 0px !important;
}

.gethotellist{
font-size: 1.2em;
}
.gethotellist h2{
font-size: 1.7em !important;
}
.gethotellist h2:after{
content: "";
display: block;
position: relative;
width: 400px;
height: 10px;
border-top: 1px solid #001B57;
margin: 10px auto;
}
.gethotellist{
width: 980px;
display: block;
margin: 0px auto;
overflow: hidden;
}
  @media (min-device-width : 320px)
  and (max-device-width : 480px) {
    body{
      font-size:0.9em;
    }
    .global ul li{
    width: 100% !important;
  }
    table{
  font-size:0.8em;
}
table td:first-child{
  min-width: 8.5em;
}
.pankuzu{
  font-size:0.75em;
}
.special{
  font-size:0.9em;
}
.gunre ul li a {
    width: 132px;
    display: block;
    overflow: hidden;
    float: left;
}
.gunre ul li img {
    height: 36px;
    position: relative;
    left: -50px;
    top: -4px;
}
.gunre ul li span {
    display: block;
    float: left;
    width: 40px;
    line-height: 12px;
}


  }
  /*@media (min-device-width : 320px)
  and (max-device-width : 480px) {
    
    .special li{
      width: 100%;
    }
    table{
      table-layout: fixed;
      font-size: 0.8em;
    }
    .leftdetail+img,.leftdetail{
      width: 100%;
    }
    
  }*/