@charset "utf-8";
/* CSS Document */

#categories{
	font-size:12px;
	font-weight:bold;
	margin:3px 0 0 0;
	padding:0;
}

#categories .category{
	float:left;
	width:179px;
}

#categories .category ul{
	list-style:none;
}

#categories h4{
	text-align:center;
	margin:0;
	padding:0;
}

#categories h4 a{
	background-image:url(../image/common/btn_category.jpg);
	background-repeat:no-repeat;
	height:24px;
	padding:11px 0 0 0;
	display:block;
	text-decoration:none;
	color:#000000;
	font-size:12px;
}

#categories h4 a:hover{
	background-image:url(../image/common/btn_category_rollover.jpg);
}

#categories .category ul{
	background-image:url(../image/categoryframe_bg.jpg);
	background-repeat:no-repeat;
	padding:12px 20px 0 20px;
/*	height:198px; */
	height:228px;
}

#categories .category ul li{
	padding:2px 0 2px 0;
	line-height:130%;
	color:#999999;
}

#categories .category ul li a{
	 text-decoration:none;
	 color:#333333;
}

#categories .category ul li a:hover{
	text-decoration:underline;
	 color:#CC3300;
}

#categories .category .viewList{
	text-align:right;
	padding:0 4px 0 0;
}

#separateLine{
	background-image:url(../image/category_separateline.gif);
	height:11px;
}



/* mainContents */

#mainContents{
	background-color:#eaeaea;
	padding:12px;
}

#introduceAndBanner{
	float:left;
	width:157px;
	margin:0 8px 0 0;
}


#introduce h3{
	margin:0 0 5px 0;
}

#introduce a img{
	margin:0 0 5px 0;
}

#banner{
	margin:5px 0 0 0;
}

#banner img{
	margin:5px 0 0 0;
	border:none;
}

#infoAndNews{
	float:left;
	width:211px;
}

#news2{
	float:left;
	width:217px;
margin-left:15px;
}

#information{
	float:right;
	width:217px;
}

#hotToSetupOffice{
	float:right;
	width:485px;
}

#infoAndNews .upperFrame{
	background-image:url(../image/frame_upper_fukidashi.jpg);
	height:6px;
}

#news2 .upperFrame, #information .upperFrame{
	background-image:url(../image/frame_upper_fukidashi.jpg);
	background-repeat:no-repeat;
	background-position:4px 0;
	height:6px;
}

#infoAndNews .frameBody, #information .frameBody, #news2 .frameBody{
	background-color:#FFFFFF;
	padding:10px;
}

#infoAndNews .lowerFrame, #news2 .lowerFrame, #information .lowerFrame{
	background-image:url(../image/frame_lower_fukidashi.jpg);
	height:7px;
}

#infoAndNews .date, #news2 .date, #information .date{
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	color:#666666;
}

/*
#infoAndNews h4{
	padding:1px 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:dotted 1px #bbbbbb;
}
*/

#news2 h4, #information h4{
	padding:1px 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:dotted 1px #bbbbbb;
}

#infonewsBox{
	width:470px;
height:1%;
}

#infonewsBox:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}


#infoAndNews a, #news2 a #information a{
	font-weight:normal;
	font-size:12px;
	color:#003366;
	line-height:130%;
}


#infoAndNews .viewList, #news2 .viewList, #information .viewList{
	text-align:right;
	margin:3px 0 0 0;
}


#movie{
	margin:0 0 10px 0;
}

#movie_bk{
	background-image:url(../image/bk_movie.gif);
	height:149px;
}

#movie_bk img{
	margin:14px 0 0 15px;
}

#information{
	margin:0 0 10px 0;
}

#howToSetup{
	float:left;
	width:218px;
}

#howToSetup .btns{
	margin:5px 0 0 0;
}

.btns{
	margin:5px 0 0 0;
	float:left;
}

.btns2{
	margin:5px 5px 0 0;
	float:right;
}

#fromnews{
	margin:5px 0 0 0;
	clear:both;
}



#howToSetup #first{
	margin:10px 0 0 0;
}

#howToSetup #news{
	margin:10px 0 0 0;
}

#howToSetup .frameBody{
	background-image:url(../image/bg_news.jpg);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding:7px 15px 7px 15px;
}

#howToSetup .lowerFrame{
	background-image:url(../image/frame_lower_news.jpg);
	height:11px;
}

#howToSetup .date{
	font-size:10px;
	font-family:Verdana;
	font-weight:bold;
	color:#666666;
}

#howToSetup h5{
	padding:1px 0 3px 0;
	margin:0 0 3px 0;
	border-bottom:dotted 1px #bbbbbb;
}

#howToSetup a{
	font-weight:normal;
	font-size:12px;
	color:#003366;
	line-height:130%;
}

#howToSetup .viewList{
	text-align:right;
	margin:3px 0 0 0;
}


#incubate{
	float:right;
	width:250px;
	font-size:12px;
	margin:10px 0 0 0;
}

#incubate .upperFrame{
	background-image:url(../image/frame_upper_incubate.jpg);
	height:7px;
}

#incubate .frameBody{
	background-color:#FFFFFF;
	padding:10px;
}

#incubate .lowerFrame{
	background-image:url(../image/frame_lower_incubate.jpg);
	height:7px;
}

#incubate .line{
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:dotted 1px #bbbbbb;
}

#incubate .name{
	padding:2px 2px 2px 4px;
	margin:0 0 2px 0;
	background-color:#CCCCCC;
}

#incubate .companyImage{
	float:left;
	width:49px;
	margin:3px 0 0 0;
	border:solid 1px #999999;
}

#incubate .data{
	float:right;
	width:172px;
	padding:1px;
	line-height:130%;
	font-size:10px;
	color:#666666;
}

#incubate a{
	font-weight:normal;
	font-size:12px;
	color:#003366;
	line-height:130%;
}

#topbannerBox{
width:486px;
clear:both;
}