@charset "UTF-8";




/*==============================================
	 
==============================================*/



html,body#sarufes12 {
	height: 100%;
	margin: 0 auto;
}

html body.sarufes12 {
	font-family:"ヒラギノ明朝 Pro W3","Meiryo UI","メイリオ","Meiryo","ＭＳ Ｐ明朝", "細明朝体",sans-serif !important;
	background: url("/sarufes/sarufes12/images/bg.png") repeat scroll center top #6E0908;
	width: 100%;
	text-align: center;
}
body.sarufes12 div#bgSaru {
	background: url("/sarufes/sarufes12/images/bg_saruhagerockfes.png") repeat scroll center top transparent;
	width: 100%;
	height: 100%;
	min-height:300%;
	max-height:1000%;
}
body.sarufes12 div#wall {
	background: url("/sarufes/sarufes12/images/bg_shadow.png") repeat scroll center center transparent;
    height:100%;
	min-height:750px;
    width: 100%;
}
body > #wall,
body > #bgSaru,{
	height:auto;
}

div#sideNavi {
	visibility: hidden;
	width: 0;
	height: 0;
}

div#sideNavi div#twitter {
	visibility: hidden;
	width: 0;
	height: 0;
}
div#sideNavi div#navi {
	visibility: hidden;
	width: 0;
	height: 0;
}

div.section {
	position: relative;
	width: 100%;
	height: auto;
	overflow: auto;
	z-index:2;
}

/*==============================================
	 about
==============================================*/

body.sarufes12 #bgSaru #acc .section p strong {
	font-size: 1.1em;
}

/*==============================================
	 artists
==============================================*/

body.sarufes12 h3 {
	font-size:1.7em;
	margin:0 0 20px;
}

body.sarufes12 ul {
	margin:0 auto;
	padding:0 0 20px;
	letter-spacing:0.05em;
}
body.sarufes12 ul li {
	margin-bottom:0.55em;
	font-size:1.1em;
	font-weight:bold;
	line-height:1em;
}
body.sarufes12 ul li strong {
	font-size:1.1em;
	color:#222;
}
body.sarufes12 ul li small span {
	font-size:0.8em;
}
body.sarufes12 ul li strong a {

}
body.sarufes12 ul li strong a:link {color: #008601; font-weight:bold;}
body.sarufes12 ul li strong a:visited {color: #008601;}
body.sarufes12 ul li strong a:hover {color: #FF6600; text-decoration:underline;}
body.sarufes12 ul li strong a:active {color: #33CC33;}

body.sarufes12 ul li strong a.outsite:link {color: #ab4400; font-weight:bold;}
body.sarufes12 ul li strong a.outsite:visited {color: #ab4400;}

body.sarufes12 #bgSaru #acc .section h3 {
	font-size: 1.2em;
}
body.sarufes12 #bgSaru #acc .section ul {
	margin: 20px 0;
}
body.sarufes12 #bgSaru #acc .section ul li {
	font-size: 1.1em;
	line-height: 1.2;
}
body.sarufes12 #bgSaru #acc .section ul li strong a {
	font-size: 1em;
}

/*==============================================
	 timetable
==============================================*/
body.sarufes12 table#timetable {
	clear: both;
    float: left;
    position: relative;
    table-layout: fixed;
    text-align: center;
    width: 610px;
    z-index: 10;

}
body.sarufes12 table#timetable tr th,
body.sarufes12 table#timetable tr td {
	border: #C4A56F solid 1px;
}
body.sarufes12 table#timetable tr th,
body.sarufes12 table#timetable tr td.minute00,
body.sarufes12 table#timetable tr td.minute05,
body.sarufes12 table#timetable tr td.minute10,
body.sarufes12 table#timetable tr td.minute15,
body.sarufes12 table#timetable tr td.minute20,
body.sarufes12 table#timetable tr td.minute25,
body.sarufes12 table#timetable tr td.minute30,
body.sarufes12 table#timetable tr td.minute35,
body.sarufes12 table#timetable tr td.minute40,
body.sarufes12 table#timetable tr td.minute45,
body.sarufes12 table#timetable tr td.minute50,
body.sarufes12 table#timetable tr td.minute55 {
	width: 40px;
	text-align: center;
	color: #fefefe;
}
body.sarufes12 table#timetable tr th {color: #8b4444; font-weight:bold; font-size: 1.3em;}
table#timetable td.minute00 {background: #fbbbbb;}
table#timetable td.minute05 {background: #ebaaaa;}
table#timetable td.minute10 {background: #db9999;}
table#timetable td.minute15 {background: #cb8888;}
table#timetable td.minute20 {background: #bb7777;}
table#timetable td.minute25 {background: #ab6666;}
table#timetable td.minute30 {background: #9b5555;}
table#timetable td.minute35 {background: #8b4444;}
table#timetable td.minute40 {background: #7b3333;}
table#timetable td.minute45 {background: #6b2222;}
table#timetable td.minute50 {background: #5b1111;}
table#timetable td.minute55 {background: #4b0000;}

body.sarufes12 table#timetable tr td.main,
body.sarufes12 table#timetable tr td.second {
	vertical-align: top;
}
body.sarufes12 table#timetable tr td.main {
	background-color: #bdeff1;
}
body.sarufes12 table#timetable tr td.second {
	background-color: #ffd8c4;
}
body.sarufes12 table#timetable tr td.framenone {
	width: 80px;
	border: none;
}
body.sarufes12 table#timetable tr th.main {
	width: auto;
	border: none;
	color: #fff;
}


