@charset "UTF-8";

/* 共通スタイル------------------------------------------------------- */
#area_navi {
	height: 30px;
	width: 900px;
	padding-bottom: 10px;
}
#area_navi ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
#area_navi li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}


/* 6列ナビゲーション------------------------------------------------------- */
ul#menu_six {
	width: 900px;
	height:30px;
}
#menu_six li a.menu_01,
#menu_six li a.menu_02,
#menu_six li a.menu_03,
#menu_six li a.menu_04,
#menu_six li a.menu_05,
#menu_six li a.menu_06,
#menu_six li a.menu_01:hover,
#menu_six li a.menu_02:hover,
#menu_six li a.menu_03:hover,
#menu_six li a.menu_04:hover,
#menu_six li a.menu_05:hover,
#menu_six li a.menu_06:hover{
	background:url(/assets/templates/osoto_main/images/navi/menu_six.gif) no-repeat;
	display: block;
	width: 150px;
	height:30px;
	text-indent: -9999px;
}
#menu_six li a.menu_01 {
	background-position: 0 0px;
}
#menu_six li a.menu_02 {
	background-position: -150px 0px;
}
#menu_six li a.menu_03 {
	background-position: -300px 0px;
}
#menu_six li a.menu_04 {
	background-position: -450px 0px;
}
#menu_six li a.menu_05 {
	background-position: -600px 0px;
}
#menu_six li a.menu_06 {
	background-position: -750px 0px;
}
#menu_six li a.menu_01:hover {
	background-position: 0 -30px;
}
#menu_six li a.menu_02:hover {
	background-position: -150px -30px;
}
#menu_six li a.menu_03:hover {
	background-position: -300px -30px;
}
#menu_six li a.menu_04:hover {
	background-position: -450px -30px;
}
#menu_six li a.menu_05:hover {
	background-position: -600px -30px;
}
#menu_six li a.menu_06:hover {
	background-position: -750px -30px;
}
/* 6列ナビゲーション サブメニュー(ボタン全体）*/
#menu_six .submenu_01,
#menu_six .submenu_02,
#menu_six .submenu_03,
#menu_six .submenu_04,
#menu_six .submenu_05,
#menu_six .submenu_06{
  background: #DED7B7
;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: 150px;
}
/* 6列ナビゲーション サブメニュー(リンクテキスト）*/
#menu_six .submenu_01 a,
#menu_six .submenu_02 a,
#menu_six .submenu_03 a,
#menu_six .submenu_04 a,
#menu_six .submenu_05 a,
#menu_six .submenu_06 a{
  display: block;
  text-align: left;
  padding: 6px 0px 4px 10px;
  color: ##6E5B44;
  height:20px;
  width: 140px;
}
/* 6列ナビゲーション サブメニュー(マウスオーバー）*/
#menu_six .submenu_01 a:hover,
#menu_six .submenu_02 a:hover,
#menu_six .submenu_03 a:hover,
#menu_six .submenu_04 a:hover,
#menu_six .submenu_05 a:hover,
#menu_six .submenu_06 a:hover{
  background: #AC8F6B;
  color: #FFFFFF;
}


