function drawHeader(){
	parent.document.getElementById("header").innerHTML = ''
						+'	  <!-- HEADER TOP -->'
+'      <div class="header_top">'
+'        <div class="header_left float-left">'
+'            <p><span class="intro">京都御所よりほど近い、維新の元勲・桂小五郎（木戸孝允）ゆかりの宿でございます。</span>'
+'            TEL:<a href="tel:0752221101">075-222-1101</a></p>'
+'        </div>'
+'        <div class="header_right">       '
+'            <ul class="lang">'
+'                <li><a href="http://www.kyoto-ryokan-ishicho.com/">ENGLISH</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-ishicho.com/tc/">繁體中文</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-ishicho.com/sc/">简体中文</a></li>'
+'                <li><a href="http://www.kyoto-ryokan-ishicho.com/kr/">한국어</a></li>'
+'            </ul>'
+'        </div>'
+'    </div>'
+''
+'      <!-- END / HEADER TOP -->      '
+'      <!-- HEADER LOGO & MENU -->'
+'      <div class="header_content" id="header_content">'
+'		<nav class="navbar navbar-default">'
+'         '
+'            <div class="logo">'
+'               <p>旅館営業京都市指令環境第352及び55号</p>'
+'                <a href="http://www.shogikuen.co.jp/index.html"><img src="http://www.shogikuen.co.jp/images/shogiku_logo.svg" class="img-responsive" alt="石長松菊園" width="160px" /></a>'
+'                <p class="tel">Tel: 075-222-1101</p>'
+'            </div>'
+'			<div class="navheader">				'
+'				<!-- 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_tate_wrap" id="gnav">'
+'                        <ul class="menu_tate">'
+'                            <li class="plan"><a href="http://www.shogikuen.co.jp/plan.html">宿泊プラン</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/dining.html">お料理</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/facilities.html">客室・共有設備</a></li>'
+'                            <!--<li><a href="http://www.shogikuen.co.jp/kyoto_experiences.html">京の体験教室</a></li>-->'
+'                            <li><a href="http://www.shogikuen.co.jp/access.html">アクセス</a></li>'
+'							<li><a href="https://blog.goo.ne.jp/ishichoclub" target="_blank">ブログ<span>（京の旬情報）</span></a></li>'
+'							<li><a href="http://www.ishicho.co.jp/movie.html" target="_blank">動画アーカイブ</a></li>'
+'                        </ul>'
+'                        <ul class="menu_tate_after">'
+'                            <li><a href="http://www.shogikuen.co.jp/about.html">当館について</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/sightseeing.html">観光案内</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/faq.html">よくあるご質問</a></li>'
+'                            <!--<li><a href="http://www.shogikuen.co.jp/recruit.html">採用情報</a></li> -->'
+'							<li class="schooltrip"><a href="http://www.shogikuen.co.jp/schooltrip/">教育旅行</a></li>'
+'                            <li class="contact"><a href="http://www.shogikuen.co.jp/inquiry/index.php">お問い合せ</a></li>'
+'                        </ul>'
+'					</div>'
+'					</div>		'
+'				</div>'
+'				<div> '
+''
+'                    <span class="booking">'
+'                        <a href="https://shogikuen.rwiths.net/r-withs/tfs0010a.do" target="_blank">ご予約</a>'
+'                    </span>'
+''
+'                </div>'
+'			</div>'
+'		</nav>'
+'		</div>'
+''
+'		<div class="cp_snslink02">'
+'			<ul class="cp_link_list">'
+'			<li class="cp_link facebook"><a href="https://www.facebook.com/ishichoshogikuen/" 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/ishichoclub" target="_blank"><span>Twitter</span><i class="fa fa-twitter fa-2x fa-fw"></i></a></li>'
+'			<li class="cp_link instagram"><a href="https://www.instagram.com/oyado_ishicho/" 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.shogikuen.co.jp/index.html"><img src="http://www.shogikuen.co.jp/images/shogiku_logo.svg" class="img-responsive" alt="石長松菊園" width="180px" /></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">'
+'						<div class="">'
+'                                              	'
+'                        <ul class="footer_menu">'
+'                            <li class="active"><a href="http://www.shogikuen.co.jp/index.html">トップページ</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/plan.html">宿泊プラン</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/dining.html">お料理</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/facilities.html">客室・共有設備</a></li>'
+'                           <!-- <li><a href="http://www.shogikuen.co.jp/kyoto_experiences.html">京の体験教室</a></li>-->'
+'                            <li><a href="http://www.shogikuen.co.jp/access.html">アクセス</a></li>'
+'							<li><a href="https://blog.goo.ne.jp/ishichoclub" target="_blank">ブログ（京の旬情報）</a></li> '
+'							<li><a href="http://www.ishicho.co.jp/movie.html" target="_blank">動画アーカイブ</a></li>							'
+'                            <li><a href="http://www.shogikuen.co.jp/about.html">当館について</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/sightseeing.html">観光案内</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/faq.html">よくあるご質問</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/inquiry/index.php">お問い合せ</a></li>'
+'                         </ul>'
+'                          <ul class="footer_menu">'
+'                            <li><a href="http://www.shogikuen.co.jp/kiyaku.html">ご利用規約</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/kojin.html">個人情報保護方針</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/gaiyo.html">施設概要</a></li>'
+'                            <li><a href="http://www.shogikuen.co.jp/company.html">会社概要</a></li>'
+'                            <!--<li><a href="http://www.shogikuen.co.jp/recruit.html">採用情報</a></li>-->'
+'							<li class="data"><a href="http://www.shogikuen.co.jp/data.html">印刷用データ</a></li>'
+'                         </ul>'
+'                           　　'
+'					</div>	'
+'						</div>'
+'					</div>'
+'					<div class="col-xs-12 col-sm-3 col-md-3">'
+'						<div class="f-block3">						'
+'                          <a href="http://www.ishicho.co.jp/" target="_blank">'
+'                          <img src="http://www.shogikuen.co.jp/images/banners/ishicho.png" alt="お隣の姉妹館　いしちょう">'
+'                          </a> '
+'                          <img src="http://www.shogikuen.co.jp/images/banners/hyouji_mark2.jpg">'
+'                            <p class="small">当館は防火基準適合表示制度に基づく表示マークの交付を受けております</p>'
+'							'
+'						</div>'
+'					</div>'
+'				</div>'
+'			</div>'
+'			'
+'			<div class="copyright">'
+'				<p>&copy; <script>myDate= new Date();myYear=myDate.getFullYear();document.write(myYear);</script> ishicho-club All rights reserved</p>'
+'			</div>'
+'		</div>';	 
}

drawFooter();