@charset "shift_jis";
/* CSS Document */

/*==========QUERY==========
@media screen and (max-width:1200px) {
	QUERY
}
==========QUERY==========*/

/*----------pageArea----------*/
#pageArea{ background:#eeeeee; padding:30px 0 70px;}
#pageArea.about{ background:url(../images/bg_about.jpg) top center no-repeat #eeeeee; padding-top:130px;}
#pageArea.ticket{ background:url(../images/bg_ticket.jpg) top center no-repeat #eeeeee; padding-top:130px;}
#pageArea.news{ background:url(../images/bg_news.jpg) top center no-repeat #eeeeee; padding-top:130px;}
#pageArea.venue{ background:url(../images/bg_venue.jpg) top center no-repeat #eeeeee; padding-top:130px;}
#pageArea.faq{ background:url(../images/bg_faq.jpg) top center no-repeat #eeeeee; padding-top:130px;}
#pageArea.press{ background:url(../images/bg_press.jpg) top center no-repeat #eeeeee; padding-top:130px;}

#pageBox{ width:1190px; margin:0 auto; text-align:left; background:url(../images/page_bg.gif) left top repeat-y;}
#editBox{ width:950px; float:right; background:#ffffff;}
#editBox .editArea{ padding:20px 30px;}
#sideBox{ width:230px; float:left;}
#sideBox .sideNav{ background:#ffffff; margin-bottom:10px;}
#sideBox .sideNav ul li{ background:url(../images/bg_sidenav.gif) left bottom repeat-x; padding-bottom:2px;}
#sideBox .sideNav ul li:last-child{ background:none; padding:0;}
#sideBox .sideNav ul li a{ display:block; text-decoration:none; padding:12px 20px 10px;}
#sideBox .sideNav ul li a:hover,#sideBox .sideNav ul li a.current{ color:#55a50f;}
#sideBox .fb-like-box{ background:#ffffff; margin-bottom:10px; height:470px;}

@media screen and (max-width:1250px) {
	#pageArea.about{ background:url(../images/bg_about_s.jpg) top center no-repeat #eeeeee;}
	#pageArea.ticket{ background:url(../images/bg_ticket_s.jpg) top center no-repeat #eeeeee;}
	#pageArea.news{ background:url(../images/bg_news_s.jpg) top center no-repeat #eeeeee;}
	#pageArea.venue{ background:url(../images/bg_venue_s.jpg) top center no-repeat #eeeeee;}
	#pageArea.faq{ background:url(../images/bg_faq_s.jpg) top center no-repeat #eeeeee;}
	#pageArea.press{ background:url(../images/bg_press_s.jpg) top center no-repeat #eeeeee;}
	#pageBox{ width:950px;}
	#editBox{ width:710px;}
}

