@charset "utf-8";
/* ====================================================
	
	
	
	base CSS
	
	
	
====================================================*/
html {
	overflow-y: scroll;
}
body {
	font-size: 0.9rem;
	font-family: Verdana, "メイリオ", "ヒラギノ角ゴ ProW3", "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff;
	color: #444;
	animation: fadeIn 2s ease 0s 1 normal;
	-webkit-animation: fadeIn 2s ease 0s 1 normal;
}
 @keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
 @-webkit-keyframes fadeIn {
 0% {
opacity: 0
}
 100% {
opacity: 1
}
}
#header:after, #g_navi:after, #info_box:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

::-moz-selection {
    background-color: #f668b2;
    color: #fff;
}

::selection {
    background-color: #f668b2;
    color: #fff;
}

/* ------------------------------
ヘッダー
------------------------------ */
#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;
	color: #FFF;
	padding: 3px 10px;
}
/* ------------------------------
　ページのトップへ
------------------------------ */

#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%
}
.l_txt {
	font-size: 1.25rem;
}
.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
}