//　Macintosh           　->  MacOS
//　Windows95/98/NT/2000/XP  ->　Windows

function getOSType()
{
    var uAgent  = navigator.userAgent.toUpperCase();
    if (uAgent.indexOf("MAC") >= 0) return "MacOS";
    if (uAgent.indexOf("WIN") >= 0) return "Windows";
    return "";
}
//　Netscape Navigator ->  Netscape
//　Internet Explorer  ->　Explorer
//　Safari  ->　Safari
//　Opera  ->　Opera
function getBrowserName()
{
    var aName  = navigator.appName.toUpperCase();
    var uName = navigator.userAgent.toUpperCase();
    if (uName.indexOf("SAFARI") >= 0)  return "Safari";
    if (uName.indexOf("FIREFOX") >= 0)  return "FireFox";
    if (uName.indexOf("OPERA") >= 0)  return "Opera";
    if (aName.indexOf("NETSCAPE") >= 0)  return "Netscape";
    if (aName.indexOf("MICROSOFT") >= 0) return "Explorer";
    return "";
}

os      = getOSType();
browser = getBrowserName();
if (os == "MacOS")   dirName = "css_mac_";
if (os == "Windows") dirName = "css_win_";
if (browser == "Netscape") dirName += "nn.css";
if (browser == "Explorer") dirName += "ie.css";
if (browser == "Safari") dirName += "safari.css";
if (browser == "FireFox") dirName += "firefox.css";
if (browser == "Opera") dirName += "opera.css";
document.write("<link rel='stylesheet' href='../../css.css' type='text/css' media='screen,tv'><link rel='stylesheet' href='../../"+dirName+"' type='text/css' media='screen,tv'>");