@charset "UTF-8";

/*
-----------------------------
HINO
Author: ENTACL
Update: 081023
-----------------------------
*/

/* ===== CONTENTS ===========================================

	1: Navigation STYLE
		-global navi
		-sub navi
		-Footer navi
		-Related Links

========================================================== */


/* 1: Navigation STYLE
========================================================== */

/* global navi
--------------------*/
div#header {
	/*font-size: 85%;*/
	font-size: 11px;
	line-height: 1;
	/*font-weight: bold;*/
	width: 659px;
	height: 44px;
}
div#header h1 {
	position: absolute;
	left: 22px;
	top: 22px;
	padding: 0;
	line-height: 1.3;
	font-size: 16px;
}
div#header h1 span { color: #777777;}
div#header ul.gNavi {
	float: right;
	width: auto;
	/* 2009.08.10 monorise�폜
	background-image: url(../images/header_global_point.gif);
	background-repeat: no-repeat;
	background-position: left top;*/
	padding: 0 0 0 20px;
	height: 15px;
}
div#header ul.gNavi li {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AAABAA;
	margin: 0 5px 0 0;
	padding: 0 5px 0 0;
	color: #D2D2D2;
	vertical-align: bottom;
	white-space: nowrap;
}
/* ��2009/08/10 monorise�lj� */
div#header ul.gNavi li#english {
	padding-left: 15px;
	background: url(../images/header_japan_point.gif) no-repeat 5px 3px;
}
/* ��2009/08/10 monorise�lj� */

div#header ul.gNavi li.noborder {
	float: left;
	border: none;
	margin: 0 0 0 0;
/*	padding: 0 5px 0 0;*/
}
div#header ul.gNavi li.HeaderGLOBAL {
	float: left;
	border: none;
	margin: 0 10px 0 0;
}
div#header ul.gNavi li a { color:#888888;}
div#header ul.gNavi li a:hover { color:#000000;}
div#header ul.gNavi li.HeaderGLOBAL a { color:#888888;}
div#header form { position: absolute; top: 20px; right: 0; width: auto;}
div#header form input.searchText { width: 130px; float: left; color: #999999; font-size: 99%;}
div#header form input.searchBtn { float: left; margin: 0 0 0 5px;}

div#header ul.gNavi li#english a { color:#000000;}


/* sub navi
--------------------*/
ul#sNavi a   	  { 
	color: #666666;
	font-weight:bold;
	text-decoration: none;
}
ul#sNavi a:link    { 
	color: #666666;
	text-decoration: none;
}
ul#sNavi a:visited { 
	color: #666666;
	text-decoration: none;
}
ul#sNavi a:hover   { 
	color: #000000;
	text-decoration: none;
	background-color: #EFEFEF;
}
ul#sNavi a:active  {
	color: #cccccc;
	text-decoration: none;
}

ul#sNavi {
	margin: 22px 0 33px 0;
	height: auto;
	width: 100%;
}

ul#sNavi li {
	display: block;
	font-size:14px;
	line-height: 1;
/*	line-height: 1.3;*/
	padding: 2px 0;
}

ul#sNavi li ul.secLv li,
ul#sNavi li.on ul.secLv li,
ul#sNavi li.on ul.secLv li ul.thiLv li,
ul#sNavi li.on ul.secLv li ul.thiLv li ul.forLv li {
	display: none;
}
ul#sNavi li.on ul.secLv li,
ul#sNavi li.on ul.secLv li.on,
ul#sNavi li.on ul.secLv li.on ul.thiLv li,
ul#sNavi li.on ul.secLv li.on ul.thiLv li ul.forLv li {
	display: block;
}


ul#sNavi li a {
	display: block;
	text-decoration: none;
	padding: 0 11px;
}

ul#sNavi ul.secLv,
ul#sNavi ul.secLv li ul.thiLv,
ul#sNavi ul.secLv li ul.thiLv li ul.forLv {
	margin-top: 2px;
}
ul#sNavi ul.secLv li {
	font-size: 12px;
}
ul#sNavi ul.secLv li a {
	padding-left: 11px;
}
ul#sNavi ul.secLv li ul.thiLv li a {
	font-size: 12px;
	font-weight: normal;
	padding-left: 22px;
}
ul#sNavi ul.secLv li ul.thiLv li ul.forLv li a {
	font-size: 12px;
	font-weight: normal;
	padding-left: 33px;
}

ul#sNavi li a span {
	display: block;
	padding-left: 11px;
}

