/********************
Index page
********************/
/********************
Flash box
********************/
#flash{
	width: 760px;
	height: 450px;
}


#wrapper1, #wrapper2{
	width: 740px;
	height: 180px;
	margin: 10px 0 0 10px;
}
/********************
Banners
********************/
.top_banner{
	display: inline;
	float: left;
	width: 180px;
	height: 180px;
}

.top_banner a{
	text-indent: -9999px;
}

#banner1{ 
	width: 365px; 
	margin: 0 10px 0 0;
}
#banner2{
	width: 180px;
	margin: 0 10px 0 0;
}
#banner3{ 
	width: 175px; 
}

#banner4{
	width: 175px;
	margin: 0 10px 0 0;	
}
* html #banner4{
	margin: 0 5px 0 0;	
}
#banner5{
	width: 175px;
}

.top_banner a{
	display: block;
	width: 180px;
	height: 180px;
}

#banner1 a{
	width: 365px;
	background: url('images/banner_kodawari.jpg') no-repeat;
}
#banner1 a:hover{
	background: url('images/banner_kodawari.jpg') no-repeat 0 -180px;
}

#banner2 a{
	background:url('images/banner_gallery.jpg') no-repeat;
}
#banner2 a:hover{
	background:url('images/banner_gallery.jpg') no-repeat 0 -180px;
}

#banner3 a{
	width: 175px;
	background: url('images/banner_ieblog.jpg') no-repeat;
}
#banner3 a:hover{
	background: url('images/banner_ieblog.jpg') no-repeat 0 -180px;
}

#banner4 a{
	background: url('images/banner_voice.jpg') no-repeat;
}
#banner4 a:hover{
	background: url('images/banner_voice.jpg') no-repeat 0 -180px;
}
#banner5 a{
	width: 175px;
	background: url('images/banner_joy.jpg') no-repeat;
}
#banner5 a:hover{
	background: url('images/banner_joy.jpg') no-repeat 0 -180px;
}
/********************
News Information
********************/
#news{
	display: inline;
	float: left;
	width: 370px;
	height: 180px;
	margin: 0 10px 0 0;
	background: url('images/bg_news.jpg');
}
#news p{
	width: 330px;
	height: 35px;
	overflow: hidden;
/*	text-indent: -9999px;*/
}

#news dl{
	height: 135px;
	width: 350px;
	margin: 0 10px;
	overflow:auto;
	font-size: 85%;
	color: #333;
	line-height: 1.5;
}

#news dl dt{
	border-top: 1px solid #ccc;
}

#news dl dd{
	margin: 0 0 0 20px;
}