/********************************************************/
/*			global navi style  last 2016.11.26			*/
/********************************************************/

/* ul GLナビ基本設定 */
.menu {
	position: relative;
	margin:0 auto 0;
	padding:0 0 0 0;
	width:1200px;
	height:28px;
	text-align:center;
	list-style:none;
	border-right:solid 1px #aaa;
	border-bottom:solid 2px #aaa;
	border-left:solid 1px #aaa;
	background:#ccc; /* GL BG基本 -> グレー */

	-webkit-border-radius:0 0 4px 4px;
	-moz-border-radius:0 0 4px 4px;
	border-radius:0 0 4px 4px;

}


/* 親（1階層）メニュー */
.menu > li {
	display:inline-block;
	height:28px;
	line-height:28px;
	text-align:center;
	background:#ccc;
}
body .menu > li a {
	display: block;
	padding:0 38px;
	color: #333;
	text-decoration:none;
}
#header-2 .menu > li a:hover{
	color:#fff;
	background:#333; /* ホバー -> 暗めのグレー */
/*	opacity:0.9;*/
}
#header-2 .menu > li:hover {
	background:#222;
	-webkit-transition: all .s;
	transition: all .3s;
	border-bottom:solid 2px #abf4ee;
}

/* ホバー 観光物産 色 */
#header-2 .menu > li.kankou-mega:hover {
	border-bottom:solid 2px #ea6094;
}
/* ホバー コンベンション 色 */
#header-2 .menu > li.conv-single:hover {
	border-bottom:solid 2px #b1d146;
}
/* ホバー 多文化共生　色 */
#header-2 .menu > li.tabunka-mega:hover {
	border-bottom:solid 2px #4bc1f1;
}
/* ホバー 組織概要 色 */
#header-2 .menu > li.soshiki-nml:hover {
	border-bottom:solid 2px #f5a32d;
}
/* ホバー 賛助会員 色 */
#header-2 .menu > li.sanjyo-nml:hover {
	border-bottom:solid 2px #2660ad;
}
#header-2 .menu > li:hover > a{
	color:#fff;
}


/* 子（2階層）メニュー */
li ul.menu__second-level > div li a,
li ul.menu__second-level > li a{
	padding:4px 0;
	line-height:1.5;
	color:#fff;
}
/* 子メニュー a ホバー */
#header-2 .menu li ul.menu__second-level > div li a:hover,
#header-2 .menu li ul.menu__second-level > li a:hover{
	color:#000;
	background:#abf4ee;
}
/* 観光物産 子メニューホバー色 */
#header-2 .menu li.kankou-mega ul.menu__second-level > div li a:hover,
#header-2 .menu li.kankou-mega ul.menu__second-level > li a:hover{
	color:#000;
	background:#ea6094;
}
/* コンベンション 子メニューホバー色 */
#header-2 .menu li.conv-single ul.menu__second-level > div li a:hover,
#header-2 .menu li.conv-single ul.menu__second-level > li a:hover{
	color:#000;
	background:#b1d146;
}
#header-2 .menu li.conv-single ul.menu__second-level > div li.btn02-inc a:hover,
#header-2 .menu li.conv-single ul.menu__second-level > li.btn02-inc a:hover{
	background:#4d4496;
}

/* 多文化共生 子メニューホバー色 */
#header-2 .menu li.tabunka-mega ul.menu__second-level > div li a:hover,
#header-2 .menu li.tabunka-mega ul.menu__second-level > li a:hover{
	color:#000;
	background:#4bc1f1;
}




/* 子メニュー隠し設定 */
ul.menu__second-level{
	visibility: hidden;
	padding:0 0 0 0;
	list-style:none;
	opacity:0;
	z-index:1;
}

/* 子メニュー a ホバー */
.menu__second-level > div li a:hover,
.menu__second-level > li a:hover{
	background:#abf4ee;
}

