@charset "utf-8";
/* CSS Document */


div.wh_tit{background:url(http://image.utravelnote.com/images/note/bg/bg_wheater_tit.gif) no-repeat; height:18px; padding:10px 10px; margin:10px 0;}
div.wh_tit h2{font-size:medium;}
#wheatherDetail{width:483px;}
#wheatherDetail li{margin-top:6px;}
#wheatherDetail li.t_none{margin-top:0px;}
#wheatherDetail div.l_on{float:left; background:url(http://image.utravelnote.com/images/note/bg/bg_wheater_l_on.gif) no-repeat; width:7px; height:45px;}
#wheatherDetail div.l_off{float:left; background:url(http://image.utravelnote.com/images/note/bg/bg_wheater_l_off.gif) no-repeat; width:7px; height:45px;}
#wheatherDetail table{float:left; width:473px; height:45px;}
#wheatherDetail table.m_on{border:1px solid #fe8227; border-left:none;}
#wheatherDetail table.m_off{border:1px solid #c9c9c9; border-left:none;}
#wheatherDetail table td{padding:0 3px; border-left:1px solid #e6e6e6;}
#wheatherDetail table td img{float:left; border:1px solid #e6e6e6; margin:2px 3px 2px 4px;}
strong{font-size:14px;}
#wheatherDetail table td div.fl p{font-size:x-small;}
.bu_wh01{background-image:url(http://image.utravelnote.com/images/note/bu/bu_wheather_01.gif);}
.bu_wh02{background-image:url(http://image.utravelnote.com/images/note/bu/bu_wheather_02.gif);}
.bu_wh03{background-image:url(http://image.utravelnote.com/images/note/bu/bu_wheather_03.gif);}
.bu_wh04{background-image:url(http://image.utravelnote.com/images/note/bu/bu_wheather_04.gif);}
.bu_wh05{background-image:url(http://image.utravelnote.com/images/note/bu/bu_wheather_05.gif);}
.bu_wh01, .bu_wh02, .bu_wh03, .bu_wh04, .bu_wh05{float:left; padding-left:15px; height:16px; background-repeat:no-repeat; background-position:0 3px;}
.bu_wh03, .bu_wh05{clear:left; margin-top:1px; }

table.fiveday{border-collapse:collapse; width:100%; text-align:center;}
table.fiveday th{width:16%; background-color:#f1f1f1; border:1px solid #c9c9c9; padding:3px 0;}
table.fiveday th.sat{background-color:#d7ebff;}
table.fiveday th.sun{background-color:#ffe3e3;}
table.fiveday td{padding:2px 0; vertical-align:middle; border:1px solid #c9c9c9;}
table.fiveday td.twopx{border-top:1px solid #c9c9c9; font-size:0px; height:0px; border-collapse:collapse; padding:0px; margin:0px;}
table.fiveday td.g_row{background-color:#f1f1f1;}
table.fiveday td img{float:left; border:1px solid #e6e6e6; margin:2px 3px 2px 4px;}
.ki_blue{color:#639aed;}
.ki_red{color:#e01e36;}

#detailWheather{float:left;width:460px;}
#detailWheather div.fl img{border:1px solid #c9c9c9;}
#detailWheather div.fr table{width:357px; border-collapse:collapse;}
#detailWheather div.fr th{font-size:14px; font-weight:bold; text-align:left; padding:8px 0;}
#detailWheather div.fr td{font-size:14px; padding:6px 0;}
#detailWheather div.fr td.bt{border-top:1px solid #c9c9c9; font-size:0px; height:0px; padding:0px;}
#detailMap{float:right; width:260px; border:2px solid #c9c9c9;}
#detailMap img{float:right;}
.ft_14{font-size:14px;}
.vat{vertical-align:top;}
#wheatherMap{float:left; background:url(http://image.utravelnote.com/images/note/bg/bg_map.gif) no-repeat; width:231px; height:401px; margin:20px 0 0 4px; padding-top:30px;}
#wheatherMap li{float:left; display:inline; cursor:pointer;}
#wheatherMap .area_tit{background-repeat:no-repeat; width:44px; height:15px;}
#wheatherMap .whe_4_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_01_on.png);}
#wheatherMap .whe_0_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_02_on.png);}
#wheatherMap .whe_3_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_03_on.png);}
#wheatherMap .whe_9_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_04_on.png);}
#wheatherMap .whe_6_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_05_on.png);}
#wheatherMap .whe_5_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_06_on.png);}
#wheatherMap .whe_7_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_07_on.png);}
#wheatherMap .whe_8_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_08_on.png);}
#wheatherMap .whe_1_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_09_on.png);}
#wheatherMap .whe_2_on{background-image:url(http://image.utravelnote.com/images/note/png/weather_10_on.png);}

* html #wheatherMap .whe_4_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_01_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_0_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_02_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_2_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_03_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_9_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_04_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_6_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_05_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_5_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_06_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_7_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_07_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_8_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_08_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_1_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_09_on.png',sizingMethod='crop');
}
* html #wheatherMap .whe_2_on {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_10_on.png',sizingMethod='crop');
}



#wheatherMap .whe_4_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_01_off.png);}
#wheatherMap .whe_0_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_02_off.png);}
#wheatherMap .whe_3_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_03_off.png);}
#wheatherMap .whe_9_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_04_off.png);}
#wheatherMap .whe_6_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_05_off.png);}
#wheatherMap .whe_5_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_06_off.png);}
#wheatherMap .whe_7_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_07_off.png);}
#wheatherMap .whe_8_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_08_off.png);}
#wheatherMap .whe_1_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_09_off.png);}
#wheatherMap .whe_2_off{background-image:url(http://image.utravelnote.com/images/note/png/weather_10_off.png);}

* html #wheatherMap .whe_4_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_01_off.png',sizingMethod='crop');
}
* html #wheatherMap .whe_0_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_02_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_3_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_03_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_9_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_04_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_6_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_05_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_5_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_06_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_7_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_07_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_8_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_08_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_1_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_09_off.png',sizingMethod='crop');
}

* html #wheatherMap .whe_2_off {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/png/weather_10_off.png',sizingMethod='crop');
}

#wheatherMap .area_con{width:42px; text-align:center; vertical-align:middle; background-color:#FFFFFF;}
#wheatherMap .area_con p{font-size:x-small; margin-top:-3px;}
#wheatherMap .area_off{border:1px solid #c9c9c9;}
#wheatherMap .area_on{border:1px solid #fe8227;}

table.fiveday div.map{background-repeat:no-repeat; width:56px; height:96px;}
table.fiveday div.map_area_0{background-image:url(http://image.utravelnote.com/images/note/ico/ico_wheather_map_0.gif);}
table.fiveday div.map_area_1{background-image:url(http://image.utravelnote.com/images/note/ico/ico_wheather_map_1.gif);}
table.fiveday div.map_area_2{background-image:url(http://image.utravelnote.com/images/note/ico/ico_wheather_map_2.gif);}