/* CSS Document */

#navi { left; width: 800px; margin: 0 auto; padding: 0; border:}
#navi ul { margin: 0; padding: 0; list-style:none; }
#navi li { margin: 0; padding: 0; height: 32px; text-indent: -9999px; }
#navi li#home { float: left; background:  url(../btn_top_over.jpg) no-repeat; width: 78px;}
#navi li#search { float: left; background:  url(../btn_search.jpg) no-repeat; width: 121px;}
#navi li#cata { float: left; background:  url(../btn_cata.jpg) no-repeat; width: 150px;}
#navi li#news { float: left; background:  url(../btn_blog.jpg) no-repeat; width: 132px;}
#navi li#case { float: left; background:  url(../btn_case.jpg) no-repeat; width: 114px;}
#navi li#kiji { float: left; background:  url(../btn_kiji.jpg) no-repeat; width: 105px;}
#navi li a { height: 32px; text-decoration: none; display: block;}

#navi li#home a:hover { background:  url(../btn_top_over.jpg); }
#navi li#feature a:hover { background:  url(../btn_feature_over.jpg); }
#navi li#search a:hover { background:  url(../btn_search_over.jpg); }
#navi li#cata a:hover { background:  url(../btn_cata_over.jpg); }
#navi li#news a:hover { background:  url(../btn_blog_over.jpg); }
#navi li#case a:hover { background:  url(../btn_case_over.jpg); }
#navi li#kiji a:hover { background:  url(../btn_kiji_over.jpg); }


h2#new {
	width: 580px;
	height: 23px;
	margin: 10px 0 0 0;
	padding: 0;
	background: url(../../img/title_news.gif) no-repeat;
	text-indent: -9999px;
	font-size: 9pt;
}
.new {
	background: #F0EFFF;
	font-size: 1em;
}
#sft {
	width: 580px;
	height: 100px;
	margin-top: 15px;
	padding: 0;
	background: url(../../search/img/bg_search.gif) no-repeat;
}
#soft {
	width: 500px; height: 100px;
	padding: 0;
	margin-top: 15px;
	margin-left: 44px;
}
h2#cate {
	width: 580px;
	height: 23px;
	margin: 25px 0 0 0;
	padding: 0;
	background: url(../../search/img/title_cate.gif) no-repeat;
	text-indent: -9999px;
	font-size: 9pt;
}
.col { margin: 0; padding: 0; width: 580px;}
.left {
	float: left;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	width: 280px; height:80px;
	border-bottom: 1px dotted #999999;
}
.left h3 { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; }

.right { 
	float: right;
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;
	width: 280px; height: 80px;
	border-bottom: 1px dotted #999999;
}
.right h3 { margin: 0; padding: 0; font-size: 1.2em; font-weight: bold; }


#rollwaku {
width: 580px;
height: 120px;
margin-bottom: 20px;
background-color: #ffffff;
border: 1px gray solid;
overflow-y: scroll;
}