@charset "utf-8";
/* ==================================================================
CSS information
 style info : share CSS (header & footer)
================================================================== */

/* --------------------------------------------------------
	#hwwHeader
-------------------------------------------------------- */
#hwwHeader {
	background:url(../img/frm/frm_header_top.gif) no-repeat left top;
	position:relative;
	z-index:900;
}
body.hwwExtend #hwwHeader {
	background-image: url(../img/frm/frm_extend_header_top.gif);
}
#hwwHeader-inner {
	background:url(../img/frm/frm_header_bottom.gif) no-repeat left bottom;	
}
body.hwwExtend #hwwHeader-inner {
	background-image: url(../img/frm/frm_extend_header_bottom.gif);
}

/* #logo
-------------------------------------------------------- */
#hwwHeader h1#hwwLogo {
	float:left;
	width:125px;
	line-height:0;
	padding:29px 0 0 40px;
}

/* #hwwHeaderModule
-------------------------------------------------------- */
#hwwHeader div.#hwwHeaderModule{
	height:35px;
}
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSnav{
	height:45px;
	text-align:right;
	padding:35px 20px 0 0;
}
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSnav li{
	display:inline;
	display:none;
	margin-left:5px;
	padding-right:10px;
	background:url(../img/gnav/img_bar.gif) no-repeat right center;
}
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSnav li.lastChild{
	padding-right:0;
	background-image:none;
}

/* #hwwHeaderModule Noscript
-------------------------------------------------------- */
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSgnav{
	height:45px;
	text-align:center;
	padding:0 20px 0 0;
}
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSgnav li{
	display:inline;
	margin-left:5px;
	padding-right:10px;
	background:url(../img/gnav/img_bar.gif) no-repeat right center;
}
#hwwHeader div#hwwHeaderModule ul#hwwHeaderNSgnav li.lastChild{
	padding-right:0;
	background-image:none;
}

/* #utilityNav
-------------------------------------------------------- */
#hwwHeader dl#hwwUtilityNav {
	float:right;
	width:720px;
	padding:12px 20px 0 0;
}
#hwwHeader dl#hwwUtilityNav img{
 vertical-align: top;
 vertical-align: bottom;
}
#hwwHeader dl#hwwUtilityNav dt,
#hwwHeader dl#hwwUtilityNav dd{
	float:right;
	line-height:0;
}
#hwwHeader dl#hwwUtilityNav dt{
	width:133px;
	padding-left:5px;
}
#hwwHeader dl#hwwUtilityNav dd.hwwSearchSet{
	width:163px;
	padding:0 15px;
}
#hwwHeader dl#hwwUtilityNav dd.hwwLinks{
	width:126px;
	padding:0 15px;
	background:url(../img/gnav/img_bar.gif) no-repeat right top;
}
/* search btn */
#hwwHeader button.jqTransformButton {
	display:block;
	float:left;	
	cursor:pointer;
	overflow visible;
	width:53px;
	height:20px;
	margin:0;
	padding:0;
	border: none;
	background:transparent url(../img/gnav/btn_search.gif) no-repeat left top;
}
*:first-child+html #hwwHeader button.jqTransformButton[type]{/* IE7 */
	width: 1;
} 
/* search bottun hover */
#hwwHeader button.jqTransformButton_hover {
	background-position: left -20px;
}
/*clicked*/
#hwwHeader button.jqTransformButton_click {
	background-position: left -20px;
}
* html #hwwHeader button.jqTransformButton { /* for IE 6 */
	height:20px;
}
*+ html #hwwHeader button.jqTransformButton { /* for IE 7 */
 height:20px;
}
/* search form */
#hwwHeader .jqTransformInputWrapper {
	background:transparent url(../img/gnav/input_frm.gif) no-repeat left top;
	height: 20px;
	padding: 0px;
	float:left;
}
#hwwHeader .jqTransformInputInner {
	padding: 0px;
	margin: 0px;
}
#hwwHeader .jqTransformInputInner div {
	height: 20px;
	margin:0px 0px 0px 8px;
}
#hwwHeader .jqTransformInputInner div input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align: middle;
	width:118px;
	height: 20px;
	color:#404040;	
	border: none;
	padding: 0;
	margin: 0px;
	background:transparent;
}
* html #hwwHeader .jqTransformInputInner div input { /* for IE 6 */
	padding: 3px 0 0 0;
	margin: 0 0 0 -8px;
	height:15px;
}
*+ html #hwwHeader .jqTransformInputInner div input { /* for IE 7 */
	padding: 3px 0 0 0;
	margin-left:-8px;
	height:15px;
}
html>/**/body #hwwHeader .jqTransformInputInner div input { /* for IE 8 */
	padding /*\**/: 3px 0 0 0\9;
	margin-left: 0\9;
	height: 17px\9;
}
/*hover*/
#hwwHeader .jqTransformInputWrapper_hover{
	background-position: left -20px;
}
/*focus*/
#hwwHeader .jqTransformInputWrapper_focus{
	background-position: left -20px;
}
#hwwHeader .jqTransformSafari .jqTransformInputInner div {
	position: relative;
	overflow: hidden;
	margin:0px 8px;
}
#hwwHeader .jqTransformSafari .jqTransformInputInner div input {
	background-color: none;
	position: absolute;
	top: -10px;
	left: -2px;
	height: 42px; 
	padding-left: 4px;
}
/* hidden defalt form */
#hwwHeader .jqTransformHidden {display: none;}

