/* Top Page */

@import url(commonmenu.css);

body{
margin: 0;
padding: 0;
font-size: 75%;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic;
}

p{
margin: 0;
padding: 0;
}

h1{
margin: 0;
padding: 0;
}

ul, li{
list-style-type: none;
margin: 0;
padding: 0;
}

form, input{
margin: 0;
}


#wrap{
border-top: 3px solid #0A50A1;
width: 734px;
margin-left: 18px;
}

#header{
margin-top: 15px;
height: 70px;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic;
}

#header p{
display: inline;
}

#hakkoLogo{
float: left;
margin:0;
padding:0 0 15px 0;
}

#hakkoLogo p{
margin:0;
padding:0;
}

#hakkoLogo a img{
border:0;
}

#googleSearch{
margin: 0 10px 0 110px;
float: left;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic;
width:271px;
}

#googleSearch form{
display: inline;
 font-family: "MS PGothic", Osaka, "MS Gothic", Gothic;
}

#googleSearch #inputBox{
 width:136px;
 margin:0 0 5px 0;
 font-size:12px;
 padding:0;
 font-family:"MS PGothic", Osaka, "MS Gothic", Gothic;
 _padding:0 0 2px 0;
}

#googleSearch #submitBtn{
  margin:0 5px 5px 0px;
  font-size:12px;
  padding:0 2px;
  font-family:"MS PGothic", Osaka, "MS Gothic", Gothic;
}


.hideText{
visibility: hidden;
}

ul#langNavi{
float:left;
margin:0;
padding:0;
list-style-type:none;
}

ul#langNavi li{
float:left;
margin:0 7px 0 0;
padding:0;
}

ul#langNavi li a, ul#langNavi li a:visited{
display:block;
text-decoration: none;
}

ul#langNavi li#lang1{
width: 54px;
background-image: url(/japan/common/imgs/vborder.gif);
background-repeat: no-repeat;
background-position: 50px 10px;
}

ul#langNavi li#lang1 a{
width: 47px;
height:28px;
background-image: url(/japan/common/imgs/btn_japanese_r.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}

ul#langNavi li#lang2 a{
width: 50px;
height:28px;
background-image: url(/japan/common/imgs/btn_english.gif);
background-repeat: no-repeat;
background-position: 0 10px;
}

ul#langNavi li#lang2 a:hover{
background-image: url(/japan/common/imgs/btn_english_r.gif);
}

ul#langNavi li#lang3 a{
width: 73px;
height:28px;
background-image: url(/japan/common/imgs/bnr_globalsites.gif);
background-repeat: no-repeat;
background-position: bottom left;
}

ul#langNavi li#lang3 a:hover{
background-image: url(/japan/common/imgs/bnr_globalsites_r.gif);
}

#menu{
margin: 0;
padding: 0;
}

/*----------------- mainNavi area begin -----------------*/
#mainNavi{
	margin: 8px 0 10px 0;
	padding: 10px 18px 24px 6px;
	width: 708px;
	background-color: #ECECEC;
	border: 1px solid #CDCDCD;
}

*html #mainNavi{
	margin: 0 0 10px 0;
}

#mainNavi:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

div#featuredProducts {
	margin: 0;
	padding:0;
	width: 552px;
	height: 273px;
	background-image: url(../images/top/pic_main_fx888.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}

div#featuredProducts p.detail{
	clear: left;
	float: left;
	margin: 130px 0 0 20px;
	width: 219px;
	height: 25px;
	text-indent:-9999px;
}

*html div#featuredProducts p.detail{
	margin: 130px 0 0 7px;
}

div#featuredProducts p.detail a {
display: block;
	width: 219px;
	height: 30px;
}

div#featuredProducts ul.productsBanner{
	width: 138px;
	margin: 0;
	padding: 0;
    float: right;
}

div#featuredProducts ul.productsBanner li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

div#featuredProducts ul.productsBanner li img{
	border: 0;
}

div#featuredProducts ul.productsBanner li a {
	margin: 0;
	padding: 0;
}

div#featuredProducts h2 {
	height: 0;
	width: 0;
	overflow: hidden;
}

div#left{
	margin: 0;
	padding:0;
	width: 549;
	float: left;
}

div#right{
	margin: 0;
	padding:5px 6px 0 6px;	
	width: 143px;
	height: 364px;
	float: right;
	background-color:#BACEE6;
}


*:first-child+html div#right{
	height: 367px;
}

*html div#right{
	height: 366px;
}



div#nav {
	margin:0;
	padding:0 ;
	width: 550px;
	position: absolute;
	top:383px;
	left: 26px;
}

*html div#nav {
	position: absolute;
	top:388px;
	left: 26px;
}


div#nav img{
	border: 0;
}

div#nav ul {
	margin: 0;
	padding: 0;
}

div#nav ul li{
	margin: 0;
	padding:0 ;
	list-style-type: none;
	float: left;
	height: 24px;
}

*html div#nav ul li {
	margin-bottom: -3px;
}

div#nav ul li.nav01{
	width: 100px;
}

