﻿@charset "utf-8";



/* contents
--------------------------------------------------------------------------
01. Header area (div#header)
--------------------------------------------------------------------------
*/


/* update history
--------------------------------------------------------------------------
07/03/2009 Adjustment of all css files.
--------------------------------------------------------------------------
*/

div#headerArea p{
	margin-bottom:0;
}


/* 01. Header area (div#header)
----------------------------------------------------------------------- */
div#headerArea{
	position:relative;
	z-index:99; /*親のdivどうしのx-indexが子にも影響するのため*/
}
div#headerArea div#header{
	position:relative;
	width:938px;
	height:91px;
	margin-left:26px;
	border-bottom:1px solid #dfdfdf;
}
div#headerArea div#header p#logoYamaha img{
	position:absolute;
	top:18px;
	left:0;
}
div#headerArea div#header div#subNavi{
	position:relative;
	float:right;
	z-index:100;
	padding-top:5px;
	font-size:0.89em;
	line-height:1;
	text-align:right;
}
div#headerArea div#header div#subNavi:after{
	display:block;
	clear:both;
	content:"";
}
div#headerArea div#header div#subNavi p#localInfo{
	float:right;
	margin-left:25px;
}
div#headerArea div#header div#subNavi p#localInfo span{
	color:#4a4a4a;
	font-weight:bold;
	font-size:1.2em;
}
div#headerArea div#header div#subNavi p#localInfo select{
	font-size:1em;
	vertical-align:middle;
}
div#headerArea div#header div#subNavi ul{
	float:right;
}
div#headerArea div#header div#subNavi ul li{
	float:left;
	margin-right:9px;
	padding-right:9px;
	background:transparent url(/common/images/headerarea/bg_pipeline.gif) no-repeat 100% 50% scroll;
}
div#headerArea div#header div#subNavi ul li a{
	color:#4a4a4a;
	text-decoration:underline;
}
div#headerArea div#header div#subNavi ul li a:hover{
	text-decoration:none;
}
div#headerArea div#header div#subNavi ul li.last{
	margin-right:0;
	padding-right:0;
	background:none;
}


div#headerArea div#header div#subNavi ul.langSelecotr{
	float:right;
	margin-left:36px;
}
div#headerArea div#header div#subNavi ul.langSelecotr li{
	background:none;
	padding-right:0;
}


	div#headerArea div#header div#subNavi p.siteSerch{
		clear:both;
		padding-top:8px;
	}
	div#headerArea div#header div#subNavi p.siteSerch input{
		vertical-align:middle;
	}
	div#headerArea div#header div#subNavi p.siteSerch input[type="text"]{
		width:182px;
	}
div#headerArea div#header div#subNavi p.siteSearch{
	clear:both;
	padding-top:8px;
}
div#headerArea div#header div#subNavi p.siteSearch input{
	vertical-align:middle;
}
div#headerArea div#header div#subNavi p.siteSearch input[type="text"]{
	width:182px;
}

div#headerArea ul#gNavi{
	position:absolute;
	top:61px;
	clear:both;
}


/* Basic code - don't modify */
#gNavi{
	display:block;
	position:relative;
	margin:0;
	padding:0; 
}
#gNavi li{
	display:block; 
	position:relative;
	float:left;
	margin:0 12px 0 0;
	padding:0; 
	list-style:none; 
}
#gNavi a{
	display:block;
}
#gNavi ul{
	display:none;
	position:absolute;
	left:0;
	margin:0;
	padding:0;
}
#gNavi ul li{
	float:none;
	margin-right:0;
}
#gNavi ul ul{
	top:0;
}
/* Essentials - configure this */
#gNavi ul{
	top:30px;
	width:200px;
}
#gNavi ul ul{
	left:200px;
}
/* Everything else is theming */
#gNavi{
	height:30px;
	background-color:#fff;
}
#gNavi *:hover{
	background-color:underline;
}
#gNavi ul a{
	margin:0;
	padding:6px;
	color:#fff;
/*	border-right:1px solid #fff;
	font-size:12px;*/
	line-height:1;
	text-decoration:none;
}
#gNavi li.hover a{
	background-color:#626262;
}
#gNavi ul li a{
	background-color:#626262;
}
#gNavi ul a.hover{
	background-color:#644196;
	text-decoration:underline;
}
#gNavi ul li a{
	border-bottom:1px solid #fff;
	border-right:none;
	opacity:0.9;
	filter:alpha(opacity=90);
}
/* icon */
#gNavi ul li a{
	padding-left:20px;
	background:transparent url(/common/images/common/arrow_right_w.gif) no-repeat 6px 50% scroll;
}
#gNavi ul li.new a{
	background-image:url(/common/images/common/icon_new_window_w.gif);
}

/* xx. localeSelector (div#header)
----------------------------------------------------------------------- */

/* for reset */
div#headerArea div#header div#subNavi ul#localeSelector li{ 
	float:none;
	margin-right:0;
	padding-right:0;
	background:none;
}
div#headerArea div#header div#subNavi ul#localeSelector li a{
	color:#4a4a4a;
	text-decoration:none;
}
div#headerArea div#header div#subNavi ul#localeSelector li a:hover{
	text-decoration:none;
	color:#fff;
}
div#headerArea div#header div#subNavi ul#localeSelector li.last{
	margin-right:0;
	padding-right:0;
	background:none;
}



/* Basic code - don't modify */
ul#localeSelector {display: block; margin: 0; padding: 0; position: relative; }
ul#localeSelector li {display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; }
ul#localeSelector a {display: block; }
ul#localeSelector ul {display: none; position: absolute; left: 0; margin: 0; padding: 0; }
* html ul#localeSelector ul {line-height: 0; } /* IE6 "fix" */
ul#localeSelector ul a {zoom: 1; } /* IE6/7 fix */
ul#localeSelector ul li {float: none; }


/* localeSelector */
ul#localeSelector{
	width:160px;
	float:right;
	color:#4a4a4a;
	font-weight:bold;
	font-size:1.2em;
}

/* Essentials - configure this */
ul#localeSelector ul{
	width:133px;
	padding-left:17px;
}
/* Everything else is theming */
ul#localeSelector {height: 22px;}
ul#localeSelector *:hover {background-color: none;}
ul#localeSelector a {height: 22px; line-height: 1; }
ul#localeSelector ul {top: 22px;}
ul#localeSelector ul li a {
	height:auto;
	padding:3px 0 3px 3px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	color:#fff;
	text-align:left;
	font-weight:normal;
}
ul#localeSelector ul li.hover {color:#fff;background:#7F0416;}
ul#localeSelector ul a.hover {color:#fff;background:#7F0416;}
ul#localeSelector ul a {background:#fff;}
/* #localeSelector ul a {border-bottom: none; } - I also needed this for IE6/7 */
ul#localeSelector ul li.current a{
	font-weight:bold;
}
ul#localeSelector ul li.last a{
	border-bottom:1px solid #ccc; 
}
/* icon */
div#headerArea div#header div#subNavi ul#localeSelector > li > a{
	padding-right:17px;
	color:#4a4a4a;
	background:transparent url(/common/images/headerarea/desc.gif) no-repeat 100% 0 scroll;
}
div#headerArea div#header div#subNavi ul#localeSelector > li.hover > a,
div#headerArea div#header div#subNavi ul#localeSelector > li > a:hover{
	background-image:url(/common/images/headerarea/desc_o.gif);
	color:#4a4a4a;
}


