/*** TOP.CSS / FOR INDEX.HTML CONTENTS ***/

/* PROMOAREA
===============================================================*/

#promo {
	float: left;
	width: 806px;
	height: 358px;
	background-image: url(../../img/cmn/promo_back.gif);
}

#swf {
	width: 785px;
	height: 340px;
	margin: 9px 0 0 10px;
	background-image: url(../../img/cmn/swf_dummy.jpg);
}

/* WRAPPER OVERRIDE
===============================================================*/

#wrapper {
	clear: left;
}


/* WRAPPER OVERRIDE
===============================================================*/

#top-header {
	float: right;
	width: 520px;
	/*for ie6*/
}

/* MAIN LEFT
===============================================================*/

#left {
	float: left;
	width: 451px;
}

/* MAIN LEFT -> NEWS
===============================================================*/

h2.news {
	text-indent: -99999px;
	margin-bottom: 20px;
	width: 168px;
	height: 16px;
	background-image: url(../../img/top/tt_news.gif);
	background-repeat:no-repeat;
}

#nTable {
	border-collapse: collapse;
	width: 451px;
}

#nTable td {
	border: dotted 1px #555555;
	padding: 5px;
}

#nTable td.dateArea {
	width: 93px;
	height: 30px;
}

td span.date {
	padding-left: 20px;
	background-image: url(../../img/cmn/news_icon.gif);
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

td span.excerpt {
	padding-left: 10px;
}



/* MAIN LEFT -> ACTIVITY
===============================================================*/

#active {
	margin-top: 40px;
}

h2.active {
	text-indent: -99999px;
	margin-bottom: 20px;
	width: 200px;
	height: 16px;
	background-image: url(../../img/top/tt_activity.gif);
	background-repeat:no-repeat;
}

ul.upper, ul.under {
	height: 71px;
	width: 410px;
	padding: 3px;
	background-image: url(../../img/top/act_bnr_back.gif);
	background-repeat: no-repeat;
}

ul.under {
	margin-top: 0px;
}

ul.upper li, ul.under li {
	float: left;
}

ul.upper li.bnr_right, ul.under li.bnr_right{
	float: right;
}

/* MAIN RIGHT
===============================================================*/

#right {
	float: right;
	width: 253px;
	/*border: solid 1px #000000;*/
}

/* MAIN RIGHT -> SERVICE
===============================================================*/

h2.service {
	text-indent: -99999px;
	margin-bottom: 20px;
	width: 167px;
	height: 16px;
	background-image: url(../../img/top/tt_service.gif);
	background-repeat:no-repeat;
}

#service ul li {
	text-indent: -99999px;
}

#service a.bnr01 {
	display: block;
	margin-top: 10px;
	width: 250px;
	height: 48px;
	background-image: url(../../img/top/service_bnr01.gif);
}

#service a.bnr02 {
	display: block;
	margin-top: 10px;
	width: 250px;
	height: 48px;
	background-image: url(../../img/top/service_bnr02.gif);
}

#service a.bnr03 {
	display: block;
	margin-top: 10px;
	width: 250px;
	height: 48px;
	background-image: url(../../img/top/service_bnr03.gif);
}

#service a.bnr04 {
	display: block;
	margin-top: 10px;
	width: 250px;
	height: 48px;
	background-image: url(../../img/top/service_bnr04.gif);
}
/* MAIN RIGHT -> INTRODUCTION
===============================================================*/

#intro {
	margin-top: 40px;
}

h2.intro {
	text-indent: -99999px;
	margin-bottom: 20px;
	width: 73px;
	height: 16px;
	background-image: url(../../img/top/tt_introduction.gif);
	background-repeat:no-repeat;
}

#intro ul{
	border-top: dotted 1px #555555;
}

#intro ul li {
	border-bottom: dotted 1px #555555;
	height: 24px;
	padding-top: 7px;
	padding-left: 30px;
	background-image: url(../../img/top/intro_icon.gif);
	background-repeat: no-repeat;
	background-position: 9px 10px;
}

/* MAIN RIGHT -> EX LINK
===============================================================*/

#ex {
	margin-top: 10px;
}