@charset "utf-8";
/* top page rule set*/

#needs {
	height: auto;
	width: 720px;
	border: 1px solid #EEEEEE;
}

#needs #column {
	height: 200px;
	width: 705px;
	padding-top: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-image: url(../images/basic/section_back/section_back.png);
	background-repeat: no-repeat;
	background-position: top;
}

/* section s1~6 link rule */
#needs #column a{
	height: 100px;
	width: 230px;
	float: left;
}
.section_s1 a {
	background-image: url(../images/basic/section_back/s1.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s1 a:hover {
	background-image: url(../images/basic/section_back/s1_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s2 a {
	background-image: url(../images/basic/section_back/s2.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s2 a:hover {
	background-image: url(../images/basic/section_back/s2_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s3 a {
	background-image: url(../images/basic/section_back/s3.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s3 a:hover {
	background-image: url(../images/basic/section_back/s3_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s4 a {
	background-image: url(../images/basic/section_back/s4.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s4 a:hover {
	background-image: url(../images/basic/section_back/s4_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s5 a {
	background-image: url(../images/basic/section_back/s5.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s5 a:hover {
	background-image: url(../images/basic/section_back/s5_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s6 a {
	background-image: url(../images/basic/section_back/s6.png);
	background-repeat: no-repeat;
	background-position: top;
}

.section_s6 a:hover {
	background-image: url(../images/basic/section_back/s6_on.png);
	background-repeat: no-repeat;
	background-position: top;
}

/* --- */

#needs #column li {
	/* line-height: 20px;
	width: 210px;
	text-align: left; */
	list-style-type: none;
	display: none;
}
/*
#section li img {
	padding-right: 3px;
}
*/

/*
#section #align-right {
	color: #EEEEEE;
	text-align: right;
	font-weight: bold;
	padding-top: 3px;
}
*/

/* nc */
#nc {
	width: 720px;
	height: 300px;
	padding-top: 25px;
}

/* nc_outline */
#nc_outline {
	float: left;
	height: 300px;
	width: 200px;
}

#section2 li {
	float: left;
	height: 48px;
	width: 188px;
	list-style-type: none;
	display: block;
	padding-bottom: 17px;
	padding-left: 5px;
	padding-right: 5px;
}

#section2 li a {
	height: 48px;
	width: 188px;
	border: 1px solid #EEEEEE;
	display: block;
	background-image: url(../images/basic/column.gif);
	background-repeat: repeat-x;
	background-position: top;
}

#section2 li a:hover {
	background-image: url(../images/basic/column2.gif);
}

/* nc_approach */
#nc_approach {
	float: left;
	height: 300px;
	width: 440px;
	padding-left: 80px;
}

#nc_approach li {
	float: left;
	height: 68px;
	width: 208px;
	list-style-type: none;
	padding-bottom: 20px;
}

#nc_approach li a {
	float: left;
	height: 66px;
	width: 206px;
	border: 1px solid #EEEEEE;
	display: block;
	line-height: 66px;
	text-indent: 13px;
	text-align: left;
	background-repeat: repeat-x;
	background-position: top left;
}

/* nc_approach(back images) */
#research {
	background-image: url(../images/basic/approach/nc_research_bar.gif);
}

#promotion {
	background-image: url(../images/basic/approach/nc_promotion_bar.gif);
}

#donation {
	background-image: url(../images/basic/approach/nc_donation_bar.gif);
}

#employment {
	background-image: url(../images/basic/approach/nc_employment_bar.gif);
}

#event {
	background-image: url(../images/basic/approach/nc_event_bar.gif);
}

#ipo {
	background-image: url(../images/basic/approach/nc_ipo_bar.gif);
}
/**/
#research a:hover {
	background-image: url(../images/basic/approach/on/nc_research_bar_on.gif);
}

#promotion a:hover {
	background-image: url(../images/basic/approach/on/nc_promotion_bar_on.gif);
}

#donation a:hover {
	background-image: url(../images/basic/approach/on/nc_donation_bar_on.gif);
}

#employment a:hover {
	background-image: url(../images/basic/approach/on/nc_employment_bar_on.gif);
}

#event a:hover {
	background-image: url(../images/basic/approach/on/nc_event_bar_on.gif);
}

#ipo a:hover {
	background-image: url(../images/basic/approach/on/nc_ipo_bar_on.gif);
}
/**/

#section3 {
	float: left;
	width: 210px;
	padding-right: 20px;
}

/* right bannr rule */
#right_banner {
	float: right;
	padding-top: 80px;
}

#banner_border {
	border: 1px solid #EEEEEE;
}

#link_title {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #999999;
}

#link_title img {
	padding-right: 3px;
	vertical-align: middle;
}

/* top_news */
#top_news {
	width: 718px;
	border: 1px solid #EEEEEE;
}
#new_web {
	padding-top: 10px;
}