@charset "UTF-8";

/*============================================================
//
//  INDEX-------------------------
//  *フッター
//
//==========================================================*/


/*============================================================
//  フッター
//==========================================================*/

#header:after,
#footer:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header,
#footer {
	zoom: 1;
}
#header{
	width:950px;
	margin:auto;
	margin-bottom:30px;
}

#header h1{
	width:230px;
	height:25px;
	background: url(/img/common/logo.png) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0 25px 0 0;
	display: block;
}
#header h1 a{
	width:230px;
	height:25px;
	background: url(/img/common/logo.png) no-repeat;
	display: block;
}
* html #header h1{
	width:230px;
	height:25px;
	background: url(/img/common/logo.jpg) no-repeat;
	text-indent:-9999px;
	float:left;
	margin:0 25px 0 0;
	display: block;
}
* html #header h1 a{
	width:230px;
	height:25px;
	background: url(/img/common/logo.jpg) no-repeat;
	display: block;
}

* html #header .menu {
	behavior: expression(IEPNGFIX.fix(this));
}
#header ul.menu{
	width:680px;
	height:25px;
	list-style:none;
	float:left;
}
#header ul.menu li{
	display:inline;
	height:25px;
	float:left;
}
#header ul.menu li a{
	height:25px;
	display: block;
}
#header ul.menu li.news a{background: url(/img/common/menu.png) no-repeat; background-position:0px 0px; width:65px; text-indent:-9999px;}
#header ul.menu li.live a{background: url(/img/common/menu.png) no-repeat; background-position:-65px 0px; width:65px; text-indent:-9999px;}
#header ul.menu li.wayless a{background: url(/img/common/menu.png) no-repeat; background-position:-130px 0px; width:80px; text-indent:-9999px;}
#header ul.menu li.biography a{background: url(/img/common/menu.png) no-repeat; background-position:-210px 0px; width:100px; text-indent:-9999px;}
#header ul.menu li.discography a{background: url(/img/common/menu.png) no-repeat; background-position:-310px 0px; width:110px; text-indent:-9999px;}
#header ul.menu li.blog a{ background-position:-420px 0px; width:65px;}
#header ul.menu li.merchandise a{background: url(/img/common/menu.png) no-repeat; background-position:-485px 0px; width:110px; text-indent:-9999px;}
#header ul.menu li.contact a{background: url(/img/common/menu.png) no-repeat; background-position:-595px 0px; width:85px; text-indent:-9999px;}

* html #header ul.menu li.news a{background: url(/img/common/menu.jpg) no-repeat; background-position:0px 0px; width:59px; text-indent:-9999px;}
* html #header ul.menu li.live a{background: url(/img/common/menu.jpg) no-repeat; background-position:-59px 0px; width:53px; text-indent:-9999px;}
* html #header ul.menu li.wayless a{background: url(/img/common/menu.jpg) no-repeat; background-position:-112px 0px; width:81px; text-indent:-9999px;}
* html #header ul.menu li.biography a{background: url(/img/common/menu.jpg) no-repeat; background-position:-193px 0px; width:98px; text-indent:-9999px;}
* html #header ul.menu li.discography a{background: url(/img/common/menu.jpg) no-repeat; background-position:-291px 0px; width:111px; text-indent:-9999px;}
* html #header ul.menu li.blog a{width:59px;}
* html #header ul.menu li.merchandise a{background: url(/img/common/menu.jpg) no-repeat; background-position:-461px 0px; width:118px; text-indent:-9999px;}
* html #header ul.menu li.contact a{background: url(/img/common/menu.jpg) no-repeat; background-position:-579px 0px; width:81px; text-indent:-9999px;}

* html #information {
	behavior: expression(IEPNGFIX.fix(this));
}
#information{
	clear:both;
	width:100%;
	height:27px;
	background: url(../img/common/bottom.png) repeat-x;
	margin-bottom:35px;
}
#information .copy{
	width:265px;
	height:10px;
	background: url(../img/common/copy.png) no-repeat;
	text-indent:-9999px;
	float:right;
	margin:8px 8px 0 0;
	font-size:0.1em;
}
* html #information .copy{
	width:265px;
	height:10px;
	background: url(../img/common/copy.gif) no-repeat;
	text-indent:-9999px;
	float:right;
	margin:8px 8px 0 0;
	font-size:0.1em;
}
#information ul.SNS{
	list-style:none;
	padding:3px 0 0 30px;
}
#information ul.SNS li{
	display:inline;
	height:20px;
	float:left;
	margin-right:2px;
	text-indent:-9999px;
}
#information ul.SNS li a{
	width:55px;
	height:20px;
	display: block;
}
#information ul.SNS li.myspace{
	width:65px;
	height:20px;
	float:left;
	text-indent:-9999px;
}
#information ul.SNS li.myspace a{
	width:65px;
	height:20px;
	display: block;
}
#information ul.SNS li.fotologue{
	width:60px;
	height:20px;
	float:left;
	text-indent:-9999px;
}
#information ul.SNS li.fotologue a{
	width:60px;
	height:20px;
	display: block;
}

