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

#div-menu-nav{
  position: relative; /* 子要素においてabsoluteを用いるため指定する */
  font-size:14px;
  z-index:9999; /* 最上位に表示する 一部の見出しがプルダウンの上に表示されてしまうことの対策 */
	margin-top: 0px;
	margin-left: 56px;
}
.spmenu #div-menu-nav{
  position: relative; /* 子要素においてabsoluteを用いるため指定する */
  font-size:14px;
  z-index:9999; /* 最上位に表示する 一部の見出しがプルダウンの上に表示されてしまうことの対策 */
	margin: 0;
}
#div-menu-nav .menu-tab{
  display: inline-block; /* メニュータブを横並びにする */
  width:190px;
}
.spmenu #div-menu-nav .menu-tab{
  display: inline-block; /* メニュータブを横並びにする */
  width:230px;
}
#div-menu-nav a{
  display: block; 
  padding: 5px 0px; 
  width: 100%; 
  color: #343434; 
  text-decoration: none;
  background-color: #fafafa;
  border-bottom: solid 1px #fff; 
}
.spmenu #div-menu-nav a{
  display: block; 
  padding: 15px 0px; 
  width: 100%; 
  color: #343434; 
  text-decoration: none;
  background-color: #fafafa;
  border-bottom: solid 1px #fff; 
	font-size: 16px;
}
#div-menu-nav a:hover,
.spmenu #div-menu-nav a:hover{
  background-color: #e7e7e7;
}
/*#div-menu-nav a:hover{
  background-color:#ffe6e6;
  border-bottom: solid 1px #dd5656; 
}*/
#div-menu-nav a::before{　/* タブの左側のアクセントの変化の指定 ↓ */
  /*display: inline-block;
  content: "■"; 
  color: #67b44a; 
  transform: scaleX(0.4); /* 長方形を表示するにはborder 4pxなどの方法もありますが■をX方向に縮小する方法が楽です */
}
#div-menu-nav a:hover::before{
  /*content: "＞"; 
  color: #dd5656; */
}
#div-menu-nav .menu-tab a::before{
  display: inline-block;
  content: "＞"; 
  font-weight:900;
  color: #000; 
  transform: scale(0.7,0.5) rotate(90deg); /* transformはまとめて書かないとうまく表示されないことがある */
	margin-right: 28px;
	margin-top: 4px;
	float: right;
}                  /* ＞を90度傾けて下に向けます */
#div-menu-nav .menu-tab a:hover::before{
  color: #dd5656; 
}                          /* アクセント指定ここまで */
#div-menu-nav .box1{
	width: 190px;
  position: absolute; 
  background-color: #ffffff;
  display: none;
  left:0px; /* 左から10pxで表示 */
}
.spmenu #div-menu-nav .box1{
	width: 230px;
  position: absolute; 
  background-color: #ffffff;
  display: none;
  left:0px; /* 左から10pxで表示 */
}
#div-menu-nav .menu-hover1:hover ~ .box1{ /* メニューをhoverすれば box1を表示 */
  display: block;
}
#div-menu-nav .box1:hover{  /* 表示されたbox1をhoverすればそのままbox1を表示し続ける */
  display: block;           /* これがなければbox1が消えてしまう */
}
#div-menu-nav .box1 div{ /*各アイテムについて */
  background-color: #ffffff;
  width:190px;
	text-align: left;
}
.spmenu #div-menu-nav .box1 div{ /*各アイテムについて */
  background-color: #ffffff;
  width:230px;
	text-align: left;
}
.menu_flag {
	width: 15%;
	margin-right: 10px;
}