@charset "utf-8";

#weather {
margin: 5px 20px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#weather table {
width: 400px;
margin: 15px auto 15px;
border: 1px solid #abb;
border-collapse: collapse;
}

#weather table tr.head th {
height: 2em;
border: 1px solid #abb;
background: #e7f0f8 url(./../images/bg_t_head.gif) no-repeat top left;
font-size: 14px;
font-weight: normal;
text-align: center;
line-height: 2;
}

#weather table tr.head th.today {
width: 110px;
}

#weather table tr.head th.tomorrow {
width: 110px;
}

#weather table tr.body th {
width: 170px;
padding: 0 5px;
border: 1px solid #abb;
text-align: right;
}

#weather table tr.body th a {
float: left;
font-size: 14px;
line-height: 36px;
color: #000;
text-decoration: none;
letter-spacing: 0.25em;
}

#weather table tr.body th a.bottun {
float: right;
margin: 6px 0 6px 0;
line-height: 1;
}

#weather table tr.body td {
height: 36px;
border: 1px solid #acc;
text-align: center;
line-height: 36px;
}



#weather-detail {
margin: 5px 0;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#weather-detail div.today table ,
#weather-detail div.tomorrow table {
width: 590px;
margin: 10px auto 15px;
border: 1px solid #8aa;
border-collapse: collapse;
}

#weather-detail div.today table colgroup.area ,
#weather-detail div.tomorrow table colgroup.area {
width: 80px;
}

#weather-detail div.today table colgroup.weather ,
#weather-detail div.tomorrow table colgroup.weather {
width: 110px;
}

#weather-detail div.today table colgroup.rain ,
#weather-detail div.tomorrow table colgroup.rain {
width: 65px;
}

#weather-detail div.today table colgroup.highs ,
#weather-detail div.tomorrow table colgroup.highs {
width: 70px;
}

#weather-detail div.today table colgroup.lows ,
#weather-detail div.tomorrow table colgroup.lows {
width: 70px;
}

#weather-detail div.today table tr.head th ,
#weather-detail div.tomorrow table tr.head th {
height: 2em;
border: 1px solid #abb;
background: #e7f0f8 url(./../images/bg_t_head.gif) no-repeat top left;
font-size: 12px;
font-weight: normal;
line-height: 2;
text-align: center;
}

#weather-detail div.today table tr.head-sub th ,
#weather-detail div.tomorrow table tr.head-sub th {
height: 2em;
border: 1px solid #abb;
background-color: #ffd;
font-size: 12px;
font-weight: normal;
line-height: 2;
text-align: center;
}

#weather-detail div.tomorrow table tr.body th ,
#weather-detail div.today table tr.body th {
height: 36px;
border: 1px solid #abb;
background-color: #ffd;
font-size: 14px;
line-height: 36px;
text-align: center;
}

#weather-detail div.tomorrow table tr.body td ,
#weather-detail div.today table tr.body td {
height: 36px;
border: 1px solid #abb;
font-size: 14px;
line-height: 36px;
text-align: center;
}



#weather-detail div.week table {
width: 550px;
margin: 10px auto 15px;
border: 1px solid #8a8;
background-color: #bcb;
border-collapse: collapse;
}

#weather-detail div.week table colgroup.area {
width: 130px;
}

#weather-detail div.week table colgroup.week {
width: 70px;
background-color: #fff;
}

#weather-detail div.week table tr.head th {
height: 2em;
border: 1px solid #8a8;
background: #e7f0f8 url(./../images/bg_t_head_week.gif) no-repeat top left;
font-size: 12px;
line-height: 2;
text-align: center;
}

#weather-detail div.week table tr.body td {
height: 2wm;
border: 1px solid #8a8;
font-size: 14px;
line-height: 2em;
text-align: center;
}

#weather-detail div.week table tr.weather td {
height: 40px;
line-height: 40px;
}

#weather-detail div.week table tr.temp td {
border-bottom: 3px double #686;
}

#weather-detail div.week table tr.temp:last-child td {
border-bottom: 1px solid #686;
}

#weather-detail div.week table tr.body th {
height: 2em;
border: 1px solid #8a8;
background-color: #fff;
font-size: 12px;
line-height: 2em;
text-align: center;
}

#weather-detail div.week table tr.body th span.supple {
font-size: 10px;
}

#weather-detail div.week table tr.weather th {
background-color: #ffd;
font-size: 16px;
}

#weather-detail div.week table tr.temp th {
border-bottom: 3px double #686;
}

#weather-detail div.week table tr.temp:last-child th {
border-bottom: 1px solid #686;
}




/*
.title{
	margin: 25px 0px 15px 0px;
	padding: 6px 0px 0px 8px;
	background-color: #DFEADF;
	border-left: solid 5px #669966;
	height: 20px;
	font-weight: bold;}

.title2{
	margin: 25px 0px 15px 0px;
	padding: 6px 0px 0px 8px;
	background-color: #E8E0CC;
	border-left: solid 5px #C7B483;
	height: 20px;
	font-weight: bold;}

#WEATHER td{
	text-align: center;
	font-size:95%;}

#WEATHER a:link{ color:#000000; text-decoration: underline;}
#WEATHER a:visited{ color:#000000; text-decoration: none;}
#WEATHER a:active{ color:#0000CC; text-decoration: none;}
#WEATHER a:hover{ color:#0000CC; text-decoration: underline;}

.bold{ 
	font-weight: bold;
	font-size:105%;}

.ken{
	float:left;
	font-weight: bold;
	text-align:left;
	line-height:24px;
	font-size:110%;}

.botan{
	float:right;
	margin:0 auto;
	text-align:right;}