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

a{
	text-decoration:none
}
img{ 
	vertical-align:bottom
}

div{
	margin:0;
	padding:0;
}
body{
	width:900px;
	margin:0 auto;
	background-image:url(img/a4.png);
}
h1{
	font-size:350%;
	padding:20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #f1f1f1;
  	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
}
h1 a{
	color:#fff;	
}
ul{
	list-style:none;
	padding-left:0;
	margin:0;
}
#header{
	width:900px; 
	height:100px; 
	margin:0 auto;
	margin-top:30px;
 	background-image:url(img/bana.jpg);
}
.tell{display:none;}
.reki{
	display: inline-block;
    font-size: 30px;
    padding: 30px;
    padding-top: 20px;
    margin: 0;
    font-weight: bold;
    color: #f1f1f1;
    text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}
#menu{
	width:900px;
	margin:0 auto;
	padding:0;
}
#menu li a{
	float:left;
	width:180px;
	height:50px;
	margin:0;
	padding:0;
	font-size:30px;
	line-height:1.5;
	text-align:center;
	background-image:url(img/menuA.png);
	color: rgba(0,0,255,0.6);
  text-shadow: 2px 8px 6px rgba(0,0,0,0.2),
               0px -5px 16px rgba(255,255,255,0.3);
}
#menu li a:hover{
	float:left;
	width:180px;
	height:50px;
	margin:0;
	padding:0;
	font-size:30px;
	line-height:1.5;
	text-align:center;
	background-image:url(img/menuB.png);
	color:#fff;
}
#wrap{
	width:900px;
	margin:0 auto;
	margin-top:50px;
	background-color:#fff;
	overflow:hidden;
}
#home{
	background-image:url(img/topbg.jpg);
	width:900px;
	height:478px;
	margin:0 auto;
}
#toptext{
	width:240px;
	height:390px;
	background:#4b7bc5;
	float:right;
	margin:20px;
	padding:20px;
	font-size:24px;
	border:3px #fff solid;
	color: white;
}
#heya{
	width:246px;
	height:95px;
	background-image:url(img/aki.jpg);
	margin-top:50px;
}
#roomwrap{
	width:900px;
	margin:0 auto;
	margin-top:50px;
	overflow:hidden;
	background-color:#fff;
}

#waku{
	width:300px;
	height:536px;
	padding:46px;
	padding-top:60px;
	float:left;
	background-image:url(img/room.gif);
	margin:10px;
}
#big{
	background-color:#fff;
	padding:8px;
}
#roomB{
	width:384px;
	height:284px;
	margin-top:40px;
	margin:20px;
	float:right;
	background-color:#fad689;
	padding:20px;
	font-size:24px;
	color:#004589;
	border:8px #a6cad9 solid;
}
#room_ul{
	float:right;
}
#room_ul li{
	float:left;
	margin-right:15px;
	border:8px #a6cad9 solid;
}
#ryouriwrap{
	width:852px;
	margin:0 auto;
	margin-top:50px;
	background-color:#fff;
	overflow:hidden;
	padding:24px;
}
#rbig{float:left; width:450px; height:450px;}
#rrnavi{width:380px; float:right;margin-left:20px;}
#rrnavi li{float:left;margin-right:5px;margin-bottom:5px;}
#rrnavi img{width:120px; height:120px;;}
#rrsetumei{display:none;}
#kondate{
	float:right;width:340px;
	margin-left:20px;
	margin-top:20px;
	height:170px;
	background-color:#ff9900;
	border-radius:20px;
	padding:5px 20px;
	font-weight:bold;
}
#kondate p{font-size:30px;color: #f1f1f1;
  	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);}
#roomNavi{
	background-color:#fad689;
	border:8px #a6cad9 solid;
	float:right;
	width:440px;
	margin-right:16px;
	margin-top:30px;
	font-size:24px;
	color:#004589;
	text-align:center;
	padding:10px 0;
}

#footer{
	width:900px;
	height:30px;
	background-color:#a6cad9;
	color:#3e53f1;
	margin:20px auto;
	clear:both;
	text-align:center;
	line-height:1.5;
}

#map{
	width:560px;
	height:350px;
	background:url(img/map.jpg) no-repeat;
	position:relative;
	float:left;
	margin-top:30px;
	margin-left:20px;
	margin-right:0;
}
#setumei{
	float:left;
	margin:0;
	padding:0;
	margin:20px;
	margin-top:0;
}
.navi{
	width:266px;
	height:418px;
	float:right;
	font-size:20px;
	color:#000066;
	margin-top:30px;
	margin-right:20px;
	border:2px solid #a6cad9;
	background-color:#a6cad9;
}
.navi p{text-align:center;}
#navi0{}
#navi1{display:none;}
#navi2{display:none;}
#navi3{display:none;}
#navi4{display:none;}
.eki{
	position:absolute;
	bottom:5px;
	left:40px;
}
#mutou{
	position:absolute;
	right:130px;
	top:120px;
}
#zyuzi1{
	position:absolute;
	top:65px;
	left:310px;
}
#zyuzi2{
	position:absolute;
	bottom:60px;
	left:320px;
}
#gaku1{
	position:absolute;
	top:60px;
	left:160px;
}
#gaku2{
	position:absolute;
	top:15px;
	right:110px;
}
#gaku3{
	position:absolute;
	bottom:20px;
	right:25px;
}



