/* ********************************

	Four Thirds
	header_style.css
	
********************************* */


/* reset 
---------------------------------------------- */
#header-in h1,#header-in h2,#header-in p,#header-in ul,#header-in li,#header-in a{ margin: 0px; padding: 0px; }
#header-in ul{ list-style: none; }



/* header layout 
---------------------------------------------- */
#header-in{
	width: 800px;
	position: relative;
	}
#header-in .clr{
	/*
	width: 0.1px;
	height: 0.1px;
	clear: both;
	*/
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
#header-in p{
	width: 70px;
	float: left;
	}
#header-in #header-nav{
	width: 730px;
	float: right;
	}
#header-in #header-nav h1{
	width: 730px;
	height: 39px;
	background: url(/en/img/head_name.gif) left top no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}
	
	
/* header main navigation
---------------------------------------------- */

#header-in #header-nav ul{
	width: 730px;
	/*position: relative;*/
	/*height: 31px;*/
	}

#header-in #header-nav ul li{
	width: 122px;
	/*height: 31px;*/
	float: left;
	}
#header-in #header-nav ul li.top,#header-in #header-nav ul li.contact{ width: 121px; }

#header-in #header-nav ul li a{
	display: block;
	width: 122px;
	height: 31px;
	background-image: url(/en/img/head_navmain.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	outline: none;
	}

#header-in #header-nav ul li.top a,#header-in #header-nav ul li.contact a{ width: 121px; }
	
#header-in #header-nav ul li.top a{ background-position: 0 0; }
#header-in #header-nav ul li.news a{ background-position: -121px 0; }
#header-in #header-nav ul li.fourth a{ background-position: -243px 0; }
#header-in #header-nav ul li.micro a{ background-position: -365px 0; }
#header-in #header-nav ul li.special a{ background-position: -487px 0; }
#header-in #header-nav ul li.contact a{ background-position: -609px 0; }

	#header-in #header-nav ul li.top a:hover{ background-position: 0 -31px; }
	#header-in #header-nav ul li.news a:hover{ background-position: -121px -31px; }
	#header-in #header-nav ul li.fourth a:hover{ background-position: -243px -31px; }
	#header-in #header-nav ul li.micro a:hover{ background-position: -365px -31px; }
	#header-in #header-nav ul li.special a:hover{ background-position: -487px -31px; }
	#header-in #header-nav ul li.contact a:hover{ background-position: -609px -31px; }

	.head-top #header-in #header-nav ul li.top a,#header-in #header-nav ul li.top a.nav-on{ background-position: 0 -31px; }
	.head-news #header-in #header-nav ul li.news a,#header-in #header-nav ul li.news a.nav-on{ background-position: -121px -31px; }
	.head-fourth #header-in #header-nav ul li.fourth a,#header-in #header-nav ul li.fourth a.nav-on{ background-position: -243px -31px; }
	.head-micro #header-in #header-nav ul li.micro a,#header-in #header-nav ul li.micro a.nav-on{ background-position: -365px -31px; }
	.head-special #header-in #header-nav ul li.special a,#header-in #header-nav ul li.special a.nav-on{ background-position: -487px -31px; }
	.head-contact #header-in #header-nav ul li.contact a,#header-in #header-nav ul li.contact a.nav-on{ background-position: -609px -31px; }




/* header navigation pulldown
---------------------------------------------- */

#header-in #header-nav ul li ul{
	width: 121px;
	position: absolute;
	display: none;
	}
	
/* pulldown position */	
#header-in #header-nav ul li.news ul{ top: 70px; left: 191px; }
#header-in #header-nav ul li.fourth ul{ top: 70px; left: 313px; }
#header-in #header-nav ul li.micro ul{ top: 70px; left: 435px; }
#header-in #header-nav ul li.special ul{ top: 70px; left: 557px; }
#header-in #header-nav ul li.contact ul{ top: 70px; left: 679px; }


#header-in #header-nav ul li ul li{
	width: 121px;
	float: none;
	}
#header-in #header-nav ul li ul li a{
	display: block;
	width: 121px;
	background: none;
	background-repeat: no-repeat;
	}

/* background image */	
#header-in #header-nav ul li.news ul li a{ background-image: url(/en/img/head_nav_news.gif); }
#header-in #header-nav ul li.fourth ul li a{ background-image: url(/en/img/head_nav_fourthirds.gif); }
#header-in #header-nav ul li.micro ul li a{ background-image: url(/en/img/head_nav_micro.gif); }
#header-in #header-nav ul li.special ul li a{ background-image: url(/en/img/head_nav_special.gif); }
#header-in #header-nav ul li.contact ul li a{ background-image: url(/en/img/head_nav_contact.gif); }

/* pulldown image position */
#header-in #header-nav ul li.news ul li.news01 a{ background-position: 0 0; height: 28px; }
#header-in #header-nav ul li.news ul li.news02 a{ background-position: 0 -28px; height: 42px; }
#header-in #header-nav ul li.news ul li.news03 a{ background-position: 0 -70px; height: 31px; }
#header-in #header-nav ul li.news ul li.news04 a{ background-position: 0 -101px; height: 34px; }

		#header-in #header-nav ul li.news ul li.news01 a:hover{ background-position: -121px 0; height: 28px; }
		#header-in #header-nav ul li.news ul li.news02 a:hover{ background-position: -121px -28px; height: 42px; }
		#header-in #header-nav ul li.news ul li.news03 a:hover{ background-position: -121px -70px; height: 31px; }
		#header-in #header-nav ul li.news ul li.news04 a:hover{ background-position: -121px -101px; height: 34px; }

