@charset "UTF-8";

/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
/*
===== NOTES ========
	
	last-updated: 2011.12.20
	
	+1: Base Set
	
====================
*/

/* ===============================================
	+1: Base Set 
=============================================== */
/* html
=============================================== */

html {
	overflow-y: scroll;
}

/* body
=============================================== */

body {
	color: #4B4B4B;
	font-size: 14px;
	font-family: "Hiragino Maru Gothic Pro", "繝偵Λ繧ｮ繝惹ｸｸ繧ｴ Pro W4", sans-serif;
	padding: 0;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #000;
	background-repeat: repeat;
	background-image: url("../img/bg.png");
	background-attachment:fixed;
}

/* for WinIE6*/
* html body {
	letter-spacing: 1px;
	font-size: 13px;
	font-family: Verdana, "MS P 繧ｴ繧ｷ繝�け", sans-serif;
}

* html td, * html th {
	font-size: 100%;
	line-height: 1.5;
}

/* for WinIE7*/
*:first-child+html body {
	font-size: 75%;
	font-family: '繝｡繧､繝ｪ繧ｪ', Meiryo, sans-serif;
}

/* Elements
=============================================== */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

ul, ol, dl {
	margin-bottom: 10px;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

em {
	font-weight: bold;
	color: #2F1C0E;
}

strong {
	font-weight: bold;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

hr {
	display: none;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
	font-variant: normal;
}

sup, sub {
	font-size: 9px;
}

sup {
	vertical-align: super;
	color: #CC6A20;
}

sub {
	vertical-align: text-bottom;
}

sup em {
	color: #6C615B;
}

input, textarea, select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	vertical-align: middle;
	padding: 5px;
}

a:hover {
	color: #FF6E4B;
	text-decoration: none;
}

#container {
	width: 1071px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}


h1 {
	position:relative;
	margin:0 auto;
	width: 910px;
	height: 1288px;
	text-indent: -9999px;
	background-image: url("../poster.jpg");
	left:-1px;
}


#header_menu {
	position:absolute;
	width:950px;
	height:86px;
	background:url("../img/head_bg.png") repeat-x;
}


#kakejiku_top {
	position:relative;
	width:1071px;
	height:151px;
	margin:0;
	padding:0;
	background:url("../img/kakejiku_top.png") no-repeat;
}

#kakejiku_center {
	position:relative;
	width:1071px;
	margin:0;
	padding:0;
	background:url("../img/kakejiku_center.png") no-repeat;
}

#kakejiku_info {
	position:relative;
	width:1071px;
	margin:0;
	padding:0;
	background:url("../img/kakejiku_roop.png") repeat-y;
}

#kakejiku_bottom {
	position:relative;
	width:1071px;
	height:96px;
	margin:0;
	padding:0;
	background:url("../img/kakejiku_bottom.png") no-repeat;
}

footer {
	clear:both;
	text-align:center;
	color:#ffffff;
	font-size:9px;
	padding:10px 0 20px 0px;
}

#main_contents {
	width:860px;
	margin:0 auto;
	
}

#tweet {
	width:430px;
	background:#10abf2;
	margin:0;
	padding:0;
}

#tweetbox {
	position:relative;
	width:404px;
	margin:0 auto;
	padding:0;
	top:-7px;
}

#fb {
	width:430px;
	height:490px;
	background:#2c5b9d;
	margin:0;
	padding:0;
	float:right;
}

#fbbox {
	position:relative;
	width:404px;
	background:#ffffff;
	margin:0 auto;
	padding:0;
	top:-7px;
}

#ticket {
	margin:0 auto;
	width:647px;
	height:79px;
	text-indent:-9999px;
}

#ticket a {
	display:block;
	width:647px;
	height:79px;
	background:url("../img/btn_ticket.png") no-repeat;
}

#ticket a:hover {
	background-image:url("../img/btn_ticket.png") no-repeat;
	background-position: 0px -79px;
}

#ticket_eventify {
	margin:0 auto;
	width:400px;
	height: 250px;
	padding: 0 15px;
	text-indent:-9999px;
	float: left;
	text-align: left;
}

#ticket_eventify a {
	display:block;
	width:400px;
	height: 125px;
	background:url("../img/btn_ticket_eventify.png") no-repeat;
}

#ticket_eventify a:hover {
	background-image:url("../img/btn_ticket_eventify.png") no-repeat;
	background-position: 0px -125px;
}

#ticket_tank {
	margin:0 auto;
	width:400px;
	height: 250px;
	padding: 0 15px;
	text-indent:-9999px;
	float: left;
	text-align: left;
}

#ticket_tank a {
	display:block;
	width:400px;
	height: 125px;
	background:url("../img/btn_ticket_tank.png") no-repeat;
}

#ticket_tank a:hover {
	background-image:url("../img/btn_ticket_tank.png") no-repeat;
	background-position: 0px -125px;
}

.archive {
	clear:both;
	margin:20px auto 0;
}

.archive td {
	width:270px;
	text-align:center;
}


/* mainmenu
=============================================== */

#btn_main_menu {
	width: 800px;
	height: 58px;
	padding:20px 30px 0;
}

#btn_main_menu ul li a {
	height:58px;
	display: block;
	text-indent: -9999px;
}

ul #btn_menu01 {
	float: left;
	list-style-position: outside;
	list-style-type: none;
}

ul #btn_menu02 {
	float: left;
	list-style-position: outside;
	list-style-type: none;
}

ul #btn_menu03 {
	float: left;
	list-style-position: outside;
	list-style-type: none;
}

ul #btn_menu04 {
	float: left;
	list-style-position: outside;
	list-style-type: none;
}

ul #btn_menu01 a {
	width:325px;
	background-image: url(../img/menu.png);
}

ul #btn_menu01 a:hover {
	background-image: url(../img/menu.png);
	background-position: 0px -58px;
}

ul #btn_menu02 a {
	width:133px;
	background-image: url(../img/menu.png);
	background-position: -325px 0px;
}

ul #btn_menu02 a:hover {
	background-image: url(../img/menu.png);
	background-position: -325px -58px;
}

ul #btn_menu03 a {
	width:250px;
	background-image: url(../img/menu.png);
	background-position: -458px 0px;
}

ul #btn_menu03 a:hover {
	background-image: url(../img/menu.png);
	background-position: -458px -58px;
}

ul #btn_menu04 a {
	width:92px;
	background-image: url(../img/menu.png);
	background-position: -708px 0px;
}

ul #btn_menu04 a:hover {
	background-image: url(../img/menu.png);
	background-position: -708px -58px;
}


/* colorbox
=============================================== */

#colorbox_body {
	background:#fff;
}

#colorbox_contents {
	width:600px;
	margin:20px auto;
	text-align:left;
}

#colorbox_contents2 {
	width:769px;
	margin:20px auto;
	text-align:left;
}

.red {
	color:#ff2020;
}