@charset "UTF-8";

html{	height: 100%}
	
body {
	background: #f7f7f7 url('img/bg.jpg')  repeat-y center top;
	margin: 0px auto;
	padding: 0px;
	font: 11px/12px Arial, Helvetica, sans-serif ;
	color: #252122;
	height: 100%;}
body.anisong {
	background: #020202 url('img/bg_anisong1.jpg')  repeat-y center top;}
	
body.mmk {
	background: #EFDAC1 url('img/mmk_bg1.jpg')  repeat center top;}
body.ar {
	background: #000000 url('img/ar_bg.jpg') repeat center top;
	background-attachment: fixed;}
	
h1 {font-size: 33px;
	line-height: 30px;
	margin: 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;}
	
h2 {font-family: Century Gothic, Arial;
	font-size: 16px;
	line-height: 16px;
	margin: 3px 0px 3px 0px;
	color: #e92a2a;}	
h3 {font-family: Century Gothic, Arial;
	font-size: 13px;
	line-height: 14px;
	margin: 3px 0px 3px 0px;
	color: #e92a2a;}
	
blockquote.cooljpn {font-family: Century Gothic, Arial;
	font-size: 16px;
	line-height: 19px;
	margin: 17px;
	padding: 0px;
	color: #333333;}
	
p {line-height: 14px;
	margin: 10px 0px;}

li {margin: 0px 0px 3px 0px;
	line-height: 16px;}
ul {padding-left: 20px;}
	
a {text-decoration: none;
	color: #0099da;
	font-weight: bold;}
a:hover, td.breadcrumbs	a:hover{
	color: #C00;
	text-decoration: underline;}
a img {border: 0px;}

blockquote{
	margin: 0px 40px;
	padding: 30px;}

table#holder {
	margin: 0px auto;
	width: 1010px;
	background-color: #fefafb;
	height: 100%;}

td#sidebar {
	width: 296px;
	height: 100%;
	color: #fff;
	background: #000 url('img/logo.png') no-repeat left top ;
	padding: 258px 0px 20px 0px;
	vertical-align:top;
	text-align:center;}
	
td#content {
	width: 714px;
	text-align: center;
	vertical-align: top;
	padding: 20px 0px 50px 0px;}
	
/* NAVIGATION */
	
div#globalnav {
	width: 238px;
	margin: 0px auto 10px auto;
	padding: 5px 0px;
	border-top: 1px solid #595959;
	border-bottom: 1px solid #595959;}
div#globalnav a{
	display: block;
	width: 238px;
	height: 26px;
	background-position: left top;
	background-repeat: no-repeat;}
	
a#nav_home {background-image: url('img/nav_home.gif');}
a#nav_home:hover, a#nav_home.curr{background-image: url('img/nav_home1.gif');}

a#nav_abt {background-image: url('img/nav_abt.gif');}
a#nav_abt:hover, a#nav_abt.curr{background-image: url('img/nav_abt1.gif');}

a#nav_exp {background-image: url('img/nav_exp.gif');}
a#nav_exp:hover, a#nav_exp.curr{background-image: url('img/nav_exp1.gif');}
	
a#nav_guest {background-image: url('img/nav_guest.gif');}
a#nav_guest:hover, a#nav_guest.curr{background-image: url('img/nav_guest1.gif');}

a#nav_anime {background-image: url('img/nav_anime.gif');}
a#nav_anime:hover, a#nav_anime.curr{background-image: url('img/nav_anime1.gif');}
	
a#nav_tix {background-image: url('img/nav_tix.gif');}
a#nav_tix:hover, a#nav_tix.curr{background-image: url('img/nav_tix1.gif');}

a#nav_event {background-image: url('img/nav_event.gif');}
a#nav_event:hover, a#nav_event.curr{background-image: url('img/nav_event1.gif');}
	
a#nav_visit {background-image: url('img/nav_visit.gif');}
a#nav_visit:hover, a#nav_visit.curr{background-image: url('img/nav_visit1.gif');}
	
a#nav_contact{background-image: url('img/nav_contact.gif');}
a#nav_contact:hover, a#nav_contact.curr{background-image: url('img/nav_contact1.gif');}

a#nav_past{background-image: url('img/nav_past.gif');}
a#nav_past:hover, a#nav_past.curr{background-image: url('img/nav_past1.gif');}
	
td#sidebar img{margin: 0px 0px 5px 0px;}
	
	
/* CONTENT */

table.content_holder {
	width: 691px;
	margin: 0px auto;}

table.content_holder td {
	text-align: left;
	vertical-align: top;}
	
table.content_holder td.2col_txt {
	width: 325px;}

table.content_holder td.3col_txt {
	width: 217px;}
	
div#masthead {
	width: 678px;
	margin: 0px auto;
	padding: 0px;}