body.sarufes12 table#timetable tr th.main p {
	padding:10px 15px;
	margin: 4px;
	border-radius: 6px;/* CSS3 */
	-moz-border-radius: 6px;/* Firefox */
	-webkit-border-radius: 6px;/* Safari,Chrome */
	background-color: #6ecacf;
	font-size: 0.7em;
	color: #fefefe;
}

body.sarufes12 table#timetable tr th.second {
	width: auto;
	border: none;
	color: #fff;
}
body.sarufes12 table#timetable tr th.second p {
	padding:10px 15px;
	margin: 4px;
	border-radius: 6px;/* CSS3 */
	-moz-border-radius: 6px;/* Firefox */
	-webkit-border-radius: 6px;/* Safari,Chrome */
	background-color: #e5784f;
	font-size: 0.7em;
	color: #fefefe;
}
body.sarufes12 table#timetable tr a {
	display: block;
	font-size: 1.1em;
}
body.sarufes12 table#timetable tr a:link {color: #008601; font-weight:bold;}
body.sarufes12 table#timetable tr a:visited {color: #008601;}
body.sarufes12 table#timetable tr a:hover {color: #FF6600; text-decoration:underline;}
body.sarufes12 table#timetable tr a:active {color: #33CC33;}
body.sarufes12 table#timetable tr a.outsite:link {color: #ab4400; font-weight:bold;}
body.sarufes12 table#timetable tr a.outsite:visited {color: #ab4400;}


body.sarufes12 table#timetable tr td p.genre {
	bottom: 0;
	padding: 0 3px;
	text-align: right;
	font-size: 0.9em;
	line-height: 1;
}


/*-------------------------------
 faq
-------------------------------*/

body.sarufes12 dl {
	margin:30px auto;
	padding:0 0 20px;
	text-align:left;
	letter-spacing:0.05em;
}
body.sarufes12 dl dt {
	font-size:1.4em;
	line-height: 1.4;
	font-weight:bold;
	color:#004400;
}
body.sarufes12 dl dd {
	margin-bottom:20px;
	font-size:1.2em;
}

/*-------------------------------
 access  5
-------------------------------*/

body.sarufes12 img {
	margin:30px 0;
}



/*==============================================
	 section１〜９
==============================================*/

div#flyer,
div#about,
div#faq,
div#time,
div#home,
div#artists,
div#links,
div#tickets,
div#access {
	top: auto;
	left: auto;
	height: auto;
}

div#home {
	margin: 0 auto;
	width: 750px;
}

body.sarufes12 div#about p {}
body.sarufes12 div#about p img {
	margin: 0;
}

div.section div.section-body div.paper {
	position:relative;
	margin:0 auto;
	padding: 0;
	background:url(/sarufes/sarufes12/images/bgPaperTop.png) no-repeat left top;
	width:750px;
	z-index:10px;
}


/*==============================================
	 TinyAccordion
==============================================*/
#acc {
	margin: 0 auto;
	width: 760px;}
#acc h2 {cursor:pointer;}
#acc h2:hover {}
#acc .acc-sec {overflow:hidden}
#acc .body {overflow:hidden}
#acc .acc-content {width:610px; padding:0; border:none; background:none; }

/* 紙背景部分 */
#acc div.section h2 {
  height: 63px;
  margin: 0 auto;
  padding: 90px 0 0;
  width: 750px;
  background:url(/sarufes/sarufes12/images/bgPaperTop.png) no-repeat left top;
}
#acc div.section div.body {
	margin: 0 auto;
	padding:0 70px;
	width: 610px;
	background:url(/sarufes/sarufes12/images/bgPaperBody.png) repeat-y left top;
}
#acc div.section div.bottom {
  margin: 0 auto;
  width: 750px;
	height:78px;/* 144px */
	background:url(/sarufes/sarufes12/images/bgPaperBottom.png) no-repeat left bottom;
}

/*-------------------------------
 artists  5
-------------------------------*/

#acc div#artists h3 {
	font-size:1.7em;
	margin:0 0 20px;
}

#acc div#artists ul {
	margin:0 auto;
	padding:0 0 20px;
	letter-spacing:0.05em;
}
#acc div#artists ul li {
	margin-bottom:0.55em;
	font-size:1.1em;
	font-weight:bold;
	line-height:1em;
}
#acc div#artists ul li strong {
	font-size:1.1em;
	color:#222;
}
#acc div#artists ul li small span {
	font-size:0.8em;
}
#acc div#artists ul li strong a {

}
#acc div#artists ul li strong a:link {color: #008601; font-weight:bold;}
#acc div#artists ul li strong a:visited {color: #008601;}
#acc div#artists ul li strong a:hover {color: #FF6600; text-decoration:underline;}
#acc div#artists ul li strong a:active {color: #33CC33;}

#acc div#artists ul li strong a.outsite:link {color: #ab4400; font-weight:bold;}
#acc div#artists ul li strong a.outsite:visited {color: #ab4400;}


/*==============================================
	 profile
==============================================*/

body.profile {
    background: url("/sarufes/sarufes12/images/bg.png") repeat scroll center top #6E0908;
}

body.profile #wrap {
    background: url("/sarufes/sarufes12/images/bg_saruhagerockfes.png") repeat scroll center top transparent;
    height: 100%;
    max-height: 1000%;
    min-height: 300%;
    width: 100%;
}

body.profile #pictPlate .namePlate p {
font-size: 0.5em;
}