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

/* ========== universal style ========== */

*{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
}

ul,dl,ol{
	list-style-type:none;
	list-style-position:outside;
}

body{
	background:#3D3D3D;
	color:#000;
	font-size:13px;
	font-family:"ヒラギノ角ゴ Pro W3",メイリオ,"ＭＳ Ｐゴシック",sans-serif;
	line-height:16px;
}

/* == kimberkable == */

body#kk{
	background:#000;
	color:#fff;
}

/* == classe == */

body#cs{
	background:#fff;
	color:#000;
}

/* == musictools == */

body#mt{
	background:#fff;
	color:#000;
}

/* == b&w == */

body#bw{
	background:#000;
	color:#fff;
}
/* == PJ == */
body#pj{
	background:#fff;
	color:#000;
}

/* clearfix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix {
	display:inline-table;
	min-height: 1%;/* forIE7 */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

p{
	margin-bottom:20px;
	line-height:160%;
}
dd{
	line-height:160%;
}
.align-right{
	text-align:right;	
}

div#left ul{
	margin-bottom:20px;	
}

/* ========== anchor style ========== */

a:link{
	color:#520000;
	text-decoration:none;
}

a:visited{
	color:#520000;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

a:active{
	text-decoration:underline;
}

/* == kimberkable == */

body#kk a:link{
	color:#BCA883;
}

body#kk a:visited{
	color:#BCA883;
}

/* == classe == */

body#cs a:link{
	color:#506061;
}

body#cs a:visited{
	color:#506061;
}

/* == musictools == */

body#mt a:link{
	color:#506061;
}

body#mt a:visited{
	color:#506061;
}

/* == b&w == */

body#bw a:link{
	color:#9AB8BB;
}

body#bw a:visited{
	color:#9AB8BB;
}
/* == PJ == */
body#pj a:link{
	color:#506061;
}

body#pj a:visited{
	color:#506061;
}

/* ========== hdr style ========== */

div#hdr{
	width:100%;
	height:78px;
	margin:0 auto;
	background:#2C2C2C;
}

div#section-hdr{
	width:960px;
	height:78px;
	margin:0 auto;
	background:url(../img/common/back-hdr.jpg) no-repeat right;
}

/* == classe == */

body#cs div#hdr{
	background:#fff;
}

body#cs div#section-hdr{
	background:none;
}

/* == musictools == */

body#mt div#hdr{
	background:#fff;
}

body#mt div#section-hdr{
	background:none;
}


/* == PJ == */
body#pj div#hdr{
	background:#fff;
}

body#pj div#section-hdr{
	background:none;
}

#gnavi-wrapper a:link,#gnavi-wrapper a:visited{
	color:#000!important}



/* == audioquest == */

p#logo{
	float:left;
	margin:0;
	padding-top:20px;
}

h1#logo{
	float:left;
	margin:0;
	padding-top:20px;
}


/* == DALI == */

body#dl h1#logo{
	padding-top:11px;
}
body#dl p#logo{
	padding-top:11px;
}

/* == kimber kable == */

body#kk p#logo{
	padding-top:22px;
}

/* == classe == */

body#cs p#logo{
	padding-top:25px;
}

/* == musictools == */

body#mt p#logo{
	padding-top:5px;
}

/* == b&w kable == */

body#bw p#logo{
	padding-top:27px;
}

/* == PJ == */
body#pj p#logo{
	padding-top:12px;
}


div#navi-hdr{
	float:right;
}

div#navi-hdr ul{
	float:left;	
}

div#navi-hdr li{
	float:left;
	cursor:pointer;
}

ul#fontSize{
	width:66px;
	height:30px;
	padding:8px 0 0 72px;
	background:url(../img/common/navi-txtsize.png) no-repeat;
	float:left;
}

ul#fontSize li{
	margin-right:6px;
}

/* ========== gnavi style ========== */

div#gnavi{
	width:100%;
	height:28px;
	background:url(../img/common/back-g.jpg) repeat-x;
}
div#gnavi-wrapper{
	width:100%;
	height:28px;
	background:url(../img/common/back-g.jpg) repeat-x;
}


