/* レポート部分切り替え */
function chageHTML(id) {
    var str = '';

    // サービスイメージ
    if(id == "about1") {
        str = '<div class="tab1_header">';
        str += '<ul class="tab">';
        str += '<li><img src="img/about/tab_service_.gif" alt="サービスイメージ" title="サービスイメージ" /></li>';
        str += '<li><a href="javascript:chageHTML(';
        str += "'about2'";
        str += ');"><img src="img/about/tab_display.gif" alt="画面イメージ" title="画面イメージ" /></a></li>';
        str += '</ul>';
        str += '</div><!--tab1_header-->';
        str += '<div class="tab1_main">';
        str += '<img src="img/about/service_img01.gif" width="555" height="208" alt="サービスイメージ" />';
        str += '<img src="img/about/service_img02.gif" width="555" height="115" alt="ケータイで気軽にアクセス ケータイに情報配信" />';
        str += '<img src="img/about/service_img03.gif" width="555" height="116" alt="まちのソムリエがDBを活用して観光客をサポート！" />';
        str += '</div><!--tab1_main-->';
        str += '<div class="footer_bg"></div><!--footer_bg-->';
// 画面イメージ
    } else if(id == "about2") {
        str = '<div class="tab2_header">';
        str += '<ul class="tab">';
        str += '<li><a href="javascript:chageHTML(';
        str += "'about1'";
        str += ');"><img src="img/about/tab_service.gif" alt="サービスイメージ画面" title="サービスイメージ" /></a></li>';
        str += '<li><img src="img/about/tab_display_.gif" alt="画面イメージ" title="画面イメージ" /></li>';
        str += '</ul>';
        str += '</div><!--tab2_header-->';
        str += '<div class="tab2_main">';
        str += '<img src="img/about/display_img01.gif" width="586" height="229" alt="まちナビ案内 地図案内" />';
        str += '<img src="img/about/display_img02.gif" width="586" height="244" alt="詳細案内" />';
        str += '</div><!--tab2_main-->';
        str += '<div class="footer_bg"></div><!--footer_bg-->';
    } else {
        str = "";
    }
    
    var object = document.getElementById('tab_id');
    object.innerHTML = str;
}