<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang=ja>
<head>
<link rel="SHORTCUT ICON" HREF="http://www11.ocn.ne.jp/~kiyomizu/favicon.ico"/>
<title>京料理 きよみず 松山 和食 料亭 日本料理 ふぐ 鯛 ソムリエ ワイン</title>
<meta name="description" content="創業35年の松山の京料理、和食店。京料理の伝統と、厳選された瀬戸内の新鮮な魚の数々がそこにある。接待を始め、忘年会、新年会等の宴会にも最適。個室あり。ランチは3,675円より。日本酒、ワイン、焼酎も豊富。"/>
<meta name="keywords" content="松山､愛媛、日本料理、和食、ふぐ、会席、懐石、接待、京料理、鯛、瀬戸内、魚、野菜、検索"/>
<meta name="apple-mobile-web-app-capable" content="yes" />
<link rel="apple-touch-icon"  href="./kiyomizu.png" />
<link rel="apple-touch-startup-image" href="./Buttons/banatate.png"/>

<!-- Google Analytics -->
<script src="http://www.google-analytics.com/ga.js" type="text/javascript" async="true"></script>
<script type="text/javascript">

    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-25453305-1']);
    _gaq.push(['_trackPageview']);

    (function () {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    })();

</script>

<style type="text/css">
  P.White
  {
      color:White;
      font-style:italic;
      text-align:center;
  }
  
  P.MsoNormal
  {
      color:Black;
      font-style:normal;
      text-align:left;
      margin-top:0px;
      margin-bottom:0px;
  }
  
   P.Information
  {
      color:white;
      font-style:italic;
      text-align:left;
      margin-top:2px;
      margin-bottom:2px;
  }
  td.MenuStyle
  {
      border-width:0px;
      border-left-style:solid;
      border-left-width:1px;
      border-color:White;
      vertical-align:middle;
      cursor:pointer;
      -moz-user-select: -moz-none; 
      -khtml-user-select: none; 
      -webkit-user-select: none; 
      user-select: none; 
  }
  
  img
  {
        border-color:transparent;
        -moz-user-select: -moz-none; 
        -khtml-user-select: none; 
        -webkit-user-select: none; 
        user-select: none; 
  }
  
  img.Hidden
  {
      visibility:hidden;
      width:0px;
      height:0px;
  }
  
    img.MenuStyle
    {
      cursor:pointer;
      border-color:transparent;
      -moz-user-select: -moz-none; 
      -khtml-user-select: none; 
      -webkit-user-select: none; 
      user-select: none; 
    }
  
    td.WindowR
    {
        border-left-color:Black;
        border-left-style:solid;
        border-left-width:1px
    }

    td.WindowL
    {
        width:140px;
    }
    
    td.Window
    {
        width:100px;
    }

    P.WindowInfo
    {
        color:Black;
        font-style:normal;
        text-align:left;
        font-size:smaller;
        line-height:120%;
        margin-top:1.1em;
        margin-bottom:1.1em;
        margin-left:1.1em;
    }

  a:link
  {
      color:White;
  }
  a:visited
  {
      color:White;
  }
  
  a 
  {
    outline: none;
  }

  
</style>

