@charset "utf-8";

/*-------------------------------------------------
top_nav
-------------------------------------------------*/

#ft_nav {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 320px;
}

#ft_nav li {
  width: 320px;
  height: 60px;
  margin: 0;
  padding: 0;
  display: inline;
}

#ft_nav a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 320px;
  height: 60px; /* リンク領域を広げる */
  background-image: url("../img/index/ft_gNav_bg_01.jpg");
  background-repeat: no-repeat;
}

/* 表示画像の位置を指定 */
.ft_nav_1 a { background-position: 0 0; } 
.ft_nav_2 a { background-position: 0 -60px; }
.ft_nav_3 a { background-position: 0 -120px; }
.ft_nav_4 a { background-position: 0 -180px; }
.ft_nav_5 a { background-position: 0 -240px; }
.ft_nav_6 a { background-position: 0 -300px; }
.ft_nav_7 a { background-position: 0 -360px; }

#ft_nav a:hover {
  text-decoration: none;
  background-image: url("../img/index/ft_gNav_2.jpg");
  background-repeat: no-repeat;
}

#ft_nav a.selected {
  text-decoration: none;
  background-image: url("../img/index/ft_gNav_2.jpg");
  background-repeat: no-repeat;
}

/* 入れ替え画像の位置を指定 */
.ft_nav_1 a:hover , .ft_nav_1 a.selected { background-position: -320px 0; } 
.ft_nav_2 a:hover , .ft_nav_2 a.selected { background-position: -320px -60px;}
.ft_nav_3 a:hover , .ft_nav_3 a.selected { background-position: -320px -120px}
.ft_nav_4 a:hover , .ft_nav_4 a.selected { background-position: -320px -180px;}
.ft_nav_5 a:hover , .ft_nav_5 a.selected { background-position: -320px -240px;}
.ft_nav_6 a:hover , .ft_nav_6 a.selected { background-position: -320px -300px;}
.ft_nav_7 a:hover , .ft_nav_7 a.selected { background-position: -320px -360px;}
/*-------------------------------------------------
top_nav end
-------------------------------------------------*/
/*-------------------------------------------------
IDEA_nav
-------------------------------------------------*/

#ft_idea_nav {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 320px;
}

#ft_idea_nav li {
  width: 320px;
  height: 60px;
  margin: 0;
  padding: 0;
  display: inline;
}

#ft_idea_nav a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 320px;
  height: 60px; /* リンク領域を広げる */
  background-image: url("../img/idea/ft_gNav_bg.jpg");
  background-repeat: no-repeat;
}

/* 表示画像の位置を指定 */
.ft_idea_nav_1 a { background-position: 0 0; } 
.ft_idea_nav_2 a { background-position: 0 -60px; }
.ft_idea_nav_3 a { background-position: 0 -120px; }
.ft_idea_nav_4 a { background-position: 0 -180px; }
.ft_idea_nav_5 a { background-position: 0 -240px; }
.ft_idea_nav_6 a { background-position: 0 -300px; }
.ft_idea_nav_7 a { background-position: 0 -360px; }

#ft_idea_nav a:hover {
  text-decoration: none;
  background-image: url("../img/idea/ft_gNav.jpg");
  background-repeat: no-repeat;
}

#ft_idea_nav a.selected {
  text-decoration: none;
  background-image: url("../img/idea/ft_gNav.jpg");
  background-repeat: no-repeat;
}

/* 入れ替え画像の位置を指定 */
.ft_idea_nav_1 a:hover , .ft_idea_nav_1 a.selected { background-position: -320px 0; } 
.ft_idea_nav_2 a:hover , .ft_idea_nav_2 a.selected { background-position: -320px -60px;}
.ft_idea_nav_3 a:hover , .ft_idea_nav_3 a.selected { background-position: -320px -120px}
.ft_idea_nav_4 a:hover , .ft_idea_nav_4 a.selected { background-position: -320px -180px;}
.ft_idea_nav_5 a:hover , .ft_idea_nav_5 a.selected { background-position: -320px -240px;}
.ft_idea_nav_6 a:hover , .ft_idea_nav_6 a.selected { background-position: -320px -300px;}
.ft_idea_nav_7 a:hover , .ft_idea_nav_7 a.selected { background-position: -320px -360px;}
/*-------------------------------------------------
IDEA_nav end
-------------------------------------------------*/
/*-------------------------------------------------
COMPANY_nav
-------------------------------------------------*/

#ft_company_nav {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 320px;
}

