@charset "UTF-8";

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


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

#header:after,
#footer:after {
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#header,
#footer {
	zoom: 1;
}
.top #header{
	width:950px;
	margin:auto;
	margin-top:250px;
}
#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));
}
#nav{
	width:680px;
	height:25px;
	float:left;
}
#nav .news a{background: url(/img/common/menu.png) no-repeat; background-position:0px 0px; width:65px; text-indent:-9999px; float:left;}
#nav .live a{background: url(/img/common/menu.png) no-repeat; background-position:-65px 0px; width:65px; text-indent:-9999px; float:left;}
#nav .wayless a{background: url(/img/common/menu.png) no-repeat; background-position:-130px 0px; width:80px; text-indent:-9999px; float:left;}
#nav .biography a{background: url(/img/common/menu.png) no-repeat; background-position:-210px 0px; width:100px; text-indent:-9999px; float:left;}
#nav .discography a{background: url(/img/common/menu.png) no-repeat; background-position:-310px 0px; width:110px; text-indent:-9999px; float:left;}
#nav .merchandise a{background: url(/img/common/menu.png) no-repeat; background-position:-485px 0px; width:110px; text-indent:-9999px; float:left;}
#nav .contact a{background: url(/img/common/menu.png) no-repeat; background-position:-595px 0px; width:85px; text-indent:-9999px; float:left;}

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

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

/*---------dropdown設定---------*/
.dropdown {
	position:relative;
	float:left;
	z-index:101;
}
.dropdown dd {
	position:absolute;
	overflow:hidden;
	width:130px;
	display:none;
	background:#fff; opacity:0
}
.dropdown ul {
	width:130px;
	_width:130px ;
	list-style:none;
	z-index:21;
}
.dropdown li {
	font-size:0.8em;
	color:#006C52;
	border-left:2px solid #CCC;
	text-align:left;
	border-bottom:1px solid #FFF;
}
.dropdown li a {
	width:130px;
	height:20px;
	display:block;
	color:#006C52;
	text-decoration:none;
	padding :4px 0 1px 10px ;
}
.dropdown li a:hover {
	width:130px;
	height:20px;
	background: #888;
	display:block;
	color:#FFF;
	text-decoration:none;
	padding :4px 0 1px 10px ;
}



* 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 #share{
	float:right;
	margin:3px 0 0 0;
}
#information #share .twitterBtn{
	float:left;
}
#information #share .facebookBtn{
	float:left;
}

#information ul.SNS{
	list-style:none;
	padding:2px 0 0 30px;
}
#information ul.SNS li{
	display:inline;
	height:24px;
	float:left;
	margin-right:3px;
	text-indent:-9999px;
}
#information ul.SNS li a{
	width:24px;
	height:24px;
	display: block;
}

#information ul.SNS li.facebook a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:0px 0px;}
#information ul.SNS li.mixi a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:-24px 0px;}
#information ul.SNS li.twitter a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:-48px 0px;}
#information ul.SNS li.myspace a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:-72px 0px;}
#information ul.SNS li.youtube a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:-96px 0px;}
#information ul.SNS li.fotologue a{background: url(/img/common/icon_SNS2.png) no-repeat; background-position:-120px 0px;}

* html #information ul.SNS li.facebook a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:0px 0px;}
* html #information ul.SNS li.mixi a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:-24px 0px;}
* html #information ul.SNS li.twitter a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:-48px 0px;}
* html #information ul.SNS li.myspace a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:-72px 0px;}
* html #information ul.SNS li.youtube a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:-96px 0px;}
* html #information ul.SNS li.fotologue a{background: url(/img/common/icon_SNS2.jpg) no-repeat; background-position:-120px 0px;}

#information p{
	font-size:0.8em;
	color:#999;
	float:left;
	margin-left:40px;
	margin-top:3px;
}
#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;
}




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