div#nav ul li.nav02{
	width: 79px;
}

div#nav ul li.nav03{
	width: 114px;
}

div#nav ul li.nav04{
	width: 109px;
}

div#nav ul li.nav05{
	width: 70px;
}

div#nav ul li.nav06{
	width: 77px;
}

div#nav ul li.nav07{
	width: 100px;
}

div#nav ul li.nav08{
	width: 79px;
}

div#nav ul li.nav09{
	width: 223px;
}

div#nav ul li.nav10{
	width: 70px;
}

div#nav ul li.nav11{
	width: 77px;
}

div#productSearch {
	padding:10px 0 8px 6px;
	clear: left;
	width: 543px;
	background: #d7d7d9;
	position: absolute;
	top:434px;
	left: 26px;
}

*html div#productSearch {
	position: absolute;
	top:439px;
	left: 26px;
}


div#productSearch:after{
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}

div#productSearch dl{
	margin: 0;
	padding: 0;
}

div#productSearch dl dt{
	margin: 0;
	padding: 0 3px 0 5px;
	float: left;
}

div#productSearch dl dd{
	margin: 0;
	padding: 0 3px 0 3px;
	float: left;
}

div#productSearch dl dd#smallerText{
	margin: 0;
	padding: 3px 3px 0 5px;
	float: left;
	font-size: 10px;
}

ul#banners {
	margin: 0;
	padding:0;
	width: 142px;
	background-color:#BACEE6;
}

ul#banners li{
	list-style-type:none;
	margin: 0;
	padding:2px 0 1px 0;
}

ul#banners li img{
	border:none;
}



/*----------------- mainContents area begin -----------------*/

#mainContents{
font-size: 90%;
}

#mainContents h2{
font-size: 80%;
}

/*----- news area begin -----*/

#newsContents{
float: left;
padding-left: 18px;
}

/*newsNewproducts area begin*/

#newsNewproducts{
float: left;
width: 556px;
margin-top: 17px;
}

.hideText{
visibility: hidden;
}

#newsNewproducts h2{
margin: 6px 0 10px 0;
padding: 0;
width: 80px;
height: 15px;
background-image: url(../images/top/title_newproduct.gif);
background-repeat: no-repeat;
background-position: center top;
}


.newsTitle{
float: left;
width: 80px;
border-top: 3px solid #E2E2E2;
}

.newsDetail{
border-top: 1px solid #E2E2E2;
width: 461px;
float: left;
padding-top: 7px;
padding-left: 15px;
}

.newsDetail dl{
margin: 0 0 10px 0;
padding: 0;
}

.newsDetail dt{
float: left;
width: 5em;
margin: 0 0 0.5em 0;
padding: 0;
line-height: 140%;
}

.newsDetail dd{
_height: 1%; /* Hack for Win IE6 */
margin: 0 0 0.5em 5em;
padding: 0;
line-height: 140%;
}

/*newsNewproducts area end*/


/*newsInfo area begin*/

#newsInfo{
width: 556px;
margin-top: 17px;
clear: both;
}

#newsInfo h2{
margin: 6px 0 10px 0;
padding: 0;
width: 80px;
height: 15px;
background-image: url(../images/top/title_info.gif);
background-repeat: no-repeat;
background-position: center top;
}

/*newsInfo area end*/



/*newsEvent area begin*/

#newsEvent{
width: 556px;
margin-top: 17px;
clear: both;
}

#newsEvent h2{
margin: 6px 0 10px 0;
padding: 0;
width: 80px;
height: 15px;
background-image: url(../images/top/title_event.gif);
background-repeat: no-repeat;
background-position: center top;
}

/*newsEvent area end*/



/*newsUpdates area begin*/

#newsUpdates{
width: 556px;
margin-top: 17px;
clear: both;
}

#newsUpdates h2{
margin: 6px 0 10px 0;
padding: 0;
width: 80px;
height: 15px;
background-image: url(../images/top/title_update.gif);
background-repeat: no-repeat;
background-position: center top;
}


/*newsUpdates area end*/

span.linkMarkerNews{
	display:block;
	background-image: url("/japan/common/imgs/arrow_news.gif");
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 12px;
	margin: 0;
}

/*----- news area end -----*/


/*subBanners area begin*/

#subBanners{
float: left;
width: 146px;
margin-top: 16px;
margin-left: 14px;
}

#subBanners li{
margin-bottom: 7px;
}

/*subBanners area end*/

/*----------------- main contents area end -----------------*/


/*----------------- footer area begin -----------------*/

#footer{
clear: both;
border-top: 1px solid #656565;
padding-top: 3px;
padding-bottom: 21px;
}

#footerLinks{
clear: both;
float: left;
}

#footerLinks ul{
	margin:0 0 10px 5px;
}

#copyright{
float: right;
text-align: right;
margin-top: 3px;
}

#footerLinks ul{
width: 350px;
}

#footerLinks ul li{
display: inline; 
}

/*----------------- footer area end -----------------*/

sub {
vertical-align:baseline;
}