/* ---------------------------------------------------------
   HTML5 Bones
   This stylesheet contains print styling and a section for 
   you to simply add your own. This is a basic template 
   after all.
   ---------------------------------------------------------*/
	body {
	  line-height: 1.5;
	  color: #333;
	  min-width:320px;
	}
	/* Default link styling */
	a:link { color:#ff0000; text-decoration:none;}
	a:visited { color:#ff0000; text-decoration:none;}
	a:hover, a:focus { color:#000; }
	a:active { color:#ff0000; text-decoration:none;}

	div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,address,th,td,img,ol {  
		margin: 0; 
		padding: 0;
	}

/* ---------------------------------------------------------
   Author's styles
   ---------------------------------------------------------*/
	body {
	}
	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}

/*初期設定
----------------------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}
.ie8 img{
  width: auto;
}
/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*layout
----------------------------------------------------*/
#wrapper {
  max-width: 2000px;
}
#container {
    width: 100%;
	/*★↓Dreamweaver時削除*/
	overflow:hidden;
	max-width:2000px;
    position: relative;
    height:auto !important; /*IE6対策*/
    height: 100%; /*IE6対策*/
    min-height: 100%;
}
#left{
  float:left;
  height:100%;
  width:300px\9;
  background:url(../img/bgMenu.gif) repeat;
  z-index:2;
  position:relative;
}
#left h1 {
  margin: 0;
  padding: 0;
  text-align: center;
  text-indent:-9999px;
  display:block;
  -webkit-background-size:100% auto;
}
#left nav ul {
  margin: 0;
  padding: 0;
}
#left nav ul.menu li {
  text-indent:-9999px;
  overflow:hidden;
  list-style:none; !important;
  height:60px;
}
#left nav ul.menu li a {
  display:block;
  height:60px;
}

#left nav ul.menu li.menu1{
	background:url(../img/menu01.gif) no-repeat center center;
	height:60px;
    -webkit-background-size:100% auto;
}
#left nav ul.menu li.menu2{
	background:url(../img/menu02.gif) no-repeat center center;
	height:60px;
    -webkit-background-size:100% auto;
}
#left nav ul.menu li.menu3{
	background:url(../img/menu03.gif) no-repeat center center;
	height:60px;
    -webkit-background-size:100% auto;
}
#left nav ul.menu li.menu4{
	background:url(../img/menu04.gif) no-repeat center center;
	height:60px;
    -webkit-background-size:100% auto;
}
#left nav ul.menu li.menu5{
	background:url(../img/menu05.gif) no-repeat center center;
	height:60px;
    -webkit-background-size:100% auto;

}

/*menu Over*/
#left nav ul.menu li.menu1On,
#left nav ul.menu li.menu1 a:hover{
	background:url(../img/menu01On.gif) no-repeat center center;
	text-indent:-9999px;
    -webkit-background-size:100% auto;
}

#left nav ul.menu li.menu2On,
#left nav ul.menu li.menu2 a:hover{
	background:url(../img/menu02On.gif) no-repeat center center;
	text-indent:-9999px;
    -webkit-background-size:100% auto;
}

#left nav ul.menu li.menu3On,
#left nav ul.menu li.menu3 a:hover{
	background:url(../img/menu03On.gif) no-repeat center center;
	text-indent:-9999px;
    -webkit-background-size:100% auto;
}

#left nav ul.menu li.menu4On,
#left nav ul.menu li.menu4 a:hover{
	background:url(../img/menu04On.gif) no-repeat center center;
	text-indent:-9999px;
    -webkit-background-size:100% auto;
}

#left nav ul.menu li.menu5On,
#left nav ul.menu li.menu5 a:hover{
	background:url(../img/menu05On.gif) no-repeat center center;
	text-indent:-9999px;
    -webkit-background-size:100% auto;
}

/*フロアメニュー*/
#left nav ul.floorlist{
	background:url(../img/bgFloor.gif) repeat 0 0;
	padding:0 0 5px 0;
}

#left nav ul.floorlist li {
  overflow:hidden;
  list-style:none; !important;
  height:40px;
  text-indent:-9999px;
  margin:0 auto;
}
#left nav ul.floorlist li a {
  display:block;
  height:40px;
}

#left nav ul.floorlist li.floor{
	height:29px;
	background:url(../img/floor.gif) no-repeat center center;
    -webkit-background-size:100% auto;
}

