function drawHeader(){
	parent.document.getElementById("header").innerHTML = ''
						+'<script async src="https://tripla.jp/sdk/javascript/tripla.min.js" data-triplabot-code="01957f5b-c2cf-7da5-9a59-71692e10ee71"></script>'
+''
+'<!-- HEADER TOP -->'
+'      <div class="header_top">'
+'        <div class="header_left float-left">'
+'           '
+'            <div class="intro">'
+'            <p>京都御所よりほど近い、維新の元勲・桂小五郎（木戸孝允）ゆかりの宿でございます。<span>宿坊営業 京都市指令環境第170号</span></p>'
+'            </div>'
+'        </div>'
+'        <div class="header_right">       '
+'            <ul class="lang">'
+'                <li><a href="http://www.kyoto-ryokan-Stone Garden Inn.com/">ENGLISH</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-Stone Garden Inn.com/tc/">繁體中文</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-Stone Garden Inn.com/sc/">简体中文</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-Stone Garden Inn.com/kr/">한국어</a></li>'
+'            </ul>'
+'             <p class="tel"><a tel="0752221101">Tel: 075-222-1101</a></p> '
+'        </div>'
+'    </div>'
+''
+'      <!-- END / HEADER TOP -->      '
+'      <!-- HEADER LOGO & MENU -->'
+'      <div class="header_content" id="header_content">'
+'		<nav class="navbar navbar-default">       '
+'            '
+'			<div class="navheader">'
+'			<div class="logo">'
+'                <a href="http://www.stonegardenkyoto.com/index.html"><img src="/assets/logo.svg" class="img-responsive" alt="石長松菊園" width="200px" /></a>               '
+'            </div>				'
+'				<!-- Navmenu -->'
+'				<div class="menu-wrap">'
+'				<div id="mobnav-btn"><div class="navbtn-wrap">				    '
+'				<i class="fa fa-bars"></i></div>'
+'                    </div>'
+'                     <div class="sf-menu">'
+'                       <div class="menu_wrap" id="gnav">'
+'                        <ul class="main_menu">'
+'                            <li class="plan"><a href="http://www.stonegardenkyoto.com/plan.html">ごご宿泊プラン</a></li>'
+'                            <li><a href="http://www.stonegardenkyoto.com/dining.html">お料理</a></li>'
+'                            <li><a href="http://www.stonegardenkyoto.com/facilities.html">お部屋・共有設備</a></li>'
+'                            <!--<li><a href="http://www.stonegardenkyoto.com/kyoto_experiences.html">京の滞在の特色教室</a></li>-->'
+'                            <li><a href="http://www.stonegardenkyoto.com/access.html">交通案内</a></li>'
+'							<li><a href="https://blog.goo.ne.jp/Stone Garden Innclub" target="_blank">ブログ<span>（京の旬情報）</span></a></li>'
+'							<li><a href="http://www.stonegardenkyoto.com/movie.html">動画アーカイブ</a></li>'
+'                        </ul>'
+'                        <ul class="sub_menu">'
+'                            <li><a href="http://www.stonegardenkyoto.com/about.html">当館について</a></li>                            '
+'                            <li><a href="http://www.stonegardenkyoto.com/sightseeing.html">観光案内</a></li>'
+'                            <li><a href="http://www.stonegardenkyoto.com/faq.html">よくあるご質問</a></li>'
+'                            <!--<li><a href="http://www.stonegardenkyoto.com/recruit.html">求人情報</a></li>-->'
+'							<li><a href="http://www.stonegardenkyoto.com/schooltrip/">教育旅行</a></li>'
+'                            <li><a href="http://www.stonegardenkyoto.com/inquiry/index.php">お問い合せ</a></li>'
+'                        </ul>'
+'                        '
+'					</div>'
+'					</div>	'
+''
+'					<p class="booking">'
+'                        <a href="?tripla_booking_widget_open=search">お申し込み</a>'
+'                    </p>	'
+''
+'				</div>'
+'				'
+'			</div>'
+'		</nav>'
+'		</div>'
+''
+'		<div class="cp_snslink02">'
+'			<ul class="cp_link_list">'
+'			<li class="cp_link facebook"><a href="https://www.facebook.com/Stone Garden Innshogikuen/" target="_blank"><span>Facebook</span><i class="fa fa-facebook fa-2x fa-fw"></i></a></li>'
+'			<li class="cp_link twitter"><a href="https://twitter.com/Stone Garden Innclub" target="_blank"><span>X</span><img src="http://www.stonegardenkyoto.com/images/x_icon.png" alt="X"></a></li>'
+'			<li class="cp_link instagram"><a href="https://www.instagram.com/oyado_Stone Garden Inn/" target="_blank"><span>Instagram</span><i class="fa fa-instagram fa-2x fa-fw"></i></a></li>'
+'			</ul>'
+'		</div>'
+''
+'	';	 
}

