@charset "UTF-8";


/* ini
---------------------------------------------------------------------------------------------------*/
body#top {
	background:url(/en/img/bgi-body.gif) repeat-x 0 0;
}

/* contentsWrap_top
---------------------------------------------------------------------------------------------------- */
/* promotion */
#top #promotion {
	margin-bottom:15px;
	margin-left:2px;
	position:relative;
}
#top #promotion #mainPv {
	position:relative;
	height:240px;
	width:748px;
}
#top #promotion #mainPv .slideContainer {
	position:absolute;
	top:0;
	left:0;
	height:240px;
	width:748px;
}
#top #promotion #mainPv p.detalBtn{
	position:absolute;
	width:188px;
	height:27px;
	/*margin-left: 400px;
    margin-top: -44px;*/
	top:206px;
	left:333px;
	background:url(/en/img/btn-detail_on.png) no-repeat;
}
/* *+html #top #promotion #mainPv p.detalBtn{
	margin-left: -350px;
    margin-top: 196px;	
}*/
#top #promotion #mainPv p.detalBtn a{display:block;}
#top #promotion #mainPv p.detalBtn a:hover img{visibility:hidden;}
#top #promotion #mainPv p.detalBtn a:hover{background:none;}

#top #promotion ul.pvBtn {
	position:absolute;
	width:212px;
	height:191px;
	background:url(/en/img/bgi-promotionBtn.png) no-repeat 0 0;
	/*margin-left: 530px;
    margin-top: -214px;*/
	top:24px;
	left:530px;
	padding:8px 0 0 8px;
}
/* *+html #top #promotionv ul.pvBtn {
	margin-left: -222px;
    margin-top: 24px;	
}*/
#top #promotion ul.pvBtn li{
	width:194px;
	height:57px;
	margin-bottom:1px;
}
#top #promotion ul.pvBtn li a{display:block;overflow:hidden;width:194px;height:57px;}
#top #promotion ul.pvBtn li a:hover img,
#top #promotion ul.pvBtn li.current a img{display:none;}
/*#top #promotion ul.pvBtn li a:hover{background-position:0 500px;}*/
#top #promotion ul.pvBtn li.pvA {background:url(/en/img/btn-prProductA_on.png) top left no-repeat;}
#top #promotion ul.pvBtn li.pvB {background:url(/en/img/btn-prProductB_on.png) top left no-repeat;}
#top #promotion ul.pvBtn li.pvC {background:url(/en/img/btn-prProductC_on.png) top left no-repeat;}

/* slide init */
#top #promotion #mainPv .slideContainer { display:none; }
#top #promotion #mainPv #Slide01 { display:block; }

/* tabArea */
#top #tabArea {
	background:url(/img/bgi-tabArea.gif) no-repeat 0 bottom;
	margin-bottom:15px;
	padding-bottom:7px;
}
#top #tabArea ul#menuTab {
	margin-bottom:0;
	overflow:hidden;
	zoom:1;
}
#top #tabArea ul#menuTab li{
	float:left;
	font-size:0;
	line-height:0;
}
#top #tabArea ul#menuTab li a{
	text-indent:-9999px;
    display: block;
    height: 44px;
}
#top #tabArea ul#menuTab li#productTab a,
#top #tabArea ul#menuTab li#topicsTab a{width:189px;}
#top #tabArea ul#menuTab li#usageTab a,
#top #tabArea ul#menuTab li#faqTab a{width:188px;}

#top #tabArea ul#menuTab li#productTab a.tabOff {background:url(/en/img/btn-tab_product_001.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#usageTab a.tabOff {background:url(/en/img/btn-tab_usage_001.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#faqTab a.tabOff {background:url(/en/img/btn-tab_faq_001.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#topicsTab a.tabOff {background:url(/en/img/btn-tab_topics_001.gif) no-repeat 0 0;}

#top #tabArea ul#menuTab li#productTab a.tabOff:hover {background:url(/en/img/btn-tab_product_002.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#usageTab a.tabOff:hover {background:url(/en/img/btn-tab_usage_002.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#faqTab a.tabOff:hover {background:url(/en/img/btn-tab_faq_002.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#topicsTab a.tabOff:hover {background:url(/en/img/btn-tab_topics_002.gif) no-repeat 0 0;}

#top #tabArea ul#menuTab li#productTab a.tabOn.active {background:url(/en/img/btn-tab_product_003.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#usageTab a.tabOn.active {background:url(/en/img/btn-tab_usage_003.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#faqTab a.tabOn.active {background:url(/en/img/btn-tab_faq_003.gif) no-repeat 0 0;}
#top #tabArea ul#menuTab li#topicsTab a.tabOn.active {background:url(/en/img/btn-tab_topics_003.gif) no-repeat 0 0;}

#top #tabArea .tabContent {	padding:5px 7px 0; }

#top #productInner ul {
	overflow:hidden;
	zoom:1;
}
#top #productInner ul li{
	float:left;
	line-height:0;
	font-size:0;
}
#top #productInner ul li a{
	text-indent:-9999px;
    display: block;
	width:185px;
}
#top #productInner ul li#productA a,
#top #productInner ul li#productB a,
#top #productInner ul li#productC a,
#top #productInner ul li#productD a {height:64px;}
#top #productInner ul li#productE a,
#top #productInner ul li#productF a,
#top #productInner ul li#productG a,
#top #productInner ul li#productH a {height:64px;}
#top #productInner ul li#productI a,
#top #productInner ul li#productJ a,
#top #productInner ul li#productK a,
#top #productInner ul li#productL a {height:64px;}