#left nav ul.floorlist li.f1{
	background:url(../img/btn1F.gif) no-repeat center center;
	margin: 0 0 10px 0;
	height:40px;
    -webkit-background-size:100% auto;
   max-width:280px;
}
#left nav ul.floorlist li.f2{
	background:url(../img/btn2F.gif) no-repeat center center;
	margin: 0 0 10px 0;
	height:40px;
    -webkit-background-size:100% auto;
   max-width:280px;
}
#left nav ul.floorlist li.f3{
	background:url(../img/btn3F.gif) no-repeat center center;
	margin: 0 0 10px 0;
	height:40px;
    -webkit-background-size:100% auto;
   max-width:280px;
}
#left nav ul.floorlist li.f4{
	background:url(../img/btn4F.gif) no-repeat center center;
	margin: 0 0 10px 0;
	height:40px;
    -webkit-background-size:100% auto;
   max-width:280px;
}
#left nav ul.floorlist li.f5{
	background:url(../img/btn5F.gif) no-repeat center center;
	margin: 0 0 10px 0;
	height:40px;
    -webkit-background-size:100% auto;
   max-width:280px;
}

#left nav ul.floorlist li.f1 a:hover{
	background:url(../img/btn1FOn.gif) no-repeat center center;
}
#left nav ul.floorlist li.f2 a:hover{
	background:url(../img/btn2FOn.gif) no-repeat center center;
}
#left nav ul.floorlist li.f3 a:hover{
	background:url(../img/btn3FOn.gif) no-repeat center center;
}
#left nav ul.floorlist li.f4 a:hover{
	background:url(../img/btn4FOn.gif) no-repeat center center;
}
#left nav ul.floorlist li.f5 a:hover{
	background:url(../img/btn5FOn.gif) no-repeat center center;
}


#right{
	width:100%;
	float:right;
    z-index:0;
	/*↓DWテスト時OFF*/
	position:relative;
} 


#right #inner .mainphoto{
	min-height:500px;
	margin:0;
	padding:0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow:hidden;
}

#right #inner .subphoto,
#right #inner .subphoto2{
	min-height:200px;
	margin:0 0 15px 0;
	padding:0;
	background-size:cover;
	background-repeat: no-repeat;
	background-position: center bottom;
	overflow:hidden;
}


/*ショップリスト*/
#right #inner .shoplist{
	/*height:150px;*/
	height:auto;
	margin:10px 20px 10px 10px;
	padding:0;
	width:100%;
	overflow:hidden;
}
#inner .shoplist li{
	list-style:none;
	float:left;
	width:188px;
	/*height:150px;*/
	height:auto;
	margin:0 4px;
	padding:0;
}
#inner .shoplist li p.tit{
	margin:5px 0 0 0;
	font-size:1.1rem;
	line-height:1.5em;
	height:3.0em;
}
#inner .shoplist li p.time{
	margin:0px 0;
	font-size:1.1rem;
}
#inner .shoplist li p.holiday{
	margin:0px 0;
	font-size:1.1rem;
}
#inner .shoplist li p.tel{
	margin:5px 0 0 0;
	font-size:1.1rem;
}

#inner .shoplist li a img{
	border: 1px solid #e1e1e1;
}

#inner .shoplist li a:hover img{
	border: 1px solid #ed5031;
}


/*トピックス*/
#inner #topics{
	margin:0 0 30px 15px;
	float:left;
	position:relative;
}

#inner #topics .newsList{
	height:220px;
	margin:10px 0 0 0;	
}

#topicslist #inner #topics .newsList{
	margin:10px 0 0 0;	
}

#index #inner #topics h2,
#topicslist #inner #topics h2{
	background:url(../img/barTopics.gif) no-repeat 0 0;
	height:35px;
	margin:0;
}
#inner #topics h2 .listbtn a:link{
	position:absolute;
	right:5px;
	top:5px;
	width:60px;
	height:24px;
	background:url(../img/btnNewsList.gif) no-repeat 0 0;
	display:block;
	text-indent:-9999px;
}
#inner #topics h2 .listbtn a:hover{
	background:url(../img/btnNewsListOn.gif) no-repeat 0 0;
}

#inner #topics ul{
	width:840px;
	margin:0;
}
#inner #topics ul li{
	list-style:none;
	margin:0;
}

