@charset "utf-8";
/*==================================================
	@ Style Name    : /css/hp.css
	@ Create Date   : 2010.07.02
	@ LastUp Date   : 2010.07.08
	==================================================
	@ Style Infomation
		01. Commmon
		02. Module
 ==================================================*/

/*==================================================
	01. Commmon
 ==================================================*/
#rightColumns {
	float:right;
	width:690px;
	background:none;
	padding:0;
}
#rightColumnsInner {
	margin:0 auto;
	width:680px;
}

/*==================================================
	02. Module
 ==================================================*/
/*--------------------------------------------------
	1. FlashContent
 -------------------------------------------------*/
#flashContent {
	margin:0 0 10px 0;
	width:690px;
	height:300px;
}
#slideshow {
	position:relative;
	z-index:5;
	overflow:hidden;
	width:690px;
	height:300px;
}

/*--------------------------------------------------
	2. BntInfo
 -------------------------------------------------*/
#btnInfo {
	margin:0 0 5px 0;
	padding:5px 5px 0 5px;
	width:670px;
	height:41px;
	background:url(/imgs/bg_info.gif) no-repeat 0 0;
}
#btnInfo li {float:left;}
#btnInfo  a{
	display:block;
	margin:0 6px 0 0;
	width:130px;
	height:36px;
	text-indent:-5000px;
}
#btnInfo #btnInfo01 a {
	width:125px;
	background:url(/imgs/btn_info.gif) no-repeat 0 0;
}
#btnInfo02 a {background:url(/imgs/btn_info.gif) no-repeat -131px 0;}
#btnInfo03 a {background:url(/imgs/btn_info.gif) no-repeat -267px 0;}
#btnInfo04 a {background:url(/imgs/btn_info.gif) no-repeat -403px 0;}
#btnInfo #btnInfo05 a {
	margin:0;
	background:url(/imgs/btn_info.gif) no-repeat -539px 0;
}
#btnInfo #btnInfo01 a:hover {background-position:0 -36px;}
#btnInfo02 a:hover {background-position:-131px -36px;}
#btnInfo03 a:hover {background-position:-267px -36px;}
#btnInfo04 a:hover {background-position:-403px -36px;}
#btnInfo #btnInfo05 a:hover {background-position:-539px -36px;}

/*--------------------------------------------------
	2. BntInfo2
 -------------------------------------------------*/
#btnInfo2 {
	margin:0 0 5px 0;
	padding:0px 5px 0 1px;
	width:670px;
	height:34px;
	background:url(/imgs/onsite001.gif) no-repeat 0 0;
}
#btnInfo2 li {float:left;}
#btnInfo2  a{
	display:block;
	margin:0 6px 0 0;
	width:130px;
	height:36px;
	text-indent:-5000px;
}
#btnInfo2 #btnInfo201 a {
	width:125px;
	background:url(/imgs/onsite001.gif) no-repeat 0 0;
}
#btnInfo202 a {background:url(/imgs/onsite001.gif) no-repeat -132px 0;}
#btnInfo203 a {background:url(/imgs/onsite001.gif) no-repeat -267px 0;}
#btnInfo204 a {background:url(/imgs/onsite001.gif) no-repeat -403px 0;}
#btnInfo2 #btnInfo205 a {
	margin:0;
	background:url(/imgs/onsite001.gif) no-repeat -539px 0;
}
#btnInfo2 #btnInfo201 a:hover {background-position:0 -36px;}
#btnInfo202 a:hover {background-position:-132px -36px;}
#btnInfo203 a:hover {background-position:-267px -36px;}
#btnInfo204 a:hover {background-position:-403px -36px;}
#btnInfo2 #btnInfo205 a:hover {background-position:-539px -36px;}


/*--------------------------------------------------
	2. Compentency
 -------------------------------------------------*/
#competency {
	float:left;
	margin:0 0 5px 0;
	width:678px;
	border:1px solid #f2f2f2;
	background:#f7f7f7 url(/imgs/bg_competency.gif) no-repeat 0 0;
}
.competency {float:left;}
.competency p {
	padding:10px 10px 15px 10px;
	height:100%;
}
.competency01{
width:224px;
border-right:1px solid #f2f2f2;
}
.competency01 h3{
width:224px;
height:54px;
background:url(/imgs/competency.gif) no-repeat 0 0;
text-indent:-5000px;
}
.competency02{width:228px;}
.competency02 h3{
width:228px;
height:54px;
background:url(/imgs/competency.gif) no-repeat -224px 0;
text-indent:-5000px;
}
.competency03{
border-left:1px solid #f2f2f2;
width:223px;
}
.competency03 h3{
width:223px;
height:54px;
background:url(/imgs/competency.gif) no-repeat -452px 0;
text-indent:-5000px;
}