#top #productInner ul li#productA a {background:url(/en/img/tab-productA_off.png) no-repeat 0 0;}
#top #productInner ul li#productB a {background:url(/en/img/tab-productB_off.png) no-repeat 0 0;}
#top #productInner ul li#productC a {background:url(/en/img/tab-productC_off.png) no-repeat 0 0;}
#top #productInner ul li#productD a {background:url(/en/img/tab-productD_off.png) no-repeat 0 0;}
#top #productInner ul li#productE a {background:url(/en/img/tab-productE_off.png) no-repeat 0 0;}
#top #productInner ul li#productF a {background:url(/en/img/tab-productF_off.png) no-repeat 0 0;}
#top #productInner ul li#productG a {background:url(/en/img/tab-productG_off.png) no-repeat 0 0;}
#top #productInner ul li#productH a {background:url(/en/img/tab-productH_off.png) no-repeat 0 0;}
#top #productInner ul li#productI a {background:url(/en/img/tab-productI_off.png) no-repeat 0 0;}
#top #productInner ul li#productJ a {background:url(/en/img/tab-productJ_off.png) no-repeat 0 0;}
#top #productInner ul li#productK a {background:url(/en/img/tab-productK_off.png) no-repeat 0 0;}
#top #productInner ul li#productL a {background:url(/en/img/tab-productL_off.png) no-repeat 0 0;}

#top #productInner ul li#productA a:hover {background:url(/en/img/tab-productA_on.png) no-repeat 0 0;}
#top #productInner ul li#productB a:hover {background:url(/en/img/tab-productB_on.png) no-repeat 0 0;}
#top #productInner ul li#productC a:hover {background:url(/en/img/tab-productC_on.png) no-repeat 0 0;}
#top #productInner ul li#productD a:hover {background:url(/en/img/tab-productD_on.png) no-repeat 0 0;}
#top #productInner ul li#productE a:hover {background:url(/en/img/tab-productE_on.png) no-repeat 0 0;}
#top #productInner ul li#productF a:hover {background:url(/en/img/tab-productF_on.png) no-repeat 0 0;}
#top #productInner ul li#productG a:hover {background:url(/en/img/tab-productG_on.png) no-repeat 0 0;}
#top #productInner ul li#productH a:hover {background:url(/en/img/tab-productH_on.png) no-repeat 0 0;}
#top #productInner ul li#productI a:hover {background:url(/en/img/tab-productI_on.png) no-repeat 0 0;}
#top #productInner ul li#productJ a:hover {background:url(/en/img/tab-productJ_on.png) no-repeat 0 0;}
#top #productInner ul li#productK a:hover {background:url(/en/img/tab-productK_on.png) no-repeat 0 0;}
#top #productInner ul li#productL a:hover {background:url(/en/img/tab-productL_on.png) no-repeat 0 0;}

/* infomation */
/*
#top #infomation {
	background:url(/img/bgi-infomation_bottom.png) no-repeat 0 bottom;
	margin-bottom:15px;
	margin-left:2px;
}
#top #infomation .innerBox {
	background:url(/img/bgi-infomation_top.png) no-repeat 0 top;
	padding:7px 10px 7px;
}
#top #infomation h2 {
	text-indent:-9999px;
	font-size:0;
	line-height:0;
}
#top #infomation p {
	margin-left:175px;
}
*/

#infor {
	border:1px solid #CDCDCD; padding:1px; margin:0 3px 16px 3px;
}

#infor .inforbk {
	background-image:url(/en/img/bgi-infomation_bg.gif); background-repeat:repeat-y; _margin-bottom:2px;
}

#infor .infortitle 	{
	width:158px; background-color:#A5A6A5; vertical-align:top; padding:4px; float:left;
}

#infor .infornews {
	padding:4px; margin-left:170px;
}

#infor li {
	padding-left:16px; background-image:url(/en/img/bgi-infomation_li.gif); background-repeat:no-repeat; background-position:0 2px;
}



/* newsArea */
#top #newsArea #newsTitle{
 	height: 31px;
	margin-bottom:8px;
}
#top #newsArea #newsTitle ul#newsfeed{
 	height: 20px;
/*    margin: -25px 0 0 420px;*/
    margin: -25px 0 0 483px;
    overflow: hidden;
	zoom:1;
    position: absolute;
/*    width: 135px;*/
    width: 72px;
}
#top #newsArea #newsTitle ul#newsfeed li {
	float:left;
	margin-left:15px;
	_margin-left:8px;
}
#top #newsArea #newsList {
	margin: 5px 13px 0 0;
}
#top #newsArea #newsList dt{
	clear: left;
    float: left;
    padding: 6px 0 7px 5px;
}
#top #newsArea #newsList dd { padding: 7px 0 5px 5.5em;}
html:not(:target) #top #newsArea #newsList dd { padding: 7px 0 5px 6.5em;}

#top #newsArea #newsList dd img.icon {
	width:67px;
	height:15px;
	margin-bottom: -3px;
	margin-right:7px;
}

/* 20110609 add */
#newsList_new {
	margin-left:12px;
}

#newsList_new dt {
	float:left; margin-right:8px;
}

#newsList_new div.category {
	float:left; margin-top:2px; margin-right:8px;
}

#newsList_new div.text {
	float:left; width:380px;
}