@charset "utf-8";

/* Contets */
div#container #index		{
	width:780px;
	height:auto;
	padding:0;
	margin:0 auto 0 auto;
	border-top:2px solid #2DA8E7;
	background-image: url(img/index/bk-index.gif);
	background-repeat: repeat-y;
}
div#container #index #main	{width:567px; float:left; padding:0; margin:0;}
div#container #index #navi	{width:213px; float:right; padding:0; margin:0;}



/* Navi */
#index #navi ul					{margin:0; width:213px; background:url(img/index/navi_bk.gif) repeat-y;}
#index #navi ul li				{margin:0; padding:0; width:213px; list-style-type:none;}



/* Main */
#index #main div.top				{height:411px; width:567px; margin:0; padding:0;}
#index #main div.top p				{height:297px; width:567px; margin:0; padding:0;}
#index #main div.top div.menu		{
	height:114px;
	width:556px;
	padding:14px 0 0px 11px;
	background-image: url(img/index/bk-top.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}
#index #main div.top div.menu dl	{width:170px; height:114px; float:left; margin:0; padding:0;}
#index #main div.top div.menu dl.tech{margin:0 16px 0 16px; display:inline; _margin:0 14px 0 14px;/*for ie6 bug*/}
#index #main div.top div.menu dl dt	{text-align:center; padding:15px 0 0 3px;}
#index #main div.top div.menu dl dd	{padding:15px 0 0 10px; line-height:1.4; font-size:10px}

#index #main div#topics		{overflow:auto; height:102px; margin:10px 0 5px 0; padding:0 10px 10px 80px; width:465px; background:url(img/index/topics.gif) 20px 10px no-repeat;}
#index #main div#topics	ul	{border-left:2px solid #3399ff; padding:7px 0 5px 11px;}
#index #main div#topics	ul li{border-bottom:1px solid #3399ff; padding:0 0 6px 13px; margin:0 0 7px 0; line-height:13px; background:url(img/index/topics-arrow.gif) no-repeat 2px 2px;}
#index #main div#topics	ul li strong{margin:0 8px 0 0;}


