body { height: 100%; weight: 100%; min-width: 980px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background-color: #333333; }

#topsection { clear: both; height: 600px; width: 100%; margin-right: auto; margin-left: auto; min-width: 980px; }

#section01 { min-width: 980px; margin-left: auto; margin-right: auto; max-width: 1400px; height: 620px;
	display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	}
#section01 #sidemenu { width: 250px; background-color: #FFF; height: 620px; }
#section01 #sidemenu #logom { height: 84px; width: 103px; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 15px; margin-bottom: 15px; }
#section01 #sidemenu #gmenu { padding: 0px; }
#section01 #sidemenu #gmenu ul li { list-style-image: none; list-style-type: none; font-size: 90%; }
#section01 #sidemenu #gmenu ul li a { font-size: 100%; line-height: 1.2em; color: #333; text-decoration: none; display: block; height: auto; width: auto; font-weight: bold; padding-top: 20px; padding-right: 20px; padding-bottom: 19px; padding-left: 20px; text-shadow: 1px 1px 1px #e5e5e5; text-align: center; }
#section01 #sidemenu #gmenu ul li a .naven { font-size: 80%; line-height: 1.2em; font-family: 'Roboto', sans-serif; font-weight: 400; color: #999; }
#section01 #sidemenu #gmenu ul li a:hover { text-shadow: -1px -1px 0px #000; color: #FFF; padding-top: 20px; padding-right: 20px; padding-bottom: 19px; padding-left: 20px; height: auto; width: auto; display: block; background: #45484d; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1NDg0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #45484d 0%, #000000 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45484d), color-stop(100%,#000000)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top,  #45484d 0%,#000000 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top,  #45484d 0%,#000000 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top,  #45484d 0%,#000000 100%); /* IE10+ */ background: linear-gradient(to bottom,  #45484d 0%,#000000 100%); /* W3C */ 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#45484d', endColorstr='#000000',GradientType=0 ); /* IE6-8 */

}
#section01 #sidemenu #gmenu ul li a:hover .naven { color: #fff; }

#section01 #slidemm { -webkit-box-flex: 1; flex: 1; height: 620px; min-widtg: 730px; overflow: hidden; width: 100%; }
.cycle-slideshow img { display: block; height: 600px; width: 730px; margin-right: auto; margin-left: auto; }

#recomm { width: 100%; min-width: 980px; margin-left: auto; margin-right: auto; max-width: 1400px; background-color: #fff; border-top-width: 1px; border-top-style: solid; border-top-color: #333;
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
 }


#recomm div img { width: 100%; max-height: 262px; display: block; min-width:245px; }

#recomm .reco0m1 { color: #333; -webkit-box-flex: 1; flex: 1; width:100%; min-width:245px; max-width:350px; }
#recomm .reco0m1 .recospec { height: auto; width: auto; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; background-color: #FFF; }
#recomm .reco0m1 h3 { font-size: 60%; line-height: 1.5em; color: #666; margin-bottom: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; height: auto; width: auto; }
#recomm .reco0m1 h4 { font-size: 110%; line-height: 1.5em; color: #333; padding-right: 5px; padding-left: 5px; height: auto; width: auto; font-weight: bold; margin-bottom: 8px; }
#recomm .reco0m1 dl { clear: both; height: auto; width: auto; display: -webkit-box; 　display: -moz-box; display: /*-ms-flexbox; display*/: flexbox; margin-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
#recomm .reco0m1 dl dt { font-size: 70%; line-height: 2em; -webkit-box-flex: 1; flex: 1; text-align: left; padding-right: 10px; color: #666; }
#recomm .reco0m1 dl dd { font-size: 70%; line-height: 2em; -webkit-box-flex: 1; flex: 1; text-align: right; padding-right: 5px; padding-left: 10px; font-weight: bold; color: #333; }
#recomm .reco0m1 p { font-size: 100%; line-height: 1.5em; font-weight: bold; color: #000; text-align: right; }
#recomm .reco0m1 a { color: #333; text-decoration: none; }

