@charset "UTF-8";






/* Contets */
div#container #index		{width:780px; padding:0; margin:0 25px 0 25px; background:url(img/index/bk-index.gif) repeat-y; border-top:2px solid #2DA8E7;}
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; padding:0; width:213px; height:413px;}
#index #navi ul li				{margin:0; padding:0; width:213px; height:35px;}
#index #navi ul li a			{display:block; padding:16px 0 6px 132px; width:81px; height:13px; line-height:13px; color:#333333; text-decoration:none;}
#index #navi ul li a:hover		{color:#666666; text-decoration:none;}
#index #navi ul li.navi1		{width:81px; height:33px;}
#index #navi ul li.navi1 a		{background:url(img/index/navi1_off.gif) no-repeat; padding:15px 0 5px 132px;}
#index #navi ul li.navi1 a:hover{background:url(img/index/navi1_on.gif) no-repeat; padding:15px 0 5px 132px;}
#index #navi ul li.navi2 a		{background:url(img/index/navi2_off.gif) no-repeat;}
#index #navi ul li.navi2 a:hover{background:url(img/index/navi2_on.gif) no-repeat;}
#index #navi ul li.navi3 a		{background:url(img/index/navi3_off.gif) no-repeat; padding:17px 0 5px 132px;}
#index #navi ul li.navi3 a:hover{background:url(img/index/navi3_on.gif) no-repeat; padding:17px 0 5px 132px;}
#index #navi ul li.navi4 a		{background:url(img/index/navi4_off.gif) no-repeat;}
#index #navi ul li.navi4 a:hover{background:url(img/index/navi4_on.gif) no-repeat;}
#index #navi ul li.navi5 a		{background:url(img/index/navi5_off.gif) no-repeat;}
#index #navi ul li.navi5 a:hover{background:url(img/index/navi5_on.gif) no-repeat;}
#index #navi ul li.navi6 a		{background:url(img/index/navi6_off.gif) no-repeat;}
#index #navi ul li.navi6 a:hover{background:url(img/index/navi6_on.gif) no-repeat;}
#index #navi ul li.navi7		{width:81px; height:62px;}
#index #navi ul li.navi7 a		{background:url(img/index/navi7_off.gif) no-repeat; padding:16px 0 33px 132px;}
#index #navi ul li.navi7 a:hover{background:url(img/index/navi7_on.gif) no-repeat; padding:16px 0 33px 132px;}
#index #navi ul li.navi0 		{width:213px; height:51px; padding:0;}
#index #navi ul li.navi8 		{width:213px; height:43px; padding:0;}
#index #navi ul li.navi8 a		{margin:0; padding:0;}
#index #navi ul li.navi9		{background:url(img/index/navi9.gif) no-repeat; width:183px; height:47px; padding:0 5px 0 25px; line-height:1.3; font-size:10px;}
#index #navi p					{background:#ffffff; padding:7px 0 7px 11px; line-height:13px; width:180px; margin:12px auto;}
#index #navi p a				{color:#333333; text-decoration:none;}
#index #navi p a:hover			{color:#666666; text-decoration:underline;}






/* Main */
#index #main div.top				{height:411px; width:567px; padding:0; margin:0; background:url(img/index/bk-top.jpg) no-repeat center bottom;}
#index #main div.top div.menu		{height:64px; width:560px; padding:14px 0 0px 7px;}
#index #main div.top div.menu dl	{width:170px; height:64px; float:left;}
#index #main div.top div.menu dl.tech{margin:0 12px 0 22px; display:inline;/*for ie6 bug*/}
#index #main div.top div.menu dl dt	{text-align:center; padding:0 0 16px 0;}
#index #main div.top div.menu dl dd	{padding:0 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;}