/*-------------------------------------------------
TOPPAGE BASE SETTING
-------------------------------------------------*/
#topframe	{
	width:748px;
	height:100%;
	margin:0px auto;
	padding:0px;
	border-width:0px 1px 0px 1px;
	border-color:#000000;
	border-style:solid;
	border-collapse:collapse;
	background:#cccccc url("img/top-bg.gif");
}

#top-content	{
	vertical-align:top;
	text-align:center;
}

#top-layout-box	{
	width:706px;
	margin:0px auto 20px;
	padding:0px;
	}


/*-------------------------------------------------
TOPPAGE MAINIMG SETTING
-------------------------------------------------*/
#top-mainimg	{
	width:748px;
	height:292px;
	background:#000000 url("img/top-mainimg.gif") top center no-repeat;
	margin:0px auto;
	padding:0px;
	border:0px;
}

#top-mainimg span	{ display:none; }

#top-mainimg div.eng {
	margin:0px auto;
	padding:10px 10px 0px;
	text-align:right;
}

#top-mainimg img	{ border:0px; }

#top-maintext	{
	width:748px;
	height:36px;
	background:url("img/top-mainimg-text.jpg") top center no-repeat;
	margin:0px auto;
	padding:0px;
	border:0px;
}

#top-maintext span	{ display:none; }


/*-------------------------------------------------
TOPPAGE MENU SETTING
-------------------------------------------------*/
#top-menu-box	{
	width:706px;
	margin:0px auto;
	padding:13px 0px 12px;
}

#top-menu	{
	width:706px;
	margin:0px;
	padding:0px;
}

#top-menu li	{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

#top-menu a	{
	display:block;
	width:138px;
	height:44px;
}

#top-menu span	{ display:none; }

#top-menu li.led, li.about, li.plan, li.study, li.item, li.interview	{
	display:block;
	width:142px;
	height:52px;
	float:left;
}

#top-menu li.development, li.public	{
	display:block;
	width:138px;
	height:52px;
	float:left;
}

#top-menu li.company, li.link	{
	display:block;
	width:138px;
	height:52px;
	float:right;
}


#top-menu li.led		{ background:url("img/top-menu-led.jpg") top left no-repeat; }
#top-menu li.led a:link		{ background:url("img/top-menu-led.jpg") top left no-repeat; }
#top-menu li.led a:visited	{ background:url("img/top-menu-led.jpg") top left no-repeat; }
#top-menu li.led a:active	{ background:url("img/top-menu-led-on.jpg") top left no-repeat; }
#top-menu li.led a:hover	{ background:url("img/top-menu-led-on.jpg") top left no-repeat; }

#top-menu li.about		{ background:url("img/top-menu-about.jpg") top left no-repeat; }
#top-menu li.about a:link		{ background:url("img/top-menu-about.jpg") top left no-repeat; }
#top-menu li.about a:visited	{ background:url("img/top-menu-about.jpg") top left no-repeat; }
#top-menu li.about a:active		{ background:url("img/top-menu-about-on.jpg") top left no-repeat; }
#top-menu li.about a:hover		{ background:url("img/top-menu-about-on.jpg") top left no-repeat; }

#top-menu li.plan		{ background:url("img/top-menu-plan.jpg") top left no-repeat; }
#top-menu li.plan a:link		{ background:url("img/top-menu-plan.jpg") top left no-repeat; }
#top-menu li.plan a:visited	{ background:url("img/top-menu-plan.jpg") top left no-repeat; }
#top-menu li.plan a:active	{ background:url("img/top-menu-plan-on.jpg") top left no-repeat; }
#top-menu li.plan a:hover		{ background:url("img/top-menu-plan-on.jpg") top left no-repeat; }

/*#top-menu li.conference		{ background:url("img/top-menu-conference.jpg") top left no-repeat; }
#top-menu li.conference a:link		{ background:url("img/top-menu-conference.jpg") top left no-repeat; }
#top-menu li.conference a:visited	{ background:url("img/top-menu-conference.jpg") top left no-repeat; }
#top-menu li.conference a:active	{ background:url("img/top-menu-conference-on.jpg") top left no-repeat; }
#top-menu li.conference a:hover		{ background:url("img/top-menu-conference-on.jpg") top left no-repeat; }*/

