@charset "UTF-8";

html {height: 100%;}
body {
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	margin: 0px;
	padding: 0px;
	background: #fff url(img/bg.jpg) repeat;
	width: 100%;
	height: 100%;}


h1, h2, h3 {
	font-family: 'Fredoka One', Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;}
	

span {
	font-size: 0.8em; line-height: 1em;}
	
h2 {
	margin: 0px;}
	
a img {border: 0px;}
a {text-decoration: none;}
a.txt_link {text-decoration: none;
	display:inline-block;
	padding: 0px 5px;
	margin: 0px 0px 2px 0px;
	color: #666;
	font-weight: bold;
	background-color: #fff;}
a.txt_link:hover {
	background: url(img/bg_sec.png) repeat;
	color: #fff;
	}
	
hr {color: #999;
background-color: #999;
height: 1px;
border: 0px;}

hr.dotted {
height: 0px;
background-color: transparent !important;
border-top: 1px dotted #999;}
	
#wrapper {	
	width: 100%; min-width: 960px;
	height: 100%;
	margin: 0px auto;
	position: relative;}
	
/* TOP */

.nav_fixed #nav_bg {
	position: fixed;}
	
#index	.fbshare {
display: block;
float: right;
margin: 0px 0px;}
	
.fbshare {
display: block;
margin: 0px 0px 8px 0px;}

/* NAVIGATION */
	
#nav_bg {
	width: 100%;
	background: url(img/bg_topbar.png) repeat-x top left;
	position: relative; z-index: 199;
	border-bottom: 1px solid #333;}
	
	
#nav_box {
	width: 940px; height: 100px;
	position: relative;
	margin: 0px auto; padding: 0px 10px;}
	
#logo {		position: absolute;	left: 10px;	top: 13px; z-index: 200;}
#nav_top {	position: absolute;	left: 150px;top: 0px;}
#nav_fb {	position: absolute;	right: 48px;top: 8px;}
#nav_twit {	position: absolute;	right: 10px;top: 8px;}

#nav_global {position: absolute; left: 170px; top: 45px;}

#nav_global a {
	display: block; float: left; height: 55px;
	background: url(img/bg_navigation.png) no-repeat top left;}
	
a#nav_index {	width: 64px;}
a#nav_index:hover, a#nav_index.curr {background-position: 0px -55px;}
a#nav_abt {	width: 78px; background-position: -64px -0px;}
a#nav_abt:hover, a#nav_abt.curr {	background-position: -64px -55px;}
a#nav_exp {	width: 107px; background-position: -142px -0px;}
a#nav_exp:hover, a#nav_exp.curr {	background-position: -142px -55px;}
a#nav_sp {	width: 88px; background-position: -249px -0px;}
a#nav_sp:hover, a#nav_sp.curr {	background-position: -249px -55px;}
a#nav_feat {width: 95px; background-position: -337px -0px;}
a#nav_feat:hover, a#nav_feat.curr {	background-position: -337px -55px;}
a#nav_tix {	width: 96px; background-position: -432px -0px;}
a#nav_tix:hover, a#nav_tix.curr {	background-position: -432px -55px;}
a#nav_eve {	width: 80px; background-position: -528px -0px;}
a#nav_eve:hover, a#nav_eve.curr {	background-position: -528px -55px;}
a#nav_acc {	width: 94px; background-position: -608px -0px;}
a#nav_acc:hover, a#nav_acc.curr {	background-position: -608px -55px;}
a#nav_con {	width: 78px; background-position: -702px -0px;}
a#nav_con:hover, a#nav_con.curr {	background-position: -702px -55px;}

/* ads */

body#ads {
	background: none !important;
	line-height: 0px;}
body#ads a{margin: 0px 5px;}

	
#ads_bg {
	width: 100%;
	background: url(img/bg_ads.png) repeat-x top left;
	position: relative; z-index: 100;
	height: 50px;
	margin: 0px auto; text-align:center;}
	
.ads_fixed {
	position:fixed !important;
	top: 100px;}

/* SLIDER */

div#slider_box {
	margin: 0 auto; padding: 0px 0px 3px 0px;
	width: 100%; min-width: 960px; height: 350px;
	position:relative; display: block;
	clear: both;
	background: url(img/bg_slider.png) repeat-x bottom left;}
	
	
/* CONTENT SPACE */

#content_box {
	width: 940px;
	position: relative; overflow:hidden;
	margin: 0px auto; padding: 0px 10px;}
	