#inner #topics dl.colum{
	padding: 7px 0 5px 0;
	clear: both;
	background:url(../img/bgDot.gif) repeat-x 0 bottom;
}
#index #inner #topics dt,
#topicslist #inner #topics dt{
	background:url(../img/icoArrow.gif) no-repeat 0 center;
	text-indent:2em;
	float:left;
}
#index #inner #topics dd,
#topicslist #inner #topics dd{
	line-height: 175%;
}

/*関連リンク*/
#inner #links{
	width:272px;
	float:left;
	margin:0 0 30px 15px;
}

/*関連リンク*/
#inner #links h3{
	background:url(../img/barLinks.gif) no-repeat 0 0;
	background-color:#ebebeb;
	height:35px;
	text-indent:-9999px;
	display:block;
	margin:0 0 15px 0;
}

#inner #links ul{
	width:870px;
	margin:0;
}
#inner #links ul li{
	list-style:none;
	margin:0 10px 0 0;
	float:left;
	height:70px;
}
footer {
  padding: 10px 0;
  background:url(../img/bgFoot.jpg) repeat-x 0 0;
  background-color:#252525;
  border-top: 1px solid #444;
  color: #fff;
  text-align: center;
  bottom:0;
  width:100%;
  font-size:1.1rem;
}
footer .footinfo ul{
	min-height:28px;
}
footer .footinfo li{
	list-style:none;
	float:left;
	margin-right:20px;
	text-align:left;
}
/*ページ先頭戻るボタン*/
#btnTop {
	position: fixed;
	right: 0;
}
*html #btnTop {
	position:fixed;
}

/*お店情報　詳細*/
#inner .shoplist li dl.moreinfo{
	font-size:1.1rem;
	margin-bottom:10px;
	margin-top:5px 0;
}
#inner .shoplist li dl.moreinfo dt{
    float:left;
    width:5em;
    font-weight:bold;
    padding:0px 0;
	clear:left;
}
#inner .shoplist li dl.moreinfo dd{
    float:left;
    padding:0px 0;
	text-align:left;
	clear:right;
}

@media only screen and (min-width: 320px) {
body {
}

#left{
  width:100%;
}
/*navi*/
#left h1 {
  width:100%;
  min-height:65px;
  background:url(../img/logo_smp.gif) no-repeat center center;
}
#left nav ul.menu {
  width:100%;
}
#left nav ul.menu li {
  height:60px;
}
#left nav ul.menu li a {
  height:60px;
}

#left nav ul.menu li.menu1{
	height:60px;
  width:100%;
}
#left nav ul.menu li.menu2{
	height:60px;
  width:100%;
}
#left nav ul.menu li.menu3{
	height:60px;
  width:100%;
}
#left nav ul.menu li.menu4{
	height:60px;
  width:100%;
}
#left nav ul.menu li.menu5{
	height:60px;
  width:100%;
}
/*フロアメニュー*/
#left nav ul.floorlist{
	background:url(../img/bgFloor.gif) repeat 0 0;
	padding:0 0 5px 0;
}

#left nav ul.floorlist li {
  overflow:hidden;
  list-style:none; !important;
  height:40px;
  text-indent:-9999px;
  margin:0 auto;
}
#left nav ul.floorlist li a {
  display:block;
  height:40px;
}

#left nav ul.floorlist li.floor{
	height:29px;
	background:url(../img/floor.gif) no-repeat center center;
    -webkit-background-size:100% auto;
	width:100%;
	margin:0 0 1% 0;
}

#left nav ul.floorlist li.f1,
#left nav ul.floorlist li.f2,
#left nav ul.floorlist li.f3,
#left nav ul.floorlist li.f4,
#left nav ul.floorlist li.f5{
	height:40px;
 	width:93%;
    -webkit-background-size:100% auto;
	margin:0 auto 1%;
	max-width:280px;
}

#right{
	margin-left:0px;
} 

#right #inner{
	margin-left:0;
}

#right #inner .mainphoto{
	min-height:200px;
}

#inner #topics{
  width:96%;
  margin:0 2% 1.5%;
  float:left;
}

#inner #topics h2{
  width:100%;
}

#inner #topics .newsList{
	width:100%;
}

#topicslist #inner #topics .newsList{
	width:100%;
	min-height:500px;
}