div.banner {
	width: 678px;
	height: auto;
	margin: 0px auto;
	padding: 0px;}
	
	
td.div_hor {	border-top: 1px solid #a9a8a8;}
td.div_hor1 {	border-top: 1px dotted #cccccc;}
td.div_vert{	border-left: 1px solid #a9a8a8;}
td.div_vert1{	border-left: 1px dotted #cccccc;}

td.breadcrumbs{
	font-size: 9px;
	color: #888;}
td.breadcrumbs a{
	color: #888;}
	
	
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: #000;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;}
td.ticket_f {
	background-color: #DE007E;
	color: #fff;}
td.ticket_fs {
	background-color: #ffcc00;}
td.ticket_ftos {
	background-color: #229AF3;
	color: #fff;}
td.ticket_cooljp {
	background-color: #eee;}
	
table.anisong_ticket td{
	vertical-align: top;
	line-height: 14px;}
	
table.anisong_ticket td ul{
	margin: 0px 0px 0px 10px;
	padding: 0px;}
td.bgbl {
	background-color: #000;
	color: #fff;}
td.bgp {
	background-color: #DE007E;
	color: #fff;}
td.bgy {
	background-color: #ffcc00;}
td.bgb {
	background-color: #229AF3;
	color: #fff;}
	
td.dbl {
	border: 5px solid #000000;}
td.dp {
	border: 5px solid #DE007E;}
td.dy {
	border: 5px solid #ffcc00;}
td.db {
	border: 5px solid #229AF3;}
	

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;}
	
	
a.ticketday {
	color: #333;
	font-size: 14px;
	line-height: 18px;}

	
div.credit {
	font-size: 9px;}
	
ul.menu { 
	padding: 0; 
	clear: both;
	margin: 0px;
	border-right: 1px solid #a9a8a8;}
ul.menu li { 
	display: inline; 
	text-align:left; 
	padding: 0px; 
	margin: 0px;}
ul.menu li a { 
	width: 201px; 
	padding: 10px ; 
	float:left; 
	border: 0px; 
	margin: 0px; 
	text-decoration: none;
	color: #ccc;
	border-left: 1px dotted #a9a8a8;
	border-right: 1px dotted #a9a8a8;
	border-top: 5px solid #a9a8a8;
	border-bottom: 1px solid #000;}
ul.menu li a img{
	opacity:0.2;
	filter:alpha(opacity=20);}
ul.menu li h1{
	font-size: 36px;
	line-height: 33px;
	margin: 0px;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;}
ul.menu li.active a { 
	color: #000;
	border-top: 5px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #fefafb;}
ul.menu li.active a img{
	 opacity:1;
filter:alpha(opacity=100);}
div.content { 
	width: 714px;
	float: left; 
	clear: both; 
	border: 0px; 
	margin: 0px auto;}
	
div.fbshare {float:right; margin: 0px 0px 0px 15px;}
body.ar div.fbshare {float:right; margin: 550px 10px 0px 15px;}
body.mmk div.fbshare {position: relative; float:right; margin: -610px 10px 0px 0px;}

td.bsr_b { width: 325px; padding: 5px; background-color: #2d8ecf; color: #fff;}
td.bsr_o {width: 325px; padding: 5px; background-color: #d96213; color: #fff;}


	
	
/* FOOTER */
	
td#footer {
	background: #fff url(img/bg_footer.jpg) repeat-x left top;
	font-size: 9px;
	text-align:left;
	vertical-align:top;
	padding: 15px 0px 0px 10px;
	color: #777;
	font-weight: bold;
	color: #555;
	text-transform:uppercase;}
	
td#footer td {
	vertical-align: top;}
td#footer td.footer_div {
	width: 20px;}
	
td#footer img {
	padding: 7px 20px 30px 0px;}
	
	
/* Atelier Royale */
td#contentAR {
	width: 714px;
	text-align: center;
	vertical-align: top;
	padding: 0px;}
td#contentAR table{
	width: 714px;}
	
td#ar1 {
	display: block;
	background: #000 url(img/ar_1.jpg) no-repeat left top;
	height: 580px;}
td#ar2 {
	display: block;
	background: #000 url(img/ar_2.jpg) no-repeat left top;
	height: 500px;}
td#ar2 img{
	height: 64px;
	width: 64px;
	float: right;
	margin: 5px 136px 0px 0px;}
td#ar3 {
	display: block;
	background: #000 url(img/ar_3.jpg) no-repeat left top;
	height: 480px;
	text-align: center;}
td#ar3 img{
	height: 350px;
	margin: 50px 0px 0px 0px;}
td#ar3 a:hover img{
	border-bottom: 5px solid #FC6;}
		
a.anchor {float: left;}
a.bktop img{
	margin: 0px auto 0px auto;
	width: 170px;
	height: 55px;}

td#ar4 {
	height: 55px;
	background: #000 url(img/ar_4.jpg) no-repeat left top;}
td#ar5 {
	vertical-align:top;
	height: 470px;
	background: #000 url(img/ar_5.jpg) no-repeat left top;}
td#ar5 img {
	margin: 390px auto 0px auto;}
td#ar6 {
	height: 70px;
	background: #000 url(img/ar_6.jpg) no-repeat left top;}
td#ar7 {
	height: 55px;
	background: #000 url(img/ar_7.jpg) no-repeat left top;}
td#ar8 {
	height: 70px;
	background: #000 url(img/ar_8.jpg) no-repeat left top;}
td#ar9 {
	height: 55px;
	background: #000 url(img/ar_9.jpg) no-repeat left top;}
td#ar10 {
	height: 55px;
	background: #000 url(img/ar_10.jpg) no-repeat left top;}
	
	
td#ar_takeshi {
	display: block; height: 530px;
	background: #000 url(img/ar_takeshi.jpg) no-repeat left top;}	
td#ar_takeshi img {
	display: block;float: right;
	width: 370px; height: 430px;
	margin: 55px 0px 0px 0px;}
td#ar_takeshi a:hover img {
	background: url(img/ar_takeshi1.jpg) no-repeat left top;}
	
td#ar_twins {
	display: block; height: 530px;
	background: #000 url(img/ar_twins.jpg) no-repeat left top;}	
td#ar_twins img {
	display: block;float: right;
	width: 654px; height: 485px;
	margin: 0px 30px 0px 0px;}
td#ar_twins a:hover img {
	background: url(img/ar_twins1.jpg) no-repeat left top;}
	
td#ar_ren {
	display: block; height: 585px;
	background: #000 url(img/ar_ren.jpg) no-repeat left top;}	
td#ar_ren img {
	display: block;float: left;
	width: 415px; height: 420px;
	margin: 110px 0px 0px 30px;}
td#ar_ren a:hover img {
	background: url(img/ar_ren1.jpg) no-repeat left top;}
	
td#ar_hiroshi {
	display: block; height: 590px;
	background: #000 url(img/ar_hiroshi.jpg) no-repeat left top;}	
td#ar_hiroshi img {
	display: block;float: right;
	width: 357px; height: 500px;
	margin: 90px 0px 0px 0px;}
td#ar_hiroshi a:hover img {
	background: url(img/ar_hiroshi1.jpg) no-repeat left top;}
	
td#ar_shou {
	display: block; height: 555px;
	background: #000 url(img/ar_shou.jpg) no-repeat left top;}	
td#ar_shou img {
	display: block;float: left;
	width: 415px; height: 455px;
	margin: 100px 0px 0px 30px;}
td#ar_shou a:hover img {
	background: url(img/ar_shou1.jpg) no-repeat left top;}
	
