/*
//   (注)javascript文字列内のcssの記述方法について
//   
//   ・css部分は「"」で囲んだ中に記述してください。
//   ・cssの記述の中に「"」が入る場合は、「"」を「\"」に変更してください。
//   ・cssの記述の中に「\」が入る場合は、「\」を「\\」に変更してください。
//   ・「"」の中に改行をいれないでください。改行させたい場合は「\n」で改行になります。
// 
*/


//--------------------------------------------------------------------
// ウィンドウズ x IE 向けのcssはここに記述してください
//--------------------------------------------------------------------
function win_ie() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:blue}" + "\n";
  str = str + ".e9{font-Size:9px; line-height:10px}" + "\n";
  str = str + ".e10{font-size:10px; line-height:11px}" + "\n";
  str = str + ".e12{font-size:12px; line-height:14px}" + "\n";
  str = str + ".j9{font-size:10px; line-height:12px}" + "\n";
  str = str + ".j10{font-Size:11px; line-height:13px}" + "\n";
  str = str + ".j12{font-Size:12px; line-height:15px; letter-spacing:1px}" + "\n";
  str = str + ".j14{font-Size:14px; line-height:18px; letter-spacing:1px}" + "\n";

  //----------ここまでcssを記述してください---------
  return str;
}


//--------------------------------------------------------------------
// ウィンドウズ x Netscape Navigator 向けのcssはここに記述してください
//--------------------------------------------------------------------
function win_nn() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:red}" + "\n";
  str = str + ".e9{font-Size:9px; line-height:10px}" + "\n";
  str = str + ".e10{font-size:10px; line-height:11px}" + "\n";
  str = str + ".e12{font-size:12px; line-height:14px}" + "\n";
  str = str + ".j9{font-size:10px; line-height:12px}" + "\n";
  str = str + ".j10{font-Size:11px; line-height:13px}" + "\n";
  str = str + ".j12{font-Size:12px; line-height:15px; letter-spacing:1px}" + "\n";
  str = str + ".j14{font-Size:14px; line-height:18px; letter-spacing:1px}" + "\n";

  //----------ここまでcssを記述してください---------
  return str;
}


//--------------------------------------------------------------------
// ウィンドウズ x その他ブラウザ 向けのcssはここに記述してください
//--------------------------------------------------------------------
function win_other() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:green}" + "\n";
  str = str + ".e9{font-Size:9px; line-height:10px}" + "\n";
  str = str + ".e10{font-size:10px; line-height:11px}" + "\n";
  str = str + ".e12{font-size:12px; line-height:14px}" + "\n";
  str = str + ".j9{font-size:10px; line-height:12px}" + "\n";
  str = str + ".j10{font-Size:11px; line-height:13px}" + "\n";
  str = str + ".j12{font-Size:12px; line-height:15px; letter-spacing:1px}" + "\n";
  str = str + ".j14{font-Size:14px; line-height:18px; letter-spacing:1px}" + "\n";  

  //----------ここまでcssを記述してください---------
  return str;
}


//--------------------------------------------------------------------
// マック x IE 向けのcssはここに記述してください
//--------------------------------------------------------------------
function mac_ie() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:#0099FF}" + "\n";
  str = str + ".aa {color:#0099FF}" + "\n";
  str = str + ".e9{font-Size:9px}" + "\n";
  str = str + ".e10{font-size:10px}" + "\n";
  str = str + ".e12{font-size:12px}" + "\n";
  str = str + ".j9{font-size:9px}" + "\n";
  str = str + ".j10{font-Size:10px}" + "\n";
  str = str + ".j12{font-Size:12px}" + "\n";
  str = str + ".j14{font-Size:14px}" + "\n";  

  //----------ここまでcssを記述してください---------
  return str;
}


