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

/* =========================================================
header menu css forPC
========================================================= */


/* header menu mein
--------------------------------------------------------- */
.header_globalNav {
	overflow:visible;
}
#pullMenu{
	position: relative;
	z-index:3;
    letter-spacing: -0.4em;
}
#pullMenu .pullarea {
	list-style: none;
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	color:#000;
	background-color:#ddd;
	overflow: visible;
	width: 1040px;
	z-index:4;
    display:none;
	height: 350px;
	letter-spacing: normal;
}

/* 矢印装飾 ▲ */
#pullMenu .pullarea1:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 59px;
	color:#f0f0f0;
	font-size:15px;
}
#pullMenu .pullarea2:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 177px;
	color:#f0f0f0;
	font-size:15px;
}
#pullMenu .pullarea3:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 292px;
	color:#f0f0f0;
	font-size:15px;
}
#pullMenu .pullarea4:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 413px;
	color:#f0f0f0;
	font-size:15px;
}
#pullMenu .pullarea5:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 530px;
	color:#f0f0f0;
	font-size:15px;
}
#pullMenu .pullarea6:after{
	display: block;
	position: absolute;
	content: "\f0d8";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	top:-12px;
	left: 647px;
	color:#f0f0f0;
	font-size:15px;
}


/* header menu innerTab
--------------------------------------------------------- */

#pullMenu .tabs {
	padding: 0;
	margin:20px 40px 0;
	float:none;
	width:auto;
	letter-spacing:-0.4em;/* inline-block Hack */
	text-align:left;
	background-color:#fff;
	border-bottom:2px solid #000;
}
#pullMenu .tabs > .tab {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
	width:82px;
	height:auto;
	margin:0;
	padding:0;
    text-align: center;
}
#pullMenu .tabs li + li {
	border-left:1px solid #ccc;
}
#pullMenu .tabs li:last-child {
	border-right:1px solid #ccc;
}
#pullMenu .tabs > .tab a {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#333;
	padding: 10px;
	display:block;
}
#pullMenu .tabs > .tab.active {
	background-color:#000;
}
#pullMenu .tabs > .tab.active a {
	color:#fff;
}
.panels {
	height:235px;
	overflow:auto;
	margin:0 40px;
}
.panels > .panel {
	display: none;
}
.panels > .panel.active {
	display: block;
}
.panels table td {
	width:14%;
}
#pullMenu .panel{
	background-color: transparent;
	text-align:left;
	margin:0;
}


/*	スクロール表示	*/
#pullMenu .pullarea4 .searchRight .jazzTable,
#pullMenu .pullarea5 .searchRight .classicsTable {
	overflow-x: hidden;
	overflow-y: auto;
	height:255px;
	margin-left: 40px;
}
#pullMenu .pullarea6 ul {
	width:960px;
	height:255px;
	margin:0 40px;
}
#pullMenu .pullarea6 ul li {
	width:100%;
	height:auto;
	margin:0;
}
#pullMenu .panel ul {
	width:100%;
}
#pullMenu .panel li {
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
	vertical-align: text-top;
	height:30px;
	margin:0;
	padding:0;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#pullMenu .panel li:nth-child(6n) {
	border-right:1px solid #ccc;
}
#pullMenu .panel li:last-child {
	border-right:1px solid #ccc;
}
#pullMenu .panel li a {
	padding:5px 10px;
	overflow: hidden;
	display:block;
}
#pullMenu .panel td {
	width: 160px;
}


/* メニュー内サブタイトル
--------------------------------------------------------- */
#pullMenu .pullarea4 .searchLeft h6,
#pullMenu .pullarea5 .searchLeft h6 {
	width:160px;
}
#pullMenu .pullarea4 .searchRight h6,
#pullMenu .pullarea5 .searchRight h6 {
	width:760px;
}
#pullMenu .pullarea6 h6 {
	width:960px;
}
#pullMenu .pullarea4 h6,
#pullMenu .pullarea5 h6,
#pullMenu .pullarea6 h6 {
	border-bottom:2px solid #000;
	margin: 0 0 0 40px;
	height:30px;
	line-height:30px;
	font-weight:bold;
	font-size:14px;
	text-align:left;
}

#pullMenu #cont34inner,
#pullMenu #cont36inner {
	width: 160px;
	margin-left:40px;
}
#pullMenu #cont35inner,
#pullMenu #cont37inner {
	width: 760px;
}
#pullMenu #cont35inner td,
#pullMenu #cont37inner td {
	padding-right: 20px;
}

#pullMenu .pullarea6 #cont38inner {
	letter-spacing:-0.4em;/* inline-block Hack */
}
#pullMenu .pullarea4 li,
#pullMenu .pullarea5 li,
#pullMenu .pullarea6 #cont38inner li {
	width:50%;
	display: inline-block;
	letter-spacing: normal;/* inline-block Hack */
	*display:inline;
	*zoom:1;
	background-color:#fff;
}
#pullMenu .pullarea4 li:nth-child(2n),
#pullMenu .pullarea5 li:nth-child(2n),
#pullMenu .pullarea6 #cont38inner li:nth-child(2n) {
	border-right:1px solid #ccc;
}