@charset "UTF-8";

/* ヘッダー部メガメニュー用CSS */



#dropmenu
{
	list-style-type: none;
	width: 100%;
	height: auto;
	padding: 0;
	background: #044E87;
}

#dropmenu li:hover ul li:first-child
{
	border-top: 0;
}

#dropmenu li:hover ul li:last-child
{
	border-bottom: 0;
}

#dropmenu .mm-line
{
	border-bottom: 1px dotted #E0DEDE;
	padding-bottom: 3px;
}

#dropmenu .mm-line-search
{
	border-bottom: 1px dotted #E0DEDE;
	padding-bottom: 3px;
	margin-right: 20px;
}

/*tablet*/

@media(min-width:768px) {

/*ヘッダー（横並び）の幅と右側に縦ライン*/
#dropmenu li
{
	position: relative;
	width: 16%;
	height:57px;
	border-right:1px solid #082273;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}
/*ヘッダー（横並び）の幅と最初の左側に縦ライン*/
#dropmenu li:first-child
{
	position: relative;
	width: 16%;
	height:57px;
	border-left:1px solid #082273;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

#dropmenu li a
{
	display: block;
	margin: 0;
	padding: 20px 0 11px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
}

/*drop menu 大分類コンテンツエリア*/
#dropmenu li:hover > a
{
	/*background: #044E87;*/
	background:#075FAE;
	color: #cccccc;
}

/*MEGA MENU 表示開始位置*/
#dropmenu li ul
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: 0;
	margin: 0;
	padding: 0;
}


/*ここから*/
/*製品ラインアップコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega01-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -120px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega01
{
	overflow: hidden;
	/*width: 310%;*/
	width:728px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

#dropmenu li ul .mega01.fade-mega
{
	opacity:1;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega01 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*製品検索コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega02-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -235px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega02
{
	overflow: hidden;
	width:728px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega02 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*品質・特徴コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega03-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -350px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega03
{
	overflow: hidden;
	width:728px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega03 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*サポートコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega04-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -465px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega04
{
	overflow: hidden;
	width:728px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega04 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*インフォメーションコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega05-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -580px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega05
{
	overflow: hidden;
	width:728px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega05 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*ここまで*/

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul li a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

#dropmenu li:hover ul li
{
	overflow: visible;
	height: 100%;
	background: #044E87;
}

/*メガメニュー内部コンテンツ表示*/

#dropmenu .mm-product
{
	
	float: left;
	width: 20%;
	background: #18E845;
}

#dropmenu .mm-product div
{
	text-align: left;
	margin-top: 5px;
	line-height: 1.4em;
}

#dropmenu .mm-product img
{
	padding: 5px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

#dropmenu .mm-product-search
{
	float: left;
	width: 20%;
	background: #18E845;
}

#dropmenu .mm-product-search-txt
{
	float: left;
	width: 30%;
	background: #18E845;
}

#dropmenu .mm-product-search div, .mm-product-search-txt div
{
	text-align: left;
	margin-top: 5px;
	line-height: 1.4em;
}

#dropmenu .mm-product-search img
{
	padding: 5px;
	background: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
	
.product-clear
	{
		clear: both;
	}


/*三角形吹き出し*/
/*製品ラインアップ*/
#dropmenu ul .mega01:first-child a:after
{
	content: '';
	position: absolute;
	left: 173px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

/*製品ラインアップ*/
#dropmenu ul .mega02:first-child a:after
{
	content: '';
	position: absolute;
	left: 287px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

/*品質・特徴*/
#dropmenu ul .mega03:first-child a:after
{
	content: '';
	position: absolute;
	left: 405px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

/*品質・特徴*/
#dropmenu ul .mega04:first-child a:after
{
	content: '';
	position: absolute;
	left: 520px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

/*品質・特徴*/
#dropmenu ul .mega05:first-child a:after
{
	content: '';
	position: absolute;
	left: 635px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega01.mega02.mega03.mega04.mega05:first-child a:hover:after
{
	border-bottom-color: #044E87;
}
}

/*PC画面サイズ*/
@media(min-width:992px) {

#dropmenu li
{
	position: relative;
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
}

#dropmenu li a
{
	display: block;
	margin: 0;
	padding: 20px 0 11px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
}

#dropmenu li:hover > a
{
	background:#075FAE;
	color: #cccccc;
}

#dropmenu li ul
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: 0;
	margin: 0;
	padding: 0;
}

/*ここから*/
/*製品ラインアップコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega01-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -166px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega01
{
	overflow: hidden;
	/*width: 303%;*/
	width:955px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega01 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*製品検索コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega02-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -317px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega02
{
	overflow: hidden;
	width:955px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega02 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*品質・特徴コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega03-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -467px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega03
{
	overflow: hidden;
	width:955px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega03 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*サポートコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega04-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -618px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega04
{
	overflow: hidden;
	width:955px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega04 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*インフォメーションコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega05-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -768px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega05
{
	overflow: hidden;
	width:955px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega05 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 65%;
	font-weight: normal;
}

/*ここまで*/

#dropmenu li ul li a
{
	padding: 13px 15px;
	text-align: left;
	font-size: 10px;
	font-weight: normal;
}

#dropmenu li:hover ul li
{
	overflow: visible;
	height: 100%;
}

/*メガメニュー内部コンテンツ表示*/
/*製品ラインアップ部*/

#dropmenu .mm-product
{
	float: left;
	width: 20%;
}

/*製品検索*/
#dropmenu .mm-search-img
{
	float: left;
	width: 30%;
}

#dropmenu .mm-search-txt
{
	float: left;
	width: 70%;
}

#dropmenu .mm-search-txt .detail
{
	text-align: left;
	margin-top: 5px;
	line-height: 1.4em;
	font-size: smaller;
}

#dropmenu ul .mega01:first-child a:after
{
	content: '';
	position: absolute;
	left: 237px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega02:first-child a:after
{
	content: '';
	position: absolute;
	left: 387px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega03:first-child a:after
{
	content: '';
	position: absolute;
	left: 538px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega04:first-child a:after
{
	content: '';
	position: absolute;
	left: 690px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega05:first-child a:after
{
	content: '';
	position: absolute;
	left: 840px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega01.mega02.mega03.mega04.mega05:first-child a:hover:after
{
	border-bottom-color: #044E87;
}
	

.product-clear
	{
		clear: none;
	}
	
}

/*large-PC*/

@media(min-width:1200px) {

/*表示メニュー横幅*/
#dropmenu li
{
	position: relative;
	width: 16%;
	float: left;
	margin: 0;
	padding: 0;
	text-align: center;
}

/*表示メニュー余白・フォントサイズ等のプロパティ*/
#dropmenu li a
{
	display: block;
	margin: 0;
	padding: 20px 0 11px;
	color: #fff;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
}

#dropmenu li:hover > a
{
	background:#075FAE;
	color: #cccccc;
}

/*マウスオーバー時、下のメガメニューを表示した際の位置
*/
#dropmenu li ul
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -10%;
	margin: 0;
	padding: 0;
}

/*ここから*/
/*製品ラインアップコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega01-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -199px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega01
{
	overflow: hidden;
	width:1155px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega01 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

/*製品検索コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega02-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -380px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega02
{
	overflow: hidden;
	width:1155px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega02 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

/*品質・特徴コンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega03-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -563px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega03
{
	overflow: hidden;
	width:1155px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega03 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

/*サポートコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega04-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -746px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega04
{
	overflow: hidden;
	width:1155px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega04 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

/*インフォメーションコンテンツエリア*/
/*MEGA MENU 表示開始位置*/
#dropmenu li .mega05-wrap
{
	list-style: none;
	position: absolute;
	top: 130%;
	left: -928px;
	margin: 0;
	padding: 0;
}

/*MEGA MENU内表示エリア幅*/
#dropmenu li ul .mega05
{
	overflow: hidden;
	width:1155px;
	height: 0;
	color: #fff;
	background: #044E87;
	-moz-transition: .1s;
	-webkit-transition: .1s;
	-o-transition: .1s;
	-ms-transition: .1s;
	transition: .1s;
}

/*MEGA MENU内 各コンテンツ部*/
#dropmenu li ul .mega05 a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 75%;
	font-weight: normal;
}

/*ここまで*/

#dropmenu li ul li a
{
	padding: 13px 15px;
	background: #044E87;
	text-align: left;
	font-size: 12px;
	font-weight: normal;
}

#dropmenu li:hover ul li
{
	overflow: visible;
	height: 100%;
}

#dropmenu ul .mega01:first-child a:after
{
	content: '';
	position: absolute;
	left: 284px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega02:first-child a:after
{
	content: '';
	position: absolute;
	left: 467px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega03:first-child a:after
{
	content: '';
	position: absolute;
	left: 650px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega04:first-child a:after
{
	content: '';
	position: absolute;
	left: 832px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega05:first-child a:after
{
	content: '';
	position: absolute;
	left: 1018px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #044E87;
}

#dropmenu ul .mega01.mega02.mega03.mega04.mega05:first-child a:hover:after
{
	border-bottom-color: #044E87;
}

/*メガメニュー内部コンテンツ表示*/
/*製品ラインアップ部*/

#dropmenu .mm-product
{
	float: left;
	width: 20%;
}

#dropmenu .mm-product div
{
	text-align: left;
	margin-top: 5px;
	line-height: 1.2em;
}

.product-clear
	{
		clear: none;
	}
}