@charset "shift_jis";

/* global.css
 * Styles used commonly across the site
 * Copyright (C) KATO CONSTRUCTION Co., Ltd.
 */

body {
	line-height: 1.25;
	color: #666666;
	font-family: "Hiragino Kaku Gothic Pro", meiryo, "メイリオ", "MS P Gothic", "ＭＳ Ｐゴシック", osaka, arial, verdana, sans-serif;
	font-size: 12px;
	background: #ffffff url("../images/body_back.gif") repeat 50% 0;
}
#wrapper {
	background: transparent url("../images/wrapper_back.gif") repeat-x 50% 0;
}
#containerOuter {
	width: 906px;
	margin: 0 auto;
}
#container {
	background: transparent url("../images/container_back.gif") repeat-y 50% 0;
}
#containerInner {
	width: 900px;
	padding: 0 4px 0 2px;
	background: transparent url("../images/container_inner_back.gif") no-repeat 50% 0;
}
#site {
	height: 131px;
	background: #ffffff url("../images/site_back.gif") repeat-x 0 100%;
}
#tagline {
	float: right;
	width: 517px;
	height: 57px;
	padding: 10px 10px 0 0;
}
#siteLogo {
	float: left;
	width: 348px;
	padding: 14px 0 0 25px;
}
#utilityNav {
	float: left;
	height: 28px;
}
#utilityNav li {
	float: right;
	padding-right: 15px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 12px;
	background: transparent url("../images/utility_nav_icon.gif") no-repeat 0 50%;
}
#utilityNav li a:link, #utilityNav li a:visited {
	color: #4772b2;
	text-decoration: none;
}
#utilityNav li a:hover, #utilityNav li a:active {
	color: #4772b2;
	text-decoration: underline;
}
#googleSearch {
	float: right;
	height: 28px;
	padding-right: 20px;
}
#googleSearch p {
	font-size: 10px;
}
#googleSearch input {
	font-size: 10px;
}
#googleSearch #q {
	width: 100px;
}
#googleSearch a:link, #googleSearch a:visited {
	color: #666666;
	text-decoration: none;
}
#googleSearch a:hover, #googleSearch a:active {
	color: #666666;
	text-decoration: underline;
}
#globalNav {
	clear: both;
	width: 846px;
	height: 36px;
	margin: 0 auto;
}
#globalNav li {
	display: inline;
}
#globalNav li a {
	display: block;
	float: left;
	height: 36px;
	overflow: hidden;
	text-indent: -9999px;
	background-color: transparent;
	background-image: url("../images/global_nav_item.gif");
	background-repeat: no-repeat;
}
#globalNavHome a {
	width: 119px;
}
#globalNavHome a:link, #globalNavHome a:visited {
	background-position: 0 0;
}
#globalNavHome a:hover, #globalNavHome a:active, #globalNavHome #globalNavCurrent {
	background-position: 0 -36px;
}
#globalNavCompany a {
	width: 131px;
}
#globalNavCompany a:link, #globalNavCompany a:visited {
	background-position: -119px 0;
}
#globalNavCompany a:hover, #globalNavCompany a:active, #globalNavCompany #globalNavCurrent {
	background-position: -119px -36px;
}
#globalNavTech a {
	width: 152px;
}
#globalNavTech a:link, #globalNavTech a:visited {
	background-position: -250px 0;
}
#globalNavTech a:hover, #globalNavTech a:active, #globalNavTech #globalNavCurrent {
	background-position: -250px -36px;
}
#globalNavCase a {
	width: 129px;
}
#globalNavCase a:link, #globalNavCase a:visited {
	background-position: -402px 0;
}
#globalNavCase a:hover, #globalNavCase a:active, #globalNavCase #globalNavCurrent {
	background-position: -402px -36px;
}
#globalNavRecruit a {
	width: 136px;
}
#globalNavRecruit a:link, #globalNavRecruit a:visited {
	background-position: -531px 0;
}
#globalNavRecruit a:hover, #globalNavRecruit a:active, #globalNavRecruit #globalNavCurrent {
	background-position: -531px -36px;
}
#globalNavContact a {
	width: 179px;
}
#globalNavContact a:link, #globalNavContact a:visited {
	background-position: -667px 0;
}
#globalNavContact a:hover, #globalNavContact a:active, #globalNavContact #globalNavCurrent {
	background-position: -667px -36px;
}
#topicpath {
	padding: 6px 29px;
}
#topicpath a:link, #topicpath a:visited {
	color: #426dc3;
	text-decoration: none;
}
#topicpath a:hover, #topicpath a:active {
	color: #426dc3;
	text-decoration: underline;
}
#localPageBodyWide {
	width: 898px;
}
#publication {
	padding: 15px 10px;
	background: transparent url("../images/publication_back.gif") no-repeat -1px 0;
}
#publicationNav {
	float: right;
	width: 440px;
}
#publicationNav li {
	float: right;
	padding-left: 20px;
	font-size: 10px;
	background: transparent url("../images/publication_nav_icon.gif") no-repeat 13px 50%;
}
#publicationNav li a:link, #publicationNav a:visited {
	color: #999999;
	text-decoration: none;
}
#publicationNav li a:hover, #publicationNav a:active {
	color: #999999;
	text-decoration: underline;
}
#copyright {
	float: left;
	color: #999999;
	font-size: 10px;
}

/* clearfix */
#globalNav, #page, #publication {
	display: inline-block;
}
#globalNav, #page, #publication {
	display: block;
}
#globalNav:after, #page:after, #publication:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}