#header-in #header-nav ul li.fourth ul li.fourth01 a{ background-position: 0 0; height: 28px; }
#header-in #header-nav ul li.fourth ul li.fourth02 a{ background-position: 0 -28px; height: 42px; }
#header-in #header-nav ul li.fourth ul li.fourth05 a{ background-position: 0 -70px; height: 31px; }
#header-in #header-nav ul li.fourth ul li.fourth03 a{ background-position: 0 -101px; height: 42px; }
#header-in #header-nav ul li.fourth ul li.fourth04 a{ background-position: 0 -143px; height: 34px; }

		#header-in #header-nav ul li.fourth ul li.fourth01 a:hover{ background-position: -121px 0; height: 28px; }
		#header-in #header-nav ul li.fourth ul li.fourth02 a:hover{ background-position: -121px -28px; height: 42px; }
		#header-in #header-nav ul li.fourth ul li.fourth05 a:hover{ background-position: -121px -70px; height: 31px; }
		#header-in #header-nav ul li.fourth ul li.fourth03 a:hover{ background-position: -121px -101px; height: 42px; }
		#header-in #header-nav ul li.fourth ul li.fourth04 a:hover{ background-position: -121px -143px; height: 34px; }

#header-in #header-nav ul li.micro ul li.micro01 a{ background-position: 0 0; height: 39px; }
#header-in #header-nav ul li.micro ul li.micro02 a{ background-position: 0 -39px; height: 31px; }
#header-in #header-nav ul li.micro ul li.micro03 a{ background-position: 0 -70px; height: 42px; }
#header-in #header-nav ul li.micro ul li.micro06 a{ background-position: 0 -112px; height: 34px; }
#header-in #header-nav ul li.micro ul li.micro04 a{ background-position: 0 -146px; height: 42px; }
#header-in #header-nav ul li.micro ul li.micro05 a{ background-position: 0 -188px; height: 30px; }

		#header-in #header-nav ul li.micro ul li.micro01 a:hover{ background-position: -121px 0; height: 39px; }
		#header-in #header-nav ul li.micro ul li.micro02 a:hover{ background-position: -121px -39px; height: 31px; }
		#header-in #header-nav ul li.micro ul li.micro03 a:hover{ background-position: -121px -70px; height: 42px; }
		#header-in #header-nav ul li.micro ul li.micro06 a:hover{ background-position: -121px -112px; height: 34px; }
		#header-in #header-nav ul li.micro ul li.micro04 a:hover{ background-position: -121px -146px; height: 42px; }
		#header-in #header-nav ul li.micro ul li.micro05 a:hover{ background-position: -121px -188px; height: 30px; }

#header-in #header-nav ul li.special ul li.special01 a{ background-position: 0 0; height: 39px; }
#header-in #header-nav ul li.special ul li.special02 a{ background-position: 0 -39px; height: 31px; }
#header-in #header-nav ul li.special ul li.special03 a{ background-position: 0 -70px; height: 42px; }
#header-in #header-nav ul li.special ul li.special04 a{ background-position: 0 -112px; height: 45px; }

		#header-in #header-nav ul li.special ul li.special01 a:hover{ background-position: -121px 0; height: 39px; }
		#header-in #header-nav ul li.special ul li.special02 a:hover{ background-position: -121px -39px; height: 31px; }
		#header-in #header-nav ul li.special ul li.special03 a:hover{ background-position: -121px -70px; height: 42px; }
		#header-in #header-nav ul li.special ul li.special04 a:hover{ background-position: -121px -112px; height: 45px; }

#header-in #header-nav ul li.contact ul li.contact01 a{ background-position: 0 0; height: 28px; }
#header-in #header-nav ul li.contact ul li.contact02 a{ background-position: 0 -28px; height: 31px; }
#header-in #header-nav ul li.contact ul li.contact03 a{ background-position: 0 -59px; height: 45px; }

		#header-in #header-nav ul li.contact ul li.contact01 a:hover{ background-position: -121px 0; height: 28px; }
		#header-in #header-nav ul li.contact ul li.contact02 a:hover{ background-position: -121px -28px; height: 31px; }
		#header-in #header-nav ul li.contact ul li.contact03 a:hover{ background-position: -121px -59px; height: 45px; }
		
		
		
/* header japanese-english change
---------------------------------------------- */

/*
#lang-change{
	padding: 7px 0px 0px 718px;
	}
#lang-change p{ margin: 0px; padding: 0px; }
#lang-change a{
	display: block;
	width: 82px;
	height: 18px;
	background-image:url(/en/img/btn_jp_white.gif);
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#lang-change a:hover{ background-position: left bottom; }
*/


#lang-change{
	padding: 7px 0px 0px 638px;
	}
#lang-change p.jp,#lang-change p.cn{ margin: 0px; padding: 0px; }
#lang-change p.jp a,#lang-change p.cn a{
	display: block;
	float:left;
	height: 18px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
	#lang-change p.jp a{
		width: 82px;
		background-image:url(/en/img/btn_jp_white.gif);
		margin-right: 10px;
		}
	#lang-change p.cn a{
		width: 70px;
		background-image:url(/en/img/btn_cn_white.gif);
		}
#lang-change p.jp a:hover,#lang-change p.cn a:hover{ background-position: left bottom; }