.editArea .shareBtn{ text-align:right; margin:-10px 0 20px;}
.editArea .shareBtn .twitter-tweet-button{ width:100px !important; vertical-align:top;}
.editArea .shareBtn .fb-like{ margin-right:5px;}
.editArea .shareBtn .mixiBtn{ width:90px !important; height:20px; vertical-align:top;}
.editArea h1{ font-size:170%; font-weight:bold; border-bottom:3px solid #8ec31f; padding-bottom:10px; margin-bottom:30px;}
.editArea h2{ font-size:128%; font-weight:bold; border-left:10px solid #8ec31f; padding-left:10px; margin:0.7em 0;}
.editArea h3{ font-size:114%; font-weight:bold; margin:0.7em 0;}
.editArea h4{ font-weight:bold; margin:0.7em 0 0.4em;}
.editArea h5{ font-weight:bold; margin:0.2em 0;}
.editArea p{ margin:0.7em 0;}
.editArea .catch{ font-size:170%; color:#55a50f; font-weight:bold;}
.editArea .flowYw{ background:#fefcda; padding:10px 15px;}
.editArea ul{ margin:0.7em 0;}
.editArea ul li{ background:url(../images/icon_li.gif) 3px 0.4em no-repeat; padding-left:20px; margin-bottom:3px;}
.editArea ol{ margin:0.7em 0 0.7em 28px; list-style:decimal;}
.editArea ol.alpha{ list-style:lower-alpha;}
.editArea ul li{ margin-bottom:3px;}
.editArea ul ol li{ background:none; padding-left:0;}
.editArea table.tbl ul,.editArea table.tbl ol{ margin:0.2em 0;}
.editArea hr{ border:none; height:1px; background:#a0a0a0; margin:0.5em 0;}

.editArea table.tbl{ width:100%; border-top:1px solid #a0a0a0; border-right:1px solid #a0a0a0; margin:1em 0;}
.editArea table.tbl th,.editArea table.tbl td{ border-bottom:1px solid #a0a0a0; border-left:1px solid #a0a0a0; padding:10px 15px;}
.editArea table.tbl th{ font-weight:bold; background:#e8f3d2;}
.editArea table.newsTbl{ width:100%;}
.editArea table.newsTbl th,.editArea table.newsTbl td{ border-bottom:1px dashed #a0a0a0; vertical-align:top;}
.editArea table.newsTbl th{ font-weight:normal; padding:12px 30px 10px 10px; width:130px;}
.editArea table.newsTbl td{ padding:12px 10px 10px 0;}
.editArea dl.faqList{ margin-bottom:30px;}
.editArea dl.faqList dt{ background:url(../images/bg_q.gif) left repeat-y; margin:0 0 20px;}
.editArea dl.faqList dt span{ display:block; background:url(../images/icon_q.gif) 14px no-repeat; padding:12px 15px 12px 70px; font-weight:bold;}
.editArea dl.faqList dd{ background:url(../images/icon_a.gif) 14px 0 no-repeat; padding-left:70px; margin:0 0 10px;}
.editArea .ywBox{ background:#fffccc; padding:10px 20px; margin:1em 0;}
.editArea a.lkBtn{ display:inline-block; background:url(../images/icon_btn.png) right no-repeat #8ec31f; padding:15px 40px 15px 20px; color:#ffffff; font-weight:bold; text-decoration:none; min-width:170px;}
.editArea a.lkBtn:hover{ background:url(../images/icon_btn.png) right no-repeat #6a9217;}
.editArea .gmap iframe{ width:100%; height:300px;}

.editArea .pager{ margin-top:30px; text-align:center;}
.editArea .pager a,.editArea .pager span{ display:inline-block; margin:0 5px; vertical-align:middle;}
.editArea .pager a.pCntrl{ border:1px solid #626262; padding:8px 12px;}
.editArea .pager a.pFrst{ background:url(../images/pager_first.gif) center no-repeat; text-indent:-9999px; width:14px; overflow:hidden;}
.editArea .pager a.pPrv{ font-weight:bold; margin-right:20px; background:url(../images/pager_prev.gif) left no-repeat; padding-left:30px;}
.editArea .pager a.pNxt{ font-weight:bold; margin-left:20px; background:url(../images/pager_next.gif) right no-repeat; padding-right:30px;}
.editArea .pager a.pLst{ background:url(../images/pager_last.gif) center no-repeat; text-indent:-9999px; width:14px; overflow:hidden;}
.editArea .pager a.pCntrl:hover{ border:1px solid #8ec31f; color:#8ec31f;}
.editArea .pager a.pFrst:hover{ background:url(../images/pager_first_on.gif) center no-repeat;}
.editArea .pager a.pPrv:hover{ background:url(../images/pager_prev_on.gif) left no-repeat;}
.editArea .pager a.pNxt:hover{ background:url(../images/pager_next_on.gif) right no-repeat;}
.editArea .pager a.pLst:hover{ background:url(../images/pager_last_on.gif) center no-repeat;}

.editArea .stmL{ width:48%; float:left;}
.editArea .stmR{ width:48%; float:right;}