@charset "UTF-8";

/* CSS Document */


body {
	font: 100%/1.4 "Lucida Grande", Helvetica, Arial, Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	margin: 0;
	padding: 0;
	color: #fff;
	background-color: #000;
	font-size: 12px;
	line-height: 170%;
	text-align: left;
	width: 640px;
}

a img {
	border: none;
}

a,
a:link,
a:visited {
	color: #ff9;
	text-decoration: none;
}

a:hover,
a:active,
a:focus {
	color: #ff9;
	text-decoration: underline;
}

a {
	outline: none;
}

.clear {
	clear: both;
}

.none {
	display: none;
}

.close {
	cursor: pointer;
}

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }


#fujibanner_head {
	width: 640px;
	height: auto;
	background-color: #fff;
	text-align: center;
	z-index: 45;
}

#contents {
	width: 640px;
	height: auto;
	padding: 0;
	margin: 0 auto;
	background: #000 url("../img2013/bg2_sp.jpg") no-repeat fixed center top;
	background-size: cover;
	overflow: auto;
}


/*---------- Slide Show ----------*/
#bgslide,#bgslide img{
	display: none;
}



/*---------- Main ----------*/
#wrapper {
	position: relative;
	top: 0;
	width: 640px;
	height: auto;
	padding: 0;
	margin: 0;
}

#footer {
	width: 640px;
	position: relative;
	top: 2780px;
	height: auto;
	padding: 0;
	margin: 0;
	background: #000;
	text-align: center;
	line-height: 100%;
	z-index: 40;
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}



/*---------- Wrapper ----------*/
#shinestarsWaku {
	margin: 0;
	padding: 0;
}

#cover { position: fixed; width: 100%; height: 100%; top: 0; left: 0; padding: 0; margin: 0; z-index: 2; background-image: url("../img2013/cover_bk.png"); display: none; }

#otogumi { display: none; position: absolute; width: 100%; top: 0; text-align: right; padding: 0; margin: 0; z-index: 35; }

#overlight { position: absolute; top:100px; left: 0; padding: 0; margin: 0; z-index: 30; }
#overlight img {width: 100%; height: auto; }

#logoTitle { position: relative; padding-top: 20px; margin: 0 auto; z-index: 20; }
#logoTitle img { width: 100%; height: auto; }
/* #logoBanner { position: absolute; top:55px; z-index: 15; } */

#oaDate { position: relative; width: 640px; text-align: center; padding: 0; margin: 0 auto; z-index: 25; }
#oaDate img { width: 100%; height: auto; }

#info { position: relative; width: 640px; text-align: center; padding: 0; margin: 0 auto; z-index: 34; }
#info img { width: 80%; height: auto; }

#mc { position: relative; width: 640px; text-align: center; padding: 0; margin: 0 auto; z-index: 34; }
#mc img { width: 80%; height: auto; }

#artists { position: relative; width: 600px; height: 150px; padding: 10px 0; z-index: 10; margin: 0 auto; }

#kantoku { 
	position: relative; 
/* 	top: 1075px;  */
	width: 100%; 
	height: auto; 
	text-align: center; 
	padding: 0; 
	margin: 0; 
	z-index: 90;
}

#kantoku img {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: -8px;
	width: auto;
	height: 44px;
}

#artistList { 
	position: relative; 
/* 	top: 1075px;  */
	width: 640px; 
	height: auto; 
	text-align: center; 
	padding: 0; 
	margin: 0; 
	z-index: 90;
}

/*
#artistList img {
	display: inline-block;
	margin-right: 0px;
	margin-bottom: -8px;
	width: auto;
	height: 44px;
}
*/

/*
#artistList .takebe {
	width: 550px;
	height: auto;
}
*/

#artistListLeft {
	position: absolute;
	left: 0;
	width: 480px;
	text-align: left;
	vertical-align: top;
	padding: 0;
	margin: 0;
	z-index: 90;
}