/*#top-menu li.cordinator		{ background:url("img/top-menu-cordinator.jpg") top left no-repeat; }
#top-menu li.cordinator a:link		{ background:url("img/top-menu-cordinator.jpg") top left no-repeat; }
#top-menu li.cordinator a:visited	{ background:url("img/top-menu-cordinator.jpg") top left no-repeat; }
#top-menu li.cordinator a:active	{ background:url("img/top-menu-cordinator-on.jpg") top left no-repeat; }
#top-menu li.cordinator a:hover		{ background:url("img/top-menu-cordinator-on.jpg") top left no-repeat; }*/

#top-menu li.development		{ background:url("img/top-menu-development.jpg") top left no-repeat; }
#top-menu li.development a:link		{ background:url("img/top-menu-development.jpg") top left no-repeat; }
#top-menu li.development a:visited	{ background:url("img/top-menu-development.jpg") top left no-repeat; }
#top-menu li.development a:active	{ background:url("img/top-menu-development-on.jpg") top left no-repeat; }
#top-menu li.development a:hover	{ background:url("img/top-menu-development-on.jpg") top left no-repeat; }

#top-menu li.company		{ background:url("img/top-menu-company.jpg") top left no-repeat; }
#top-menu li.company a:link		{ background:url("img/top-menu-company.jpg") top left no-repeat; }
#top-menu li.company a:visited	{ background:url("img/top-menu-company.jpg") top left no-repeat; }
#top-menu li.company a:active	{ background:url("img/top-menu-company-on.jpg") top left no-repeat; }
#top-menu li.company a:hover	{ background:url("img/top-menu-company-on.jpg") top left no-repeat; }

#top-menu li.study		{ background:url("img/top-menu-study.jpg") top left no-repeat; }
#top-menu li.study a:link		{ background:url("img/top-menu-study.jpg") top left no-repeat; }
#top-menu li.study a:visited	{ background:url("img/top-menu-study.jpg") top left no-repeat; }
#top-menu li.study a:active		{ background:url("img/top-menu-study-on.jpg") top left no-repeat; }
#top-menu li.study a:hover		{ background:url("img/top-menu-study-on.jpg") top left no-repeat; }

#top-menu li.item		{ background:url("img/top-menu-item.jpg") top left no-repeat; }
#top-menu li.item a:link		{ background:url("img/top-menu-item.jpg") top left no-repeat; }
#top-menu li.item a:visited	{ background:url("img/top-menu-item.jpg") top left no-repeat; }
#top-menu li.item a:active		{ background:url("img/top-menu-item-on.jpg") top left no-repeat; }
#top-menu li.item a:hover		{ background:url("img/top-menu-item-on.jpg") top left no-repeat; }

/*#top-menu li.event		{ background:url("img/top-menu-report.jpg") top left no-repeat; }
#top-menu li.event a:link		{ background:url("img/top-menu-report.jpg") top left no-repeat; }
#top-menu li.event a:visited	{ background:url("img/top-menu-report.jpg") top left no-repeat; }
#top-menu li.event a:active		{ background:url("img/top-menu-report-on.jpg") top left no-repeat; }
#top-menu li.event a:hover		{ background:url("img/top-menu-report-on.jpg") top left no-repeat; }*/

#top-menu li.interview		{ background:url("img/top-menu-interview.jpg") top left no-repeat; }
#top-menu li.interview a:link		{ background:url("img/top-menu-interview.jpg") top left no-repeat; }
#top-menu li.interview a:visited	{ background:url("img/top-menu-interview.jpg") top left no-repeat; }
#top-menu li.interview a:active	{ background:url("img/top-menu-interview-on.jpg") top left no-repeat; }
#top-menu li.interview a:hover	{ background:url("img/top-menu-interview-on.jpg") top left no-repeat; }

