@charset "UTF-8";
/* CSS Document */

/* 共通 */

* {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

html{
	font: 0.75em/1.5em "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka";
	/*font: 0.75em/1.4em "メイリオ", "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3", "ＭＳ Ｐゴシック", "Osaka";*/
	text-align:justify;
	text-justify:distribute;
}

body {
	background: #000;
}

img {
	border-style: none;
}

a {  
    outline: none;  
}

h1 {
	font-size: 1.3em;
	line-height: 1.5em;
}

h2 {
	font-size: 1.2em;
	line-height: 1.5em;
}

h3 {
	font-size: 1.1em;
	line-height: 1.5em;
}

h4 {
	font-size: 1em;
	line-height: 1.5em;
}

h5 {
	font-size: 0.9em;
	line-height: 1.5em;
}

h6 {
	font-size: 0.8em;
	line-height: 1.5em;
}

#container {
	clear: both;
	float: none;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
}

#logo_box {
	float: left;
	height: auto;
	width: 375px;
}

#logo_box .logo a {
	float: left;
	height: 38px;
	width: 136px;
	background-image: url(../images/logo_top.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	text-align: left;
	text-indent: -9999px;
	display: block;
}

#logo_box .name {
	float: left;
	height: 14px;
	width: 183px;
	padding-top: 13px;
	margin-left: 20px;
	background-color: #000000;
	background-image: url(../images/name_top.gif);
	background-repeat: no-repeat;
	background-position: left 13px;
	text-align: left;
	text-indent: -9999px;
	display: block;
}

#navi_box  {
	float: left;
	height: 38px;
	width: 585px;
	background: #000000 url(../images/navi_top.gif) no-repeat left top;
}

#container #main_box {
	float: left;
	height: 300px;
	width: 960px;
	clear: both;
	margin-bottom: 50px;
	margin-top: 30px;
}

#container .copy {
	float: none;
	height: 28px;
	width: 558px;
	clear: both;
	text-align: left;
	background-color: #000000;
	background-image: url(../images/copy_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}

#container .title {
	float: none;
	height: 23px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	background-color: #000000;
	background-image: url(../images/title_top.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
	display: block;
}

#container #menu_box {
	float: left;
	height: 154px;
	width: 760px;
	clear: none;
	padding-top: 50px;
	padding-right: 100px;
	padding-bottom: 50px;
	padding-left: 100px;
	background-image: url(../images/name_top_base.jpg);
	background-repeat: no-repeat;
	background-position: center 50px;
}

#container .copyright {
	clear: both;
	float: none;
	height: 11px;
	width: 241px;
	text-align: left;
	background: url(../images/copyright_top.gif) no-repeat left top;
	text-indent: -9999px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
	display: block;
}

/* メインナビゲーション */

.nav {
	position: absolute;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 38px;
}

.nav li {
	display: inline;
}

.nav li a:link, .nav li a:visited {
	position: absolute;
	text-indent: -9999px;
	z-index: 10;
}

.nav .home a:link, .nav .home a:visited {
	background: url(../images/navi_top.gif) no-repeat -0px -38px;
	left: 0px;
	width: 117px;
	height: 38px;
}

.nav .home a:hover, .nav .home a:focus {
	background: url(../images/navi_top.gif) no-repeat -0px -38px;
}

.nav .home a:active {
	background: url(../images/navi_top.gif) no-repeat -0px -76px;
}

.current-home .home a:link, .current-home .home a:visited {
	background: url(../images/navi_top.gif) no-repeat 0px -76px;
	cursor: default;
}

.nav-home, .nav-home-click {
	position: absolute;
	top: 0;
	left: 0px;
	width: 117px;
	height: 38px;
	background: url(../images/navi_top.gif) no-repeat -0px -38px;
}

.nav-home-click {
	background: url(../images/navi_top.gif) no-repeat -0px -76px;
}


.nav .company a:link, .nav .company a:visited {

	background: url(../images/navi_top.gif) no-repeat -117px -0px;
	left: 117px;
	width: 117px;
	height: 38px;
}

.nav .company a:hover, .nav .company a:focus {
	background: url(../images/navi_top.gif) no-repeat -117px -38px;
}

.nav .company a:active {
	background: url(../images/navi_top.gif) no-repeat -117px -76px;
}

.current-company .company a:link, .current-company .company a:visited {
	background: url(../images/navi_top.gif) no-repeat -117px -76px;
	cursor: default;
}

.nav-company, .nav-company-click {
	position: absolute;
	top: 0;
	left: 117px;
	width: 117px;
	height: 38px;
	background: url(../images/navi_top.gif) no-repeat -117px -38px;
}

.nav-company-click {
	background: url(../images/navi_top.gif) no-repeat -117px -76px;
	}


.nav .client a:link, .nav .client a:visited {
	background: url(../images/navi_top.gif) no-repeat -234px -0px;
	left: 234px;
	width: 117px;
	height: 38px;
}

.nav .client a:hover, .nav .client a:focus {
	background: url(../images/navi_top.gif) no-repeat -234px -38px;
}

.nav .client a:active {
	background: url(../images/navi_top.gif) no-repeat -234px -76px;
}

.current-client .client a:link, .current-client .client a:visited {
	background: url(../images/navi_top.gif) no-repeat -234px -76px;
	cursor: default;
}

.nav-client, .nav-client-click {
	position: absolute;
	top: 0;
	left: 234px;
	width: 117px;
	height: 38px;
	background: url(../images/navi_top.gif) no-repeat -234px -38px;
}

