/* CSS Document */

/* --- ●横並びナビゲーションバー（テンプ上使用）色変化● --- */
.nav {
width: 100%; /* ナビゲーションの幅 */
background: #004080 url(hor2_menu2_off.gif) repeat-x; /* ナビゲーションの背景 */
border-top: 1px #002448 solid; /* 上枠線 */
border-bottom: 1px #002448 solid; /* 下枠線 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav .nl {
width: 100%; /* メニューの幅 */
margin: 0;
padding: 0px 0; /* メニューのパディング（上下、左右） */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
.nav .nl li {
float: left;
}

/* --- 項目の幅（emで指定） --- */
.nav .nl li.item1 {
width: 10.5em;
}
.nav .nl li.item2 {
width: 10.7em;
}
.nav .nl li.item3 {
width: 10.5em;
}
.nav .nl li.item4 {
width: 10.7em;
}
.nav .nl li.item5 {
width: 10.7em;
}
.nav .nl li.item6 {
width: 10.7em;
}
.nav .nl li.item7 {
width: 10.5em;
}
.nav .nl li.item8 {
width: 10.5em;
}

/* --- リンク --- */
.nav .nl li a {
display: block;
padding: 1px 2px; /* リンクエリアのパディング（上下、左右） */
border-right: 1px #004080 solid; /* リンクエリアの右枠線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- リンクテキストの色 --- */
.nav .nl li a:link,
.nav .nl li a:visited,
.nav .nl li a:hover,
.nav .nl li a:active
{
color: #ffffff;
}
/* --- ポイント時の設定 --- */
.nav .nl li a:hover {
background: #004080 url(hor2_menu2_on.gif) repeat-x 0 -1px; /* ポイント時の背景 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: left;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ●1番下のメニュー● --- */
/* --- ナビゲーション --- */
.footerNav1 {
font-size: 100%;
background: #EFEFEF;
width: 80%;
}
/* --- メニューエリア --- */
.footerNav1 .nl {
margin: 5px 0; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center; /* メニューのセンタリング */
}
/* --- メニュー項目 --- */
.footerNav1 .nl li {
padding: 0 10px 3 10px; /* 項目のパディング（上右下左） */
border-left: 1px #000000 solid; /* 項目の左枠線 */
display: inline;
}
.footerNav1 .nl li.first {
border-left: none;
}

/* --- ●縦並びナビゲーションバー3（テンプ横使用）色変化● --- */
.nav3 {
width: 100%; /* ナビゲーションの幅 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav3 .nl {
margin: 0;
padding: 0;
border-top: 1px #ffffff solid; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav3 .nl li {
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #ffffff solid; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav3 .nl li a {
display: block;
padding: 0px 1px 0px 0px; /* リンクエリアのパディング（上、右、下、左） */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav3 .nl li a:hover {
background: #EAEAEA; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- ●縦並びナビゲーションバー2●（ブルーのライン） --- */
.nav2 {
width: 100%;  /* ナビゲーションの幅 */
font-size: 100%;
}

/* --- メニューエリア --- */
.nav2 .nl {
margin: 0;
padding: 0;
border-top: 1px #c0c0c0 dotted; /* 最上部の枠線 */
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
.nav2 .nl li {
padding: 5px 0; /* 項目のパディング（上下、左右） */
background-color: #ffffff; /* 項目の背景色 */
border-bottom: 1px #c0c0c0 dotted; /* 項目の下枠線 */
}

/* --- リンク --- */
.nav2 .nl li a {
display: block;
padding: 5px 0px 5px 12px; /* リンクエリアのパディング（上右下左） */
background: url(ver_menu1_off.gif) no-repeat 2px; /* 左側の垂直線 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
.nav2 .nl li a:hover {
background: url(ver_menu1_on.gif) no-repeat 2px; /* ポイント時の垂直線 */
}


/* --- ●タブボックス● --- */
 /* ▼表示領域全体 */
   div.tabbox {
      margin: 0px;
      padding: 0px;
      width: 520px; /* 全体の横幅 */
   }
   /* ▼タブ部分 */
   div.tabbox ul.tabs {
      margin:  0px; /* 外側の余白を消す */
      padding: 0px; /* 内側の余白を消す */
   }
   div.tabbox ul.tabs li {
      margin: 0px;  /* 各項目周囲の余白をなくす */
      padding: 0px; /* 各項目内側の余白をなくす */
      list-style-type: none; /* 先頭記号を消す */
      float: left;  /* リスト項目を横方向に並べる */
      width: 173px; /* タブのデフォルトの横幅 */
      /* 左上の角丸 */
      background-image: url("tab-base.gif");
      background-repeat: no-repeat;
      background-position: left top;
   }
   div.tabbox ul.tabs a {
      display: block;  /* ブロックレベルに */
      padding: 2px 0px;      /* 内側の余白 */
      text-align: center;    /* 中央寄せ */
      text-decoration: none; /* 下線を消す */
      /* 右上の角丸 */
      background-image: url("tab-right.gif");
      background-repeat: no-repeat;
      background-position: right top;
   }
   /* ▼標準のタブ色 */
   div.tabbox ul.tabs li.tab {
      background: #004080 url(hor2_menu2_off.gif) repeat-x; 
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: #FFFFFF; /* タブの文字色(白) */
   }
   div.tabbox ul.tabs a:hover {
      /* タブにマウスを載せた際の装飾 */
      color: #FFFFFF;              /* 黄色 */
      text-decoration: underline; /* 下線 */
   }
   /* ▼タブに対応するボックス領域 */
   div.tabbox div.tab {
      height: 120px;  /* ボックスの横幅 */
      overflow: auto; /* スクロールバー自動表示 */
      clear: left;    /* 回り込み解除(必須) */
   }
   div.tabbox div#tab1 {
      /* タブ１の中身(枠線と背景色) */
      border: 1px solid #B6B6B6; background-color: #ffffff;
   }
   div.tabbox div#tab2 {
      /* タブ３の中身(枠線と背景色) */
      border: 1px solid #B6B6B6; background-color: #ffffff;
	  background-image: url("../img/gazou/sekigaisen.gif");
      background-repeat: no-repeat;
      background-position: right;
   }
   div.tabbox div#tab3 {
      /* タブ４の中身(枠線と背景色) */
      border: 1px solid #B6B6B6; background-color: #ffffff;
   }
   /* ▼ボックス内部の装飾(今回のテクニックとは無関係) */
   div.tabbox div.tab p { margin: 0.5em; }
   div.tabbox div.tab p.tabhead {
      font-weight: bold; border-bottom: 3px double gray;
   }

/* --- ●メニュー（背景変化）● --- */
.module-content .menu2 A {
	BORDER-RIGHT: #FFFFFF 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #FFFFFF 1px solid; MARGIN-TOP: 2px; DISPLAY: block; PADDING-LEFT: 5px; FONT-SIZE: 10pt; MARGIN-BOTTOM: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #FFFFFF 1px solid; WIDTH: 160px; COLOR: #FFFFFF; PADDING-TOP: 2px; BORDER-BOTTOM: #FFFFFF 1px solid; BACKGROUND-COLOR: #FFFFFF; TEXT-ALIGN: left; TEXT-DECORATION: none
}
.module-content .menu2 A:hover {
	BORDER-RIGHT: #FFFFFF 1px solid; BORDER-TOP: #FFFFFF 1px solid; BORDER-LEFT: #FFFFFF 1px solid; COLOR: #FFFFFF; BORDER-BOTTOM: #FFFFFF 1px solid; BACKGROUND-COLOR: #EAEAEA
}


/* --- ●ボタン (マウスオーバーで透過) ● --- */
.sample2 a:hover {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}