#index #inner #topics dt,
#topicslist #inner #topics dt{
	width:100%;
}
#index #inner #topics dd,
#topicslist #inner #topics dd{
	margin-left: 2em;
}

#inner #links h3{
	width:96%;
	background-color:#ebebeb;
	margin:0 2% 2% 0;
}

#inner #links{
	width:100%;
	float:left;
	margin:2% 0 2% 1.5%;
}

#inner #links ul{
	width:272px;
	margin:0;
}
#inner #links ul li{
	list-style:none;
	margin:0 0 10px 0;
	clear:both;
}

footer {
  padding: 10px 2%;
  min-height:60px;
  height:auto;
  padding:0 10px;
}
footer .footinfo li.info{
	display:none;
}
footer .footinfo li img{
	width:100%;
}
#btnTop {
　display:block;
}
}

@media only screen and (min-width: 600px) {
body {
background:url(../img/bg.gif) 0 0 repeat-y;
}

#right{
	margin-left:-300px;
} 

#right #inner{
	margin-left:300px;
}

#right #inner .mainphoto{
	min-height:500px;
}

#inner #topics{
  width:96%;
  margin:0 1.5% 2% 1.5%;
  float:left;
 }

#inner #topics h2{
  width:100%;
}

#inner #topics .newsList{
	width:100%;
}

#topicslist #inner #topics .newsList{
	width:100%;
	min-height:500px;
}

#left{
  width:300px;
}
/*navi*/
#left h1 {
  width:300px;
  height:200px;
  background:url(../img/logo.gif) no-repeat center center;
}
#left nav ul.menu {
  width:300px;
}
#left nav ul.menu li {
 /* height:60px;*/
}
#left nav ul.menu li a {
  height:60px;
}

#left nav ul.menu li.menu1{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu2{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu3{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu4{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu5{
	height:60px;
	width:300px;
}
/*フロアメニュー*/
#left nav ul.floorlist{
	background:url(../img/bgFloor.gif) repeat 0 0;
	padding:0 0 5px 0;
}

#left nav ul.floorlist li {
  overflow:hidden;
  list-style:none; !important;
  height:40px;
  text-indent:-9999px;
  margin:0 auto;
}
#left nav ul.floorlist li a {
  display:block;
  height:40px;
}

#left nav ul.floorlist li.floor{
	height:29px;
	background:url(../img/floor.gif) no-repeat center center;
    -webkit-background-size:100% auto;
	width:100%;
	margin:0 0 1% 0;
}

#left nav ul.floorlist li.f1,
#left nav ul.floorlist li.f2,
#left nav ul.floorlist li.f3,
#left nav ul.floorlist li.f4,
#left nav ul.floorlist li.f5{
	height:40px;
 	width:93%;
    -webkit-background-size:100% auto;
	margin:0 auto 1%;
	max-width:280px;
}


#index #inner #topics dt,
#topicslist #inner #topics dt{
	width:100%;
}
#index #inner #topics dd,
#topicslist #inner #topics dd{
	margin-left: 2em;
}

#inner #links{
	width:98%;
	float:left;
	margin:0 0 2% 1.5%;
}

#inner #links h3{
	width:96%;
	background-color:#ebebeb;
	margin:0 2% 2% 0;
}

#inner #links ul{
	width:100%;
	margin:0;
}
#inner #links ul li{
	list-style:none;
	margin:0 0 10px 0;
	clear:both;
}

footer {
  padding: 10px 2%;
  min-height:60px;
  height:auto;
  padding-left:20px;
}
footer .footinfo li{
　list-style:none;
　float:left;
　margin-right:20px;
　text-align:left;
}

footer .footinfo li.info{
	display:block;
}
#btnTop {
　display:block;
}
}

@media only screen and (min-width: 1185px){
body {
background:url(../img/bg.gif) 0 0 repeat-y;
}

#right{
	margin-left:-300px;
} 

#right #inner{
	margin-left:300px;
}

#right #inner .mainphoto{
	min-height:500px;
}

#inner #topics{
width:870px;
margin:0 1.5% 2%;
float:left;
}

#inner #topics h2{
	width:869px;
}

#inner #topics .newsList{
	width:870px;
}

#topicslist #inner #topics .newsList{
	width:870px;
	min-height:500px;
}