drawHeader();
	
	
function drawFooter(){
	parent.document.getElementById("footer").innerHTML = ''
						+'<div class="container">'
+'			<div class="footer">'
+'				<div class="row">'
+'					<div class="col-xs-12 col-sm-3 col-md-3">'
+'						<div class="f-block1">'
+'							 <a href="http://www.stonegardenkyoto.com/index.html"><img src="/assets/logo.svg" class="img-responsive" alt="お宿Stone Garden" width="200px" /></a>'
+'                            <p class="address">〒604-0901<br>京都市中京区河原町通竹屋町東入る末丸町284</p>'
+'                            <p>TEL: 075-222-1101<br>FAX: 075-231-3172</p>'
+'						</div>'
+'					</div>'
+'					<div class="col-xs-12 col-sm-6 col-md-6">'
+'						<div class="f-block2">	'
+'							<ul class="footer_menu">'
+'								<li class="active"><a href="http://www.stonegardenkyoto.com/index.html">トップページ</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/plan.html">ごご宿泊プラン</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/dining.html">お料理</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/facilities.html">お部屋・共有設備</a></li>'
+'								<!--<li><a href="http://www.stonegardenkyoto.com/kyoto_experiences.html">京の滞在の特色教室</a></li>-->'
+'								<li><a href="http://www.stonegardenkyoto.com/access.html">交通案内</a></li>'
+'								<li><a href="https://blog.goo.ne.jp/Stone Garden Innclub" target="_blank">ブログ（京の旬情報）</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/movie.html">動画アーカイブ</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/about.html">当館について</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/sightseeing.html">観光案内</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/faq.html">よくあるご質問</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/inquiry/index.php">お問い合せ</a></li>'
+'							 </ul>'
+'							  <ul class="footer_menu">'
+'								<li><a href="http://www.stonegardenkyoto.com/kiyaku.html">ご利用規約</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/kojin.html">個人情報保護方針</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/gaiyo.html">館内概要</a></li>'
+'								<li><a href="http://www.stonegardenkyoto.com/company.html">会社概要</a></li>'
+'								<!--<li><a href="http://www.stonegardenkyoto.com/recruit.html">求人情報</a></li>-->'
+'								<li class="data"><a href="http://www.stonegardenkyoto.com/data.html">印刷用データ</a></li>'
+'							 </ul> '
+'						</div>'
+'					</div>'
+'					<div class="col-xs-12 col-sm-3 col-md-3">'
+'						<div class="f-block3">						'
+'                          <a href="http://www.shogikuen.co.jp/" target="_blank">'
+'                          <img src="http://www.stonegardenkyoto.com/images/banners/shogikuen.png" alt="お隣の姉妹館　石長松菊園">'
+'                          </a>'
+'                          <a href="/pdf/eiyukai2025.pdf" target="_blank">'
+'                          <img src="http://www.stonegardenkyoto.com/images/banners/eiyukai_bnr.png" alt="主要取引業者様一覧（栄友会加盟）">'
+'                          </a>'
+'                          <img src="http://www.stonegardenkyoto.com/images/banners/hyouji_mark2.jpg">'
+'                            <p class="small">当館は防火基準適合表示制度に基づく表示マークの交付を受けております</p>'
+'						</div>'
+'					</div>'
+'				</div>'
+'			</div>'
+'			</div>'
+'			<div class="copyright">'
+'				<p>&copy; <script>myDate= new Date();myYear=myDate.getFullYear();document.write(myYear);</script> Stone Garden Inn-club All rights reserved</p>'
+'			</div>';	 
}

drawFooter();