<script type="text/javascript">

    var imgIndex = 0;
    var fdgIndex = 10;
    var fdgMax = 250;
    var images =
    [
        "Images/Bck1.JPG",
        "Images/Bck9.JPG",
        "Images/Bck3.JPG",
        "Images/Bck2.JPG",
        "Images/Bck4.jpg",
        "Images/Bck5.JPG",
        "Images/Bck6.JPG",
        "Images/Bck7.jpg"
    ];

    function ChangeImage() {

        var img = document.getElementById("BckImage");

        if (fdgIndex == 0) {
            
            // Load next image
            var bck = document.getElementById("BckBack");
            bck.src = images[imgIndex];
            imgIndex = NextIndex( imgIndex );
            img.src = images[imgIndex];
        }

        fdgIndex = fdgIndex + 5;
        SetOpacity(img, fdgIndex);

        if (fdgIndex > fdgMax) {
            fdgIndex = 0;
        }

        if (fdgIndex == 100) {
            // cache next image
            var bck = document.getElementById("BckBack");
            bck.src = images[NextIndex(imgIndex)];
        }

        setTimeout("ChangeImage()", 200);
    }

    function NextIndex(index) {
        index = index + 1;
        if (index > images.length - 1) {
            index = 0;
        }
        return index;
    }

    function SetOpacity(object, opacity) {

        if (opacity > 100) opacity = 100;

        // IE.
        object.style.filter = 'alpha(opacity=' + opacity + ')';
        // Old mozilla and firefox
        object.style.MozOpacity = opacity / 100;
        // Everything else.
        object.style.opacity = opacity / 100;
    }

    function Load() {
        Resize();
        ChangeImage();
        InitNews();
        InitCucineMenu();
        //ShowPanel("WineEvent.html");
        OpenPanel();
    }

    function OpenPanel() {
        var index = window.location.href.indexOf("?");
        if (index > 0) {
            var panel = window.location.href.substring(index + 1);
            var eq = panel.indexOf("=");
            if (eq > 0) {
                panel = panel.substring(0, eq);
            }
            ShowPanel(panel);
        }
    }

    function Resize() {

        var wh = getWindowSize();

        /* 
         *   Background Image 
         */

        var imgWidth = 1598;
        var imgHeight = 1065;

        var xScale = wh.w / imgWidth;
        var yScale = wh.h / imgHeight;

        if (xScale > 0 && yScale > 0) {
            var scale = (xScale > yScale) ? xScale : yScale;

            var img = document.getElementById("BckImage");
            img.style.width = parseInt(imgWidth * scale + 1) + 'px';
            img.style.height = parseInt(imgHeight * scale + 1) + 'px';
            img.style.top = "0px";
            img.style.left = "0px";

            var bbck = document.getElementById("BckBack");
            bbck.style.width = parseInt(imgWidth * scale + 1) + 'px';
            bbck.style.height = parseInt(imgHeight * scale + 1) + 'px';
            bbck.style.top = "0px";
            bbck.style.left = "0px";
        }

        /* 
        *   Overlay Image
        */
        var oImg = document.getElementById("OverlayImage");
        var bImg = document.getElementById("OverlayImageBck");
        if (wh.w > 1024) {
            oImg.style.width = parseInt(wh.w * 0.5 + 1) + 'px';
            bImg.style.width = parseInt(wh.w * 0.5 + 1) + 'px';
        } else {
            oImg.style.width = "512px";
            bImg.style.width = "512px";
        }
        SetOpacity(bImg, 60);

        /* 
        *   Overlay Panel
        */

        var pWidth  = 620;  // panel Width
        var pHeight = 560;  // panel Height
        var vOffset = 0;    // inside panel top offset ( used to be 5 )
        var bOffset = 0;    // inside panel btm offset ( used to be 4 )
        var mHeight = 120;  // height of the bottom menu panel

        var xOffset = parseInt((wh.w - pWidth) / 2);
        var yOffset = parseInt((wh.h - pHeight) / 4);

        if (IsPanelVisible()) {
            if (yOffset > 0 && yOffset + pHeight > wh.h - mHeight) {
                // We have overlapping : bring up panl
                yOffset = Math.max(0, wh.h - mHeight - pHeight);
            }

            if (yOffset >= 0 && yOffset + pHeight > wh.h - mHeight) {
                // we still have overlapping, push down menu
                mHeight = 60;
                yOffset = (wh.h - mHeight - pHeight) / 2;
            }

            if (yOffset < 0 || yOffset + pHeight > wh.h - mHeight) {
                // we still have overlapping : hide menu
                mHeight = 0;
                yOffset = (wh.h - mHeight - pHeight) / 2;
            }
        }

        var wPanel  = pWidth  + 'px';

        var pBck = document.getElementById("PanelBackground");
        pBck.style.top    = yOffset+ 'px';
        pBck.style.left   = xOffset+ 'px';
        pBck.style.width  = wPanel;
        pBck.style.height = pHeight +'px';
        SetOpacity(pBck, 80);

        var pFrg = document.getElementById("PanelFront");
        pFrg.style.top    = yOffset + vOffset+'px';
        pFrg.style.left   = xOffset + 'px';
        pFrg.style.width  = wPanel;
        pFrg.style.height = pHeight - 2 * vOffset + 'px';

        var iCls = document.getElementById("Imageclose");
        var pCls = document.getElementById("Panelclose");
        pCls.style.top  = yOffset + bOffset + 'px';
        pCls.style.left = xOffset + pWidth - bOffset - iCls.width + 'px';

        /* 
        *   Menu Window  
        */
        var mWnd = document.getElementById("MenuWindow");
        mWnd.style.width = wh.w + 'px';
        mWnd.style.bottom = mHeight-120 + 'px';
        var mBck = document.getElementById("MenuWindowBackground");
        mBck.style.width = wh.w + 'px';
        mBck.style.bottom = mHeight - 120 + 'px';
        SetOpacity(mBck, 40);
    }

    function getWindowSize() {
        var wh = { w: 0, h: 0 };
        if (document.body.clientWidth) {
            wh.w = document.body.clientWidth
            wh.h = document.body.clientHeight;
        } else if (document.documentElement.clientWidth) {
            wh.w = document.documentElement.clientWidth;
            wh.h = document.documentElement.clientHeight;
        } else if (window.innerWidth) {
            wh.w = window.innerWidth;
            wh.h = window.innerHeight;
        }
        return wh;
    }
 
 /*
 * Panel functions
 */
    function ShowPanel( serverPage ) {
        var pBck = document.getElementById("PanelBackground");
        var pFrg = document.getElementById("PanelFront");
        var pCls = document.getElementById("Panelclose");
        var oImg = document.getElementById("OverlayImage");
        pBck.style.visibility = 'visible';
        pFrg.style.visibility = 'visible';
        pCls.style.visibility = 'visible';
        oImg.style.visibility = 'hidden';
        Resize();
        pFrg.innerHTML = GetPage(serverPage);
    }

    function HidePanel() {
        var pBck = document.getElementById("PanelBackground");
        var pFrg = document.getElementById("PanelFront");
        var pCls = document.getElementById("Panelclose");
        var oImg = document.getElementById("OverlayImage");
        pBck.style.visibility = 'hidden';
        pFrg.style.visibility = 'hidden';
        pCls.style.visibility = 'hidden';
        oImg.style.visibility = 'visible';
        Resize();
    }

    function IsPanelVisible() {
        var pBck = document.getElementById("PanelBackground");
        return pBck.style.visibility === 'visible';
    }

    function GetPage(serverPage) {
        var httpReq;

        if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
            httpReq = new XMLHttpRequest();
        }
        else {// code for IE6, IE5
            httpReq = new ActiveXObject("Microsoft.XMLHTTP");
        }
        httpReq.open("GET", serverPage, false);
        httpReq.send();

        var resp = httpReq.responseText;
        var start = resp.indexOf("<!--From Here-->");
        var end = resp.indexOf("<!--To Here-->");

        if (start == -1) {
            // word document
            start = resp.indexOf("body");
            start = resp.indexOf(">", start) + 1;
            end = resp.indexOf("</body"); 
        }

        resp = resp.substring(start, end );

        try {
            _gaq.push(['_trackEvent', 'Panel', serverPage]);
        }
        catch (err) {
            //alert(err);
        }

        return resp;
    }

    function ShowBackground(idName) {
        var b = document.getElementById(idName);
        b.style.visibility = 'visible';
    }

    function HideBackground(idName) {
        var b = document.getElementById(idName);
        b.style.visibility = 'hidden';
    }

    function ImageBtn( idName, srcImage ) {
        var b = document.getElementById(idName);
        b.src = srcImage
    }

    /*
    * Scroll Info
    */

    function InitNews() {
        var inner = document.getElementById("ScrollAreaInner");
        //inner.innerHTML = GetPage("newstoppage.html");
        ScrollNews();
    }

    function ScrollNews() {
        var inner = document.getElementById("ScrollAreaInner");
        var t = inner.style.top;
        t = parseInt( t )- 1;
        if (-t > inner.offsetHeight) t = 0;
        inner.style.top = t;
        setTimeout("ScrollNews()", 400);
    }

    /*
    * Image Looping in the Cucine menu
    */
    function InitCucineMenu() {
        setTimeout("CucineMenu()", 2000);
    }

    var cm_index = 0;
    var cm_lunch =
    [
        "Images/Lunch1.png",
        "Images/Lunch.png"
    ];
    var cm_dinner =
    [
        "Images/Dinner1.png",
        "Images/Dinner.png"
    ];

    function CucineMenu() {
        var imgLunch = document.getElementById('menuLunch');
        var imgDinner = document.getElementById('menuDinner');

        if (imgLunch && imgDinner) {
            imgLunch.src = cm_lunch[cm_index];
            imgDinner.src = cm_dinner[cm_index];
            cm_index++;
            if (cm_index >= cm_lunch.length ) cm_index = 0;
        }
        setTimeout("CucineMenu()", 4000);
    }