#ft_company_nav li {
  width: 320px;
  height: 60px;
  margin: 0;
  padding: 0;
  display: inline;
}

#ft_company_nav a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 320px;
  height: 60px; /* リンク領域を広げる */
  background-image: url("../img/company/ft_gNav_bg.jpg");
  background-repeat: no-repeat;
}

/* 表示画像の位置を指定 */
.ft_company_nav_1 a { background-position: 0 0; } 
.ft_company_nav_2 a { background-position: 0 -60px; }
.ft_company_nav_3 a { background-position: 0 -120px; }
.ft_company_nav_4 a { background-position: 0 -180px; }
.ft_company_nav_5 a { background-position: 0 -240px; }
.ft_company_nav_6 a { background-position: 0 -300px; }
.ft_company_nav_7 a { background-position: 0 -360px; }

#ft_company_nav a:hover {
  text-decoration: none;
  background-image: url("../img/company/ft_gNav3.jpg");
  background-repeat: no-repeat;
}

#ft_company_nav a.selected {
  text-decoration: none;
  background-image: url("../img/company/ft_gNav3.jpg");
  background-repeat: no-repeat;
}

/* 入れ替え画像の位置を指定 */
.ft_company_nav_1 a:hover , .ft_company_nav_1 a.selected { background-position: -320px 0; } 
.ft_company_nav_2 a:hover , .ft_company_nav_2 a.selected { background-position: -320px -60px;}
.ft_company_nav_3 a:hover , .ft_company_nav_3 a.selected { background-position: -320px -120px}
.ft_company_nav_4 a:hover , .ft_company_nav_4 a.selected { background-position: -320px -180px;}
.ft_company_nav_5 a:hover , .ft_company_nav_5 a.selected { background-position: -320px -240px;}
.ft_company_nav_6 a:hover , .ft_company_nav_6 a.selected { background-position: -320px -300px;}
.ft_company_nav_7 a:hover , .ft_company_nav_7 a.selected { background-position: -320px -360px;}
/*-------------------------------------------------
COMPANY_nav end
-------------------------------------------------*/
/*-------------------------------------------------
WORK_nav
-------------------------------------------------*/

#ft_work_nav {
  margin: 0;
  padding: 0;
  list-style-type: none; /* リストマークの削除 */
  width: 320px;
}

#ft_work_nav li {
  width: 320px;
  height: 60px;
  margin: 0;
  padding: 0;
  display: inline;
}

#ft_work_nav a {
  text-indent: -9999px; /* テキストを隠す */
  text-decoration: none;
  display: block;
  width: 320px;
  height: 60px; /* リンク領域を広げる */
  background-image: url("../img/work/ft_gNav_bg.jpg");
  background-repeat: no-repeat;
}

/* 表示画像の位置を指定 */
.ft_work_nav_1 a { background-position: 0 0; } 
.ft_work_nav_2 a { background-position: 0 -60px; }
.ft_work_nav_3 a { background-position: 0 -120px; }
.ft_work_nav_4 a { background-position: 0 -180px; }
.ft_work_nav_5 a { background-position: 0 -240px; }
.ft_work_nav_6 a { background-position: 0 -300px; }
.ft_work_nav_7 a { background-position: 0 -360px; }

#ft_work_nav a:hover {
  text-decoration: none;
  background-image: url("../img/work/ft_gNav.jpg");
  background-repeat: no-repeat;
}

#ft_work_nav a.selected {
  text-decoration: none;
  background-image: url("../img/work/ft_gNav.jpg");
  background-repeat: no-repeat;
}

/* 入れ替え画像の位置を指定 */
.ft_work_nav_1 a:hover , .ft_work_nav_1 a.selected { background-position: -320px 0; } 
.ft_work_nav_2 a:hover , .ft_work_nav_2 a.selected { background-position: -320px -60px;}
.ft_work_nav_3 a:hover , .ft_work_nav_3 a.selected { background-position: -320px -120px}
.ft_work_nav_4 a:hover , .ft_work_nav_4 a.selected { background-position: -320px -180px;}
.ft_work_nav_5 a:hover , .ft_work_nav_5 a.selected { background-position: -320px -240px;}
.ft_work_nav_6 a:hover , .ft_work_nav_6 a.selected { background-position: -320px -300px;}
.ft_work_nav_7 a:hover , .ft_work_nav_7 a.selected { background-position: -320px -360px;}
/*-------------------------------------------------
WORK_nav end
-------------------------------------------------*/