#index #content_box h1 {
	font-size: 18px;
	letter-spacing: 2px;
	color: #666666;
	clear:both; display: block; 
	padding: 15px 0px; margin: 10px 0px 20px 0px;
	border-bottom: 2px solid #ddd;
	}
	
#tn_holder {
	width: 720px;
	overflow: hidden;
	float: left;}
	
.tn_box {
	width: 220px;
	float: left;
	margin: 0px 20px 10px 0px; padding: 0px 0px 18px 0px;
	display:block;
	position:relative;
	background: url(img/tn_bottom.png) no-repeat left bottom;}
	
.tn_indicator {
	margin: 0px auto;
	display: block; position:absolute;
	z-index: 5; left: 97px; top: 0px;
	height: 27px; width: 27px;
	background: url(img/tn_indi.png) no-repeat top left;}
	
.tn_song img.tn_indicator{background-position:  0px 0px;}
.tn_exp img.tn_indicator{background-position:  -27px 0px;}
.tn_sp img.tn_indicator{background-position:  -54px 0px;}
.tn_ani img.tn_indicator{background-position:  -81px 0px;}

.tn_panel {
	border: 1px solid #ccc;
	margin: 12px 0px 0px 0px;
	display: block;
	background-color: #fff;}
.tn_panel div {
	padding: 10px 15px 15px 15px; color: #666666;
	font-size: 9px; line-height: 13px;}
	
a.tn_box:hover .tn_panel {border: 1px solid #888;}
.tn_box b { 
	text-align:left; font-size: 13px;
	font-weight: normal !important;
	margin: 0px; padding: 0px 0px 5px 0px;
	display: block;}
.tn_song b {color: #ff0099;}
.tn_exp b {color: #e5b800;}
.tn_sp b {color: #99cc00;}
.tn_ani b {color: #23bdb6;}

#side_holder {
	width: 220px;
	float: right;
	padding: 12px 0px 0px 0px;}
	
	
/* SIDE PAGES */
	
#pushdown {
	display: block;
	clear: both;
	height: 150px;}

#content_holder {
	position: relative;
	display:block;
	width: 100%;
	height: auto !important;}

	
/* SEC NAVIGATION */

#sec_holder{
	width: 150px;
	height: 100% !important;
	min-height: 500px;
	margin: -50px 0px 0px -480px;
	position: fixed;
	z-index: 198;
	left: 50%;
	background: url(img/bg_sec.png) repeat;
	border-left: 1px solid #222;
	border-right: 1px solid #222;}

#sec_box {
	display: block;
	position: fixed;
	width: 130px;
	padding: 20px 10px;}
#sec_box h1 {
	color: #fff;
	margin: 0px 0px 15px 0px;
	font-size: 24px;
	line-height: 24px;}
	
#sec_nav {
	margin: 0px;
	padding: 0px;
	font-size: 10px; line-height:10px;
	color: #fff;
	list-style:none;}
#sec_nav li {
	font-size: 10px; line-height:10px;
	margin: 0px;
	padding: 0px;
	border-bottom: 1px solid #333;}
	
#sec_nav li a {color: #ccc; font-weight:bold; display: block ;padding: 5px 0px 7px 0px;}

#sec_nav li a:hover, #sec_nav a:hover {
	color: #fff;}
	
#sec_nav a{color: #aaa; font-weight: bold;}

#sec_nav ul{
	margin: 0px 0px 5px 0px;
	padding: 0px;
	font-size: 8px; line-height:8px;
	color: #fff;
	list-style: none;}
#sec_nav ul li {
	border: none;
	margin: 0px 0px 1px 0px;}
#sec_nav ul li a{color: #ccc; font-weight:bold; 
	display: block ;padding: 2px 5px;
	border-left: 4px solid #333;}
#sec_nav ul li a:hover{
	border-left: 4px solid #666;
		background: url(img/bg_sec.png) repeat}
		
div.sec_links {
	border-top: 1px solid #333;
	padding: 10px 0px;}


/* SUB PAGE HOLDER */	

.hold_960 {
	width: 790px; padding: 20px 0px 40px 170px;
	margin: 0px auto;
	font-size: 10px; line-height: 15px;
	min-height: 440px;
	position: relative;}
	
#sp_guests .hold_960 {
	width: 790px; padding: 20px 0px 40px 170px;
	margin: 0px auto;
	font-size: 10px; line-height: 15px;
	min-height: 340px;}
	
#exp_zone .hold_960 {
	width: 790px; padding: 20px 0px 40px 170px;
	margin: 0px auto;
	font-size: 10px; line-height: 15px;
	min-height: 240px;}
	
