function gNav()
{
document.write('<ul id="gNavi">\n');
document.write('<li class="navi01"><a href="/about/index.html">ハンドが選ばれる理由</a></li>\n');
document.write('<li class="navi02"><a href="/about/flow.html">施工完了までの流れ</a></li>\n');
document.write('<li class="navi03"><a href="/exterior/voice.html">お客様の声</a></li>\n');
document.write('<li class="navi04"><a href="/about/price.html">料金事例</a></li>\n');
document.write('<li class="navi05"><a href="/faq.html">よくあるQ&amp;A</a></li>\n');
document.write('</ul>\n');
}

function topParts()
{
document.write('<div class="top">\n');

document.write('<div id="caseBoxWrap" class="pkg">\n');

document.write('<div class="box01">\n');
document.write('<p class="firstChild"><img src="img/index/case01.jpg" width="196" height="130" alt="エントランス・アプローチ" /></p>\n');
document.write('<p>エントランス・アプローチの施工事例です。</p>\n');
document.write('<p class="link_more"><a href="case/index.html" title="エントランス・アプローチ">この施工事例を見る</a></p>\n');
document.write('</div>\n');
document.write('<div class="box02">\n');
document.write('<p class="firstChild"><img src="img/index/case02.jpg" width="196" height="130" alt="塀・門扉・駐車場（カーポート）" /></p>\n');
document.write('<p>塀・門扉・駐車場（カーポート）の施工事例です。</p>\n');
document.write('<p class="link_more"><a href="case/wall.html" title="塀・門扉・駐車場（カーポート）">この施工事例を見る</a></p>\n');
document.write('</div>\n');
document.write('<div class="box03">\n');
document.write('<p class="firstChild"><img src="img/index/case03.jpg" width="196" height="130" alt="庭・ガーデンデッキ" /></p>\n');
document.write('<p>庭・ガーデンデッキの<br />施工事例です。</p>\n');
document.write('<p class="link_more"><a href="case/garden.html" title="庭・ガーデンデッキ">この施工事例を見る</a></p>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('<h3><img src="img/index/h3_ext.jpg" width="640" height="103" alt="エクステリアをお考えの方へ" /></h3>\n');
document.write('<div id="extBoxWrap" class="pkg">\n');
document.write('<div class="rail01"><a href="exterior/index.html"><img src="img/index/ext01.jpg" width="200" height="60" alt="希望を実現するためのポイント" class="hover" /></a></div>\n');
document.write('<div class="rail02"><a href="exterior/voice.html"><img src="img/index/ext02.jpg" width="200" height="60" alt="施工されたお客様の声" class="hover" /></a></div>\n');
document.write('<div class="rail03"><a href="exterior/reform.html"><img src="img/index/ext03.jpg" width="200" height="60" alt="リフォームに適したエクステリア" class="hover" /></a></div>\n');
document.write('</div>\n');
document.write('<h3 class="indexThird"><img src="img/index/h3_hands.jpg" width="620" height="30" alt="外構工事・エクステリアならハンドにお任せ" /></h3>\n');
document.write('<div id="abBoxWrap" class="pkg">\n');
document.write('<div class="abBoxInner">\n');
document.write('<div class="abBoxCont">\n');
document.write('<div class="abBox01 pkg">\n');
document.write('<div class="abImg"><p><img src="img/index/hands01.jpg" width="80" height="121" alt="ハンドが選ばれる理由" /></p></div>\n');
document.write('<div class="abText"><h4><img src="img/index/h4Hands01.jpg" width="189" height="20" alt="ハンドが選ばれる理由" /></h4>\n');
document.write('<p>「ハンド」が多くのお客様に選ばれるには理由があります。<br  />満足いただけるサービスをご提供できる理由を紹介します。</p>\n');
document.write('<p class="link_more"><a href="about/index.html" title="ハンドが選ばれる理由">詳しくはこちら</a></p>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('<div class="abBox02 pkg">\n');
document.write('<div class="abImg"><p><img src="img/index/hands02.jpg" width="80" height="121" alt="施工完了までの流れ" /></p></div>\n');
document.write('<div class="abText"><h4><img src="img/index/h4Hands02.jpg" width="189" height="20" alt="施工完了までの流れ" /></h4>\n');
document.write('<p>ご依頼いただいてからの流れをご案内します。<br />お問い合わせ前にご一読ください。</p>\n');
document.write('<p class="link_more"><a href="about/flow.html" title="施工完了までの流れ">詳しくはこちら</a></p>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('<div class="abBoxInner">\n');
document.write('<div class="abBoxCont">\n');
document.write('<div class="abBox01 pkg">\n');
document.write('<div class="abImg"><p><img src="img/index/hands03.jpg" width="80" height="121" alt="料金事例・低金利ローン" /></p></div>\n');
document.write('<div class="abText"><h4><img src="img/index/h4Hands03.jpg" width="189" height="20" alt="料金事例・低金利ローン" /></h4>\n');
document.write('<p>外構・エクステリアの施工を行う「ハンド」の料金事例と低金利ローンのご案内です。</p>\n');
document.write('<p class="link_more"><a href="about/price.html" title="料金事例・低金利ローン">詳しくはこちら</a></p>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('<div class="abBox02 pkg">\n');
document.write('<div class="abImg"><p><img src="img/index/hands04.jpg" width="80" height="121" alt="新築工事もお任せください" /></p></div>\n');
document.write('<div class="abText"><h4><img src="img/index/h4Hands04.jpg" width="189" height="20" alt="新築工事もお任せください" /></h4>\n');
document.write('<p>外構・エクステリアのリフォームはもちろん、新築工事も承っています。低コストで大満足のサービスをご提供します。</p>\n');
document.write('<p class="link_more"><a href="about/cons.html">詳しくはこちら</a></p>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
document.write('</div>\n');
}