div#section-gnavi{
	width:960px;
	height:28px;
	margin:0 auto;	
}
div#section-nav{
	width:960px;
	margin:0 auto;	
}



div#gnavi li{
	width:auto;
	float:left;
	line-height:0;
}

div#gnavi li a:hover{
	-moz-opacity:0.7;
	opacity:0.7;
	filter: alpha(opacity=70);
}

/* == classe == */

body#cs div#gnavi li a{
	color:#fff;	
}

/* == musictools == */

body#mt div#gnavi li a{
	color:#fff;	
}

/* == PJ == */
body#pj div#gnavi-wrapper{
	background:url(../img/common/back-g-pj.png) repeat-x;
}


body#pj div#gnavi li a{
	color:#fff;	
}



/* ========== lineup style ========== */

div#lineup{
	width:960px;
	margin:30px auto;
}

div#lineup dt{
	float:left;
}

div#lineup li{
	float:right;
	margin:0;
	padding:0;
}

/* ========== wrapper style ========== */

div#wrapper{
	width:100%;
	padding-bottom:30px;
	background:#fff;	
}

/* == kimberkable == */

body#kk div#wrapper{
	background:#252019;	
}

/* == classe == */

body#cs div#wrapper{
	background:#EAEAEA;	
}

/* == musictools == */

body#mt div#wrapper{
	background:#EAEAEA;	
}

/* == b&w == */

body#bw div#wrapper{
	background:#282828;	
}

/* == PJ == */
body#pj div#wrapper{
	background:#EAEAEA;	
}


div#section-wrapper{
	width:960px;
	margin:0 auto;	
}

/* ========== topicpath style ========== */

div#section-topicpath li{
	width:auto;
	float:left;
	font-size:10px;
	margin:8px 0 6px 0;
}

/* ========== left style ========== */

div#left{
	width:700px;
	min-height:413px;
	float:left;
	margin:0 24px 30px 0;
	padding:0 25px 0 0;
	border-right:1px solid #EFEFEF;
}

/* == kimberkable == */

body#kk div#left{
	border-right:1px solid #444;
}

/* == classe == */

body#cs div#left{
	border-right:1px solid #ddd;
}

/* == musictools == */

body#mt div#left{
	border-right:1px solid #ddd;
}

/* == b&w == */

body#bw div#left{
	border-right:1px solid #444;
}

/* == PJ == */
body#pj div#left{
	border-right:1px solid #ddd;
}

div#left h1{
	width:676px;
	height:27px;
	margin-bottom:25px;
	padding:11px 12px 0 12px;
	background:url(../img/common/back-tit.jpg) no-repeat;
	font-size:17px;
	color:#fff;
	font-weight:bold;	
}

/* ========== right style ========== */

div#right{
	width:210px;
	float:left;
	margin-bottom:30px;
}

div#right dl{
	margin-bottom:20px;
}

div#right dt{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}

div#right dd li a{
	padding-left:10px;
	background:url(../img/common/icon-arrow.gif) no-repeat 2px 4px;
	font-size:12px;
}

div#right dd li strong{
	padding-left:10px;
	font-weight:
	font-weight:normal;
	background:url(../img/common/icon-arrow.gif) no-repeat 2px 4px;
	font-size:12px;
}

/* == kimberkable == */

body#kk div#right dd li a{
	background:url(../img/common/icon-arrow-kk.gif) no-repeat 2px 4px;
}

/* == classe == */

body#cs div#right dd li a{
	background:url(../img/common/icon-arrow-cs.gif) no-repeat 2px 4px;
}

/* == musictools == */

body#mt div#right dd li a{
	background:url(../img/common/icon-arrow-cs.gif) no-repeat 2px 4px;
}

/* == b&w == */

body#bw div#right dd li a{
	background:url(../img/common/icon-arrow-bw.gif) no-repeat 2px 4px;
}

/* == PJ == */

body#pj div#right dd li a{
	background:url(../img/common/icon-arrow-cs.gif) no-repeat 2px 4px;
}


div#right dl dd li{
	margin:0 0 10px 0;
	line-height:120%;
}

div#right li{
	line-height:0;
	margin-bottom:20px;
}

/* ========== ftr style ========== */

