function vote( rank, title_id ){
  //var prefecture_id = document.getElementById("prefecture_prefecture_id").value;
  var url = "../cgi-bin/vote_comic.cgi?rank=" + rank + "&title_id=" + title_id;
  /* XMLHttpRequestオブジェクト作成 */
  var xmlhttp = createXmlHttp();

  if (xmlhttp == null) {
    alert("XMLHttpRequest非対応のブラウザです。");
  }

///* レスポンスデータ処理方法の設定 */
  xmlhttp.onreadystatechange = handleHttpEvent;

///* レスポンスデータ処理用のコールバック関数を定義 */
  function handleHttpEvent(){
    if (xmlhttp.readyState == 4) {
      if (xmlhttp.status == 200) {
        var rank = xmlhttp.responseText.split(":");
        var idname = "graph" + rank[0];
        document.getElementById( idname ).innerHTML = "<img src=\"../images/graph.png\" width=\"" + rank[1] + "px\" height=\"12px\" />　" + rank[1];
      } else {
        alert("通信エラーが発生しました。");
      }
    }
  }

///* HTTPリクエスト実行 */
  xmlhttp.open("GET", url , true);
  xmlhttp.send(null);
}

function createXmlHttp(){
    if (window.XMLHttpRequest) {             // Mozilla, Firefox, Safari, IE7
        return new XMLHttpRequest();
    } else if (window.ActiveXObject) {       // IE5, IE6
        try {
            return new ActiveXObject("Msxml2.XMLHTTP");    // MSXML3
        } catch(e) {
            return new ActiveXObject("Microsoft.XMLHTTP"); // MSXML2まで
        }
    } else {
        return null;
    }
}