#top-menu li.public		{ background:url("img/top-menu-public.jpg") top left no-repeat; }
#top-menu li.public a:link		{ background:url("img/top-menu-public.jpg") top left no-repeat; }
#top-menu li.public a:visited	{ background:url("img/top-menu-public.jpg") top left no-repeat; }
#top-menu li.public a:active	{ background:url("img/top-menu-public-on.jpg") top left no-repeat; }
#top-menu li.public a:hover		{ background:url("img/top-menu-public-on.jpg") top left no-repeat; }

#top-menu li.link		{ background:url("img/top-menu-link.jpg") top left no-repeat; }
#top-menu li.link a:link		{ background:url("img/top-menu-link.jpg") top left no-repeat; }
#top-menu li.link a:visited	{ background:url("img/top-menu-link.jpg") top left no-repeat; }
#top-menu li.link a:active	{ background:url("img/top-menu-link-on.jpg") top left no-repeat; }
#top-menu li.link a:hover		{ background:url("img/top-menu-link-on.jpg") top left no-repeat; }



/*-------------------------------------------------
TOPPAGE NEWS SETTING
-------------------------------------------------*/
#top-news-box	{
	width:530px;
	margin:0px 0px;
	padding:0px;
	border:0px;
	text-align:center;
	float:left;
}

#top-news	{
	width:530px;
	margin:0px auto;
	padding:0px;
	background:#ffffff;
}

#top-news h3	{
	margin:0px auto 15px;
	width:530px;
	height:15px;
	display:block;
	background:url("img/top-news-title.gif") top left no-repeat; 
}

#top-news-item	{
	width:510px;
	margin:0px auto;
	padding:0px 0px 25px;
}

#top-news-item h4	{
	margin:0px auto 5px;
	font-size:11pt;
	line-height:13pt;
	text-align:left;
}

#top-news-item h4 small	{
	font-weight:normal;
	font-size:9pt;
	line-height:10pt;
}

#top-news-item p	{
	margin:0px auto;
	padding:0px;
	font-size:9pt;
	line-height:11pt;
	text-align:left;
}

#top-news-item p small	{
	font-size:8pt;
	line-height:10pt;
}


/*-------------------------------------------------
TOPPAGE LINK SETTING
-------------------------------------------------*/
#top-link-box	{
	width:160px;
	margin:0px auto;
	padding:0px;
	border:0px;
	float:right;
}

#top-sudachikun {
	margin:0px auto;
	padding:0px 0px 10px;
}

#top-sudachikun span { display:none; }

/*#top-link-box a.link	{
	display:block;
	width:150px;
	height:32px;
	padding:0px;
	margin:0px auto 10px;
	text-align:left;
}

#top-link-box a.link:link		{ background:url("img/top-menu-link.gif") left center no-repeat; }
#top-link-box a.link:visited	{ background:url("img/top-menu-link.gif") left center no-repeat; }
#top-link-box a.link:active		{ background:url("img/top-menu-link-on.gif") left center no-repeat; }
#top-link-box a.link:hover		{ background:url("img/top-menu-link-on.gif") left center no-repeat; }

#top-link-box span	{ display:none; }

$top-link-box hr	{
	margin:0px auto;
	height:1px;
	color:#000000;
	border:1px solid #000000;
}*/

#top-link-box ul	{
	margin:0px;
	padding:0px;
}

#top-link-box li	{
	list-style-type:none;
	margin-bottom:3px;
	text-align:left;
}

#top-link-box li.top	{
	list-style-type:none;
	margin-top:14px;
	margin-bottom:3px;
}

#top-link-box img	{
	border:0px;
}


/*-------------------------------------------------
TOPPAGE HISTORY LIST SETTING
-------------------------------------------------*/

#top-hist-box {
	padding:0px 0px 5px 0px;
	width:160px;
	background-color: #FFFFFF;
}
#top-hist-title {
	height:15px;
	background-image: url(img/history_title.gif);
	background-repeat: no-repeat;
}
#top-hist-title span {
 	display:none;
}
#stop-hist-box ul {
	padding: 0px 0px 0px 0px;
}
#top-hist-box ul li {
	margin:0px 0px 0px 25px;
	padding:0px 10px 5px 0px;
	list-style-type:disc;
	list-style-position:outside;
	text-align:left;
	line-height: 13pt;
	font-size: 9pt;
}

