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

/* navigation CSS */


#nav{
  width: 100%; /* リキッド ヘッダー*/
  position:relative;
  box-sizing: border-box;
  background-image:url(../../images/navi/navi_back.png);
  background-size: 100% auto;
  background-repeat: no-repeat;
}

/* x1 navigation CSS */

.navbox1_1 {
	  position:absolute;
	  top:40%;
	  margin:0 auto;
	  font-size:1rem;
	  text-align:center;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.8);
	  }

/* x1_2024 navigation CSS */

.navbox1_1_2024 {
	  position:absolute;
	  top:40%;
	  margin:0 auto;
	  font-size:0.7rem;
	  text-align:center;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.8);
	  }



/* x2 navigation CSS */

.navbox2_1 {
	  position:absolute;
	  top:35%;
	  margin:0 auto;
	  text-align:center;
	  font-size:1rem;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.5);
	  }


.navbox2_2 {
	  position:absolute;
	  top:55%;
	  text-align:center;
	  font-size:1rem;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.8);
	  }

/* x3 navigation CSS */
 
.navbox3_1 {
	  position:absolute;
	  top:10%;
	  text-align:center;
	  font-size:0.6rem;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.2);
	  }

.navbox3_2 {
	  position:absolute;
	  top:30%;
	  text-align:center;
	  font-size:0.8rem;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.5);
	  }



.navbox3_3 {
	  position:absolute;
	  top:50%;
	  text-align:center;
	  font-size:0.8rem;
	  width: 100%; /* リキッド ヘッダー*/
	  background-color: rgba(214,235,245,0.8);
	  }




#under_nav {
	margin:30px auto;
	font-size:0.6rem;
	text-align:center;
}

#under_nav_hoiku {
	margin:30px auto 0px;
	font-size:0.8rem;
	text-align:center;
}


/* list navigation CSS */

ul.navi {
       display: table;
       margin: 0 auto;
       padding: 0;
       width: 80%;
       text-align: center;
       }

ul.navi li{
       display: table-cell;
       min-width: 50px;
       }

u.navi li a{
       display: block;
       width: 100%;
       text-decoration: none;
       }

ul.navi li.current{
       background-color: #8855aa;
       }

ul.navi li.current a{
       color: #eee;
       border-bottom: 3px solid #9b5;
       }

ul.navi li:hover{
	  background-color: rgba(255,153,51,0.5);
}


/* navi link color */

a.navi:link {
	text-decoration: none;
	color: #333;
}

a.navi:visited {
	text-decoration: none;
	color: #555;
}

a.navi:hover {
	text-decoration: none;
	color: #000;
}

a.navi:active {
	text-decoration: none;
	color: #FF9900;
}