#ticketing .hold_960 {
	height: inherit !important;
	min-height: none !important;}
	
body#about{
	background: #000 url(img/bg_about.jpg) no-repeat fixed left top;
	color: #fff;}
	
body#event{
	background: #000 url(img/bg_event.jpg) no-repeat fixed left top;
	color: #fff;}
	
body#ticketing{
	background: #000 url(img/bg_ticketing.jpg) no-repeat fixed center top;
	color: #fff;}
	
body#marble{
	background-color: #000 !important;
	background-image: none !important;
	color: #fff;}
	
body#marble .section{
	background: #000 url(img/bg_marble.jpg) no-repeat center top;
	height: 1448px;}
	
	
	
.section {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center bottom;}

.stage {
	display: block;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center bottom;
	background-color: #000;}

#electro {	background-image: url(img/bg_electro.jpg);}
#jump {		background-image: url(img/bg_jump.jpg);}
#diamond {	background-image: url(img/bg_diamond.jpg);}
	
#animekaraoke_d {
	background-color: #119cc6;
	background-image: url(img/bg_karaoke_400.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;
	color: #fff;}
	
#rcc_d {
	background-color: #495a5e;
	background-image: url(img/bg_rcc_400.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;
	color: #fff;}
	
#jfe_d {
	background-color: #383838;
	background-image: url(img/bg_jfe_400.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;
	color: #fff;}
	
#bushiroad {
	background-color: #fff;
	background-image: url(img/bg_bushiroad.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;}
	
#jcb {
	background-color: #fff;
	background-image: url(img/bg_jcb.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;}
	
#k_d {
	background-color: #fafbfd;
	background-image: url(img/bg_k_600.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;}
	
	#atelierroyale {
	background-color: #42e1f4;
	background-image: url(img/bg_ar_121022.jpg);}	
	
	#akibatown {
	background-color: #dcab30;
	background-image: url(img/bg_akbtown.jpg);}	
	
	#arcc {
	background-color: #495a5e;
	background-image: url(img/bg_arcc.jpg);
	color: #fff;}
	
	#animekaraoke {
	background-color: #119cc6;
	background-image: url(img/bg_karaoke.jpg);
	color: #fff;}
	
	#creatorshub {
	background-color: #fefef6;
	background-image: url(img/bg_creators_300.jpg);}
	
	#creatorshub_d {
	background-color: #fefef6;
	background-image: url(img/bg_creators_400.jpg);
	background-repeat: no-repeat !important;
	background-position: center top !important;}
	
	#iloveanisong {
	background-color: #360916;
	background-image: url(img/bg_anisong.jpg);
	color: #fff;}
	
	#jfe {
	background-color: #383838;
	background-image: url(img/bg_jfe.jpg);
	color: #fff;}
	
	#moemoekyun {
		color: #fff;
	background-color: #c11d28;
	background-image: url(img/bg_mmk.jpg);}	
	
#lineup {
	background-color: #28050c;
	background-image:url(img/bg_anisong_l.jpg);
	background-position: top center;
	color: #fff;}	
#babymetal {
	background-color: #110a0a;
	background-image:url(img/bg_babymetal.jpg);
	color: #fff;
	height: 500px;}	

#flow {
	background-color: #fde0dc;
	background-image:url(img/bg_flow.jpg);}

#fripside {
	background-color: #030424;
	background-image:url(img/bg_fripside.jpg);
	color: #fff;}

#hachiojip {
	background-color: #14280e;
	background-image:url(img/bg_hachiojip.jpg);
	color: #fff;}
	
	
#lisa {
	background-color: #061527;
	background-image:url(img/bg_lisa.jpg);
	color: #fff;}
	
#move {
	background-color: #000;
	background-image:url(img/bg_move.jpg);
	color: #fff;}

#minami {
	background-color: #f3f4f4;
	background-image:url(img/bg_minami.jpg);}
	
#mayn {
	background-color: #9a8e8e;
	background-image: url(img/bg_mayn.jpg);}
	
#seaa {
	background-color: #fff;
	background-image: url(img/bg_seaa1.jpg);}
	
#sphere {
	background-color: #d2eafa;
	background-image: url(img/bg_sphere.jpg);}
	
#tmrevolution {
	background-color: #2d0809;
	background-image: url(img/bg_tmrevolution.jpg);
	color: #fff;}
	
#dannychoo {
	background-color: #2a1d1c;
	background-image: url(img/bg_danny.jpg);
	color: #fff;}
	