#artistListRight {
	position: absolute;
	right: 0;
	width: 165px;
	text-align: right;
	vertical-align: top;
	padding: 0;
	margin: 0;
	z-index: 90;
}
#artistListRight img { height: 44px; margin: 0 0 -0px; }

#artistListLL {
	position: absolute;
	left: 0;
	width: 165px;
	text-align: left;
	padding: 0;
	margin: 0;
	vertical-align: top;
	z-index: 90;
}
#artistListLL img { width:auto; height: 44px; margin: 0 0 -6px; }

#artistListCC {
	position: absolute;
	right: 0;
	width: 310px;
	text-align: center;
	padding: 0;
	margin: 0;
	vertical-align: top;
	z-index: 90;
}
#artistListCC img { height: 44px; margin: 0 auto; }

#takebe {
	margin: 0;
	padding-top: 50px;
}
#takebe img { width:150px; height: 24px; margin: 0; }
#takebe .nidan { height: 66px; }
#takebe .sandan { height: 92px; }

/*
#artistList .jsoul { width: 200px; height:48px; }
#artistList .naoto { width: 240px; height:48px; }
#artistList .momokuro { width: 190px; height:48px; }
#artistList .longtoshort { width: 149px; height: 44px; }
#artistList .longtomiddle { width: 203px; height: 44px; }
*/
#artistList .etc { margin-bottom: -20px; }
#artistList .limitwsize { width: 155px; height: 44px; }
#artistList .limithsize { height: 44px; }



/*---------- Set List ----------*/
#setlist { text-align: center; padding: 0; overflow: hidden; margin: 0 auto; }
#setlist_contents { margin-top: 15px; font-size: 90%; line-height: 27px; }
#setlist_table { width: 100%; border: 1px #cc9933 solid; background-image: url("../img2013/cover_bk3.png"); }
#setlist_table th { text-align: center; border: 1px #cc9933 solid; padding: 3px; }
#setlist_table td { text-align: left; border: 1px #cc9933 solid; padding: 3px; line-height: 12px; }
/* .setlist_name { width:40%; } */



/*---------- Official Site ----------*/
#officialsitelist {
	width: 100%;
	margin: 0;
	padding: 0;
	padding-top: 3px;
	text-align: center;
	font-size: 100%;
}

#officialsitelist ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#officialsitelist li {
	float: left;
	margin: 10px;
}

#officialsitelist img {
	width: 80px;
	height: 60px;
	padding-bottom: 3px;
}

#blog_link img {
	height: 45px;
	width: auto;
}

#counter {
	padding-bottom: 5px;
}



/*---------- Star Scroll ----------*/
.simply-scroll-container { 
	position: fixed;
	margin: 0;
	padding: 0;
}

.simply-scroll-clip { 
	position: relative;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 2;
}

.simply-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply-scroll-list li img {
	border: none;
	display: block;
	margin: 0;
	padding: 0;
}

/* Custom class modifications - adds to / overrides above

.simply-scroll is default base class */
.simply-scroll {
	width: 640px;
	height: 1000px;
	z-index: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll .simply-scroll-clip {
	width: 640px;
	height: 1000px;
	margin: 0;
	padding: 0;
}

.simply-scroll .simply-scroll-list li {
	float: left;
	width: 640px;
	height: 1000px;
	margin: 0;
	padding: 0;
}



/*---------- Sub Title ----------*/
#subtitleLeft,
#subtitleRight {
	top: 120px;
	width: 130px;
	height: auto;
	margin: 0;
	background-image: url("../img2013/cover_bk3.png");
	font-size: 100%;
	position: absolute;
	z-index: 99999;
	overflow: hidden;
	padding: 3px;
	border: 1px #c93 solid;
}
#subtitleLeft { left: 10px; }
#subtitleRight { right: 10px; }

#subtitle {
	float: right;
	text-align: left;
	width: 130px;
	height: auto;
	margin: 25px auto;
	background-image: url("../img2013/cover_bk3.png");
	font-size: 95%;
	overflow: hidden;
	position: relative;
	padding: 10px;
	border: 1px #c93 solid;
	line-height: 19px;
}