/* 10列ナビゲーション------------------------------------------------------- */
ul#menu_ten {
	width: 900px;
	height:30px;
}
#menu_ten li a.menu_01,
#menu_ten li a.menu_02,
#menu_ten li a.menu_03,
#menu_ten li a.menu_04,
#menu_ten li a.menu_05,
#menu_ten li a.menu_06,
#menu_ten li a.menu_07,
#menu_ten li a.menu_08,
#menu_ten li a.menu_09,
#menu_ten li a.menu_10,
#menu_ten li a.menu_01:hover,
#menu_ten li a.menu_02:hover,
#menu_ten li a.menu_03:hover,
#menu_ten li a.menu_04:hover,
#menu_ten li a.menu_05:hover,
#menu_ten li a.menu_06:hover,
#menu_ten li a.menu_07:hover,
#menu_ten li a.menu_08:hover,
#menu_ten li a.menu_09:hover,
#menu_ten li a.menu_10:hover{
	background:url(/assets/templates/osoto_main/images/navi/menu_ten.gif) no-repeat;
	display: block;
	width: 90px;
	height:30px;
	text-indent: -9999px;
}
#menu_ten li a.menu_01 {
	background-position: 0 0px;
}
#menu_ten li a.menu_02 {
	background-position: -90px 0px;
}
#menu_ten li a.menu_03 {
	background-position: -180px 0px;
}
#menu_ten li a.menu_04 {
	background-position: -270px 0px;
}
#menu_ten li a.menu_05 {
	background-position: -360px 0px;
}
#menu_ten li a.menu_06 {
	background-position: -450px 0px;
}
#menu_ten li a.menu_07 {
	background-position: -540px 0px;
}
#menu_ten li a.menu_08 {
	background-position: -630px 0px;
}
#menu_ten li a.menu_09 {
	background-position: -720px 0px;
}
#menu_ten li a.menu_10 {
	background-position: -810px 0px;
}

#menu_ten li a.menu_01:hover {
	background-position: 0 -30px;
}
#menu_ten li a.menu_02:hover {
	background-position: -90px -30px;
}
#menu_ten li a.menu_03:hover {
	background-position: -180px -30px;
}
#menu_ten li a.menu_04:hover {
	background-position: -270px -30px;
}
#menu_ten li a.menu_05:hover {
	background-position: -360px -30px;
}
#menu_ten li a.menu_06:hover {
	background-position: -450px -30px;
}
#menu_ten li a.menu_07:hover {
	background-position: -540px -30px;
}
#menu_ten li a.menu_08:hover {
	background-position: -630px -30px;
}
#menu_ten li a.menu_09:hover {
	background-position: -720px -30px;
}
#menu_ten li a.menu_10:hover {
	background-position: -810px -30px;
}

/* 10列ナビゲーション サブメニュー(ボタン全体）*/
#menu_ten .submenu_01,
#menu_ten .submenu_02,
#menu_ten .submenu_03,
#menu_ten .submenu_04,
#menu_ten .submenu_05,
#menu_ten .submenu_06,
#menu_ten .submenu_07,
#menu_ten .submenu_08,
#menu_ten .submenu_09,
#menu_ten .submenu_10{
  background: #d3edfb;
  padding: 0px;
  margin: 0px;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: 90px;
}
/* 10列ナビゲーション サブメニュー(リンクテキスト）*/
#menu_ten .submenu_01 a,
#menu_ten .submenu_02 a,
#menu_ten .submenu_03 a,
#menu_ten .submenu_04 a,
#menu_ten .submenu_05 a,
#menu_ten .submenu_06 a,
#menu_ten .submenu_07 a,
#menu_ten .submenu_08 a,
#menu_ten .submenu_09 a,
#menu_ten .submenu_10 a{
  display: block;
  text-align: left;
  padding: 6px 0px 4px 10px;
  color: #002e73;
  height:20px;
  width: 80px;
}
/* 10列ナビゲーション サブメニュー(マウスオーバー）*/
#menu_ten .submenu_01 a:hover,
#menu_ten .submenu_02 a:hover,
#menu_ten .submenu_03 a:hover,
#menu_ten .submenu_04 a:hover,
#menu_ten .submenu_05 a:hover,
#menu_ten .submenu_06 a:hover,
#menu_ten .submenu_07 a:hover,
#menu_ten .submenu_08 a:hover,
#menu_ten .submenu_09 a:hover,
#menu_ten .submenu_10 a:hover{
  background: #c7e8f8;
}















#area_navi a:link{text-decoration:none; !important}
#area_navi a:visited{text-decoration:none; !important}
#area_navi a:hover{text-decoration:none; !important}
#area_navi a:active{text-decoration:none; !important}