@charset "utf-8";

/* ====================================================
	
	
	
	base CSS
	
	
	
====================================================*/
html {
	overflow-y:scroll;
}

body {
	font-size: 12px;
	font-family: Verdana, "メイリオ", "ヒラギノ角ゴ ProW3", "Hiragino Kaku Gothic Pro",  Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.5;
	background: #fff;
	color:#444
}

#header:after,
#g_navi:after,
#info_box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

/* ------------------------------
ヘッダー
------------------------------ */
#header {
	width:950px;
	margin:0 auto
}

/* ロゴ */
#header h1 {
	float:left;
	width:156px;
	height:104px;
	background:url(/common/images/logo.png) no-repeat;
	margin-top:39px
}

#header h1 a {
	width:156px;
	height:104px;
	display:block;
	text-indent: -99999px;
}

/* ナビ */
#navi {
	float:right;
}

/* 言語 */
#header #navi #lang {
	float:right;
	background:url(/common/images/lang_bg.png) no-repeat;
	width:155px;
	height:11px;
	margin-top:20px;
}

#header #navi #lang img {
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";
	vertical-align:top
}

#header #navi #lang a img {
	opacity:1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha( opacity=100 )";
}

#header #navi #lang ul li {
	float:left;
	margin:1px 10px 0 10px;
	padding:0;
}

/* ソーシャルナビ */
#header #sc_navi ul {
	clear:both;
	float:right
}

#header #sc_navi li {
	float:left;
	margin:30px 0 0 20px
}

/* グローバルナビ */
#g_navi {
	float:right;
	clear:both
}

#g_navi ul li {
	float: left;
	margin:30px 0 20px 25px;
}

/* ------------------------------
コンテンツ
------------------------------ */

#contents {
	clear:both;
	margin:10px auto 0 auto;
	width:950px;
	padding-bottom:20px
}

/* ------------------------------
ページタイトル
------------------------------ */
#contents #ttl {
	background: #000;
	padding:15px;
	width:920px;
	margin:0 0 20px 0;
	clear:both
}

#contents #ttl a {
	display:block
}

#biography #contents #ttl h2,
#discography #contents #ttl h2,
#works #contents #ttl h2,
#live #contents #ttl h2,
#download #contents #ttl h2,
#contact #contents #ttl h2 {
	width:500px;
	height:21px;
	text-indent: -99999px;
	float:left;
	margin-left:5px
}

#biography #contents #ttl h2 {
	background:url(/images/biography/h2_ttl.png) no-repeat;
}

#discography #contents #ttl h2 {
	background:url(/images/discography/h2_ttl.png) no-repeat;
}

#works #contents #ttl h2 {
	background:url(/images/works/h2_ttl.png) no-repeat;
}

#live #contents #ttl h2 {
	background:url(/images/live/h2_ttl.png) no-repeat;
}

#download #contents #ttl h2 {
	background:url(/images/download/h2_ttl.png) no-repeat;
}

#contact #contents #ttl h2 {
	background:url(/images/contact/h2_ttl.png) no-repeat;
}

/* ページカレント設定*/


#top #g_navi ul li.top a,
#biography #g_navi ul li.biography a,
#discography #g_navi ul li.discography a,
#works #g_navi ul li.works a,
#live #g_navi ul li.live a,
#download #g_navi ul li.download a,
#contact #g_navi ul li.contact a {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	pointer-events: none;
	cursor: default;
}

/* サブナビ設定 */

#contents #ttl {
	position: relative
}

#contents #ttl ul {
	float:right;
	margin:0;
	position:absolute;
	top:15px;
	right:15px
}

#contents #ttl li {
	margin-left:5px;
	float:left;
	color:#FFF;
	line-height:normal;

}

#contents #ttl li.current {
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
	pointer-events: none;
	cursor: default;
}

#contents #ttl li a {
	display: block;
	text-decoration: none;
	letter-spacing: 1px;
	color:#FFF;
	padding:3px 15px;
}

/* ------------------------------
　ページのトップへ
------------------------------ */

#page-top {
	position: fixed;
	bottom: 5px;
	right: 5px;
	font-size: 77%;
}

#page-top a {
	text-decoration: none;
	color: #fff;
	padding: 10px;
	text-align: center;
	display: block;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
}

#page-top a:hover {
	text-decoration: none;
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

/* ------------------------------
フッター
------------------------------ */
#footer_outer {
	clear:both;
	width:100%;
	background: url(/common/images/footer_bg.png) repeat-x;
	height:100px;
	position:relative
}

#footer {
	width:950px;
	margin:0 auto;
	padding:15px 0 15px 0;
	color: #fff;
}

#footer .footer_icon li {
	float:left;
	margin:10px 25px 0 0
}

#footer ul.footer_menu {
	clear: left;
	overflow:hidden;
	position: absolute;
	bottom:5px
}

#footer .copyright {
	margin-top:43px;
}

#footer .footer_menu li {
	float:left;
	border-left:1px solid #999;
	padding:0 10px;
	margin:10px 0 10px 0;
	line-height: 1.2em
}

#footer .footer_menu li.sep {
	border-right:1px solid #999;
}

/* ------------------------------
共通文字、線
------------------------------ */

.s_txt {
	font-size:80%
}

.line_dot {
	background: url(/common/images/dot_line.png) repeat-x;
	height:1px;
	margin:20px 0;
	clear:both;
}
/* ------------------------------
 特設サイトバナー
------------------------------ */
.sp_tag {
	position: fixed;
	top:-1px;
	right:30px;
	z-index: 9999
	
}
.sp_tag img:hover{
	margin:1px 0 0 0

}