div#ftr{
	width:960px;
	position:relative;
	margin:0 auto;
	padding:30px 0;
	color:#fff;
	font-size:11px;
}

/* == classe == */

body#cs div#ftr{
	color:#000;
}

/* == musictools == */

body#mt div#ftr{
	color:#000;
}


/* == PJ == */

body#pj div#ftr{
	color:#000;
}

p#back{
	position:absolute;
	top:-32px;
	right:0;
}

div#ftr ul#anothersite{
width:950px;
overflow:hidden;
}

div#ftr ul#anothersite li{
	width:auto;
	float:left;
	padding-right:6px;
}
/*20170719*/
div#ftr ul#anothersite li:last-child{
	padding-right:0}
	
	
div#ftr ul#anothersite li img{
	max-width:153px;
	height:auto}

/*20170719*/


div#ftr ul#anothersite li.nobdr{
	padding-right:0;
}

div#section-ftr ul.ftrnavi{
	width:auto;
	min-height:46px;
	float:left;
	margin:25px 20px 25px 0;
	padding-right:20px;
	background:url(../img/common/bdr.gif) repeat-y top right;
	line-height:210%;
}

/* == kimberkable == */

body#kk div#section-ftr ul.ftrnavi{
	background:none;
	border-right:1px solid #333;
}

/* == classe == */

body#cs div#section-ftr ul.ftrnavi{
	background:none;
	border-right:1px solid #ddd;
}

/* == musictools == */

body#mt div#section-ftr ul.ftrnavi{
	background:none;
	border-right:1px solid #ddd;
}

/* == b&w == */

body#bw div#section-ftr ul.ftrnavi{
	background:none;
	border-right:1px solid #333;
}

div#ftr li a{
	color:#fff;
}

/* == DALI == */

div#ftr li a{
	color:#FFF6E1;
}

div#ftr p{
	clear:both;
	font-size:11px;
	margin-bottom:0;
}

/* == PJ == */

body#pj div#section-ftr ul.ftrnavi{
	background:none;
	border-right:1px solid #ddd;
}

/* ========== share style ========== */

ul#section-share{
	float:right;
}

ul#section-share li{
	float:left;
}

ul#section-share li#share-twi{
	width:100px;
}

ul#section-share li#share-fb{
	width:110px;
}

ul#section-share li#share-g{
	width:60px;
}

/* drop downリスト
-----------------------------------------*/
/* Topmenu部分 */

.mod_dropnavi ul.topmenu li{
	position:relative;
}

.mod_dropnavi ul.topmenu li a{
	width:160px;
	display:block;
	color:#FFFFFF;
	font-weight:bold;
}

/* サブメニュー階層は通常は非表示 */
.mod_dropnavi ul.topmenu li.off ul{display:none;}

/* サブ階層部分 */
.mod_dropnavi ul.topmenu li ul.submenu{
	position:absolute;
	top:28px;
	left:-1px;
	z-index:9999;
}

.mod_dropnavi ul.topmenu li ul.submenu li{
	text-align:left;
	clear:both;
}

div#gnavi .mod_dropnavi ul.topmenu li ul.submenu.menu2 li{
	width:160px;
	line-height:15px;
	border-bottom:1px solid #000;
	font-size:12px;
}

.mod_dropnavi ul.topmenu li ul.submenu li a{
	color:#fff;	
	padding:10px 10px;
	background:#282828;
}

.mod_dropnavi ul.topmenu li ul.submenu li a:link{
	text-decoration:none;
}

.mod_dropnavi ul.topmenu li ul.submenu li a:visited{
	text-decoration:none;
}

div#gnavi .mod_dropnavi ul.topmenu li ul.submenu li a:hover{
	text-decoration:none;
	background:#282828;
	color:#999;
	-moz-opacity:1.0;
	opacity:1.0;
	filter: alpha(opacity=100);
}

.mod_dropnavi ul.topmenu li ul.submenu li a:active{
	text-decoration:none;
	background:#282828;
	color:#fff;
}

/* clearfix：float解除＆親要素に高さを算出させる
-----------------------------------------*/
.ex_clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.ex_clearfix {
  min-height: 1px;
}
* html .ex_clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}