.nav-client-click {
	background: url(../images/navi_top.gif) no-repeat -234px -76px;
}


.nav .access a:link, .nav .access a:visited {
	background: url(../images/navi_top.gif) no-repeat -351px -0px;
	left: 351px;
	width: 117px;
	height: 38px;
}

.nav .access a:hover, .nav .access a:focus {
	background: url(../images/navi_top.gif) no-repeat -351px -38px;
}

.nav .access a:active {
	background: url(../images/navi_top.gif) no-repeat -351px -76px;
}

.current-access .access a:link, .current-access .access a:visited {
	background: url(../images/navi_top.gif) no-repeat -351px -76px;
	cursor: default;
}

.nav-access, .nav-access-click {
	position: absolute;
	top: 0;
	left: 351px;
	width: 117px;
	height: 38px;
	background: url(../images/navi_top.gif) no-repeat -351px -38px;
}
.nav-access-click {
	background: url(../images/navi_top.gif) no-repeat -351px -76px;
}

.nav .contact a:link, .nav .contact a:visited {
	background: url(../images/navi_top.gif) no-repeat -468px -0px;
	left: 468px;
	width: 117px;
	height: 38px;
}

.nav .contact a:hover, .nav .contact a:focus {
	background: url(../images/navi_top.gif) no-repeat -468px -38px;
}

.nav .contact a:active {
	background: url(../images/navi_top.gif) no-repeat -468px -76px;
}

.current-contact .contact a:link, .current-contact .contact a:visited {
	background: url(../images/navi_top.gif) no-repeat -468px -76px;
	cursor: default;
}

.nav-contact, .nav-contact-click {
	position: absolute;
	top: 0;
	left: 468px;
	width: 117px;
	height: 38px;
	background: url(../images/navi_top.gif) no-repeat -468px -38px;
}

.nav-contact-click {
	background: url(../images/navi_top.gif) no-repeat -468px -76px;
}


/* サブナビゲーション */

.nav .sign a:link, .nav .sign a:visited {
	left: 0px;
	width: 104px;
	height: 154px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
}

.nav .sign a:hover, .nav .sign a:focus {
	background: url(../images/menu_top.jpg) no-repeat -0px -154px;
}

.nav .sign a:active {
	background: url(../images/menu_top.jpg) no-repeat -0px -308px;
}

.nav-sign, .nav-sign-click {
	position: absolute;
	top: 0;
	width: 104px;
	height: 154px;
	background: url(../images/menu_top.jpg) no-repeat -0px -154px;
}

.nav-sign-click {
	background: url(../images/menu_top.jpg) no-repeat -0px -308px;
}

.nav .electric a:link, .nav .electric a:visited {
	left: 164px;
	width: 104px;
	height: 154px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: -104px 0px;
}

.nav .electric a:hover, .nav .electric a:focus {
	background: url(../images/menu_top.jpg) no-repeat -104px -154px;
}

.nav .electric a:active {
	background: url(../images/menu_top.jpg) no-repeat -104px -308px;
}

.nav-electric, .nav-electric-click {
	position: absolute;
	top: 0;
	left: 164px;
	width: 104px;
	height: 154px;
	background: url(../images/menu_top.jpg) no-repeat -104px -154px;
}

.nav-electric-click {
	background: url(../images/menu_top.jpg) no-repeat -104px -308px;
}

.nav .signal a:link, .nav .signal a:visited {
	left: 328px;
	width: 104px;
	height: 154px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: -208px 0px;
}

.nav .signal a:hover, .nav .signal a:focus {
	background: url(../images/menu_top.jpg) no-repeat -208px -154px;
}

.nav .signal a:active {
	background: url(../images/menu_top.jpg) no-repeat -208px -308px;
}

.nav-signal, .nav-signal-click {
	position: absolute;
	top: 0;
	left: 328px;
	width: 104px;
	height: 154px;
	background: url(../images/menu_top.jpg) no-repeat -208px -154px;
}

.nav-signal-click {
	background: url(../images/menu_top.jpg) no-repeat -208px -308px;
}

.nav .community a:link, .nav .community a:visited {
	left: 492px;
	width: 104px;
	height: 154px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: -312px 0px;
}

.nav .community a:hover, .nav .community a:focus {
	background: url(../images/menu_top.jpg) no-repeat -312px -154px;
}

.nav .community a:active {
	background: url(../images/menu_top.jpg) no-repeat -312px -308px;
}

.nav-community, .nav-community-click {
	position: absolute;
	top: 0;
	left: 492px;
	width: 104px;
	height: 154px;
	background: url(../images/menu_top.jpg) no-repeat -312px -154px;
}

.nav-community-click {
	background: url(../images/menu_top.jpg) no-repeat -312px -308px;
}

.nav .road a:link, .nav .road a:visited {
	left: 656px;
	width: 104px;
	height: 154px;
	background-image: url(../images/menu_top.jpg);
	background-repeat: no-repeat;
	background-position: -416px 0px;
}

.nav .road a:hover, .nav .road a:focus {
	background: url(../images/menu_top.jpg) no-repeat -416px -154px;
}

.nav .road a:active {
	background: url(../images/menu_top.jpg) no-repeat -416px -308px;
}

.nav-road, .nav-road-click {
	position: absolute;
	top: 0;
	left: 656px;
	width: 104px;
	height: 154px;
	background: url(../images/menu_top.jpg) no-repeat -416px -154px;
}

.nav-road-click {
	background: url(../images/menu_top.jpg) no-repeat -416px -308px;
}