.dropdown {margin:0;}
.dropdown dt:hover {background:url(../bookshoptoto/images/header_over.gif)}
.dropdown dt a{display:block;width:237px;height:61px;}

.dropdown dt a.new{background-image:url(/publishing/image/img_navi_button_newbook.gif);background-repeat:no-repeat;}
.dropdown dt a.find{background-image:url(/publishing/image/img_navi_button_find.gif);background-repeat:no-repeat;}
.dropdown dt a.knowledge{background-image:url(/publishing/image/img_navi_button_knowledge.gif);background-repeat:no-repeat;}
.dropdown dt a.bookshop{background-image:url(/publishing/image/img_navi_button_bookshop.gif);background-repeat:no-repeat;}

.dropdown ul {list-style:none; border-top:none;padding:0;margin:0;}
.dropdown li {position:relative;height:35px;width:235px;overflow:hidden;z-index:2000;margin:0;padding:0;border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.dropdown_subnavi li {border-right:1px solid #ccc;border-left:1px solid #ccc;border-bottom:1px solid #ccc;}
.dropdown li a{position:absolute;display:block;height:35px;width:235px;z-index:2000;margin:0;padding:0;background-position:-1px 0;}

.dropdown li a.new{background-image:url(/publishing/common/image/menu_pd_newbooks.gif);background-repeat:no-repeat;}
.dropdown li a.coming{background-image:url(/publishing/common/image/menu_pd_comingbooks.gif);background-repeat:no-repeat;}
.dropdown li a.bs{background-image:url(/publishing/common/image/menu_pd_find_bestseller.gif);background-repeat:no-repeat;}
.dropdown li a.name{background-image:url(/publishing/common/image/menu_pd_find_name.gif);background-repeat:no-repeat;}
.dropdown li a.book{background-image:url(/publishing/common/image/menu_pd_find_book.gif);background-repeat:no-repeat;}
.dropdown li a.year{background-image:url(/publishing/common/image/menu_pd_find_year.gif);background-repeat:no-repeat;}
.dropdown li a.series{background-image:url(/publishing/common/image/menu_pd_find_series.gif);background-repeat:no-repeat;}
.dropdown li a.designer{background-image:url(/publishing/common/image/menu_pd_find_designer.gif);background-repeat:no-repeat;}
.dropdown li a.self{background-image:url(/publishing/common/image/menu_pd_self.gif);background-repeat:no-repeat;}
.dropdown li a.event{background-image:url(/publishing/common/image/menu_pd_event.gif);background-repeat:no-repeat;}
.dropdown li a.eventreport{background-image:url(/publishing/common/image/menu_pd_eventreport.gif);background-repeat:no-repeat;}
.dropdown li a.bookshop{background-image:url(/publishing/common/image/menu_pd_bookshoptoto.gif);background-repeat:no-repeat;}
.dropdown .underline {border-bottom:1px solid #b9d6dc;}

.dropdown_subnavi {float:left;margin:0; width:93px;}
.dropdown_subnavi dt {width:28px;height:37px;margin-bottom:1px;}
.dropdown_subnavi dd {}
.dropdown_subnavi ul {list-style:none;padding:0;margin:0;}

.dropdown{
	position: relative;
	width:calc(100% / 4);
	height: 61px;
	background-color: #e6e6e6;
	border-right: 1px solid #b2b2b2;
	border-left: 1px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}
.dropdown:has(dt.menu_active) {
    background-color: #333;
}
/*gallerma*/
#menuMa #ex{
	position:absolute;
	left:0;
}
#menuMa #other{
	position:absolute;
	left:189.6px;
}
#menuMa #lec{
	position:absolute;
	left:379.2px;
}
#menuMa #access{
	left:568.8px;
}
#menuMa #shop{
	left:758.4px;
}

/*gallerma_e*/
#ex{
	position:absolute;
	left:0;
}
#lec{
	position:absolute;
	left:237px;
}
#access{
	left:474px;
}
#shop{
	left:711px;
}

/*publishing*/

/*shop*/

/*pub ls用*/
#name_a{
	left:0;
	position:absolute;
}
#name_ka{
	left:94px;
	position:absolute;
}
#name_sa{
	left:188px;
	position:absolute;
}
#name_ta{
	left:282px;
	position:absolute;
}
#name_na{
	left:376px;
	position:absolute;
}
#name_ha{
	left:470px;
	position:absolute;
}
#name_ma{
	left:564px;
	position:absolute;
}
#name_ya{
	left:658px;
	position:absolute;
}
#name_ra{
	left:752px;
	position:absolute;
}
#name_wa{
	left:846px;
	position:absolute;
}

#book_a{
	left:0;
	position:absolute;
}
#book_ka{
	left:94px;
	position:absolute;
}
#book_sa{
	left:188px;
	position:absolute;
}
#book_ta{
	left:282px;
	position:absolute;
}
#book_na{
	left:376px;
	position:absolute;
}
#book_ha{
	left:470px;
	position:absolute;
}
#book_ma{
	left:564px;
	position:absolute;
}
#book_ya{
	left:658px;
	position:absolute;
}
#book_ra{
	left:752px;
	position:absolute;
}
#book_wa{
	left:846px;
	position:absolute;
}

