*	{
	margin:0px;
	padding:0px;
	}

body{
	}

#container{
	width:620px;
	height:100%;
	margin-left:5px;
	}

#g_menu{
	width:620px;
	height:50px;
	}

#menu{
	width:600px;
	height:20px;
	margin-top:3px;
	margin-left:10px;
	float:left;
	background-color:#eee;
	}

#list{
	width:600px;
	height:20px;
	margin-top:4px;
	margin-left:10px;
	float:left;
	background-color:orange;
	}

#list p{
	font-size:12px;
	margin-top:3px;
	margin-left:5px;
	float:left;
	}
/******************   天気図・レーダー図   ******************/

#content{
	width:620px;
	height:350px;
	background-image:url(../img/contents_bg.png);
	}

#wmap{
	width:300px;
	height:340px;
	float:left;
	margin:5px;
	}
	
#wmap_t{
	width:300px;
	height:30px;
	margin-top:5px;
	}

#wmap_m{
	width:300px;
	height:300px;
	margin-top:5px;
	}

#rader{
	width:300px;
	height:340px;
	float:left;
	margin:5px;
	}

#rader_t{
	width:300px;
	height:30px;
	margin-top:5px;
	}

#rader_m{
	width:300px;
	height:300px;
	margin-top:5px;
	}

#footer{
	width:620px;
	height:30px;
	margin-top:5px;
	}

.footer_in{
	width:300px;
	height:170px;
	float:left;
	margin:5px;
	}

.footer_in p{
	width:284px;
	margin-left:auto;
	margin-right:auto;
	padding:3px 5px 0px 5px;
	font-size:12px;
	}

.name{
	width:150px;
	height:20px;
	margin-top:5px;
	margin-left:75px;
	border:solid 1px;
	border-color:orange;
	text-align:center;
	float:left;
	font-size:18px;
	color:blue;
	background-image:url(../img/tb.png);
	}

.fip{
	width:300px;
	font-size:14px;
	border-left:solid 5px;
	border-bottom:solid 1px;
	border-color:orange;
	background-color:#fff;
	}

/******************   天気予報   ******************/

#s_yoho{
	width:600px;
	height:300px;
	margin-left:10px;
	background-color:#E0FFFF;
	}

#yoho_m_l{
	width:290px;
	height:25px;
	float:left;
	margin:5px;
	}

#yoho_m_l h2{
	margin-top:3px;
	text-align:center;
	font-size:15px;
	color:blue;
	}

#yoho_m_r{
	width:290px;
	height:25px;
	float:left;
	margin:5px;
	text-align:right;
	}

#kigo{
	width:290px;
	height:25px;
	float:right;
	margin:5px;
	margin-bottom:25px;
	text-align:right;
	font-weight:bold;
	font-size:14px;
	}

#yoho_contents{
	width:590px;
	height:203px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

#y_today{
	width:169px;
	height:203px;
	float:left;
	background-image:url(../img/inaina.png);
	}

#y_tomorrow{
	width:169px;
	height:203px;
	float:left;
	margin-left:41px;
	background-image:url(../img/inaina.png);
	}

#y_aftomorrow{
	width:169px;
	height:203px;
	float:left;
	margin-left:41px;
	background-image:url(../img/inaina.png);
	}

.ytime{
	width:50px;
	height:25px;
	float:left;
	margin-left:2px;
	text-align:center;
	background-image:url(../img/bg05.png);
	background-repeart:no-repeat;
	}

#yti{
	width:50px;
	height:25px;
	//background-image:url('http://www.jma.go.jp/jp/yoho/images/207_telop_today.png');
	background-position:25% 62%;
	float:left;
	margin-top:25px;
	margin-left:75px;
	}

#ytti{
	width:50px;
	height:25px;
	//background-image:url('http://www.jma.go.jp/jp/yoho/images/207_telop_tomorrow.png');
	background-position:25% 62%;
	float:left;
	margin-top:25px;
	margin-left:75px;
	}

#yttti{
	width:50px;
	height:25px;
	//background-image:url('http://www.jma.go.jp/jp/yoho/images/207_telop_aftomorrow.png');
	background-position:25% 62%;
	float:left;
	margin-top:25px;
	margin-left:75px;
	}

#yoho_coments{
	width:580px;
	height:100px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	}

*:first-child+html #yoho_coments{
	width:580px;
	height:150px;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	clear:both;
	background-color:#ddd;
	}

#gai{
	width:570px;
	height:25px;
	margin:5px;
	float:left;
	}
	
#gai_a{
	width:186px;
	height:25px;
	float:left;
	background-color:#fff;
	text-align:center;
	box-shadow:5px 5px 3px #ddd;
	-moz-box-shadow:5px 5px 3px #ddd;
	-webkit-box-shadow:5px 5px 3px #ddd;
	}

#gai_b{
	width:186px;
	height:25px;
	float:left;
	margin-left:6px;
	background-color:#fff;
	text-align:center;
	box-shadow:5px 5px 3px #ddd;
	-moz-box-shadow:5px 5px 3px #ddd;
	-webkit-box-shadow:5px 5px 3px #ddd;
	}

#gai_c{
	width:186px;
	height:25px;
	float:right;
	background-color:#fff;
	text-align:center;
	box-shadow:5px 5px 3px #ddd;
	-moz-box-shadow:5px 5px 3px #ddd;
	-webkit-box-shadow:5px 5px 3px #ddd;
	}

#g_contents{
	width:550px;
	/*height:130px;*/
	margin-left:5px;
	float:left;
	background-color:#fff;
	padding:10px;
	box-shadow:1px 1px 3px #888;
	font-size:14px;
	}

#g_contents h4{
	color:blue;
	}

.m_contents{
	width:550px;
	/*height:50px;*/
	margin:10px 5px;
	float:left;
	background-color:#fff;
	padding:10px;
	box-shadow:1px 1px 3px #888;
	font-size:14px;
	}

.m_contents_sub{
	width:270px;
	/*height:50px;*/
	margin:10px 5px;
	float:left;
	background-color:#fff;
	padding:10px;
	box-shadow:1px 1px 3px #888;
	font-size:14px;
	}


.m_contents h4{
	color:blue;
	}

.m_contents_sub h4{
	color:blue;
	}


/******************   フッター   ******************/

form{
	margin-left:15px;
	}