@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&display=swap&subset=japanese');


/*-------------------------------------------------------
DEMON KAKKA Official site
Mod : 2024.4.29 MT
---------------------------------------------------------*/

* {
margin: 0;
padding:0;
line-height:1.6;
}

body{
color:#999;
font-size:13px;
font-family: 'Noto Sans JP', sans-serif;
text-align:center;
background:#441c1c;
}

#header{
text-align:left;
background:url(../img/common/header_bg.gif) 0 0 repeat-x;
}

#header_inner{
position:relative;
width:1000px;
height:120px;
text-align:left;
margin:0 auto;
}

#header h1{
position:absolute;
top:20px;left:0;
width:295px;
height:40px;
}

#header h1 a{
display:block;
cursor:pointer;
width:295px;
height:40px;
text-indent:-9999px;
background:url(../img/common/logomark.png) 0 0 no-repeat;
}

#header .rightbox{
position:absolute;
top:20px;left:500px;
width:510px;
height:30px;
}

#header .rightbox #fcbtn{
float:left;
border:1px solid #ccc;
width:290px;
padding:5px;
margin:0 10px 0 0;
}

#header .rightbox a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}

#container{
background:#000;
padding:20px 0;
}

#container_inner{
position:relative;
width:1000px;
margin:0 auto 0 auto;
text-align:left;
}

#mainArea{
padding:10px;
}

#infoArea{
float:right;
width:660px;
padding:0 50px 0 0;
}

#sidebar{
float:left;
padding:10px 20px 0 0;
width:220px;
}

#footer{
height:110px;
border-top:1px solid #333;
background:#441c1c;
}

#footer_inner{
z-index:10;
position:relative;
width:1000px;
margin:0 auto;
}

#footer ul{
font-size:11px;
list-style:none;
}

#footer ul li{
display:inline;
}

#footer #copy{
position:absolute;
left:650px;
top:20px;
font-size:11px;
color:#888;
font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer a{color: #999;text-decoration:underline;}
#footer a:visited{color:#999;text-decoration:underline;}
#footer a:hover{color: #fff; text-decoration:underline;}

/* TEMPLATE
---------------------------------------------------------------------------- */

h2{
margin:0 0 10px 0;
}

.inner{
padding:0 20px;
zoom:1;
}

p {
padding:0 0 10px 0;
}

.topback a{
display:block;
margin:20px 0 10px 570px;
width:74px;
height:15px;
font-size:9px;
text-indent:-9999px;
text-decoration:none;
background:url(../img/common/topback.gif) 0 0 ;
}

.topback a:hover{
display:block;
background:url(../img/common/topback.gif) 0 -15px ;
}

/* header Tooltip 
---------------------------------------------------------------------------- */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	width:470px;
	font-size: 11px;
	text-align:left;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding:10px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* 404page
---------------------------------------------------------------------------- */

p#notfound{
text-align:center;
font-size:16px;
padding:50px;
margin:0 0 30px 0;
}


/* TOP
---------------------------------------------------------------------------- */

#top #mainvisual_bg{
background:#000;
/*background:url(../img/top/mainvisual_bg.gif) 0 0 repeat-x;*/
}

#top #mainvisual{
width:1000px;
margin:0 auto;
}


#top #container_inner #rssfeed{
float:left;
width:580px;
padding:0;
color:#999;
font-size:12px;
}

#top #container_inner #rssfeed li{
margin:0 0 0 20px;
padding:0 0 3px 0;
}

#top #container_inner #rssfeed li a{color:#999;}
#top #container_inner #rssfeed li a:visited{color:#999;}
#top #container_inner #rssfeed li a:hover{color:#fff;}

#top #container_inner #infoBox{
float:right;
width:380px;
padding:0;
color:#ccc;
}

#top #container_inner #infoBox a:hover img{
opacity:0.6;
filter:alpha(opacity=60);
-ms-filter: "alpha( opacity=60 )";
background:none!important;
}


/* INFORMATION
---------------------------------------------------------------------------- */

#information #container_inner{
width:1000px;
}