</script>

</head>
<body onresize="Resize()" onload="Load()" style="overflow: hidden;">

     <!-- Background Images -->
    <img src="Images/Bck1.JPG" id="BckBack" style="position:absolute;top:0px;left:0px;overflow:hidden;" alt=""/>
    <img src="Images/Bck1.JPG" id="BckImage" style="position:absolute;top:0px;left:0px;overflow:hidden;" alt=""/>
    <img src="Buttons/banatate.png" id="BckName" style="position:absolute;top:10px;right:0px;overflow:hidden", alt="" />
             
     <!-- Overlay Image -->
     <img src="Buttons/top.testobck.png" style="position:absolute; top:20px;left:0px;visibility:hidden" id="OverlayImageBck" alt="きょみず"/>
     <img src="Buttons/top.testo.png" style="position:absolute; top:20px;left:20px;" id="OverlayImage" alt="きょみず" onmouseover="ShowBackground('OverlayImageBck')" onmouseout="HideBackground('OverlayImageBck')"/>


     <!-- Overlay Panel -->

     <!-- Background -->
     <div style="position:absolute;background-color:White;visibility:hidden;"  id="PanelBackground"></div>
     
     <!-- actual panel -->
     <div style="position:absolute;background-color:transparent;visibility:hidden;overflow:hidden" id="PanelFront"> </div>

     <!-- close panel -->
    <div style="position:absolute;background-color:transparent;visibility:hidden;overflow:hidden" id="Panelclose"> 
    <img src="Buttons/closeTop.png" onclick="HidePanel()" alt="Close" id="Imageclose" onmouseover="ImageBtn('Imageclose','Buttons/closeTop.N.png')" onmouseout="ImageBtn('Imageclose','Buttons/closeTop.png')"/>
    </div>


     <!-- Menus -->
     <div style="position:absolute; bottom:0px;left:0px;height:120px;width:100%;background-color:Black" id="MenuWindowBackground" ></div>
    <div style="position:absolute; bottom:0px;left:0px;" id="MenuWindow" unselectable="on">
    <center>
        <table  width="100%" style="height:50px;">
            <tr>
            <td style="vertical-align:middle;cursor:pointer" ><center><img src="Buttons/aboutusR.png" class="Hidden" /><img src="Buttons/aboutus.png" alt="店内のご案内-About us" id="aboutBtn" onclick="ShowPanel('about1.html')" onmouseover="ImageBtn('aboutBtn','Buttons/aboutusR.png')" onmouseout="ImageBtn('aboutBtn','Buttons/aboutus.png')"/></center></td>
            <td class="MenuStyle"><center><img src="Buttons/newsR.png" class="Hidden"/><img src="Buttons/news.png"         alt="おしらせ-News"  id="newsBtn" onclick="ShowPanel('news.html')" onmouseover="ImageBtn('newsBtn','Buttons/newsR.png')" onmouseout="ImageBtn('newsBtn','Buttons/news.png')"/></center></td>
            <td class="MenuStyle"><center><img src="Buttons/cuisineR.png"  class="Hidden"/><img src="Buttons/cuisine.png"     alt="お料理-Cuisine"  id="cusineBtn"    onclick="ShowPanel('cuisine.html')" onmouseover="ImageBtn('cusineBtn','Buttons/cuisineR.png')" onmouseout="ImageBtn('cusineBtn','Buttons/cuisine.png')"/></center></td>
            <td class="MenuStyle"><center><img src="Buttons/drinkR.png"  class="Hidden"/><img src="Buttons/drink.png"       alt="お飲物-Drink"    id="drinkBtn"  onclick="ShowPanel('wine1.html')"  onmouseover="ImageBtn('drinkBtn','Buttons/drinkR.png')" onmouseout="ImageBtn('drinkBtn','Buttons/drink.png')" /></center></td>
            <td class="MenuStyle"><center><img src="Buttons/blogR.png"  class="Hidden"/><a href="http://kiyomizu-matuyama.cocolog-nifty.com/blog/" target="_blank"><img src="Buttons/blog.png" alt="二代目の独り言-Blog" id="blogBtn"  onmouseover="ImageBtn('blogBtn','Buttons/blogR.png')" onmouseout="ImageBtn('blogBtn','Buttons/blog.png')"/></a></center></td>
            <td class="MenuStyle"><center><img src="Buttons/ingredientsR.png"  class="Hidden"/><img src="Buttons/ingredients.png" alt="旬の特選素材-Ingredients" id="ingredientsBtn" onclick="ShowPanel('selected2.html')" onmouseover="ImageBtn('ingredientsBtn','Buttons/ingredientsR.png')" onmouseout="ImageBtn('ingredientsBtn','Buttons/ingredients.png')"/></center></td>
            <td class="MenuStyle"><center><img src="Buttons/locationR.png"  class="Hidden"/><img src="Buttons/location.png"    alt="ところ-Location" id="locationBtn" onclick="ShowPanel('location1.html')" onmouseover="ImageBtn('locationBtn','Buttons/locationR.png')" onmouseout="ImageBtn('locationBtn','Buttons/location.png')"/></center></td>
            </tr>
        </table>
                
        <table width="100%" style="border-top-color:White;border-style:solid;border-width:0px;border-top-width:1px;left:0px;height:28px;">
        <tr>
        
        <td> 
            <div style="overflow:hidden;height:20px" id="ScrollAreaOuter">
                <div style="position:relative;overflow:hidden;top:0", id="ScrollAreaInner">
                    <p class="Information">ブログ更新しました「<a href="http://kiyomizu-matuyama.cocolog-nifty.com/blog/2012/05/post-289f.html">いかんぞな！</a>」</p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine3.html')">お持帰り弁当　ご予約承ります。</p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine3.html')">会議、慶事、法事などに好適です。</p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine3.html')">2,625円～10,500円</p>
                    <p class="Information"><br /></p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine.html')">忘年会予約承り中。</p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine.html')">コース料理8,400円～</p>
                    <p class="Information" style="cursor:pointer" onclick="ShowPanel('cuisine.html')">ご予算等、お気軽にご相談ください。</p>

                </div>
            </div>
        </td>
        
        <td width="690px"> <p  class="White" style="text-align:right;font-size:smaller;vertical-align:middle">
        <a href="mailto:takumi.m@oregano.ocn.ne.jp"> ご予約、お問い合わせはこちらまで</a>　Tel. 089-932-7171　Fax 089-934-2288 &nbsp;
        <a href="https://www.facebook.com/pages/%E4%BA%AC%E9%A2%A8%E4%B8%80%E5%93%81%E6%96%99%E7%90%86-%E3%81%8D%E3%82%88%E3%81%BF%E3%81%9A/205608182836941"><img src="Buttons/facebook.png" style="vertical-align:middle" /></a>
        <img class="MenuStyle" src="Images/hiring.png" onclick="ShowPanel('MainFormHiring.html')"  style="vertical-align:middle" />&nbsp;</p></td>
	</tr>
        </table>

        <table width="100%" style="border-top-color:White;border-style:solid;border-width:0px;border-top-width:1px;left:0px;height:28px;">
         <tr>
    
        <td><p class="White" style="font-size:xx-small">Team Moriazzi<sup>&#169</sup></p></td> 
        
        
         <td>
         <p class="White" style="text-align:right;font-size:xx-small;">      記載の記事、写真、イラストなどの無断複写、掲載を禁じます。All Rights Reserved<sup>&#169</sup>.     </p>
        </td>
    
        </tr>
        </table>
    </center>
    </div>

</body>
</html>