@charset "utf-8";

/* ======================
 * header_company_pc CSS
 * /company/配下の、PC非対応ページ用のCSS
======================= */

header {
	width: 1000px;
	margin: 10px auto 16px;
}
#header{
	position: relative;
	margin: 0px auto;
	padding: 16px 0px;
	width: 1000px;
	height: 34px;
	text-align: left;
	line-height: 0px;
	z-index:100;
}
#header p{
	margin:0;
}
#header img{
	display: block;
}
#header .title p{
	float: left;
	vertical-align: middle;
	color: #666666;
	font-size: 84%;
}
#header .title p.logo img{
	display: inline;
	vertical-align: middle;
}
#header #headnav{
	position: absolute;
	left: 297px;
	top: 20px;
	padding: 0px 0px 7px 7px;
	width: 520px;
	height: 18px;
	background: url(/common2/images/cmn_headnav_bg02.gif) left top no-repeat;
	z-index: 50;
}
#header #headnav li{
	position: relative;
	float: left;
}
#header #headnav .home{
	margin: 5px 3px;
	padding-right: 10px;
	border-right: 1px solid #e1e1e1;
}

#header #headnav .showroom{
	margin: 5px 13px 5px 0;
}

#header #headnav .support{
	margin: 5px 0px;
}
#header #headlink{
	position: absolute;
	right: 0px;
	top: 45px;
}
#header #headlink li {
	float: left;
	margin-left: 20px;
}
#header #headlink li:first-child {
	margin-left: 0;
}
#header #fontsize{
	position: absolute;
	right: 0px;
	top: 13px;
	padding: 4px 0px 0px 10px;
	width: 129px;
	height: 21px;
	background: url(/common2/images/cmn_headlink_bg01.gif) left top no-repeat;
}
#header #fontsize dt,
#header #fontsize dd{
	float: left;
}
#header #fontsize dt{
	margin: 3px 0px;
}
#header #fontsize dd{
	margin-left: 5px;
}


/*globalMenu
-------------------------------------------------------------------*/
#gnav{
	margin: 0px auto;
	padding: 0px;
	width: 1000px;
	line-height:0px;
}

#gnav .search img,
#gnav .search input{
	display: inline-block;
	vertical-align: middle;
}
#gnav .search input{
	display: inline-block;
	margin: 0px 4px;
	padding: 0px;
	border: none;
}
#gnav .search input.tx{
	line-height: 1;
	height: 14px;
	/*padding: 1px 0;*/
	width: 114px;
	font-size: 12px;
	font-size: 1.2rem;
}
/*-- サジェスト用CSS --*/
div.SS_suggest {
	font-weight: normal;
	z-index: 9;
	display: none;
	position: absolute;
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	text-align: left;
	margin-top: -5px;
}
div.SS_suggest div.SS_suggestItemOff {
	background-color: #FFF;
	border-top: 1px solid #CCC;
	padding: 1px 2px 1px 4px;
}
div.SS_suggest div.SS_suggestItemOn {
	background-color: #ECF5FA;
	border-top: 1px solid #CCC;
	padding: 1px 2px 1px 4px;
}
div.SS_suggest span.SS_suggestKey {
	font-size: 13px;
}


/*headNavigation
-------------------------------------------------------------------*/
#headnav li.company{
	margin-right: 10px;
	background: url(/common2/images/cmn_headnav02_a.gif) left top no-repeat;
}
#headnav li.corporate{
	background: url(/common2/images/cmn_headnav02_2on.gif) left top no-repeat;
}
#headnav li.ir{
	background: url(/common2/images/cmn_headnav02_4on.gif) left top no-repeat;
}
#headnav li.csr{
	background: url(/common2/images/cmn_headnav02_5on.gif) left top no-repeat;
}
#headnav li.office{
	margin-right: 10px;
	background: url(/common2/images/cmn_headnav03_a.gif) left top no-repeat;
}
#headnav li.fieldoffice{
	background: url(/common2/images/cmn_headnav03_1on.gif) left top no-repeat;
}
/* 2 */
#headnav li:hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#headnav li.hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#headnav li:hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#headnav li.hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* 3 */
#headnav .company li:hover img,
#headnav .office li:hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#headnav .company li.hover img,
#headnav .office li.hover img{
	filter: alpha( opacity=0);
	-moz-opacity:0;
	opacity:0;
}
#headnav .company li:hover li img,
#headnav .office li:hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
#headnav .company li.hover li img,
#headnav .office li.hover li img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}
/* none alpha */
#headnav li:hover a.none img,
#headnav li.hover a.none img{
	filter: alpha( opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* company */
#headnav #snavCompany{
	display: none;
	position: absolute;
	top: 22px;
	padding: 10px;
	width: 126px;
	height: 132px;
	background: url(/common2/images/cmn_headnav02_bg.gif) top left no-repeat;
}
#headnav #snavCompany li{
	clear: both;
	margin-bottom: 5px;
	width: 126px;
}
#headnav #ssnavCorporate{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 115px; /* default:151px */
	background: url(/common2/images/cmn_headnav02_2_bg.gif) top right no-repeat;
	left: 121px;
	top: -8px;
}
#headnav #ssnavIr{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 160px;
	background: url(/common2/images/cmn_headnav02_4_bg.gif) top right no-repeat;
	left: 121px;
	top: -8px;
}
#headnav #ssnavcsr{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 20px;
	width: 149px;
	height: 79px;
	background: url(/common2/images/cmn_headnav02_5_bg.gif) top right no-repeat;
	left: 121px;
	top: -8px;
}
#headnav #ssnavCorporate li,
#headnav #ssnavIr li,
#headnav #ssnavcsr li{
	width: 149px;
	margin-bottom: 7px;
	_margin-bottom: 5px;
}

