ul.oe_menu{
	padding-left: 5px;
	margin-left: 10px;
	background: #314a56;
	width: 995px;
	height: 50px;
	position: relative;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
background: rgb(54,90,109);
background: -moz-linear-gradient(top,  rgba(54,90,109,1) 0%, rgba(49,74,86,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(54,90,109,1)), color-stop(100%,rgba(49,74,86,1)));
background: -webkit-linear-gradient(top,  rgba(54,90,109,1) 0%,rgba(49,74,86,1) 100%);
background: -o-linear-gradient(top,  rgba(54,90,109,1) 0%,rgba(49,74,86,1) 100%);
background: -ms-linear-gradient(top,  rgba(54,90,109,1) 0%,rgba(49,74,86,1) 100%);
background: linear-gradient(to bottom,  rgba(54,90,109,1) 0%,rgba(49,74,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#365a6d', endColorstr='#314a56',GradientType=0 );


}
ul.oe_menu > li{
	width:134px;
	height:50px;
	float:left;
	border-left: solid 1px #45606e;
	position:relative;
}
/*ナビゲーションロゴ*/
.img_nav{
	width: 100px;
}
.img_nav img{
	width: 90px;
	margin: 7px 7px 0;
	float: left;
}
@media only screen and (max-width: 550px) {/*SmartPhone用*/
ul.oe_menu > li{
	margin-bottom: 10px;
	border: none;
}
}
ul.oe_menu > li > a{
	display:block;
	color:#fff;
	width:126px;
	height: 40px;
	line-height: 40px;
	margin-left: 4px;
	margin-top:5px;
	text-align: center;
	font-size:17px;
}
@media only screen and (max-width: 550px) {/*SmartPhone用*/
ul.oe_menu > li > a{
	line-height: 20px;
}
/*ナビゲーションロゴ*/
.img_nav img{
	margin-top: 0;
	margin-left: 55px;
	margin-bottom: 10px;
	border: solid 1px #fff;
}
}
ul.oe_menu li a:hover,
ul.oe_menu li.selected > a{
	background:#f7f7f7;/*薄い色*/
	color: #111;
	position: relative;
	z-index:10000;
	border-radius: 5px 5px 0 0 ;
	  -moz-border-radius: 5px 5px 0 0 ;
	  -webkit-border-radius: 5px 5px 0 0 ;
}
.oe_wrapper ul li a:hover{
	color: #111;
}
ul.oe_menu div{
	position:absolute;
	margin-left: -15px;
	left:1px;
	top:45px;
	background:#fff;
	width:780px;
	height:200px;
	padding:20px 10px;
	display:none;
	border-radius: 7px ;
	  -moz-border-radius: 7px ;
	  -webkit-border-radius: 7px;
	box-shadow:0px 0px 7px rgba(0,0,0,0.8);
background: rgb(247,247,247);
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(234,234,234,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(234,234,234,1)));
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(234,234,234,1) 100%);
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(234,234,234,1) 100%);
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(234,234,234,1) 100%);
background: linear-gradient(to bottom,  rgba(247,247,247,1) 0%,rgba(234,234,234,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#eaeaea',GradientType=0 );



	
}
@media only screen and (max-width: 550px) {/*SmartPhone用*/
ul.oe_menu{
		background: none;
		width: 220px;
		height: 800px;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
}

ul.oe_menu > li > a{
	width: 156px;
	height: 20px;
}
ul.oe_menu li a:hover,
ul.oe_menu li.selected > a{
	background:#4c6a79;/*薄い色*/
	width: 156px;
	color: #fff;
		border-radius: 0;
		-moz-border-radius: 0;
		-webkit-border-radius: 0;
}
}


ul.oe_menu div ul.oe_full{
	width:100%;
}
ul.oe_menu div ul li a:hover{
	color:#fff;
}

li.oe_heading{
	color:#aaa;
	font-size:16px;
	margin-bottom:10px;
	padding-bottom:6px;
	border-bottom:1px solid #ddd;
}

/*アイコンメニュー2*/
ul.icon_menu li{
	margin-right: 5px;
	border: solid 3px #b9d4e1;
	float: left;
}
ul.icon_menu li a{
	display: block;
}
ul.icon_menu li:hover:not(.current){
	border: solid 3px #314a56;
	background: #fff;
	-moz-box-shadow:  1px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow:  1px 1px 4px rgba(0,0,0,0.5);
	box-shadow:  1px 1px 4px rgba(0,0,0,0.6);
}
ul.icon_menu li p{
	display: none;
}
ul.icon_menu li.half{
	margin: 0;
	margin-bottom: 4px; 
}
ul.icon_menu li.centerHalf{
	margin-right:5px;
	margin-left:5px;
}

/*カタログ*/
ul.catalogs li{border: solid 3px #88cbbc; background:#e1eee1;}
ul.catalogs li:hover:not(.current){	border: solid 3px #114e40;}
/*商品紹介*/
ul.products li{border: solid 3px #6e93a3; background: #e9f0f3;}
ul.products li:hover:not(.current){border: solid 3px #3f5c69;}
/*company*/
ul.company li{border: solid 3px #b9d4e1; background: #eef4f7;}
ul.company li:hover:not(.current){border: solid 3px #314a56;}
/*サポート*/
ul.support li{border: solid 3px #787c6a; background: #e8eae0;}
ul.support li:hover:not(.current){	border: solid 3px #40403b;}
/*インフォ*/
ul.infos li{border: solid 3px #ddd; background: #e9e9e3;}
ul.infos li:hover:not(.current){	border: solid 3px #b2b29a;}
/*フッターサイトマップ*/
.footer .icon_menu p{
	display: block;
	padding: 2px 0;
}
.footer ul.icon_menu{
	list-style-type: disc;
	position: absolute; 
	top: 25px;
	left: 18px;
}
.footer ul.icon_menu li{
	float: none; 
	line-height: 18px;
	border: none !important;
	-moz-box-shadow:  none !important;
	-webkit-box-shadow:  none !important;
	box-shadow: none !important;
}
.footer .icon_menu img{
	display: none;
}
.footer .icon_menu a{
	font-size: 13px;
	color: #fff;
}
.footer .icon_menu img{
	display: none;
}
.footer ul#site_map > li{
	width: 150px;
	float: left;
	position: relative;
}
.footer ul > li a{
	font-size: 15px;
	color: #fff;
}
.footer ul#footer_other{
	float: right;
	height: 100px;
}
.footer ul#footer_other li{
	float: none;
	border: solid 1px #45606e;
	margin-bottom: 5px !important;
	text-align: center;
}
.footer ul#footer_other li a{
	padding: 3px 5px;
	display: block;
	font-size: 11px;
}
.footer ul#footer_other li a:hover{
	background: #e5ebee;
	color: #314a56;
}
.footer ul.icon_menu li{
	list-style-image: url(../../img/common/footer_list.png);
}
.footer ul.icon_menu li p{
	color: #9eaab0;/*フッター非選択の色*/
}

/*フッターここまで*/

@media only screen and (max-width: 550px) {/*SmartPhone用*/
ul.icon_menu{
	width : -moz-calc(100% - 30px) ;
	width : -webkit-calc(100% - 30px) ;
	width : calc(100% - 30px) ;
	padding: 0 15px;
}
.icon_menu img{
	display: none;
}
ul.icon_menu li{
	border: none;
	padding: 0;
	margin-right: 0;
}
ul.icon_menu li:hover{
	border: none;
}
ul.icon_menu li p{
	display: block;
	color: #000;
}
.smart_menu li a{
	color: #637781;
}
ul.icon_menu li p{
	width : -moz-calc(50vw - 28px) ;
	width : -webkit-calc(50vw - 28px) ;
	width : calc(50vw - 28px) ;
	float: left;
	height: 50px;
	text-align: center;
	font-size: 14px;
	line-height: 50px;
	margin-bottom: 10px;
	border-radius: 7px ;
	-moz-border-radius: 7px ;
	-webkit-border-radius: 7px ;
	border: solid 1px #aaa;
	clear: none;
	background: #f2f2f2;
	background: -moz-linear-gradient(top,  #f2f2f2 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f2f2), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #f2f2f2 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #f2f2f2 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e5e5e5',GradientType=0 );
}

ul.icon_menu li:nth-of-type(2n){
	float: right;
	margin-left: 0;
	margin-right: 0;
}
.smart_hover{
	color: #fff;
	display: block;
	background: #c9d6dc;
	border-radius: 7px ;
	-moz-border-radius: 7px ;
	-webkit-border-radius: 7px ;
}

ul.icon_menu li a p:hover{
	display: block;
	background: #c9d6dc;
}

li.other a{
	padding: 5px 25px;
}
/*カタログ*/
ul.catalogs li{border: none !important; background:#fff;}
ul.catalogs li:hover:not(.current){	border: none;}
/*商品紹介*/
ul.products li{border: none !important; background: #fff;}
ul.products li:hover:not(.current){border: none;}
/*company*/
ul.company li{border: none !important; background:#fff;}
ul.company li:hover:not(.current){	border: none;}
/*サポート*/
ul.support li{border: none !important; background:#fff;}
ul.support li:hover:not(.current){	border: none;}
/*インフォ*/
ul.infos li{border: none !important; background:#fff;}
ul.infos li:hover:not(.current){	border: none;}

ul.icon_menu li:hover:not(.current){
	border: solid 3px #314a56;
     -moz-box-shadow:  none;
    -webkit-box-shadow: none;
      box-shadow: none;
	background: #fff;
}
ul.icon_menu li.centerHalf{
	margin-left:0;
}
}
/*アクティブ*/
li.active_nav a.main_nav{
	background: #22353A;
	border-radius: 5px ;
	  -moz-border-radius: 5px ;
	  -webkit-border-radius: 5px ;
}

.current img{
   z-index: -1;
      position: relative;
	background:#fff;
}
.current{
      position: relative;
      z-index: 1;
}
.current a{
	-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
	-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
	box-shadow: inset 1px 1px 4px rgba(0,0,0,0.5);
}
.footer ul.icon_menu .current a{
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.footer ul.icon_menu .current p{
	color: #fff;
}