#fumiakinishihara {
	background-color: #ebeef1;
	background-image: url(img/bg_fumiaki.jpg);}
	
#sphere_seiyuu {
	background-color: #ccf5ff;
	background-image: url(img/bg_sphere_s.jpg);}

#kaname {
	background-color: #142623;
	background-image: url(img/bg_kaname.jpg);
	color: #fff;}
	
#akatsuki {
	background-color: #b40557;
	background-image: url(img/bg_akatsuki.jpg);
	color: #fff;}
	
#judy {
	background-color: #de68cf;
	background-image: url(img/bg_judy.jpg);
	color: #fff;}

#hiko {
	background-color: #2b8ea7;
	background-image: url(img/bg_hiko.jpg);
	color: #fff;}
	
#mikoto {
	background-color: #6d2b01;
	background-image: url(img/bg_mikoto.jpg);
	color: #fff;}
	
#reika {
	background-color: #5a1713;
	background-image: url(img/bg_reika.jpg);
	color: #fff;}

#clive {
	background-color: #324049;
	background-image: url(img/bg_clive.jpg);
	color: #fff;}
	
#richfield {
	background-color: #130305;
	background-image: url(img/bg_richfield.jpg);
	color: #fff;}
	
#shikon {
	background-color: #a7bec4;
	background-image: url(img/bg_shikon.jpg);}
	
#lunar {
	background-color: #e6e4e7;
	background-image: url(img/bg_lunar.jpg);}
	
	
#daisukekishio {
	color: #fff;
	background-color: #6f7175;
	background-image: url(img/bg_daisuke.jpg);}	
	
#kenjikamiyama {
	background-color: #e7e7e7;
	background-image: url(img/bg_kenji.jpg);}	
	
#gonakanishi {
	
	background-color: #e6e5e1;
	background-image: url(img/bg_gonakanishi.jpg);}	
	
#singi {
	background-color: #3ea8b2;
	background-image: url(img/bg_singi.jpg);}
	
#shinichirowatanabe {
	background-color: #e3dfe8;
	background-image: url(img/bg_shinichiro.jpg);}	
#zero9 {
	color: #fff;
	background-color: #000;
	background-image: url(img/bg_zero9.jpg);}
	#eureka {
	color: #fff;
	background-color: #091f6c;
	background-image: url(img/bg_eureka.jpg);}
#fairytail {
	color: #fff;
	background-color: #5d1815;
	background-image: url(img/bg_fairytail.jpg);}
#k {
	background-color: #fff;
	background-image: url(img/bg_k.jpg);}
#naruto {
	background-color: #faa21b;
	background-image: url(img/bg_naruto.jpg);}

#madokamagica {
	background-color: #f9f9f1;
	background-image: url(img/bg_madoka_500.jpg);}
	
#madoka_d {
	background-color: #f9f9f1;
	background-image: url(img/bg_madoka_600.jpg);	
	background-repeat: no-repeat !important;
	background-position: center top !important;}
	
/* LINKS */	
	
a.link_info {
	display:inline-block;
	padding: 5px 10px;
	margin: 0px 0px 2px 0px;
	background: url(img/bg_sec.png) repeat;
	color: #ccc;
	font-weight: bold;
	font-size: 14px;;}
a.link_info:hover {
	color: #fff;
	background-color: #000;
	background-image: none;
	}
	
.links_out a {
	display:inline-block;
	padding: 0px 5px;
	margin: 0px 0px 2px 0px;
	color: #444;
	font-weight: bold;
	background: url(img/bg_w.png) repeat !important;}
.links_out a:hover {
	background: url(img/bg_sec.png) repeat !important;
	color: #fff;
	}
	

/* ENTRANCE TICKETING */
	
table.ticket td{
	vertical-align: middle;
	line-height: 15px;}
	
table.ticket div {
	font-size: 36px;
	font-weight: bold;
	line-height: 9px;
	margin: 10px;
	float: left;
	}
	
td.ticket_head {
	background-color: #222;
	font-weight: bold;
	color: #fff; font-size: 12px;
	text-transform: uppercase;}