/* ↓（下）アイコン */
.init-bottom:after{
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0 0 5px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

/* ↓（下）アイコン ホバー時 */
#header-2 .menu > li:hover .init-bottom:after{
	border-right: 1px solid #abf4ee;
	border-bottom: 1px solid #abf4ee;
}
/* ↓観光物産 色 */
#header-2 .menu > li.kankou-mega:hover .init-bottom:after{
	border-right: 1px solid #ea6094;
	border-bottom: 1px solid #ea6094;
}
/* ↓コンベンション 色 */
#header-2 .menu > li.conv-single:hover .init-bottom:after{
	border-right: 1px solid #b1d146;
	border-bottom: 1px solid #b1d146;
}
/* ↓観光物産 色 */
#header-2 .menu > li.tabunka-mega:hover .init-bottom:after{
	border-right: 1px solid #4bc1f1;
	border-bottom: 1px solid #4bc1f1;
}




/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}


/***** dropdown 1列型 ***/
.menu > li.menu__single{
	position: relative;
}

li.menu__single ul.menu__second-level{
	position:absolute;
	top:30px;
	left:-10px;
	padding:10px;
	width:100%;
	background:#222; /* 子メニューBG基本 -> 暗めのグレー */
	border:solid 1px #222;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}

/* ホバーで子メニュー表示 */
li.menu__single:hover ul.menu__second-level{
	top:30px;
	visibility:visible;
	opacity:0.9;
}
li.menu__single ul.menu__second-level > li{
	margin:0 0 10px 0;
	border:solid 1px #abf4ee;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}

/* ドロップダウン コンベンション 色 */
li.conv-single ul.menu__second-level > li{
	border:solid 1px #b1d146;
}
/* ドロップダウン インセンティブ 色 */
li.conv-single ul.menu__second-level > li.btn02-inc{
	border:solid 1px #4d4496;
}


/***** dropdown メガ ***/
li.menu__mega ul.menu__second-level{
	position:absolute;
	top:30px;
	left:0;
	box-sizing:border-box;
	padding:10px;
	width:100%;
	text-align:center;
	background:#222;
	border:solid 1px #222;
	-webkit-transition:all .2s ease;
	transition:all .2s ease;
	-webkit-border-radius:0 0 20px 20px;
	-moz-border-radius:0 0 20px 20px;
	border-radius:0 0 20px 20px;
}
/* ホバーで子メニュー表示 */
li.menu__mega:hover ul.menu__second-level{
	top:30px;
	visibility:visible;
	opacity:0.9;
}
/* サイト内・外リンクのブロック分け */
li.menu__mega ul.menu__second-level > div.menu-block1,
li.menu__mega ul.menu__second-level > div.menu-block2{
	margin:0 0 0 0;
	width:100%;
}
li.menu__mega ul.menu__second-level > div.menu-block1{
	margin:0 0 10px 0;
}
li.menu__mega ul.menu__second-level > div li{
	display:inline-block;
	margin:0 5px 8px 5px;
	width:25%;
/*	border:solid 1px #abf4ee;*/
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
/* ドロップダウン 観光物産 色 */
li.kankou-mega ul > div li{
	border:solid 1px #ea6094;
}
/* ドロップダウン 多文化共生 色 */
li.tabunka-mega ul > div li{
	border:solid 1px #4bc1f1;
}





/* 観光・物産 外部サイトリンクを下段へ */
/*.menu li.menu__mega ul.kankou li.btn05-demo{
	clear:left;
}*/

/* 多文化共生・国際交流用 外部サイトリンクを下段へ */
/*.menu li.menu__mega ul.tabunka li.btn03-demo{
	clear:left;
}*/

/* ホバーアクション -> BGフンワリ 0.**sを調整 */
#header-2 .menu li a,
li.menu__single ul.menu__second-level > li a,
li.menu__mega ul.menu__second-level > div li a{
	transition:all 0.15s linear 0s;
}