@charset "UTF-8";

html{
overflow-x : hidden;
overflow-y : auto;
}

body{
overflow-x : hidden;
overflow-y : auto;
}

img, object, embed, video {
max-width: 100%;
}


a:link,a:visited{
color: #00B2B2;
text-decoration:underline;
}
a:hover,a:active{
color: #00B2B2;
text-decoration:none;
}

.page_top a{
	display: block;
}


/* モバイルレイアウト : 480 px およびそれ以下. */

body{
text-align:center;
background:url(../images/common_bg01.png) left top repeat;
}

h2{
width:100%;
background:url(../images/common_h2.png) repeat-x bottom left;
font-size:153.9%;
font-weight:bold;
text-align:center;
color:#fff;
padding:15px 0 15px 0;
margin-bottom:15px;
color:#463000;
border-top:#ACD100 3px solid;
}

h3{
width:100%;
background:#84B400;
text-indent:20px;
color:#fff;
padding:5px;
font-size:108%;
margin-bottom:15px;
}

h4{
background:url(../images/common_h4.png) no-repeat 0 1px;
padding:0 0 10px 20px;
margin:15px 0 0 0;
font-size:108%;
font-weight:bold;
color:#463002;
}

.gridContainer {
margin-left: auto;
margin-right: auto;
width:100%;
text-align:left;
}

.summary{
     width: 100%;
     text-align: center;
     color: #fff;
     padding: 5px;
     font-size: 93%;
     background-color: #00CED4;
}

.footer_address{
     width: 100%;
     font-size: 93%;
     background-color: #84B400;
     color: #fff;
     background-image: url(../images/access_logo.png);
     background-repeat: no-repeat;
     background-position: 5px center;
     padding-top: 7px;
     padding-right: 5px;
     padding-bottom: 5px;
     padding-left: 5px;
     text-align: center;
}

.header{
width:100%;
overflow:hidden;
background:url(../images/bg_head.png) left bottom repeat-x;
}

.header h1{
margin-top:30px;
margin-left:20px;
float:left;
}

.header ul{
width:160px;
margin:15px 20px 15px 0;
float:right;
}

.header ul li{
display:inline;
float:left;
margin-left:8px;
margin-bottom:8px;
}
.h2event_title{
padding:10px 5%;
text-align:center;
background:none;
text-indent:0;
width:auto;
}

/* ------ トップのニュースとイベント ------ */
.top_news{
	background: url(../images/dot_bg.png) repeat bottom left;
	padding: 1px;
	font-size: 100%;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.top_news .inn{
background:#FEFDFC;
_zoom: 1;
overflow: hidden;
padding-bottom:7px;
}

.top_news .inn dl{
_zoom: 1;
overflow: hidden;
margin:15px 15px 15px 15px;
clear:both;
border-bottom:#BC9168 1px solid;
padding-bottom:15px;
}

.top_news .inn dl dt{
}
.top_news .inn dl dd{
}

.top_news .inn dl dt{
	color: #AB8A19;
	font-weight: bold;
	margin-bottom: 6px;
	background-image: url(../images/navi_blog_ico.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 16px;
}
.top_news .inn dl dd.tit{
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #996;
	border-left-color: #996;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #AB8A19;
}
.top_news .inn dl dd.txt{
line-height:150%;
}
.top_news a:link,.top_news a:visited{
color: #00B2B2;
text-decoration:underline;
}
.top_news a:hover,a:active{
	color: #00B2B2;
	text-decoration: none;
}
.top_news_img {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
}

/* ------ footer ------ */
.navi{
text-align:center;
padding:0 5%;
}
.navi li{
margin:0 0 15px 0;
}

.parking h3{
margin:0;
}
.parking dl.sec01{
width:100%;
background:#00CED4;
color:#FFF;
text-align:center;
padding:8px 0;
margin-bottom:10px;
}
.parking .sec01 dt{
margin-bottom:4px;
font-weight:bold;
}
.parking .sec01 dd{
font-size:153.9%;
font-weight:bold;
}

.parking .sec02{
width:90%;
margin:0 auto;
margin-bottom:20px;
}
.parking .sec02 dt{
margin-bottom:4px;
color:#00CCD3;
font-weight:bold;
}
.parking .sec02 dd{
}
.page_top{
clear:both;
text-align:center;
margin:30px 0 15px 0;
}

.navi_time dl{
margin:0 15px 0 15px;
clear:both;
}
.navi_time dt{
margin:12px 0;
}
.navi_time dd.photo{
width:95px;
float:left;
margin-bottom:20px;
}
.navi_time dd.txt li{
padding-bottom:3px;
}

/* ------ mid ------ */
.sec{
	padding: 0 5% 5px 5%;
}
.sec p{
margin-bottom:10px;
margin-top:10px;
line-height:150%;
}

ul.common_list,
ul.common_link{
margin-bottom:9px;
}

.common_list li{
background:url(../images/list_ico.png) no-repeat 0 4px;
padding:0 0 6px 14px;
line-height:150%;
}

.common_link li{
background:url(../images/navi_blog_ico.png) no-repeat 0 4px;
padding:0 0 6px 14px;
line-height:150%;
}

/*検索メニュー*/
#floorNavi{
	margin: 0.3em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;
	background-color: #F3F3F3;
}

#floorNavi ul li a{
	margin: 0;
	width: 100%;
	text-decoration: none;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	display: block;
	/*	text-shadow: 1px 1px 1px #025d7d;*/
	background-color: #F3F3F3;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-image: none;
	color: #666;
}
#floorNavi ul li a:after{
/* content:url("arrow.png");*/
 font-size:18px;
 display:inline-block;
 float:right;
 margin-right:.5em;
 height:44px;
}

