@charset "utf-8";

/*----------------------------------------------------------------------------------------------------
HTML5
----------------------------------------------------------------------------------------------------*/
article,aside,details,footer,header,hgroup,menu,nav,section,summary {
	display: block;
}

/*----------------------------------------------------------------------------------------------------
全体骨組み
----------------------------------------------------------------------------------------------------*/


/*--------------------------------------------------
Wrapper
--------------------------------------------------*/
#wrapper {
	width: 100%;
	min-height:100%;
}


/*--------------------------------------------------
Wrap
--------------------------------------------------*/
#wrap {
	width: 100%;
	text-align: center;
}

header {
	/* height: 187px; */
	margin: 0 auto;
	text-align: left;
}

#content {
	margin: 0 auto;
	/* text-align: left; */
}


/*--------------------------------------------------
Wrap-btm
--------------------------------------------------*/
#wrap-btm {
	height: 50px;
	width: 100%;
	text-align: center;
}

#footer {
	/* height: 50px; */
	margin: 0 auto;
	/* text-align: left; */
	/* color:#000; */
}


/*--------------------------------------------------
センター固定 or リキッドレイアウトの変更
（リキッドレイアウトにする場合はwidthを100%に変更）
--------------------------------------------------*/
header,
#content,
footer {
	width: 100%;
}


/*--------------------------------------------------
Footer固定
（Footerを画面下部に固定しない場合は以下コメントアウト）
--------------------------------------------------*/
#wrapper {
	position: relative;
	min-height: 100%;
}

* html #wrapper {/* IE6 */
	height: 100%;
}

#wrap {
	height: 100%;
	padding:0;/* フッターの高さ分 */
}
#content {
	overflow:none;/* 内容によって調整要 */
}

#wrap-btm {
	position: absolute;
	bottom: 0;
}





/*----------------------------------------------------------------------------------------------------
各要素レイアウト
----------------------------------------------------------------------------------------------------*/
/*--------------------------------------------------
Body共通指定
--------------------------------------------------*/
body{
	height:100%;
	/* background:#fffefc url(../img/common/bg.gif) repeat;	 */
}


/*--------------------------------------------------
Header共通指定
--------------------------------------------------*/
/* header {
	position:relative;
	height:187px;
	background:url(../img/common/bg_header.gif) repeat-x center top;
} */


/*--------------------------------------------------
Footer共通指定
--------------------------------------------------*/
footer {
	position:relative;	
}
/* 
footer #copyright{
	position:absolute;
	bottom:0;
	background: url(../img/common/bg_footer.gif) repeat-x 0 0;
	width:100%;
	height:46px;
	
}
footer #copyright p {
	background:#504c4b;
	text-align:center;
	color:#eeeeee;
	width:100%;
	padding:12px 0;
} */

/*--------------------------------------------------
Content共通指定
--------------------------------------------------*/
#content{
	position:relative;
	width:964px;
	height:100%;
	/* background: url(../img/common/bgline.gif) repeat-y center center; */
}
#MainContents{
	margin:0 0 0 220px;
	width:740px;
}
#MainContents #Container{
	text-align: left;
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
#SideContents{
	position:absolute;
	left:0;
	width:220px;
	height:100%;
	background:#1e1e1e repeat-y;
	border-top:solid 5px #b00968;
}

#SideContents footer{
	position: absolute;
	bottom:0;

}

/*----------------------------------------------------------------------
SideContents共通指定
----------------------------------------------------------------------*/
#SideContents header h1{
	background: url(../img/common/h1_logo.gif) no-repeat 0 0;
	width:180px;
	height:48px;
	text-indent:-9999px;
	margin:53px auto 50px auto;
}
#SideContents header h1 a{
	display:block;
	width:180px;
	height:48px;	
}
/*--------------------------------------------------
Globalnav
--------------------------------------------------*/
ul#Globalnav {
	text-align:left;
	margin:14px;
	width:192px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	}