td#ar_yutaki {
	display: block; height: 580px;
	background: #000 url(img/ar_yutaki.jpg) no-repeat left top;}	
td#ar_yutaki img {
	display: block;float: right;
	width: 357px; height: 480px;
	margin: 45px 0px 0px 0px;}
td#ar_yutaki a:hover img {
	background: url(img/ar_yutaki1.jpg) no-repeat left top;}
	
td#ar_yuu {
	display: block; height: 490px;
	background: #000 url(img/ar_yuu.jpg) no-repeat left top;}	
td#ar_yuu img {
	display: block;float: left;
	width: 445px; height: 445px;
	margin: 45px 0px 0px 0px;}
td#ar_yuu a:hover img {
	background: url(img/ar_yuu1.jpg) no-repeat left top;}
	
/* MMK */
td#contentMMK {
	width: 714px;
	text-align: center;
	vertical-align: top;
	background: #BB8C53;}
td#contentMMK table{
	width: 678px;
	margin: 0px auto;}	
	
	
table.event td{
	padding: 7px 4px 7px 4px;
	font-size: 10px;}
table.event td b{
	font-size: 11px;
	text-transform: uppercase;}
table.event td b.time {
	display: block;
	font-family: Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 0px 0px 5px 0px;}
table.event a {
	color: #fff;}
td.bgy table.event td a {
	color: #000;}
	td.bgy table.event td.bgbl a {
	color: #fff;}
	
td.cool_time {
	font-weight: bold;
	text-align: center !important;
	padding: 5px 0px 0px 0px;}
	
	
	
div.txt_bgp {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
	background-color: #DE007E;
	color: #fff;}
div.txt_bgy {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
	background-color: #ffcc00;
	color: #000;}
div.txt_bgb {
	display: inline;
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 5px;
	background-color: #229AF3;
	color: #fff;}
	
table.auto_results {
	line-height: 16px;}