/*
body.AirLoop ul#sNavi li a.sNaviAL,
body.Products ul#sNavi li a.sNaviP,
body.Services ul#sNavi li a.sNaviS,
body.InvestorRelations ul#sNavi li a.sNaviIR { color:#E60012; }
*/


ul#sNavi li a span { background: url(../images/nav_arw_up.gif) no-repeat 2px 4px; }

ul#sNavi li.on a,
ul#sNavi li.on a:active,
ul#sNavi li.on a:visited { color:#E60012; }
/* :::::: 1Lv :::::: */
ul#sNavi li.on a span { color: #E60012; background: url(../images/nav_arw_on.gif) no-repeat 2px 4px; }
ul#sNavi li.on ul.secLv li a span { color: #666; background: url(../images/nav_arw_up.gif) no-repeat 2px 4px; }

/* :::::: 2Lv :::::: */
ul#sNavi li ul.secLv li.on a span { color: #E60012; background: url(../images/nav_arw_on.gif) no-repeat 2px 4px; }
ul#sNavi li ul.secLv li.on ul.thiLv li a span { color: #666; background: url(../images/nav_arw_up.gif) no-repeat 2px 4px; }

/* :::::: 3Lv :::::: */
ul#sNavi li ul.secLv li ul.thiLv li.on a span { color: #E60012; background: url(../images/nav_arw_on.gif) no-repeat 2px 4px; }
ul#sNavi li ul.secLv li ul.thiLv li.on ul.forLv li a span { color: #666; background: url(../images/nav_arw_up.gif) no-repeat 2px 4px; }

/* :::::: 4Lv :::::: */
ul#sNavi li ul.secLv li ul.thiLv li ul.forLv li.on a span { color: #E60012; }

ul#sNavi li ul.secLv li.on a span { background: url(../images/nav_arw_on.gif) no-repeat 2px 4px; }
ul#sNavi li ul.secLv li.op a span { background: url(../images/nav_arw_op.gif) no-repeat 2px 4px!important; }
ul#sNavi li ul.secLv li.op ul li a span { background: url(../images/nav_arw_up.gif) no-repeat 2px 4px!important; }
ul#sNavi li ul.secLv li.op ul li.on a span { background: url(../images/nav_arw_on.gif) no-repeat 2px 4px!important; }


/* Footer navi
--------------------*/
div#footer ul {
	display: block;
	width: auto;
	float: right;
	text-align: right;
	padding-left: 15px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #AAABAA;
}
div#footer li {
	float: left;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #AAABAA;
	margin: 0 5px 0 0;
	padding: 0 0 0 5px;
	line-height: 1;
	color: #D2D2D2;
	white-space: nowrap;
}


/* Banner
--------------------*/
ul#navBanner {
	width:157px;
	margin:0 auto;
	overflow:hidden;
}

ul#navBanner li {
	width:157px;
	display:inline;
	margin-bottom:10px;
	text-indent:-9999px;
}

ul#navBanner li.products a {
	height:59px;
	display:block;
	margin-bottom:5px;
	background:url(../images/banner_global.gif) no-repeat 0 0;
}

ul#navBanner li.products a:hover {
	height:59px;
	display:block;
	margin-bottom:5px;
	background:url(../images/banner_global.gif) no-repeat 0 -59px;
	}
	
ul#navBanner li.csr a {
	height:59px;
	display:block;
	margin-bottom:5px;
	background:url(../images/banner_csr.gif) no-repeat 0 0;
}

ul#navBanner li.csr a:hover {
	height:59px;
	display:block;
	margin-bottom:5px;
	background:url(../images/banner_csr.gif) no-repeat 0 -59px;
}


/* Related Links
--------------------*/
div.Links {
	/*width: 176px;*/ width: 154px;
	background-color: #EFEFEF;
}
div.Links h4 { 
	font-size: 80%;
	color: #FFFFFF;
	background-color: #898989;
	line-height: 22px;
	padding-left: 5px;
}
div.Links ul.LinkList {
	font-size: 80%;
	padding: 10px 5px;
}
div.Links ul.LinkList li {
	margin-bottom: 3px;
}
div.Links ul.LinkList li a {
	display: block;
	background: url(../images/dot_arrow.gif) no-repeat left center;
	padding-left: 17px;
}
div.Links ul.LinkList li a.none {
	background: none;
	padding-left: 0;
}

* html ul#sNavi li.on a span { color:#E60012;}