ul#Globalnav li {
	position:relative;
	border-bottom:1px solid #414141;
	display:block;
	height:40px;
	overflow:hidden
}
ul#Globalnav li a {
	position:relative;
	color:#fff;
	text-decoration:none;
	display:block;
	height:40px;
	padding:12px 0 0 5px;
	z-index:100;
	/* text-transform:uppercase */
}

ul#Globalnav li a.current{
	background:#a1005a;	
}

/*--------------------------------------------------
入会案内
--------------------------------------------------*/
ul#guide{
	width:192px;
	margin:14px;
}
ul#guide:after {
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    content: ".";
    visibility: hidden;
}
ul#guide li{
	float:left;
	display:block;
	width:96px;
	height:33px;
	margin:0 0 14px 0;
}
ul#guide li a{
	display:block;
	height:33px;
	text-indent:-9999px;
	background: url(../img/common/btn_guide.gif) no-repeat 0 0;	
}
ul#guide li a#btn_guide:link{background-position:0 0;}
ul#guide li a#btn_login:link{background-position:-97px 0;}

ul#guide li a#btn_guide:hover{background-position:0 -33px;}
ul#guide li a#btn_login:hover{background-position:-97px -33px;}

/*--------------------------------------------------
ソーシャル
--------------------------------------------------*/
div#social{
	margin:0;
	padding:0;	
}

div#social ul#socialBtn{
	width:170px;
	margin:10px auto;
}
div#social ul#socialBtn li{
	display:inline-block;
	width:40%;
}

div#social ul#socialBtn li iframe {
	margin:-2px 0 0 0;
}

/* #fb-root{
	margin:-10px 0 0 0 !important;	
} */

/*ウィジェット切り替え*/
.widget {
            /* width:310px; */
            margin:20px 20px 15px 20px;
			padding:0;
            /* background:#f3f1eb; */
            /* border:1px solid #dedbd1; */
}
.widget a {
            color:#222;
            text-decoration:none;
}
.widget a:hover {
            color:#009;
            text-decoration:underline;
}
         .widget ul.tabnav  {
            margin:0 auto;
			padding:0;
            list-style:none;
			width:170px;
			/* height:36px; */
         }
         .widget ul.tabnav li {
            margin:0;
			padding:0;
            list-style:none;
            display: inline-block;
			/* width:88px;
			height:36px; */
			width:80px;
			text-align:center;
			/* border:none !important; */
         }
         .widget ul.tabnav li a {
            text-decoration:none;
            /* color:#222; */
            /* font-weight:bold; */
			text-align:center;
			text-indent:-9999px;
            /* padding:4px 6px; */
            /* outline:none; */
			display:block;
			background: url(../img/common/tab_social.png) no-repeat 0 0;
			width:80px;
			height:36px;
			margin:0;
			padding:0;
         }
		 .widget ul.tabnav li a.twi{
			 /* background: url(/_asset/img/common/btn_twi.gif) no-repeat 0 0; */
			 background-position:0 0;
			 width:80px;
			 /* height:36px; */
		 }
		 .widget ul.tabnav li a.fbk{
			 /* background: url(/_asset/img/common/btn_fbk.gif) no-repeat 0 0; */
			 background-position:-84px 0;
			 width:80px;
			 /* height:37px; */
		 }
         /* .widget .tabnav li a:hover,
         .widget .tabnav li a:active,
         .widget .tabnav li.ui-tabs-selected a {
            background:#dedbd1;
            color:#222;
            text-decoration:none;
         } */
         .widget ul.tabdiv {
            /* margin-top:2px; padding:5px; */
            /* background:#fff; */
            /* border:1px solid #dedbd1; */
         }
         /* .tabdiv p {
            margin:10px; padding:0;
         } */
         /* .tabdiv li {
            list-style-image:url("img/icon/color/star.gif");
            margin-left:20px;
         } */
         /* #post.tabdiv li {
           list-style-image:url("img/icon/color/arrow_next.gif");
         } */
         .ui-tabs-hide {
            display:none;
         }
		 
		 /*Facebook*/
		 .fb-like-box{
			 background:#fff;
		 }
		.fb-like{
			background:#1e1e1e
		}
		
