/*-----------------------------------------*/
/* 全体設定                                */
/*-----------------------------------------*/
* { margin:0; padding:0; }

html, body { height: 100%; }

body { color: #000; font-size: 100%; line-height: 1.7; font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }

img {
	border: 0;
	vertical-align: bottom;
  height: auto;
}

.txtb {
	font-weight: bold;
}

a { color: #d32727; }
a:hover{ text-decoration: none; }
a img:hover{ opacity: 0.8; }

.clearfix:after{
  content: ".";
  display: block;
  height: 0;
  font-size:0;
  clear: both;
  visibility:hidden;
}
.clearfix{ display: inline-block; }
* html .clearfix{ height: 1px; }
.clearfix{ display: block; }

ul {
	list-style: none;
}

#contents a img:hover {
	opacity: 0.8;
}


/*-----------------------------------------*/
/* 背景    　　　                          */
/*-----------------------------------------*/
body {
	background: url(../images/bg_02.jpg) center top repeat-x;
	position: relative;
}

#wrapper {
}
/*-----------------------------------------*/
/* ヘッダー　　　                          */
/*-----------------------------------------*/
#header { 
	position: relative;
}
#header .contents {
	width: 1000px;
	height: 1079px;
	margin: 0 auto;
	position: relative;
}
#header h1 {
	position: relative;
	width: 470px;
	margin: 0 auto;
}
#header h1 img {
	position: absolute;
	top: 30px;
}
#header p.date {
	position: absolute;
	top: 107px;
	right: 63px;
}
#header p.txt img {
	position: absolute;
	top: 750px;
}

#header #social {
	width: 220px;
	margin: 0 auto;
	padding: 0 0 10px;
	position: absolute;
	top: 10px;
	right: 10px;
}
#header #social div.facebook {
	float: left;
	width: 120px;
}
#header #social div.twitter {
	float: left;
	width: 100px;
}



/*-----------------------------------------*/
/* main　　　　　                      */
/*-----------------------------------------*/
div#mainBg {
	background: url(../images/bg_01.jpg) center top repeat;
}
div#mainLine {
	background: url(../images/bg_03.jpg) center top repeat-x;
	padding: 30px 0 0;
}
div#mainCont {
	background: url(../images/bg_04.jpg) center top repeat-y;
	width: 820px;
	margin: 0 auto;
	padding: 13px 98px 30px;
}
div#mainCont div.contents {
	background: url(../images/bg_05.jpg) left top repeat-y;
	text-align: center;
}
div#mainCont div.contents p.pic01 {
	margin: 15px 0 0;
}
div#mainCont div.contents p.pic04 {
	margin: 30px 0 0;
}
div#mainCont div.contents p.btn01 {
	margin: 50px 0 0;
}
div#mainCont div.contents p.btn01 img.titket{
	margin: 0 0 0 20px;
}
div#mainCont div.contents p.btn02 {
	margin: 50px 0;
}

/* イベント
/*-----------------------------------------*/
div#event {
}
ul#eventInformation{
	width: 700px;
	margin: 10px 65px 0;
	list-style: none;
	opacity: 0.7;
}
ul#eventInformation li{
	height: auto;
	min-height: 32px;
	padding: 13px 0px 7px 0px;
	font-size: 16px;
	line-height: 2em;
	border-bottom: rgb(0,0,0) 1px solid;
	float: left;
}
ul#eventInformation li:last-child{
	border-bottom: none;
}
ul#eventInformation li span{
	width: 140px;
	font-size: 18px;
	text-align: right;
	display: block;
	font-weight: bold;
	float: left;
}
ul#eventInformation li p{
	width: 540px;
	padding: 0px 0px 0px 10px;
	font-size: 16px;
	line-height: 1.9em;
	text-align: left;
	display: block;
	float: left;
}
#map {
	border: 2px solid #CCC;
	height: 250px;
	margin: 0 auto 10px;
	padding: 3px;
	width: 694px;
}
div#mainCont div#event p.btn01 {
	margin: 20px 0 20px;
}


/*-----------------------------------------*/
/* フッター　　　　　                      */
/*-----------------------------------------*/
div#footer {
	background-image: url(../images/bg_03.jpg);
	background-position: left top;
	background-repeat: repeat;
	font-size: 85%;
	text-align: center;
	padding: 15px 0;
	clear: both;
}

/*-----------------------------------------*/
/* ページトップ　　　                      */
/*-----------------------------------------*/
div.pagetop {
	width: 1000px;
	text-align: right;
	margin: 0 auto;
}