#yatinA{
	width:390px;
	height:600px;
	float:left;
	margin:30px 0 20px 20px;
}
#yatinB{
	width:440px;
	height:600px;
	float:right;
	margin:20px;
	margin-top:30px;
}
#nedan{
	width:440px;
	font-size:30px;
	color:#3e53f1;
	margin-bottom:20px;
}
th{
	background-color:#ccc;
	border:solid 5px #3e53f1;
	margin:5px;
}
td{
	text-align:center;
	border:solid 5px #3e53f1;
}
#mapSP{display:none;}
#mutouMAPsp{display:none;}
@media only screen and (max-width:640px){
body{
	width:320px;
	margin:0 auto;
	background-image:url(img/a4.png);
}
#wrap{
	width:320px;
	margin:0 auto;
}
#home{
	background-image:url(img/home_sp.jpg);
	width:320px;
	height:368px;
	margin:0 auto;
}
#header{
	width:320px; 
	height:64px; 
	margin:0 auto;
	margin-top:0px;
 	background-image:url();
	background:#4b7bc5;
}
.tell{float:left;width:150px;display:inline;margin-left:10px;font-size:12px;margin-top:14px;color:#fff;}
.reki{display:block;font-size:20px;padding:10px;padding-top:20px;margin:0;font-weight:bold;
color: #f1f1f1;
  	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);}
#toptext{
	width:280px;
	height:80px;
	padding:10px;
	font-size:20px;
	border:0px #fff solid;
	color: #f1f1f1;
  	text-shadow: 0px 4px 3px rgba(0,0,0,0.4),
               0px 8px 13px rgba(0,0,0,0.1),
               0px 18px 23px rgba(0,0,0,0.1);
	margin-top:100px;
	background-color:transparent;
	font-weight:bold;
}
#heya{display:none;}
h1{padding:7px;margin:0;font-size:30px;float:left;}
#menu{
	width:320px;
	margin:0 auto;
	padding:0;
}
#menu li a{
	float:left;
	width:20%;
	height:20px;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	background-image:url(img/menuA.png);
}
#mapSP{display:block;width:320px;}
#mapSP li{float:left;width:100px;}
#map{display:none;}
#setumei{display:none;}
#navi0{display:none;}
#navi1{display:block;}
.navi{
	width:160px;
	height:252px;
	float:left;
	font-size:14px;
	color:#000066;
	margin-top:0px;
	margin-right:0px;
	border:0px solid #a6cad9;
	background-color:#a6cad9;
	line-height:1;
}
#mutouMAPsp{display:block;width:160px;}
.navi img{width:160px;}
#menu li a:hover{
	float:left;
	width:20%;
	height:20px;
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.5;
	text-align:center;
	background-image:url(img/menuB.png);
	color:#fff;
}
.eki{
	position:absolute;
	top:0px;
	left:0px;
}
#roomwrap{
	width:320px;
	margin:0 auto;
	margin-top:0;
	overflow:hidden;
	background-color:#fff;
}
#big{
	padding:0;
}
#waku{
	width:160px;
	height:auto;
	padding:0;
	padding-top:0;
	float:left;
	background-image:url();
	margin:0;
}
#waku img{width:160px;height:284px;}
#roomB{
	width:292px;
	height:150px;
	margin-top:0;
	margin:0;
	float:right;
	background-color:#fad689;
	padding:10px;
	font-size:16px;
	color:#004589;
	border:4px #a6cad9 solid;
}
#roomNavi{display:none;}
#room_ul{
	float:right;
	width:160px;
}
#room_ul li{
	float:left;
	margin-right:0;
	border:0px #a6cad9 solid;
}
#room_ul li img{width:80px;height:auto;}
#ryouriwrap{
	width:320px;
	margin:0 auto;
	margin-top:0;
	background-color:#fff;
	overflow:hidden;
	padding:0;
}
#rrsetumei{width:220px;padding:20px 10px;margin:0;float:left;display:block;}
#rbig{float:left; width:240px; height:240px;}
#rrnavi{width:80px; float:right;margin-left:0;}
#rrnavi li{float:left;margin-right:0;margin-bottom:0;}
#rrnavi img{width:80px; height:80px;}
#kondate{
	float:left;width:220px;
	margin-top:0;
	height:130px;
	background-color:#ff9900;
	padding:0 10px;
	color:#fff;
	margin:0;
	border-radius:0;
}
#kondate p{font-size:16px;}
#yatinA{display:none;}
#yatinB{
	width:320px;
	height:440px;
	float:right;
	margin:0;
	margin-top:0;
}
#nedan{
	margin-top:20px;
	width:310px;
	font-size:14px;
	color:#3e53f1;
	margin-bottom:20px;
}
th{
	background-color:#ccc;
	border:solid 5px #3e53f1;
	margin:5px;
}
td{
	text-align:center;
	border:solid 5px #3e53f1;
}
#tyu{width:320px;height:145px;}
#footer{width:320px;margin:0;}
#footer p{margin:0;padding:0;}
}