function drawHeader(){
	parent.document.getElementById("header").innerHTML = ''
						+'	  	  <!-- 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-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>'
+'             <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.ishicho.co.jp/index.html"><img src="http://www.ishicho.co.jp/images/ishicho_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.ishicho.co.jp/plan.html">宿泊プラン</a></li>'
+'                            <li><a href="http://www.ishicho.co.jp/dining.html">お料理</a></li>'
+'                            <li><a href="http://www.ishicho.co.jp/facilities.html">客室・共有設備</a></li>'
+'                            <!--<li><a href="http://www.ishicho.co.jp/kyoto_experiences.html">京の体験教室</a></li>-->'
+'                            <li><a href="http://www.ishicho.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">動画アーカイブ</a></li>'
+'                        </ul>'
+'                        <ul class="sub_menu">'
+'                            <li><a href="http://www.ishicho.co.jp/about.html">当館について</a></li>                            '
+'                            <li><a href="http://www.ishicho.co.jp/sightseeing.html">観光案内</a></li>'
+'                            <li><a href="http://www.ishicho.co.jp/faq.html">よくあるご質問</a></li>'
+'                            <!--<li><a href="http://www.ishicho.co.jp/recruit.html">求人情報</a></li>-->'
+'							<li><a href="http://www.ishicho.co.jp/schooltrip/">教育旅行</a></li>'
+'                            <li><a href="http://www.ishicho.co.jp/inquiry/index.php">お問い合せ</a></li>'
+'                        </ul>'
+'                        '
+'					</div>'
+'					</div>	'
+''
+'					<p class="booking">'
+'                        <a href="https://ishicho.rwiths.net/r-withs/tfs0010a.do" target="_blank">ご予約</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/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.ishicho.co.jp/index.html"><img src="http://www.ishicho.co.jp/images/ishicho_logo.svg" class="img-responsive" alt="お宿いしちょう" 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.ishicho.co.jp/index.html">トップページ</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/plan.html">宿泊プラン</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/dining.html">お料理</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/facilities.html">客室・共有設備</a></li>'
+'								<!--<li><a href="http://www.ishicho.co.jp/kyoto_experiences.html">京の体験教室</a></li>-->'
+'								<li><a href="http://www.ishicho.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">動画アーカイブ</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/about.html">当館について</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/sightseeing.html">観光案内</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/faq.html">よくあるご質問</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/inquiry/index.php">お問い合せ</a></li>'
+'							 </ul>'
+'							  <ul class="footer_menu">'
+'								<li><a href="http://www.ishicho.co.jp/kiyaku.html">ご利用規約</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/kojin.html">個人情報保護方針</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/gaiyo.html">施設概要</a></li>'
+'								<li><a href="http://www.ishicho.co.jp/company.html">会社概要</a></li>'
+'								<!--<li><a href="http://www.ishicho.co.jp/recruit.html">求人情報</a></li>-->'
+'								<li class="data"><a href="http://www.ishicho.co.jp/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.ishicho.co.jp/images/banners/shogikuen.png" alt="お隣の姉妹館　石長松菊園">'
+'                          </a> '
+'                          <img src="http://www.ishicho.co.jp/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> ishicho-club All rights reserved</p>'
+'			</div>';	 
}

drawFooter();