/* #hwwGnav
-------------------------------------------------------- */
#hwwHeader ul#hwwGnav {
	float:right;
	margin-top:13px;
	background:url(../img/gnav/gnav_over.gif) no-repeat left top;
}
#hwwHeader ul#hwwGnav img{
	visibility:hidden;
}
#hwwHeader ul#hwwGnav li {
	float:left;
	line-height:0;
}
#hwwHeader ul#hwwGnav li a{
	display:block;
	height:35px;
	overflow:hidden;
	background:no-repeat left top;
}
#hwwHeader ul#hwwGnav li a.hwwGnavNews{
	width:104px;
	background-image:url(../img/gnav/gnav_news.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavProduct{
	width:167px;
	background-image:url(../img/gnav/gnav_product.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavMotor{
	width:111px;
	background-image:url(../img/gnav/gnav_motor.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavEnvironment{
	width:106px;
	background-image:url(../img/gnav/gnav_environment.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavSustainability{
	width:106px;
	background-image:url(../img/gnav/gnav_sustainability.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavInvestor{
	width:139px;
	background-image:url(../img/gnav/gnav_investor.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavAbout{
	width:113px;
	background-image:url(../img/gnav/gnav_about.gif);
}
#hwwHeader ul#hwwGnav li a.hwwGnavNews:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavNewsCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavProduct:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavProductCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavMotor:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavMotorCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavEnvironment:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavEnvironmentCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavSustainability:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavSustainabilityCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavInvestor:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavInvestorCurrent,
#hwwHeader ul#hwwGnav li a.hwwGnavAbout:hover,
#hwwHeader ul#hwwGnav li a.hwwGnavAboutCurrent{
	background-image:none;
}

/* #hwwGnavSub
-------------------------------------------------------- */
#hwwHeader ul#hwwGnav div.hwwGnavSubSet{
	width:170px;
	display:none;
	font-size:85%;
	background:url(../img/gnav/img_subbg.png) no-repeat left bottom;
	position:absolute;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubAboutSet{
	right:7px;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li{
	float:none;
	width:148px;
	line-height:1.4;
	margin-left:11px;
	padding:7px 0;
	background:url(../img/gnav/img_subdot.gif) repeat-x left bottom;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li.lastChild{
	background:none;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet img{
	visibility:visible;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a{
	display:block;
	width:130px;
	height:auto;
	color:#333;
	padding-left:18px;
	background:url(../img/gnav/icon_sub_arw.gif) no-repeat left 2px;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubPress{
	background-image:url(../img/gnav/icon_sub_press.gif);
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubEvent{
	background-image:url(../img/gnav/icon_sub_event.gif);	
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubVideos{
	background-image:url(../img/gnav/icon_sub_hdtv.gif);
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubMail{
	background-image:url(../img/gnav/icon_sub_mail.gif);	
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubWeather{
	background-image:url(../img/gnav/icon_sub_weather.gif);	
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubClock{
	background-image:url(../img/gnav/icon_sub_clock.gif);	
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a.hwwGnavSubScreen{
	background-image:url(../img/gnav/icon_sub_screen.gif);	
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet ul.hwwGnavSub li a:hover{
	color:#CC0000;
	text-decoration:underline;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet dl.hwwGnavSubBnr{
	margin:0 2px;
	padding-top:10px;
	background:url(../img/gnav/img_subline.gif) repeat-x left top;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet dl.hwwGnavSubBnr dt{
	margin:0 0 5px 8px;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet dl.hwwGnavSubBnr dd{
	width:150px;
	margin-left:8px;
	padding-bottom:10px;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet dl.hwwGnavSubBnr dd a{
	height:auto;
}
#hwwHeader ul#hwwGnav div.hwwGnavSubSet dl.hwwGnavSubBnr dd a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* --------------------------------------------------------
	#hwwTopicPathSet
-------------------------------------------------------- */
#hwwTopicPathSet{
 padding-bottom:11px;
 background:url(../img/frm/frm_contents.png) no-repeat left bottom;
	position:relative;
 z-index:800;
}
body.hwwExtend #hwwTopicPathSet {
	background-image: url(../img/frm/frm_extend_contents.png);
}
#hwwTopicPathSet ul#hwwTopicPath {
	min-height:16px;
	height: auto !important;
	height: 16px;
	font-size:85%;
	color:#FFFFFF;
	padding:7px 20px;
	background-color:#CC0000;
}
:root *> #hwwTopicPathSet ul#hwwTopicPath{
	text-shadow:-1px -1px 0 #8d0000;
}
#hwwTopicPathSet ul#hwwTopicPath li {
	display:inline;
	line-height:1.0;
	list-style-type:none;
}
*html #hwwTopicPathSet ul#hwwTopicPath li {/* for IE 6 */
	line-height:1.3;
}
*+html #hwwTopicPathSet ul#hwwTopicPath li {/* for IE 7 */
	line-height:1.3;
}
#hwwTopicPathSet ul#hwwTopicPath li:not(\*|*) {/* for Opera */
	line-height:1.3;
}
#hwwTopicPathSet ul#hwwTopicPath li a {
	color:#FFF;
	padding-right:16px;
	background:url(../img/frm/img_topictharw.gif) no-repeat right center;
}
#hwwTopicPathSet ul#hwwTopicPath li.lastChild{
	font-weight:bold;
}
#hwwTopicPathSet ul#hwwTopicPath li.lastChild a {
	background-image:none;
}
#hwwTopicPathSet ul#hwwTopicPath li a:visited {
	color:#FFF;
}
#hwwTopicPathSet ul#hwwTopicPath li a:hover {
	color:#FFF;
	text-decoration:underline;
}
#hwwTopicPathSet ul#hwwTopicPath li a:active {
	color:#FFF;
}


/* --------------------------------------------------------
	#footer
-------------------------------------------------------- */
#hwwFooter {
	width:940px;
 height:105px;
	font-size:85%;
	text-align:center;
	margin:0 auto;
	background:#CC0000 url(../img/frm/frm_footer.gif) no-repeat left bottom;
	position:relative;
	z-index:901;
}
body.hwwExtend #hwwFooter {
	width: 1020px;
	background-image: url(../img/frm/frm_extend_footer.gif);
}
#hwwFooter p strong{
	color:#666666;
}

/* #hwwPageUp
-------------------------------------------------------- */
#hwwPageUp{
 width:80px;
	height:20px;
	margin-left:840px;
	padding-bottom:10px;
	background:url(../img/fnav/btn_pageup.gif) no-repeat left top;
}
*html #hwwPageUp{/* for IE 6 */
	margin-left:820px;
}
*+html #hwwPageUp{/* for IE 7 */
	margin-left:820px;
}
#hwwPageUp img{
	visibility:hidden;
}
#hwwPageUp a{
	display:block;
	width:80px;
	height:20px;
	overflow:hidden;
	background:url(../img/fnav/btn_pageup_over.gif) no-repeat left top;
}
#hwwPageUp a:hover{
	background-position:0 -20px;
}

/* for SmartPhone */
#hwwPageUp.hwwPageUpSpset{
	position:relative;
	clear:both;
	width:auto;
	height:20px;
	text-align:center;
	margin-left:0;
	background:none;
}
#hwwPageUp.hwwPageUpSpset img{
	position:absolute;
	right:20px;
	top:0;
	visibility:visible;
}
#hwwPageUp.hwwPageUpSpset a{
	display:inline;
	width:auto;
	height:auto;
	overflow:hidden;
	background:none;
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP{
	position: absolute;
	left: 50%;
	top: -40px;
	margin-left: -100px;
	z-index: 1;
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP a{
	display:inline-block;
	width: 100px;
	line-height:1.0;
	text-align:center;
	text-shadow:0 1px 0 #FFF;
	margin:0;	
	padding:13px 7px 13px 7px;
	border:1px solid #cccccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
	background:-moz-linear-gradient(top, #ffffff, #e7e7e7);
 -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
 -ms-box-sizing:border-box;	
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP a#hwwPC{	
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP a#hwwSP{
	border-left:none;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP span{
	display:inline-block;
	width: 100px;
	line-height:1.0;
	text-align:center;
	text-shadow:0 1px 0 #FFF;
	margin:0;	
	padding:13px 7px 13px 7px;
	border:1px solid #cccccc;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e7e7e7));
	background:-moz-linear-gradient(top, #ffffff, #e7e7e7);
 -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
 -ms-box-sizing:border-box;	
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP span#hwwPCnow{
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;
}
#hwwPageUp.hwwPageUpSpset span#hwwFooterSP span#hwwSPnow{
	border-left:none;
	-webkit-border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-topright:6px;
	-moz-border-radius-bottomright:6px;
}


/* #hwwBuzz
-------------------------------------------------------- */
#hwwFooter dl#hwwBuzz{
	text-align:center;
	padding:10px 0;
}
#hwwFooter dl#hwwBuzz dt,
#hwwFooter dl#hwwBuzz dd{
	display:inline;
}
#hwwFooter dl#hwwBuzz dd{
	margin:0 10px;
}