#left{
  width:300px;
}
/*navi*/
#left h1 {
  width:300px;
  height:200px;
  background:url(../img/logo.gif) no-repeat center center;
}
#left nav ul.menu {
  width:300px;
}
#left nav ul.menu li {
  height:60px;
}
#left nav ul.menu li a {
  height:60px;
}

#left nav ul.menu li.menu1{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu2{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu3{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu4{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu5{
	height:60px;
	width:300px;
}
/*フロアメニュー*/
#left nav ul.floorlist{
	background:url(../img/bgFloor.gif) repeat 0 0;
	padding:0 0 5px 0;
}

#left nav ul.floorlist li {
  overflow:hidden;
  list-style:none; !important;
  height:40px;
  text-indent:-9999px;
  margin:0 auto;
}
#left nav ul.floorlist li a {
  display:block;
  height:40px;
}

#left nav ul.floorlist li.floor{
	height:29px;
	background:url(../img/floor.gif) no-repeat center center;
    -webkit-background-size:100% auto;
	width:100%;
	margin:0 0 1% 0;
}

#left nav ul.floorlist li.f1,
#left nav ul.floorlist li.f2,
#left nav ul.floorlist li.f3,
#left nav ul.floorlist li.f4,
#left nav ul.floorlist li.f5{
	height:40px;
 	width:93%;
    -webkit-background-size:100% auto;
	margin:0 auto 1%;
	max-width:280px;
}

#inner #links h3{
	width:870px;
	background-color:#ebebeb;
	margin:0 0 15px 0;
}

#index #inner #topics dt,
#topicslist #inner #topics dt{
	width:140px;
}
#index #inner #topics dd,
#topicslist #inner #topics dd{
	margin-left: 150px;
}

#inner #links{
	width:870px;
	float:left;
	margin:0 0 2% 1.5%;
}
#inner #links ul{
	width:870px;
	margin:0;
}
#inner #links ul li{
	list-style:none;
	margin:0 10px 10px 0;
	float:left;
}
footer {
  padding: 10px 0;
  min-height:60px;
  height:auto;
  padding-left:20px;
}

footer .footinfo li{
	list-style:none;
	float:left;
	margin-right:20px;
	text-align:left;
}
footer .footinfo li.info{
	display:block;
}

#btnTop {
	position: fixed;
	right: 0;
	bottom:70px;
}
}

@media only screen and (min-width: 1485px) {
body {
background:url(../img/bg.gif) 0 0 repeat-y;
}

#right{
	margin-left:-300px;
} 

#right #inner{
	margin-left:300px;
}

#right #inner .mainphoto{
	min-height:500px;
}

#inner #topics{
width:870px;
margin:0 0 2% 1.5%;
float:left;
}

#inner #topics .newsList{
	width:870px;
}

#topicslist #inner #topics .newsList{
	width:870px;
	min-height:500px;
}

#inner #topics h2{
	width:869px;
}

#left{
  width:300px;
}
/*navi*/
#left h1 {
  width:300px;
  height:200px;
  background:url(../img/logo.gif) no-repeat center center;
}
#left nav ul.menu {
  width:300px;
}
#left nav ul.menu li {
  height:60px;
}
#left nav ul.menu li a {
  height:60px;
}

#left nav ul.menu li.menu1{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu2{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu3{
	height:60px;
	width:300px;
}
#left nav ul.menu li.menu4{
	height:60px;
	width:300px;
}
#left nav ul li.menu5{
	height:60px;
	width:300px;
}

#index #inner #topics dt,
#topicslist #inner #topics dt{
	width:140px;
}
#index #inner #topics dd,
#topicslist #inner #topics dd{
	margin-left: 150px;
}

#inner #links h3{
	width:272px;
	margin:0 0 4% 0;
}

#inner #links{
	width:272px;
	float:left;
	margin:0 0 2% 1.5%;
}

#inner #links ul{
	width:272px;
	margin:0;
}
#inner #links ul li{
	list-style:none;
	margin:0 0 10px 0;
	clear:both;
}
footer {
  padding: 10px 0;
  min-height:40px;
  height:auto;
  padding-left:300px;
}
footer .footinfo li{
	list-style:none;
	float:left;
	margin-right:20px;
	text-align:left;
}
footer .footinfo li.info{
	display:block;
}
#btnTop {
	position: fixed;
	right: 0;
	bottom:55px;
}
}