#information #container_inner .livedate{
font-size:16px;
color:#ccc;
font-family:Helvetica, sans-serif;
}

/* biography
---------------------------------------------------------------------------- */

#biography #container{
/*background:url(../img/profile/bg.jpg) 50% 0 no-repeat;*/
}

#biography #container_inner{
width:1000px;
}

#biography #container .inner{
padding:0 60px;
}

#biography #container .inner table{
	wodtj:700px;
	border-collapse:collapse;
	border:1px solid #999;
}
#biography #container .inner table td{
	padding:5px;
	border:1px solid #999;
}


/* LIVE
---------------------------------------------------------------------------- */

#live #container_inner{
width:100px;
padding:20px 30px;
background:#000 url(../img/live/bg.jpg) 50% 0 no-repeat;
}

#live h3{
font-size:12px;
text-align:center;
font-family:verdana;
border-bottom:1px solid #333;
margin:0;
}

#live h3 a{display:block;color:fff;text-decoration:none;}
#live h3 a:hover{color:fff;text-decoration:none;}

#live dl{
margin:10px 0 20px 0;
}

#live dl dt{
font-size:13px;
font-weight:bold;
margin:0 0 5px 0;
color:#666;
}

#live dl dt a{color:#666;}
#live dl dt a:hover{color:#333;}

#live dl dd{
font-size:11px;
margin:0 0 15px 50px;
}

#live #bnr_enq{
position:absolute;
top:400px;
left:650px;
width:290px;
height:100px;

}


/* DISCOGRAPHY
---------------------------------------------------------------------------- */

#discography #container_inner{
width:1000px;
}

#discography h2{
margin:0;
}
#discography h3{
margin:0 0 20px 0;
}
#discography h4{
font-size:16px;
font-weight:normal;
color:#ccc;
font-family:"Times New Roman", Times, serif;
margin:0 0 10px 0;
}
#discography h4 em{
font-size:12px;
color:#ccc;
font-style:normal;
font-weight:normal;
}

#discography .title{
font-size:13px;
font-weight:bold;
color:#d34aa5;
}

#discography table img{
margin:0 0 5px 0;
}
#discography table td.jkt{
	text-align:center;
}
#discography table td.jkt img{
	vertical-align:middle;
}

#discography table.listtable{
border-collapse:collapse;
border:0;
width:900px;
margin:0 auto;
}

#discography table.listtable td{
	border:0;
vertical-align:top;
}

#discography table.listtable2{
border-collapse:collapse;
border:0;
width:900px;
margin:0 auto;
border-bottom:1px dotted #666;
}

#discography table.listtable2 td{
padding:10px;
vertical-align:top;
}

#discography table.listtable3{
border-collapse:collapse;
border:1px solid #666;
width:900px;
margin:0 auto;
border-bottom:1px dotted #666;
}

#discography table.listtable3 th{
padding:10px;
vertical-align:top;
border:1px solid #666;
}

#discography table.listtable3 td{
padding:10px;
vertical-align:top;
border:1px solid #666;
}

#discography table.detailtable{
border-collapse:collapse;
border:0;
width:800px;
margin:0 auto;
}

#discography table.subtable td{
padding:10px;
vertical-align:top;
}

#discography table.subtable{
border-collapse:collapse;
border:0;
width:600px;
margin:0 auto;
}

#discography table.detailtable td{
padding:10px;
vertical-align:top;
}
#discography #container ol{
margin:0 0 10px 20px;
}

#discography .jkt{
padding:3px;
border:1px solid #333;
margin:0 0 8px 0;
}

#discography p.amazon a{
display:block;
width:62px;
height:18px;
text-indent:-9999px;
margin :0 0 5px 0;
background:url(../img/discography/btn_amazon.gif) 0 0 no-repeat;
}
#discography p.amazon a:hover{
background-position:0 -18px;
}

#discography p.amazon a{
display:block;
width:62px;
height:18px;
text-indent:-9999px;
margin :0 0 5px 0;
background:url(../img/discography/btn_amazon.gif) 0 0 no-repeat;
}
#discography p.amazon a:hover{
background-position:0 -18px;
}