/* service */
#headnav #snavService{
	display: none;
	position: absolute;
	top: 22px;
	padding: 10px;
	width: 118px;
	height: 71px;
	background: url(/common2/images/cmn_headnav03_bg.gif) top left no-repeat;
}
#headnav #snavService li{
	width: 118px;
	margin-bottom: 7px;
}
#headnav #ssnavOffice{
	display: none;
	position: absolute;
	padding: 10px 10px 10px 30px;
	width: 115px;
	height: 63px;
	background: url(/common2/images/cmn_headnav03_1_bg.gif) top right no-repeat;
	left: 114px;
	top: -10px;
}
#headnav #ssnavOffice li{
	width: 115px;
	margin-bottom: 7px;
}
#headnav ul#ssnavCorporate li,
#headnav ul#ssnavIr li,
#headnav ul#ssnavcsr li,{
	margin-bottom: 9px;
	_margin-bottom: 7px;
}

/* pulldown on/off */
#headnav li:hover #snavCompany,
#headnav li:hover #snavService,
#headnav #snavCompany li:hover #ssnavCorporate,
#headnav #snavCompany li:hover #ssnavIr,
#headnav #snavCompany li:hover #ssnavcsr,
#headnav #snavService li:hover #ssnavOffice{
	display:block;
}
#headnav li.hover #snavCompany,
#headnav li.hover #snavService,
#headnav #snavCompany li.hover #ssnavCorporate,
#headnav #snavCompany li.hover #ssnavIr,
#headnav #snavCompany li.hover #ssnavcsr,
#headnav #snavService li.hover #ssnavOffice{
	display:block;
}
#headnav li #snavCompany,
#headnav li #snavService,
#headnav #snavCompany li #ssnavCorporate,
#headnav #snavCompany li #ssnavIr,
#headnav #snavCompany li #ssnavcsr,
#headnav #snavService li #ssnavOffice{
display:none;
}


/*globalNavigationArea
------------------------------------------------------------------*/
/* corporate Navigation */
#gnav #corporateNav li{
	overflow: hidden;
	float: left;
	width: 104px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #corporateNav li.corporate {
	width: 101px;
}
#gnav #corporateNav li.news {
	width: 97px;
}
#gnav #corporateNav li.ir {
	width: 116px;
}
#gnav #corporateNav li.recruit {
	width: 103px;
}
#gnav #corporateNav .search{
	padding-top: 6px;
	width: 266px;
	height: 24px;
	padding-right: 5px;
	background: url(/common2/images/cmn_gnav07.gif) top right no-repeat;
	text-align: right;
}

/* officeNavigation renewal 20111220 */
#gnav #officeNavigation li {
	overflow: hidden;
	float: left;
	width: 145px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #officeNavigation li.home {
	width: 148px;
}
#gnav #officeNavigation .search{
	padding-top: 6px;
	width: 184px;
	height: 24px;
	background: url(/office/common/images/cmn_gnav06.gif) top right no-repeat;
}


/* officeNavigation */
#gnav #officeNav li{
	overflow: hidden;
	float: left;
	width: 193px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #officeNav .search{
	padding-top: 6px;
	width: 381px;
	height: 24px;
	background: url(/office/common/images/cmn_gnav06.gif) top left no-repeat;
}

/* publicNavigation */
#gnav #publicNav li{
	overflow: hidden;
	float: left;
	width: 150px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #publicNav li.home {
width: 130px;
}
#gnav #publicNav li.none {
width: 148px;
height: 30px;
background: url(/common2/images/cmn_gnav10_bg.gif) right top no-repeat;
}
#gnav #publicNav .search {
padding-top: 6px;
width: 183px;
height: 24px;
background: url(/common2/images/cmn_gnav10_bg02.gif) left top no-repeat;
}

/* educationNavigation */
#gnav #educationNav li{
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #educationNav .search{
	padding-top: 6px;
	width: 188px;
	height: 24px;
	background: url(/education/common/images/cmn_gnav06.gif) top left no-repeat;
}

/* localgovernmentNavigation */
#gnav #localgovernmentNav li{
	overflow: hidden;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #localgovernmentNav .search{
	padding-top: 6px;
	width: 184px;
	height: 24px;
	background: url(/localgovernment/common2/img/cmn_gnav06.gif) top right no-repeat;
}

/* otherNavigation */
#gnav #otherNav li{
	overflow: hidden;
	float: left;
	width: 89px;
	margin: 0px;
	padding: 0px;
	height: 30px;
}
#gnav #otherNav .none{
	width: 728px;
	height: 30px;
	background: url(/common2/images/cmn_gnav10_bg.gif) left top no-repeat;
}
#gnav #otherNav .search{
	padding-top: 6px;
	width: 183px;
	height: 24px;
	background: url(/common2/images/cmn_gnav10_bg02.gif) left top no-repeat;
}
#gnav #otherNav .search input.tx{
	width: 111px;
}




/* ClearFix
=========================================*/
header:after {
	content: "";
	display: block;
	clear: both;
}
header {
	min-height: 1%;
	zoom: 1;
}