@charset "UTF-8";

/***----------------------------------
			Area Style
----------------------------------***/

div#topContainer{
	position:relative;
	background:url(/company/production/factory/images/top_bg.jpg) no-repeat;
	margin:0 0 5px 0;
	width:800px;
	height:490px;
}

div.infoArea{
	position:absolute;
	width:590px;
	z-index:8;
	top:34px;
	left:428px;
}

/***----------------------------------
			Heading Style
----------------------------------***/

h1.topHeading{
	background:url(/company/production/factory/images/top_logo.gif) no-repeat 9px 9px;
	width:199px;
	height:176px;
	z-index:1;
}


h2.infoHeading a:link,
h2.infoHeading a:visited{
	display:block;
	background:url(/company/production/factory/images/info.gif) no-repeat;
	width:147px;
	height:23px;
}

h2.infoHeading a:hover{
	background:url(/company/production/factory/images/info_o.jpg) no-repeat;
	width:590px;
	height:322px;
	margin:0 0 0 -316px;
	/*\*/
	_position:absolute;
	_top:0;
	_left:-316px;
	_margin:0;
	/**/
}

h3.gotoHeading a{
	position:absolute;
	top:424px;
	left:252px;
	display:block;
	background:url(/company/production/factory/images/btn_goto.gif) no-repeat;
	width:209px;
	height:41px;
	z-index:2;
}

h3.gotoHeading a:hover{
	background:url(/company/production/factory/images/btn_goto.gif) no-repeat  0 -41px;
}

h4.pocariHeading a{
	position:absolute;
	top:67px;
	left:259px;
	display:block;
	background:url(/company/production/factory/images/btn_pocari.jpg) no-repeat;
	width:107px;
	height:120px;
	z-index:3;
}

h4.pocariHeading a:hover{
	background:url(/company/production/factory/images/btn_pocari.jpg) no-repeat  0 -120px;
}


h4.soyjoyHeading a{
	position:absolute;
	top:216px;
	left:363px;
	background:url(/company/production/factory/images/btn_soyjoy.jpg) no-repeat;
	width:107px;
	height:119px;
	z-index:4;
}

h4.soyjoyHeading a:hover{
	background:url(/company/production/factory/images/btn_soyjoy.jpg) no-repeat  0 -119px;
}

h4.medicalHeading a{
	position:absolute;
	top:35px;
	left:646px;
	background:url(/company/production/factory/images/btn_medical.jpg) no-repeat;
	width:107px;
	height:120px;
	z-index:5;
}

h4.medicalHeading a:hover{
	background:url(/company/production/factory/images/btn_medical.jpg) no-repeat  0 -120px;
}

h4.calorieHeading a{
	position:absolute;
	top:90px;
	left:467px;
	background:url(/company/production/factory/images/btn_calorie.jpg) no-repeat;
	width:107px;
	height:120px;
	z-index:6;
}

h4.calorieHeading a:hover{
	background:url(/company/production/factory/images/btn_calorie.jpg) no-repeat  0 -120px;
}


h4.fiveminiHeading a{
	position:absolute;
	top:276px;
	left:602px;
	background:url(/company/production/factory/images/btn_fivemini.jpg) no-repeat;
	width:107px;
	height:120px;
	z-index:7;
}

h4.fiveminiHeading a:hover{
	background:url(/company/production/factory/images/btn_fivemini.jpg) no-repeat  0 -120px;
}

/***----------------------------------
			topics Style
----------------------------------***/

div.topicsArea{
	width:800px;
}

div.topicsBlock{
	background:#fff;
	/*float:left;*/
	margin:0 10px 5px 10px;
	width:480px;
	border:1px solid #a7a7a7;
}

div.topicsBlock ul{
	padding:10px 28px;
	font-size:0.75em;
	line-height:180%;
}

div.topicsBlock ul a:link,
div.topicsBlock ul a:visited{
	color:#4280fe;
	text-decoration:none;
}

div.topicsBlock ul a:hover{
	color:#f96535;
	text-decoration:none;
}


/** toUserLink **/

ul.toUserLink{
	float:right;
	width:auto;
	padding:5px 10px 10px 0;
	_padding:7px 10px 10px 0;
	font-size:0.68em;
	_font-size:0.58em;
}


ul.toUserLink,
ul.toUserLink li{
	display:inline;
}

ul.toUserLink a{
	background:transparent url(/company/production/factory/images/misc_05.gif) no-repeat 0 50%;
	padding:0 0 0 12px;
	margin:0 0 0 20px;
}

ul.toUserLink a:hover{
	background:transparent url(/company/production/factory/images/misc_05_o.gif) no-repeat 0 50%;
}