.competency04{
width:170px;
}
.competency04 h3{
width:170px;
height:44px;
background:url(/imgs/competency_b.png) no-repeat 0 0;
text-indent:-5000px;
}
.competency05{
width:170px;
}
.competency05 h3{
width:170px;
height:44px;
background:url(/imgs/competency_b.png) no-repeat -170px 0;
text-indent:-5000px;
}
.competency06{
width:169px;
}
.competency06 h3{
width:169px;
height:44px;
background:url(/imgs/competency_b.png) no-repeat -339px 0;
text-indent:-5000px;
}
.competency07{
width:169px;
}
.competency07 h3{
width:169px;
height:44px;
background:url(/imgs/competency_b.png) no-repeat -508px 0;
text-indent:-5000px;
}
/*--------------------------------------------------
	3. Topics
 -------------------------------------------------*/
#topics {
	clear:left;
	position:relative;
}
#topicsList {
	position:absolute;
	top:10px;
	left:523px;
}
#tmenu {
	width:680px;
	height:36px;
	background:url(/imgs/bg_tmenu.gif) repeat-x 0 0;
}
#tmenu li {float:left;}
#tmenu li a {
	display:block;
	width:165px;
	height:35px;
	text-indent:-5000px;
}
#tmenu01 a {
	margin:0 7px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat 0 0;
}
#tmenu02 a {
	margin:0 7px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat -172px 0;
}
#tmenu03 a {
	margin:0 6px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat -344px 0;
}
#tmenu04 a {background:url(/imgs/tmenu.gif) no-repeat -515px 0;}
#tmenu01 a:hover {background-position:0 -36px;}
#tmenu02 a:hover {background-position:-172px -36px;}
#tmenu03 a:hover {background-position:-344px -36px;}
#tmenu04 a:hover {background-position:-515px -36px;}
#tmenu01 a.active {
	margin:0 7px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat 0 -36px;
}
#tmenu02 a.active {
	margin:0 7px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat -172px -36px;
}
#tmenu03 a.active {
	margin:0 6px 0 0;
	background:url(/imgs/tmenu.gif) no-repeat -344px -36px;
}
#tmenu04 a.active {background:url(/imgs/tmenu.gif) no-repeat -515px -36px;}
.tContent ul li{
	clear:left;
	float:left;
	padding:6px 0 4px 0 !important; /* IE6 */
	padding:6px 0 0 0;
	width:680px;
	border-bottom:1px dotted #BFBFBF;
	color:#343434;
	font-weight:bold;
}
.tContent ul li a:link {text-decoration:none;}
.tContent ul li a:visited {text-decoration :none;}
.tContent ul li a:hover {text-decoration:underline;}
.tContent ul li a:active {text-decoration:underline;}
.tContent ul li span.tL {
	display:block;
	float:left;
	margin:0 10px 0 0;
	width:130px;
}
.tContent ul li em {
	display:block;
	float:left;
	width:95px;
	color:#343434;
	font-weight:bold;
	vertical-align:top;
}
.tContent ul li span.tR {
	float:right;
	width:445px;
}
.tContent ul li .pdf {margin:0 0 0 5px;}

/*--------------------------------------------------
 @ HeadLine
 -------------------------------------------------*/
#h2Ttl01 {
	width:680px;
	height:35px;
	background:url(/imgs/h2_ttl01.gif) no-repeat 0 0;
	text-indent:-5000px;
}
#h2Ttl02,
#h2Ttl03 {
	display:block;
	width:680px;
	height:30px;
	text-indent:-5000px;
}
#h2Ttl02 {background:url(/imgs/h2_ttl02.gif) no-repeat 0 0;}
#h2Ttl03 {background:url(/imgs/h2_ttl03.gif) no-repeat 0 0;}
#h2Ttl04 {
	width:670px;
	height:1px;
	background:url(/imgs/cix.gif) no-repeat 0 0;
	text-indent:-5000px;
}