﻿/* ====== 右のメイン画面の設定 ====== */
div#main {
    margin-left:160px;
    padding:0px 0;
    height:100%;
}

/* ====== 左のナビゲータ画面の設定 ====== */
div#navi {
    padding:0px 0;
    width:150px!important;
    width:350px;
    height:100%;
    position:fixed!important; /* 擬似フレームのポイント（IE以外用にナビボックスの固定を指定） */
    position:absolute; /* 擬似フレームのポイント（IE用にナビボックスの固定を指定） */
    top:0px;
    left:0px;
    z-index:100;
}

/* ====== フッター画面の設定 ====== */
div#footer{
    clear: both;
    margin-left:-10px;
}

/* ====== 左のナビゲータ画面の詳細設定 ====== */
ul.NaviMenu ul{display:none;}
ul.NaviMenu li:hover>ul{display:block}
ul.NaviMenu ul{position: absolute;left:98%;top:-1px;}
ul.NaviMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.NaviMenu,ul.NaviMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 1px 1px 0px;
	background-color:#F0F8FF;
	background-repeat:repeat;
	border-color:;
	border-width:0px;
	border-style:solid;
}
ul.NaviMenu table {border-collapse:collapse}
ul.NaviMenu {
	display:block;
	zoom:1;
	_width:145px;
	float: left;
}
ul.NaviMenu ul{
	width:145px;
}
ul.NaviMenu li{
	display:block;
	margin:1px 0px 0px 1px;
	font-size:0;
  border-bottom:solid 1px #D1D1D1;
  width:150px;
}
ul.NaviMenu a:active, ul.NaviMenu a:focus {
outline-style:none;
}
ul.NaviMenu a, ul.NaviMenu li.dis a:hover, ul.NaviMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	zoom:1;
	background-color:#F0F8FF;
	border-width:0px;
	border-color:#E4E1DE;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:10px 15px 10px 15px;
	_padding-left:15px;
  font:12px Verdana, Arial, Helvetica, Gothic, Osaka, sans-serif;
	color: #336699;
	text-decoration:none;
	cursor:default;
}
ul.NaviMenu span{
	overflow:hidden;
}
ul.NaviMenu ul li {
	float:none;
}
ul.NaviMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.NaviMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
}
ul.NaviMenu li.sep span{
	float:none;	padding-right:0;
	width:100%;
	height:3;
	display:inline-block;
	background-color:;	background-image:none;}
ul.NaviMenu li:hover{
	position:relative;
}
ul.NaviMenu li:hover>a{
	background-color:#444663;
	border-color:#FFFFFF;
	border-style:solid;
	font:12px Verdana, Arial, Helvetica, Gothic, Osaka, sans-serif;
	color: #73FF81;
	text-decoration:none;
}
ul.NaviMenu li a:hover{
	position:relative;
	background-color:#444663;
	border-color:#FFFFFF;
	border-style:solid;
	font:12px Verdana, Arial, Helvetica, Gothic, Osaka, sans-serif;
	color: #73FF81;
	text-decoration:none;
}

ul.NaviMenu li.dis a {
	color: #AAAAAA !important;
}
ul.NaviMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;
height:24px;
}
ul.NaviMenu ul img {width:16px;
height:16px;
}
ul.NaviMenu img.over{display:none}
ul.NaviMenu li.dis a:hover img.over{display:none !important}
ul.NaviMenu li.dis a:hover img.def {display:inline !important}
ul.NaviMenu li:hover > a img.def  {display:none}
ul.NaviMenu li:hover > a img.over {display:inline}
ul.NaviMenu a:hover img.over,ul.NaviMenu a:hover ul img.def,ul.NaviMenu a:hover a:hover ul img.def,ul.NaviMenu a:hover a:hover a:hover ul img.def,ul.NaviMenu a:hover a:hover img.over,ul.NaviMenu a:hover a:hover a:hover img.over,ul.NaviMenu a:hover a:hover a:hover a:hover img.over{display:inline}
ul.NaviMenu a:hover img.def,ul.NaviMenu a:hover ul img.over,ul.NaviMenu a:hover a:hover ul img.over,ul.NaviMenu a:hover a:hover a:hover ul img.over,ul.NaviMenu a:hover a:hover img.def,ul.NaviMenu a:hover a:hover a:hover img.def,ul.NaviMenu a:hover a:hover a:hover a:hover img.def{display:none}
ul.NaviMenu a:hover ul,ul.NaviMenu a:hover a:hover ul,ul.NaviMenu a:hover a:hover a:hover ul{display:block}
ul.NaviMenu a:hover ul ul,ul.NaviMenu a:hover a:hover ul ul{display:none}
ul.NaviMenu span{
	display:block;
	background-image:url(../images/arrow_sub5.gif);
	background-position:right center;
	background-repeat: no-repeat;
   padding-right:12px;}
ul.NaviMenu li:hover>a>span{	background-image:url(../images/arrow_main4.gif);
}
ul.NaviMenu a:hover span{	_background-image:url(../images/arrow_main4.gif)}
ul.NaviMenu ul span,ul.NaviMenu a:hover table span{background-image:url(../images/arrow_sub5.gif)}
ul.NaviMenu ul li:hover > a span{	background-image:url(../images/arrow_main4.gif);}
ul.NaviMenu table a:hover span,ul.NaviMenu table a:hover a:hover span,ul.NaviMenu table a:hover a:hover a:hover span{background-image:url(../images/arrow_main4.gif)}
ul.NaviMenu table a:hover table span,ul.NaviMenu table a:hover a:hover table span{background-image:url(../images/arrow_sub5.gif)}


/* ====== メイン・ナビゲータ共通の設定 ====== */
div#contents,div#menulist {
    padding:0px;
		margin:0px;
}



/* ====== 会社ロゴの設定 ====== */
div#navi_logo{
		position:relative;
		height:140px;
		left:22px;
		top:22px;
		vertical-align:middle;
}

/* ====== サイトマップ・日本語切り替え部の設定 ===== */
div#mapjap{
 width:150px;
 position:relative;
 top:0px;
 right:2px;
}
#mapjap ul{
  margin:0px; 
  padding:0;
}
#mapjap ul li{
  display:inline;
  border-left:solid;
  border-width:2px;
	border-color:#7878ff;
	padding: 0 5px;
}
#mapjap ul li.endborder{
border-right:2px solid #7878ff;
padding-left:0 5px;
}

/* ====== サイトマップ・英語切り替え部の設定 ===== */
div#mapeng{
 width:150px;
 position:relative;
 top:0px;
 right:2px;
}

#mapeng ul{
  margin:0px; 
  padding:0;
}
#mapeng ul li{
  display:inline;
  border-left:solid;
  border-width:2px;
	border-color:#7878ff;
	padding: 0 5px;
}
#mapeng ul li.endborder{
border-right:2px solid #7878ff;
padding-left:0 5px;
}

/* ====== tableタグの幅widthの設定 ===== */
table.kihon{
width:540px;
border:none;
}

table.contact{
width:540px;
border:none;
}

table.contact tr{
height:30px;
}

table.foot{
width:710px;
border:none;
border-collapse:collapse;
}
table.foot tr td{
padding:2px;
}

