//browser check and css write

document.writeln('<style type="text/css"><!--')
document.writeln('body { color:#333333; background-color:#ffffff; }')

if(navigator.appVersion.indexOf("Mac") != -1){
	if(navigator.appName.charAt(0) == "M"){
	// Mac IE
		document.writeln('.recipe { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:120%; }')
		document.writeln('.fs7 { font-size:7px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs8 { font-size:8px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs9 { font-size:9px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs10 { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs11 { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs12 { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs14 { font-size:14px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs13 { font-size:13px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs16 { font-size:16px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs17 { font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.rclum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#676767; }')
		document.writeln('.tabekoto { font-weight:bold; font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#006666; }')
		document.writeln('.wcolum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#636363; }')
		document.writeln('.cap { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.qa { font-weight:bold; font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:140%; color:#FF8700; }')
		document.writeln('.sitemap { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:160%; color:#666666; }')
		document.writeln('.footer { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; color:#666666; }')
		document.writeln('.profile { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#656565; }')
	}
	else if(navigator.appName.charAt(0) == "N"){
	// Mac NN
		document.writeln('.recipe { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:120%; }')
		document.writeln('.fs7 { font-size:7px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs8 { font-size:8px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs9 { font-size:9px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs10 { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs11 { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs12 { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs13 { font-size:13px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs14 { font-size:14px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs16 { font-size:16px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs17 { font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.rclum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#676767; }')
		document.writeln('.tabekoto { font-weight:bold; font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#006666; }')
		document.writeln('.wcolum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#636363; }')
		document.writeln('.cap { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.qa { font-weight:bold; font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:140%; color:#FF8700; }')
		document.writeln('.sitemap { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:160%; color:#666666; }')
		document.writeln('.footer { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; color:#666666; }')
		document.writeln('.profile { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#656565; }')
	}
}
else if(navigator.appVersion.indexOf("Win") != -1){
	if(navigator.appName.charAt(0) == "M"){
	// Win IE
		document.writeln('.recipe { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:120%; }')
		document.writeln('.fs7 { font-size:7px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs8 { font-size:8px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs9 { font-size:9px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs10 { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs11 { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs12 { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs13 { font-size:13px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs16 { font-size:16px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs14 { font-size:14px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs17 { font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.rclum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#676767; }')
		document.writeln('.tabekoto{ font-weight:bold; font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#006666; }')
		document.writeln('.wcolum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#636363; }')
		document.writeln('.wcolumread { font-size:12px; font-family:MS P$B%4%7%C%/(B,MS UI Gothic, Osaka; line-height:300%; color:#636363; }')
		document.writeln('.cap { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.qa { font-weight:bold; font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:140%; color:#FF8700; }')
		document.writeln('.sitemap { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:160%; color:#666666; }')
		document.writeln('.footer { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; color:#666666; }')
		document.writeln('.profile { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#656565; }')
	}
	else if(navigator.appName.charAt(0) == "N"){
	// Win NN
		document.writeln('.recipe { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:120%; }')
		document.writeln('.fs7 { font-size:7px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs8 { font-size:8px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs9 { font-size:9px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs10 { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs11 { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs12 { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs13 { font-size:13px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs14 { font-size:14px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs16 { font-size:16px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs17 { font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.rclum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#676767; }')
		document.writeln('.tabekoto { font-weight:bold; font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#006666; }')
		document.writeln('.wcolum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#636363; }')
		document.writeln('.cap { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.qa { font-weight:bold; font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:140%; color:#FF8700; }')
		document.writeln('.sitemap { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:160%; color:#666666; }')
		document.writeln('.footer { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; color:#666666; }')
		document.writeln('.profile { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#656565; }')
	}
}
else{
// Other
		document.writeln('.recipe { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:120%; }')
		document.writeln('.fs7 { font-size:7px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs8 { font-size:8px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs9 { font-size:9px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs10 { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs11 { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.fs12 { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs13 { font-size:13px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs14 { font-size:14px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs16 { font-size:16px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.fs17 { font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; }')
		document.writeln('.rclum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#676767; }')
		document.writeln('.tabekoto { font-weight:bold; font-size:17px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#666666; }')
		document.writeln('.wcolum { font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#636363; }')
		document.writeln('.cap { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; }')
		document.writeln('.qa { font-weight:bold; font-size:12px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:140%; color:#FF8700; }')
		document.writeln('.sitemap { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:160%; color:#006666; }')
		document.writeln('.footer { font-size:11px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:130%; color:#666666; }')
		document.writeln('.profile { font-size:10px; font-family:MS PGothic,MS UI Gothic, Osaka; line-height:150%; color:#656565; }')		
}
document.writeln('.colum_text { font-size: 12px; ; color: #646464; line-height: 110%;}')
document.writeln('.colum_desc { font-size: 11px; ; color: #999999; line-height: 120%;}')
document.writeln('a { text-decoration: none; }')
document.writeln('a:link { color: #009966; }')
document.writeln('a:visited { color: #009966; }')
document.writeln('a:active { color: #009966;}')
document.writeln('a:hover { color:#009966; text-decoration:underline;}')
document.writeln('--></style>');

