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



/*========= ヘッダーサブメニューのためのCSS ===============*/

/*2階層目以降は横並びにしない*/
#hdgNav ul ul{
	display: block;
}

/*下の階層のulの基点にするためliにrelativeを指定*/
#hdgNav ul li{
	position: relative;
}

/*下の階層を持っているulの指定*/
#hdgNav li.has-child ul{/*共通*/
    /*絶対配置で位置を指定*/
	position: absolute;
    /*top: 50px;*/
	left: -48px;
	z-index: 4;
	/*text-align: left;*/
    /*形状を指定*/
	background-color: #5b6771;
	padding: 0;
	/*はじめは非表示*/
	visibility: hidden;
	opacity: 0;
    /*アニメーション設定*/
	transition: all .3s;
}

/*ロボットストレージシステム*/
#hdgNav li.rss{
	width: 120px;/*225*/
}
/*#hdgNav li.rss .current{
	padding-top: 20px;
    height: 30px;
}*/
#hdgNav li.rss ul{
	width: 250px;
	height: auto;
}
#hdgNav li.rss ul li{
	width: 250px;
	background-color: #2b3136;
}

/*hoverしたら表示*/
#hdgNav li.has-child:hover > ul,
#hdgNav li.has-child ul li:hover > ul,
#hdgNav li.has-child:active > ul,
#hdgNav li.has-child ul li:active > ul{
  visibility: visible;
  opacity: 1;
}



/*SP*/

body.responsive-sp #hdgSpNav ul .spSecond a {
	padding: 3.43% 10% 3.43% 14%;
    margin-left: 9%;
}
body.responsive-sp #hdgSpNav ul .spSecond a:before {
	background: url(/business/images_global/r_ico_link_01.png) no-repeat;
	background-size: 10px;
}

body.responsive-sp #hdgNav li.has-child:hover > ul,
body.responsive-sp #hdgNav li.has-child ul li:hover > ul,
body.responsive-sp #hdgNav li.has-child:active > ul,
body.responsive-sp #hdgNav li.has-child ul li:active > ul{
  visibility: hidden;
  opacity: 0;
}