#twi iframe {
	width: 180px !important;
	max-width: 180px !important;
	min-width: 180px !important;
}
        

/*--------------------------------------------------
バナーエリア
--------------------------------------------------*/
ul#bnr{
	width:192px;
}

ul#bnr li{
	width:192px;
	height:90px;
	margin:0 14px 6px 14px;	
}

/* nav#Globalnav{
	width: 192px;
	height:414px;
	
}

nav#Globalnav li{
	text-indent:-9999px;
	margin:0 0 4px 0;
}
nav#Globalnav li:last-child {
	margin:0;	
}

nav#Globalnav li a {
	width: 192px;
	background: url(../img/common/GlobalNav.png) no-repeat 0 0;
	display:block;
}
nav#Globalnav li a#nav001 {height:49px; background-position:0 0;}
nav#Globalnav li a#nav002 {height:45px; background-position:0 -53px;}
nav#Globalnav li a#nav003 {height:45px; background-position:0 -102px;}
nav#Globalnav li a#nav004 {height:45px; background-position:0 -151px;}
nav#Globalnav li a#nav005 {height:45px; background-position:0 -200px;}
nav#Globalnav li a#nav006 {height:45px; background-position:0 -249px;}
nav#Globalnav li a#nav007 {height:49px; background-position:0 -298px;}
nav#Globalnav li a#nav008 {height:61px; background-position:0 -351px;}

nav#Globalnav li a#nav001:hover {height:49px; background-position:-192px 0}
nav#Globalnav li a#nav002:hover {height:45px; background-position:-192px -53px;}
nav#Globalnav li a#nav003:hover {height:45px; background-position:-192px -102px;}
nav#Globalnav li a#nav004:hover {height:45px; background-position:-192px -151px;}
nav#Globalnav li a#nav005:hover {height:45px; background-position:-192px -200px;}
nav#Globalnav li a#nav006:hover {height:45px; background-position:-192px -249px;}
nav#Globalnav li a#nav007:hover {height:49px; background-position:-192px -298px;}
nav#Globalnav li a#nav008:hover {height:61px; background-position:-192px -351px;} */

/* nav#Globalnav li a.current[name="information"]	{height:49px; background-position:-192px 0 !important;}
nav#Globalnav li a.current[name="biography"]	{height:45px; background-position:-192px -53px !important;}
nav#Globalnav li a.current[name="discography"]	{height:45px; background-position:-192px -102px !important;}
nav#Globalnav li a.current[name="link"]			{height:45px; background-position:-192px -151px !important;}
nav#Globalnav li a.current[name="mailmagazine"]	{height:45px; background-position:-192px -200px !important;}
nav#Globalnav li a.current[name="fanclub"]		{height:45px; background-position:-192px -249px !important;}
nav#Globalnav li a.current[name="network"]		{height:49px; background-position:-192px -298px !important;}
nav#Globalnav li a.current[name="members"]		{height:61px; background-position:-192px -351px !important;} */

/*--------------------------------------------------
サイドバナーエリア
--------------------------------------------------*/
aside#bnr{
	/* clear:both; */
	margin:47px 0 0 0;
}
aside#bnr li{
	margin:0 0 -4px 0;
}



/*----------------------------------------------------------------------
MainContents共通指定
----------------------------------------------------------------------*/
/*--------------------------------------------------
slider
--------------------------------------------------*/


/*--------------------------------------------------
PAGER
--------------------------------------------------*/
/* #information ul#pager,
#discography ul#pager{
	position:absolute;
	bottom:12px;
	left:18px;
	width:715px;
	background:#399;
}
#information ul#pager li,
#discography ul#pager li{
	position:absolute;
	bottom:0;
}

#information ul#pager li:nth-child(1),
#discography ul#pager li:nth-child(1){
	left:0;
}
#information ul#pager li:nth-child(2),
#discography ul#pager li:nth-child(2){
	left:43%;
}
#information ul#pager li:nth-child(3),
#discography ul#pager li:nth-child(3){
	right:0;
} */