#designer_a{
	left:0;
	position:absolute;
}
#designer_ka{
	left:94px;
	position:absolute;
}
#designer_sa{
	left:188px;
	position:absolute;
}
#designer_ta{
	left:282px;
	position:absolute;
}
#designer_na{
	left:376px;
	position:absolute;
}
#designer_ha{
	left:470px;
	position:absolute;
}
#designer_ma{
	left:564px;
	position:absolute;
}
#designer_ya{
	left:658px;
	position:absolute;
}
#designer_ra{
	left:752px;
	position:absolute;
}
#designer_wa{
	left:846px;
	position:absolute;
}



.dropdown > .navibutton{
	text-align:center;
	box-sizing:border-box;
	font-family:"ヒラギノ角ゴシック ProN","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック",sans-serif;
	text-shadow: 1px 1px 1px #fff;
}
#menuPub .dropdown > .navibutton{
	width: auto;
	font-size: 20px;
}
#menuMa .dropdown > .navibutton{
    position: relative;
    width: 100% !important;
    height: 100%;
    font-size: min(1.14vw, 14px);
    align-items: center;
    display:flex;
}
#menuMa .dropdown > .navibutton .weap_nav_item {
    width: 100%;
}
#menuMa .dropdown > .navibutton.ex,
#menuMa .dropdown > .navibutton.other{
	line-height: 1.4em;
}
#menuMa .dropdown > .navibutton span {
    top: 20px;
    left: 0;
    width:100%;
    font-size: .75em;
	letter-spacing: 0;
	display: block;
	padding-top: .5em;
    line-height: 1;
}
.dropdown.dd_en > .navibutton,.dropdown.dd_en .navi_sub .sub_on{
	letter-spacing:0;
}
.dropdown > .navi_sub{
	width: 100%;
	display:none;
	z-index:999;
	position: absolute;
	top: 0;
}
.sub_on{
	width:237px;
	height:61px;
	background-color:#333;
	color:#fff;
	text-align:center;
	font-size:20px;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	box-sizing:border-box;
	line-height:63px;
    font-family:"ヒラギノ角ゴシック ProN","ヒラギノ角ゴ Pro W3","メイリオ","ＭＳ ゴシック",sans-serif;
	margin:0;
	border-left: 0 !important;
}
.sub_on.learningsub_on{
	padding-top:.85em;
	line-height: 1.4em;
}
.sub_on.accesssub_on{
	padding-top:1.5em;
}
#menuPub .sub_on{
	width: 100%;
}
#menuMa .sub_on{
    position: relative;
	width: 100%;
	font-size:14px;
}
#menuMa .sub_on.exsub_on,
#menuMa .sub_on.othersub_on,
#menuMa .sub_on.exsub_on_e,
#menuMa .sub_on.othersub_on_e{
	line-height: 46px;
}
#menuMa .sub_on span {
    position: absolute;
    top: 20px;
    left: 0;
    width:100%;
    font-size: 12px;
	letter-spacing: 0;
}
a.sub{
	text-decoration:none;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}

a.sub > li {
	width:237px;
	height:36px;
	line-height:36px;
	background-color:#fff;
	color:#404040;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}
#menuPub a.sub >li {
	width: 100%;
}
#menuMa a.sub > li {
	width: 100%;
	font-size: 0.85em;
}
a.sub > li:hover{
	background-color:#333;
	color:#fff;
	box-sizing:border-box;
}

/*pub search用*/
.dropdown_subnavi .navibutton{
	width:94px !important;
	height:38px;
	background-color:#e6e6e6;
	text-align:center;
	font-size:20px;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	box-sizing:border-box;
	line-height:38px;
	font-family:"メイリオ","ヒラギノ角ゴシック ProN","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",sans-serif;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #fff;
}
.dropdown_subnavi > a{
	text-decoration:none;
	color:#666;
}
.dropdown_subnavi > .navi_sub{
	display:none;
	z-index:999;
	position:absolute;
}
.dropdown_subnavi > .navi_sub > .sub_on{
	width:94px !important;
	height:38px;
	background-color:#333;
	color:#fff;
	text-align:center;
	font-size:20px;
	border-bottom:1px solid #b2b2b2;
	border-right:1px solid #b2b2b2;
	box-sizing:border-box;
	line-height:38px;
	font-family:"メイリオ","ヒラギノ角ゴシック ProN","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",sans-serif;
	letter-spacing: 0.1em;
	margin:0;
}
a.lssub{
	text-decoration:none;
	display:block;
	overflow:hidden;
	box-sizing:border-box;
}
a.lssub > li{
	width:94px;
	height:38px;
	line-height:38px;
	background-color:#fff;
	font-family:"メイリオ","ヒラギノ角ゴシック ProN",sans-serif;
	color:#404040;
	text-align:center;
	text-decoration:none;
	box-sizing:border-box;
}


/*shopプルダウン無し用*/
.dropdown > a > .navibutton{
	height:61px;
	background-color:#e6e6e6;
	text-align:center;
	font-size:20px;
	box-sizing:border-box;
	line-height:63px;
	font-family:"メイリオ","ヒラギノ角ゴシック ProN","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",sans-serif;
	letter-spacing: 0.1em;
	text-shadow: 1px 1px 1px #fff;
	text-decoration:none;
}
.dropdown > a > .navibutton:hover{
	background-color:#444;
	color:#fff;
	text-shadow: none;
	border-left:0;
}
.dropdown > a{
	text-decoration:none;
	color:#666;
	width: 100%;
}
.dropdown > a:hover{
	text-decoration:none;
	color:#666;
}