//--------------------------------------------------------------------
// マック x Netscape Navigator 向けのcssはここに記述してください
//--------------------------------------------------------------------
function mac_nn() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:#FF66FF}" + "\n";
  str = str + ".e9{font-Size:9px}" + "\n";
  str = str + ".e10{font-size:10px}" + "\n";
  str = str + ".e12{font-size:12px}" + "\n";
  str = str + ".j9{font-size:9px; line-height:12px}" + "\n";
  str = str + ".j10{font-Size:10px; line-height:13px}" + "\n";
  str = str + ".j12{font-Size:12px; line-height:15px}" + "\n";
  str = str + ".j14{font-Size:14px; line-height:18px}" + "\n";  

  //----------ここまでcssを記述してください---------
  return str;
}


//--------------------------------------------------------------------
// マック x その他ブラウザ 向けのcssはここに記述してください
//--------------------------------------------------------------------
function mac_other() {
  var str = "";
  //----------ここからcssを記述してください---------
  // 例) str = str + "h1{color:black}" + "\n";

  str = str + "H1 {color:#66FF33}" + "\n";
  str = str + ".e9{font-Size:9px}" + "\n";
  str = str + ".e10{font-size:10px}" + "\n";
  str = str + ".e12{font-size:12px}" + "\n";
  str = str + ".j9{font-size:9px}" + "\n";
  str = str + ".j10{font-Size:10px}" + "\n";
  str = str + ".j12{font-Size:12px}" + "\n";
  str = str + ".j14{font-Size:14px}" + "\n";  

  //----------ここまでcssを記述してください---------
  return str;
}


//----------------------------------
// style開始タグ作成
// in :なし
// out:script開始タグ
//----------------------------------
function s_script() {
  var start = "";
  start = start + "<style type=\"text/css\">\n";
  start = start + "<!--\n";
  return start;
}

//----------------------------------
// style終了タグ作成
// in :なし
// out:script終了タグ
//----------------------------------
function e_script() {
  var end = "";
  end = end + "-->\n";
  end = end + "</style>\n";
  return end;
}



//--------------------------------------------------------------------
// OS・ブラウザ分類処理
// in：なし
// out：css文言
// 
//--------------------------------------------------------------------
function classify() {

  // OS
  var platform = navigator.platform;

  // ブラウザ
  var browser = navigator.appName;

  // ユーザエージェント
  var agent = navigator.userAgent;

  // OS:Windows
  if (platform.indexOf("Win") != -1) {

  // cssの文言
  css_doc = "";

    // ■Windows x Internet Explorer 
    // (Operaが成りすましている可能性があるので"Opera"が入っていない場合とする)
    if ((agent.indexOf("MSIE") != -1) && (agent.indexOf("Opera") == -1)) {
      css_doc = win_ie();
    }

    // ■Windows x Netscape Navigetor
    else if (agent.indexOf("Netscape") != -1) {
      css_doc = win_nn();
    }

    // ■Windows x Netscape Navigetor 4以下
    else if ((agent.indexOf("Mozilla/4") != -1) && (browser.indexOf("Netscape") != -1)) {
      css_doc = win_nn();
    }

    // ■Windows x その他ブラウザ
    else {
      css_doc = win_other();
    }

  }

  // OS:Mac他
  else {

    // ■Mac x Internet Explorer 
    // (Operaが成りすましている可能性があるので"Opera"が入っていない場合とする)
    if ((agent.indexOf("MSIE") != -1) && (agent.indexOf("Opera") == -1)) {
      css_doc = mac_ie();
    }

    // ■Mac x Netscape Navigetor
    else if (agent.indexOf("Netscape") != -1) {
      css_doc = mac_nn();
    }

    // ■Mac x Netscape Navigetor 4以下
    else if ((agent.indexOf("Mozilla/4") != -1) && (browser.indexOf("Netscape") != -1)) {
      css_doc = mac_nn();
    }

    // ■Mac x その他ブラウザ
    else {
      css_doc = mac_other();
    }

  }
  return css_doc;
}

//---------------------------------
// css出力処理
// in ：なし
// out：css部分全体
//---------------------------------
function dispTag() {

  var css = "";

  // style開始タグ
  css = css + s_script() + "\n";

  // cssを取得
  css = css + classify() + "\n";

  // style終了タグ
  css = css + e_script() + "\n";

  // css全般が入った文字列を返す
  return css;

}

document.writeln(dispTag());