@charset "Shift_JIS";

/* =================================================

	Weather PopUP
	
================================================= */

#weather { 
	width: 680px; 
	margin: 0 auto; 
	} 


/* ---------------------------------------- 

	Header
 
 ----------------------------------------  */ 

#Weather #headerArea { 
	margin-bottom: 10px; 
	} 





/* ---------------------------------------- 

	Contents
 
 ----------------------------------------  */ 

#weather #ContentsArea .fntMedium { 
	font-size: 12px; 
	_font-size: 80%; 
	} 
#weather #ContentsArea .fntSmall{ 
	font-size: 11px; 
	_font-size: 70%;  
	} 

#weather #ContentsArea .fntLarge { 
	font-size: 14px; 
	_font-size: 90%;  
	} 

#weather #ContentsArea .high { 
	color: #ff0000; 
	} 
#weather #ContentsArea .low { 
	color: #336699; 
	} 
#weather #ContentsArea .high span, 
#weather #ContentsArea .low span, 
#weather #ContentsArea span.high, 
#weather #ContentsArea span.low {  
	padding: 0 4px; 
	} 
#weather #ContentsArea .prob { 
	font-weight: bold; 
	color:#1b2c82; 
	} 
#weather #ContentsArea .temp { 
	font-weight: bold;   
	}
#weather #ContentsArea td { 
	vertical-align: middle; 
	} 
	


#weather #ContentsArea h1 { 
	margin: 0 0 5px 12px; 
	color: #1c4baf; 
	font-size: 16px; 
	_font-size: 105%; 
	}
#weather #ContentsArea .title { 
	background: url(/toppage/image/weather-img/ttl-bg.jpg) no-repeat left top; 
	margin-bottom: 14px; 
	} 
#weather #ContentsArea .title table { 
	background: url(/toppage/image/weather-img/ttl-bg-f.jpg) no-repeat left bottom; 
	}
#weather #ContentsArea .title h2 { 
	margin: 6px 0 6px 12px; 
	}
#weather #ContentsArea .title p.date { 
	text-align: right; 
	color: #0d4c9c; 
	font-weight: bold; 
	margin: 4px 12px 0; 
	font-size: 12px; 
	}

 
#weather #ContentsArea .dayDate p, 
#weather #ContentsArea .iconArea p { 
	text-align: center;  
	} 
#weather #ContentsArea .tempData {  
	padding-bottom: 12px; 
	}  
#weather #ContentsArea .tempData p { 
	font-weight: bold;
	display: inline; 
	padding-right: 20px;  
	} 
#weather #ContentsArea .tblWeather th { 
	background: #ebf5f5; 
	border-width: 0 2px 1px 0; 
	border-style: solid; 
	border-color: #FFFFFF; 
	padding: 4px 12px; 
	text-align: left; 
	font-weight: normal; 
	} 
#weather #ContentsArea .tblWeather td { 
	background: #ebf5f5; 
	border-width: 0 0 1px 1px; 
	border-style: solid; 
	border-color: #FFFFFF; 
	padding: 4px 5px; 
	text-align: center; 	
	} 



#weather #ContentsArea .closeBtn { 
	margin: 25px 0 15px; 
	text-align: right; 
	}


/* ---------------------------------------- 

	footer
 
 ----------------------------------------  */ 

#Weather #footerArea { 
	margin-top: 10px; 
	border-top: 3px solid #000098; 
	padding-top: 5px; 
	}



/* ---------------------------------------- 

	Error
 
 ----------------------------------------  */ 
#weather #ContentsArea h1.attention { 
	text-align: center; 
	padding: 55px 0 0; 
	margin: 40px auto 25px; 
	background: url(/toppage/image/weather-img/mark_attention.gif) no-repeat top center; 
	color: #000000; 
	}

#weather #ContentsArea .lineBox { 
	padding: 10px 15px; 
	border: 1px solid #999999; 
	line-height: 1.6; 
	width: 610px; 
	_width: 640px; 
	margin: 0 0 0 20px;  
	} 

#weather #ContentsArea .closeBtnCenter { 
	margin: 25px auto 30px; 
	text-align: center; 
	}