#recomm .reco0m2 { color: #FFF; -webkit-box-flex: 1; flex: 1; width:100%; min-width:245px; max-width:350px; }
#recomm .reco0m2 .recospec { height: auto; width: auto; padding-top: 30px; padding-right: 20px; padding-bottom: 30px; padding-left: 20px; background-color: #222222; }
#recomm .reco0m2 h3 { font-size: 60%; line-height: 1.5em; color: #fff; margin-bottom: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; height: auto; width: auto; }
#recomm .reco0m2 h4 { font-size: 110%; line-height: 1.5em; color: #fff; padding-right: 5px; padding-left: 5px; height: auto; width: auto; font-weight: bold; margin-bottom: 8px; }
#recomm .reco0m2 dl { clear: both; height: auto; width: auto; display: -webkit-box; 　display: -moz-box; display: /*-ms-flexbox; display:*/ flexbox; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; margin-bottom: 8px; }
#recomm .reco0m2 dl dt { font-size: 70%; line-height: 2em; -webkit-box-flex: 1; flex: 1; color: #CCC; padding-right: 10px; text-align: left; }
#recomm .reco0m2 dl dd { font-size: 70%; line-height: 2em; -webkit-box-flex: 1; flex: 1; color: #fff; text-align: right; padding-right: 5px; padding-left: 10px; font-weight: bold; }

#recomm .reco0m2 dl dd { font-size: 70%; line-height: 2em; -webkit-box-flex: 1; flex: 1; text-align: right; padding-right: 5px; padding-left: 10px; font-weight: bold;  }

#recomm .reco0m2 p { font-size: 100%; line-height: 1.5em; font-weight: bold; color: #000; text-align: right; color: #fff; }
#recomm .reco0m2 a { color: #333; text-decoration: none; }

#section02 { width: 100%; min-width: 980px; margin-left: auto; margin-right: auto; max-width: 1400px; max-height: 200px; background-color: #fff; border-top-width: 1px; border-top-style: solid; border-top-color: #333; 
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#section02 div { -webkit-box-flex: 1; flex: 1; width:100%; height: auto; }
#section02 div img { width: 100%; height: auto; }

h2#nimtitle { font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 100%; line-height: 1.5em; color: #333; height: auto; width: auto; text-align: center; clear: both; margin-right: auto; margin-left: auto; padding-top: 20px; padding-bottom: 20px; max-width: 1400px; min-width: 980px; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; background: #ffffff; /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VkZWRlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 50%, #ededed 51%, #ffffff 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f3f3f3), color-stop(51%,#ededed), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* IE10+ */

background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 50%,#ededed 51%,#ffffff 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}


#section03 { width: auto; min-width: 980px; margin-left: auto; margin-right: auto; max-width: 1400px; background-color: #fff; border-top-width: 1px; border-top-style: solid; border-top-color: #333; 
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#section03 div { -webkit-box-flex: 1; flex: 1; width:100%; }
#section03 div.nim1 { padding-top: 30px; padding-right: 19px; padding-bottom: 10px; padding-left: 20px; border-right-width: 1px; border-right-style: solid; border-right-color: #333; }
#section03 div.nim2 { padding-top: 30px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; }
#section03 div h3 { font-size: 140%; line-height: 1.5em; font-weight: 400; color: #999; margin-bottom: 15px; font-family: 'Roboto', sans-serif; font-weight: 700; text-align:center; }
#section03 div ul { margin-bottom: 20px; }
#section03 div ul li { font-size: 70%; line-height: 1.5em; list-style-image: none; list-style-type: none; font-family: 'Roboto', sans-serif; font-weight: 400; }
#section03 div ul li a { color: #333; text-decoration: none; padding: 5px; height: auto; width: auto; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; display: block; }
#section03 div ul li a:hover { color: #FFF; text-decoration: none; padding: 5px; height: auto; width: auto; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #999; display: block; background-color: #333; }

#section04 { width: 100%; min-width: 980px; margin-left: auto; margin-right: auto; max-width: 1400px; background-color: #fff; border-top-width: 1px; border-top-style: solid; border-top-color: #333; 
display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
#section04 #gm { -webkit-box-flex: 2; box-flex: 2; max-width:1050px; min-width:700px; width:100% }
#section04 #gm #map_canvas_01 { width:100%; height: auto; min-height:500px; }
#section04 #shopinfo { -webkit-box-flex: 1; box-flex: 1; max-width: 300px; background-color: #FFFFFF; border-left-width: 1px; border-left-style: solid; border-left-color: #333; text-align: center; }
#section04 #shopinfo h3 { font-size: 90%; line-height: 1.5em; text-align: center; font-weight: bold; margin-bottom: 1em; background-image: url(../img/menu/logo.png); background-repeat: no-repeat; background-position: center 40px; padding-top: 135px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
#section04 #shopinfo p { font-size: 80%; line-height: 2em; margin-bottom: 1em; width: auto; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; }
	
.fade {
    -webkit-transition: 0.2s ease-in-out;
       -moz-transition: 0.2s ease-in-out;
         -o-transition: 0.2s ease-in-out;
            transition: 0.2s ease-in-out;
}
.fade:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
}