#shopNavi{
	margin: 0.3em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00CC00;
	border-right-color: #00CC00;
	border-bottom-color: #00CC00;
	border-left-color: #00CC00;
	background-color: #CCDBC1;
}

#shopNavi ul li a{
	margin: 0;
	width: 100%;
	text-decoration: none;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	display: block;
	/*	text-shadow: 1px 1px 1px #025d7d;*/
	background-color: #DEE8D7;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #00CC00;
	background-image: none;

}
#shopNavi ul li a:after{
/* content:url("arrow.png");*/
 font-size:18px;
 display:inline-block;
 float:right;
 margin-right:.5em;
 height:44px;
}

#shopNavi2{
	margin: 0.3em;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #996600;
	border-right-color: #996600;
	border-bottom-color: #996600;
	border-left-color: #996600;
	background-color: #CCDBC1;
}

#shopNavi2 ul li a{
	margin: 0;
	width: 100%;
	text-decoration: none;
	font-size: 16px;
	line-height: 44px;
	text-align: center;
	display: block;
	/*	text-shadow: 1px 1px 1px #025d7d;*/
	background-color: #E8E0D7;
	background-position: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #996600;
	background-image: none;
	color: #930;

}
#shopNavi2 ul li a:after{
/* content:url("arrow.png");*/
 font-size:18px;
 display:inline-block;
 float:right;
 margin-right:.5em;
 height:44px;
}
/* ------ アクセス ------ */

.google.map {
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
.access.map {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ------ イベント ------ */
.event{
	background: url(../images/dot_bg.png) repeat bottom left;
	padding: 1px;
	font-size: 100%;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#topicpath{
	background-color: #ACD100;
	font-size:93%;
	margin: 10px 0;
	padding: 5px;
}
#topicpath p{
	background-color: #FFF;
	padding: 10px;
    margin: 0;
	font-size: 14px;
    font-weight: bold;
    color: #FF0000;
}



.event .inn{
	background: #FEFDFC;
	_zoom: 1;
	overflow: hidden;
	padding-bottom: 7px;
	margin-left: 5px;
	margin-right: 5px;
}

.event .inn dl{
_zoom: 1;
overflow: hidden;
margin:15px 15px 15px 15px;
clear:both;
border-bottom:#BC9168 1px solid;
padding-bottom:15px;
}

.event .inn dl dt{
}
.event .inn dl dd{
}

.event .inn dl dt{
	color: #AB8A19;
	font-weight: bold;
	margin-bottom: 6px;
	background-image: url(../images/navi_blog_ico.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 16px;
}
.event .inn dl dd.tit{
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #F96;
	border-left-color: #F96;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #AB8A19;
}
.event .inn dl dd.txt{
line-height:150%;
}
.event a:link,.event a:visited{
color: #00B2B2;
text-decoration:underline;
}
.event a:hover,a:active{
	color: #00B2B2;
	text-decoration: none;
}
.mise_photo {
	width: 100%;
	margin-bottom: 10px;
}
.eventi_img {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	margin-bottom: 10px;
}
/* ------ ニュース ------ */
.news{
	background: url(../images/dot_bg.png) repeat bottom left;
	padding: 1px;
	font-size: 100%;
	width: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

.news .inn{
background:#FEFDFC;
_zoom: 1;
overflow: hidden;
padding-bottom:7px;
}

.news .inn dl{
_zoom: 1;
overflow: hidden;
margin:15px 15px 15px 15px;
clear:both;
border-bottom:#BC9168 1px solid;
padding-bottom:15px;
}

.news .inn dl dt{
}
.news .inn dl dd{
}

.news .inn dl dt{
	color: #AB8A19;
	font-weight: bold;
	margin-bottom: 6px;
	background-image: url(../images/navi_blog_ico.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 16px;
}
.news .inn dl dd.tit{
	font-weight: bold;
	border-bottom-width: 1px;
	border-left-width: 8px;
	border-bottom-style: dotted;
	border-left-style: solid;
	border-bottom-color: #C66;
	border-left-color: #C66;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 6px;
	padding-left: 5px;
	color: #CC6600;
}
.news .inn dl dd.txt{
line-height:150%;
}
.news a:link,.news a:visited{
color: #00B2B2;
text-decoration:underline;
}
.news a:hover,a:active{
	color: #00B2B2;
	text-decoration: none;
}
.news_img {
	margin-right: auto;
	margin-left: auto;
	width: 95%;
	margin-bottom: 10px;
}


/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

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

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {
}
#new_blog {
	padding: 1px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 100%;
	font-size: 100%;
	height: 250px;
	overflow: auto;
	background-color: #FFF;

}
.image_waku1 {
	width: 100%;
	margin-bottom: 10px;
}
/* ショップ */
.tenmei {
	font-size: 15px;
	color: #006633;
	line-height: 30px;
	margin-bottom: 6px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #096;
	background-color: #FFF;
}
#shop_ichiran {
	width: 100%;


}
.koumoku {
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 2px;
	margin-top: 8px;
	margin-bottom: 4px;
}
.koumokumei {
	margin-top: 8px;
	margin-bottom: 4px;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 5px;
}
.shop_waku {
	border: 1px solid #096;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #E4EADF;
}
.page_koumoku {
	line-height: 30px;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 90%;
}
.com_koumoku {
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #063;
}
.url_koumoku {
	font-size: 72%;
	padding-top: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.h2sub {
	font-weight: bold;
	color: #463006;
	font-size: 120%;
	line-height: 38px;
	padding-left: 37px;
}
.bt {
     margin-top: 10px;
     margin-right: auto;
     margin-bottom: 30px;
     margin-left: auto;
     width: 200px;
     clear: both;
}

.bt a img {
     width: 100%;
}