#information ul.SNS li.myspace a{background: url(/img/common/icon_SNS.png) no-repeat; background-position:0px 0px;}
#information ul.SNS li.twitter a{background: url(/img/common/icon_SNS.png) no-repeat; background-position:-65px 0px;}
#information ul.SNS li.mixi a{background: url(/img/common/icon_SNS.png) no-repeat; background-position:-120px 0px;}
#information ul.SNS li.youtube a{background: url(/img/common/icon_SNS.png) no-repeat; background-position:-175px 0px;}
#information ul.SNS li.fotologue a{background: url(/img/common/icon_SNS.png) no-repeat; background-position:-230px 0px;}


* html #information ul.SNS li.myspace a{background: url(/img/common/icon_SNS.jpg) no-repeat; background-position:0px 0px;}
* html #information ul.SNS li.twitter a{background: url(/img/common/icon_SNS.jpg) no-repeat; background-position:-65px 0px;}
* html #information ul.SNS li.mixi a{background: url(/img/common/icon_SNS.jpg) no-repeat; background-position:-120px 0px;}
* html #information ul.SNS li.youtube a{background: url(/img/common/icon_SNS.jpg) no-repeat; background-position:-175px 0px;}
* html #information ul.SNS li.fotologue a{background: url(/img/common/icon_SNS.jpg) no-repeat; background-position:-230px 0px;}

#information p{
	font-size:0.8em;
	color:#999;
	float:left;
	margin-left:40px;
	margin-top:2px;
}
#information p a {
	color:#999;
	text-decoration:none;border-bottom:1px #888 dotted;
}
#information p a:hover {
	color:#CCC;
	text-decoration:none;border-bottom:1px #888 dotted;
}

/*--js dropdownスタイル---------------------------------------------------------------*/
.dropdown {
	width:59px;
	position:relative;
	z-index:200;
	float:left;
}
.dropdown dd {
	position:absolute; 
	overflow:hidden; 
	width:180px;
	display:none; 
	background:#000; opacity:0
}
.dropdown ul.sub {
	width:180px;
	_width:59 ;
	list-style:none;
	z-index:201;
}
.dropdown ul.sub li.member {
	width:180px;
	font-size:0.8em;
	color:#000;
}
.dropdown ul.sub li.member a {
	width:180px;
	height:16px;
	color:#000; 
	text-decoration:none;
	padding :5px ;
}
.dropdown ul.sub li.member a:hover {
	width:180px;
	height:16px;
	display:block;
	color:#000;
	text-decoration:none;
	padding :5px ;
}


dt#one-ddheader {
	width:59px;
	height:25px;
	cursor:pointer;
	text-indent:-9999px;
	float:left;
}
dt#one-ddheader a {
	width:59px;
	height:25px;
	display:block;
	background: url(/img/common/menu.png) no-repeat; background-position:-402px 0px; width:59px
}
dt#one-ddheader a:hover {
	width:59px;
	height:25px;
	background: url(/img/common/menu.png) no-repeat; background-position:-402px 0px; width:59px
}
* html dt#one-ddheader a {
	width:59px;
	height:25px;
	display:block;
	background: url(/img/common/menu.jpg) no-repeat; background-position:-402px 0px; width:59px
}
* html dt#one-ddheader a:hover {
	width:59px;
	height:25px;
	background: url(/img/common/menu.jpg) no-repeat; background-position:-402px 0px; width:59px
}
dd#one-ddcontent {
	position:absolute; 
	top:25px;
	left:0px;
	overflow:hidden; 
	width:150px;
	display:none; 
	background:#fff;
	z-index:200;
	opacity:0;
}

#footer{
	width:100%;
	height:30px;
	position:absolute;
	bottom:0px;
	z-index:10;
}