td.ticket_f {
	background-color: #DE007E;
	color: #fff;}
td.ticket_fs {
	background-color: #ffcc00;
	color: #000;}
td.ticket_ftos {
	background-color: #229AF3;
	color: #fff;}
td.ticket_cooljp {
	background-color: #eee;}
td.ticket_f h1, td.ticket_fs h1, td.ticket_ftos h1 {
	margin: 0px;} 
	
/* ANISONG TICKETING */
	
table.anisong_ticket td{
	vertical-align: top;
	line-height: 14px;}
	
table.anisong_ticket h1 {
	font-size: 36px; margin: 0px; line-height: 30px;
	padding: 3px 0px;}
	
table.anisong_ticket td ul{
	margin: 0px 0px 0px 15px;
	padding: 0px;}
	
table.anisong_ticket td h2 {
	line-height: 1em;}
td.bgbl {
	background-color: #222;
	color: #fff; font-size: 12px; line-height: 18px;}
td.bgr {
	background-color: #dd0000;
	color: #fff; font-size: 12px; line-height: 18px;}
td.bgp {
	background-color: #DE007E;
	color: #fff; font-size: 12px; line-height: 18px;}
td.bgg {
	background-color: #009933;
	color: #fff; font-size: 12px; line-height: 18px;}
td.bgy {
	background-color: #ffcc00;
	color: #000; font-size: 12px; line-height: 18px;}
td.bgb {
	background-color: #229AF3;
	color: #fff; font-size: 12px; line-height: 18px;}
	
td.bgdb {
	background: #003366 url(img/bg_sec.png) repeat;
	text-align:center;
	vertical-align:middle  !important;}
td.bgdg {
	background:  #006600 url(img/bg_sec.png) repeat !important;
	text-align:center;
	vertical-align:middle  !important;}
td.bgdp {
	background: #990066 url(img/bg_sec.png) repeat !important;
	text-align:center;
	vertical-align:middle  !important;}
	
td.dbl {
	border: 5px solid #222;
	color: #000; }
td.dr {
	border: 5px solid #dd0000;
	color: #000; }
td.dp {
	border: 5px solid #DE007E;
	color: #000; }
td.dg {
	border: 5px solid #009933;
	color: #000; }
td.dy {
	border: 5px solid #ffcc00;
	color: #000; }
td.db {
	border: 5px solid #229AF3;
	color: #000; }
	

a.dp {
	display: block;
	height: 100px;
	padding: 10px;
	color: #000000;
	border: 5px solid #DE007E;
	}
a.dy {
	display: block;
	height: 100px;
	padding: 10px;
	color: #000000;
	border: 5px solid #ffcc00;}
a.db {
	display: block;
	height: 100px;
	padding: 10px;
	color: #000000;
	border: 5px solid #229AF3;}
a.dp:hover, a.dy:hover, a.db:hover {
	text-decoration: none; color: #e92a2a;
	border: 5px solid #000000;}
	
	h2.h2grey {
		color: #555;}
td.bgtrans {
	background: url(img/bg_sec.png) repeat;
	text-align:center;
	padding: 10px 0px;}
	
td.bgtrans a {
	display: block;
	padding: 5px;
	text-align:center;
	font-family: 'Fredoka One', Century Gothic, Helvetica, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.2em;
	font-size: 16px;}
		
a.ani_b {	color: #229AF3;}
a.ani_g {	color: #009933;}
a.ani_p {	color: #DE007E;}
a.ani_b:hover, a.ani_g:hover, a.ani_p:hover {	color: #fff;}
	
div.float_r {
	float: right;}
	
a.ticketday {
	color: #333;
	font-size: 14px;
	line-height: 18px;}
	
body#results .section {
	border-bottom: 1px solid #555;}
	
body#bg_ar {
	background: #fff url(img/bg_royale.jpg) no-repeat fixed center 110px !important;}
	
body#bg_ar .hold_960, body#bg_mmk .hold_960 {
		width: 960px; padding: 0px;
		margin: 0px auto;
		height: auto;
		min-height: inherit;}
		
body#bg_mmk {
	background: #210303 url(img/mmk_bg.jpg) repeat-y center center !important;}
	
body#bg_mmk	#sec_holder {
	background-image: none !important;
	border: 0px !important;}
	
	
	

#footer_holder {
	width: 100%;
	height: 200px;
	border-top: 1px solid #eee;
	background-color: #fff;
	position:absolute;
	z-index: 197;}
	
#footer {
	background: #fff url(img/bg_footer.jpg) repeat-x left top;
	font-size: 9px;
	line-height: 9px;
	vertical-align:top;
	font-weight: bold;
	padding: 15px 0px 0px 30px;
	color: #777;
	color: #555;
	text-transform:uppercase;
	height: 85px;
	width: 930px; margin: 0px auto;}
	
	
#footer table {margin: 0px auto 15px auto;}
#footer td.footer_div {
	width: 15px;}
	#footer table td {text-align:center;}
#footer img {padding: 10px 8px 0px 8px;}