#discography p.itunes a{
display:block;
width:62px;
height:18px;
text-indent:-9999px;
margin :0 0 10px 0;
background:url(../img/discography/btn_itunes.gif) 0 0 no-repeat;
}
#discography p.itunes a:hover{
background-position:0 -18px;
}

#discography p.itunes a{
display:block;
width:62px;
height:18px;
text-indent:-9999px;
margin :0 0 10px 0;
background:url(../img/discography/btn_itunes.gif) 0 0 no-repeat;
}
#discography p.amazon a:hover{
background-position:0 -18px;
}


/* LINK
---------------------------------------------------------------------------- */

#link #container_inner{
width:1000px;margin:0 auto;
}

#link #container_inner .inner{
width:800px;margin:0 auto;
}
#link #container_inner .inner table{
width:800px;margin:0 auto;
border-collapse:collapse;
}
#link #container_inner .inner table td{
vertical-align:top;
padding:10px;
border-left:2px solid #ccc;
}

#link #container_inner .inner table td a{
font-size:13px;
color:#fff;
}

/* CONTACT
---------------------------------------------------------------------------- */

#contact #container_inner{
width:1000px;
}

#contact #container_inner .inner{
width:600px;margin:0 auto;
}

#contact #container_inner #name,
#contact #container_inner #email,
#contact #container_inner #comments{
width:500px;
margin:0 0 20px 0;
}

#contact #container_inner h3{
color:#fff;
padding:0 0 5px 0;
border-bottom:1px dotted #666;
margin:0 0 10px 0;
}


/* aboutDC
---------------------------------------------------------------------------- */

#aboutDC .inner{
padding:10px 50px 20px 50px;	
}

#aboutDC .inner h2{
font-size:15px;
color:#fff;
padding:0 0 5px 0;
margin:0 0 10px 0;
border-bottom:1px solid #ccc;	
}

#aboutDC .inner table{
width:600px;
margin:0 auto;
border-collapse:collapse;
border:1px solid #666;
}
#aboutDC .inner table th,
#aboutDC .inner table td{
padding:5px;
border:1px solid #666;
}


/* Color Stock 
---------------------------------------------------------------------------- */

.red{color:#F00;}
.blue{color:#00C;}
.orange{color:#F60;}
.brown{color:#960;}
.pink{color:#e47fcd;}
.green{color:#1fad70;}
.violet{color:#8e779f;}
.white{color:#ffffff;}

/* etc
---------------------------------------------------------------------------- */

img{vertical-align:bottom;}
a img{border:none;}

a{color: #666;text-decoration:underline;overflow:hidden;outline:none;}
a:visited{color:#666;text-decoration:underline;}
a:hover{color: #fff; text-decoration:underline;}

div {  
zoom: 1;/*for IE 5.5-7*/  
}  
div:after {/*for modern browser*/  
content: ".";  
clear: both;  
display: block;  
line-height: 0;  
height: 0;  
visibility: hidden;  
}  

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

* html>body .clearfix {
display: inline-block; 
width: 100%;
}

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

*:first-child+html .clearfix{/*for IE7*/
height:1%;
}

br{letter-spacing: 0px;}
.clr{clear:both;}
.fs16{font-size:16px}
.fs15{font-size:15px}
.fs14{font-size:14px}
.fs13{font-size:13px}
.fs12{font-size:12px}
.fs11{font-size:11px}
.fs10{font-size:10px}

.mt5  {margin: 5px 0 0 0;}
.mt10 {margin: 10px 0 0 0;}
.mt20 {margin: 20px 0 0 0;}	
.ml5  {margin: 0 0 0 5px;}
.ml10 {margin: 0 0 0 10px;}	
.ml20 {margin: 0 0 0 20px;}		
.ml30 {margin: 0 0 0 30px;}		
.mb5  {margin-bottom: 5px;}	
.mb10 {margin-bottom: 10px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mtb5 {margin:5px 0;}	
.mtb10 {margin:10px 0;}
.mtb20 {margin:20px 0;}
.hidden {display:none;}