/* 
for_kaiwa_css ver.20111220
top_page

*/

/* header */

div#header {
	height:403px;
}

	div#header .logoIMG {
		float:left;
		width:186px;
	}
	
	div#header .navi {
		margin:0;
		padding-top:4px;
		float:right;
		text-align:right;
	}

	div#header .navi ul,li {
		list-style-type:none;
	}
	
	div#header .navi li {
		float:left;
		font-size:12px;
		margin-left:1em;
	}

div#header .mainIMG {
	width:624px;
	text-align:center;
}


/* mainbox */

	div#kscnews .title {
		margin-bottom:3px;
		padding:0 0 0 17px;
		background-color:#5977b0;
		width:607px;
	}
	
	div#kscnews p {
		font-family:Helvetica,Osaka,Verdana;
		font-size:100%;
		font-weight:bold;
		color:#ffffff;
	}
	
	div#kscnews .box {
		margin-bottom:15px;
		padding-right:20px;
		float:left; 
		
		width:378px;
	}	

	div#kscnews ul,li {
		list-style-type:none;
		display:block;
	}
	
	div#kscnews ul {
		margin:0;
		padding:0;
	}
	
	div#kscnews li {
		padding:1px 15px;
		background:#ffffff;
		border-bottom:1px solid #a6bce8;
	}
	
	div#kscnews li a:link{
		font-size:93%;
		font-weight:bold;
		color:#3e3e3e;
		text-decoration: none;
	}
	
	div#kscnews li a:hover{
		color:#4dd3ff;
	}
	div#kscnews li a:visited{
		font-size:93%;
		font-weight:bold;
		color:#3e3e3e;
		text-decoration: none;
	}

	div#kscnews .weather {
		font-size:12px;
	}
	
	div#kscnews .txt {
		padding-left:5px;
		background-color:#ffffff; 
		border-bottom:1px solid #c5c5c5; 
		text-align:left;
	}
	
		div#kscnews .txt02 {
		padding-left:5px;
		background-color:#eeeeee; 
		border-top:1px solid #ffffff; 
		border-bottom:1px solid #cccccc; 
		text-align:center;
	}

	div#kscnews .todayIMG {
		padding:4px 5px 5px 5px;
		background-color:#ffffff; 
		border-bottom:1px solid #cccccc; 
		width:60px;
		text-align:center;
	}
	
	div#kscnews .tomorrowIMG {
		padding:4px 5px 5px 5px;
		background-color:#eeeeee; 
		border-top:1px solid #ffffff; 
		border-bottom:1px solid #cccccc; 
		width:60px;
		text-align:center;
	}

	div#kscnews .day01 {
		background-color:#ffffff; 
		border-bottom:1px solid #cccccc; 
		border-right:1px solid #cccccc;
		width:40px;
		text-align:center;
	}
	
		div#kscnews .day02 {
		background-color:#eeeeee;
		border-top:1px solid #ffffff; 
		border-right:1px solid #cccccc;
		border-bottom:1px solid #cccccc;
		width:40px;
		text-align:center;
	}
	
	div#kscnews .today {
		background-color:#ffffff;
		border-bottom:1px solid #cccccc; 
		width:55px;
		text-align:center;
	}

	div#kscnews .tomorrow {
		background-color:#eeeeee; 
		border-top:1px solid #ffffff; 
		border-bottom:1px solid #cccccc; 
		width:55px;
		text-align:center;
	}

	div#topnews {
		clear:both;
	}

	div#topnews .title {
		padding:0 0 0 17px;
		background-color:#5977b0;
		width:607px;
	}
	
	div#topnews p {
		font-family:Helvetica,Osaka,Verdana;
		font-size:100%;
		font-weight:bold;
		color:#ffffff;
	}
	
	div#topnews .box {
		margin-bottom:2px;
		padding:13px 0 11px 0;
		border:1px solid #5977b0;
		font-size:93%;
		width:622px;
	}	

	div#topnews ul,li {
		list-style-type:none;
	}
	
	div#topnews ul {
		margin:0;
		padding:0 15px;
	}
	
	div#topnews li {
		margin:0;
		padding-bottom:2px;
	}

div#topnavi {
		margin:4px auto;
		padding:15px 51px 0 51px;
		width:574px;
		height:43px;
		background:#ffffff url(../images/cmn_bg.gif) repeat-y ;
}

div#topnavi ul li{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

div#topnavi ul li a {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

div#topnavi ul li a:hover {
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	display: block;
}

		div#topnavi ul li.navi01 {
			width: 289px;
			height: 23px;
		}
		
		div#topnavi ul li.navi01 a,
		div#topnavi ul li.menu_kaiwa a:visited {
			background: url(../images/top_navi01.gif) no-repeat top;
			width: 269px;
			height: 23px;
		}
		
		div#topnavi ul li.navi01 a:hover {
			background: url(../images/top_navi01.gif) no-repeat bottom;
			width: 269px;
			height: 23px;
		}
		
		div#topnavi ul li.navi02 {
			width: 269px;
			height: 23px;
		}
		
		div#topnavi ul li.navi02 a,
		div#topnavi ul li.menu_kaiwa a:visited {
			background: url(../images/top_navi02.gif) no-repeat top;
			width: 269px;
			height: 23px;
		}
		
		div#topnavi ul li.navi02 a:hover {
			background: url(../images/top_navi02.gif) no-repeat bottom;
			width: 269px;
			height: 23px;
		}


div#topbanner {
	margin:4px auto 0 auto;
	padding:15px 26px;
	width:624px;
	background:#ffffff url(../images/cmn_bg.gif) repeat-y ;
	clear:both;
}

div#topbanner ul{
	margin:0;
	padding:0;
	width:624px;
	/*height:31px;*/
}

div#topbanner li{
	margin:0;
	padding:0;
	float:left;
	display:block;
}

div#topbanner ul:after{
content: "";
display: block;
clear: both;
}

div#topbanner ul {
display: inline-block;
}