@charset "UTF-8";

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
main,article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary {
	display:block;
}
html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
	-webkit-font-smoothing:subpixel-antialiased;
}
img,
object,embed { vertical-align: top; }
:focus { outline: 0; }
input,button,textarea,select { font-size: 100%; }
input[type="checkbox"],input[type="radio"] { vertical-align: middle; }
audio, canvas, video{ display: inline-block; }
audio:not([controls]){ display: none; height: 0; }
[hidden]{ display: none; }
ul,ol { list-style: none; }

/*===================================================================
common

 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 124%    17px = 131%
 18px = 139%    19px = 147%    20px = 154%    21px = 162%
 22px = 170%    23px = 177%    24px = 185%    25px = 193%
 26px = 200%    27px = 208%    28px = 216%    29px = 224%
 30px = 231%
===================================================================*/
body {
	font-size: 85%;
	line-height: 150%;
	color: #444;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック','MS P Gothic', sans-serif;
	background: #F8F7F2;
}
/* ---------- リンク ---------- */
a {
	color: #069;
	text-decoration: none;
}
a:hover {
	color: #666;
}
.pdf a {
	padding: 0 0 0 20px;
	background: url(../img/pdficon_small.png) no-repeat 0 0;
}
.txtc {
	text-align: center !important;
}
.txtr {
	text-align: right !important;
}
.txtl {
	text-align: left !important;
}
.sp_cnt {
	display: none;
}
.import_s {
	color: #c00 !important;
}
/*===================================================================
Contents
===================================================================*/
#wrapper {
	overflow: hidden;
	background: url(../img/header/bg_header.jpg) repeat-x 0 0;
	position:relative;
}
.header,
#contents,
.footer {
	position: relative;
	margin: 0 auto;
}
#contents {
	margin: 10px auto;
}
#cnt_main {
	position: relative;
	float: left;
	margin: 20px auto;
	width: 730px
	overflow: hidden;
}
#cnt_main .inner_main {
	float: left;
	width: 470px;
}
#cnt_main .paylist {
	float: right;
	width: 230px;
	background: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	line-height: 125%;
	font-size: 85%;
}
#col_sub {
	position: relative;
	z-index: 666;
	float: right;
	width: 230px;
	margin: 20px auto;
}

/*===================================================================
cnt_main section
===================================================================*/
#cnt_main .section {
	background: #fff;
	border: solid #ddd;
	border-width: 0 1px 1px;
	margin-bottom: 20px;
	padding: 20px;
}
#cnt_main h1 {
	border: solid #ddd;
	border-width: 1px 1px 0;
	background: url(../img/bg_h1.jpg) repeat-x 0 0;
}
#cnt_main h1 span {
	display: block;
	font-size: 131%;
	padding: 20px 10px 15px 30px;
	background: url(../img/bg_ttl_rainbow.gif) no-repeat 7px 5px;
}
#cnt_main .section h2 {
	font-size: 124%;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f3f3f3 55%, #f3f3f3 55%, #ededed 56%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(55%,#f3f3f3), color-stop(55%,#f3f3f3), color-stop(56%,#ededed), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f3f3f3 55%,#f3f3f3 55%,#ededed 56%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f3f3f3 55%,#f3f3f3 55%,#ededed 56%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f3f3f3 55%,#f3f3f3 55%,#ededed 56%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#f3f3f3 55%,#f3f3f3 55%,#ededed 56%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );
	border: 1px solid #ccc;
}
#cnt_main .section h2 span {
	display: block;
	padding: 15px 10px 10px 20px;
	background: url(../img/bg_h.jpg) no-repeat 1px 1px;
}
#cnt_main .section h2 span span {
	font-size: 85%;
	color: #999;
	display: inline;
	padding: 0;
	background: none;
}
/* table
-----------------------------------------------------*/
table {
	margin: 20px auto;
	border: 1px #ccc solid;
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	padding: 5px 10px;
	border: #ccc solid;
	border-width: 0 0 1px 1px;
	font-weight: bold;
	line-height: 120%;
	text-align: center;
}
td {
	padding: 5px 10px;
	border: 1px #ccc solid;
	border-width: 0 0 1px 1px;
}
.scroll-table,
.mini-table {
    position: relative;
    margin: -10px 0 30px;
}
.minitable {
    position: relative;
    width: 450px;
    margin: 5px;
}
.scroll-table .scroll-table-inner {
    height: 250px;
    overflow: auto;
}
table.registevent {
    border-top: 2em solid #fff;
}
table.registevent thead tr {
    position: absolute;
    top: 0;
    left: 0;
}
table.registevent tbody {
    position: relative;
    top: 30px;
}
.minitable thead th,
table.registevent thead th {
	color: #fff;
	background: #EA6BA2;
    width: 80px;
    height: 2.65em;
}
table.registevent thead th.name {
    width: 450px;
}
table.minitable thead th.name {
    width: 250px;
}
.minitable tbody th,
table.registevent tbody th {
	width: 80px;
	background: #FCE9F1;
}
.minitable tbody td.number,
table.registevent tbody td.number {
	width: 80px;
	text-align: center;
	background: #FEF5F9;
}
.minitable tbody td span,
table.registevent tbody td span {
	background: #c00;
	color: #fff;
}
/*===================================================================
Header
===================================================================*/
#header {
	height: 230px;
}
#header .header {
}
#header .header h1 {
	padding: 3px 0 0 30px;
}
/* share ---------------------------- */
/* time ---------------------------- */
#header .header .time {
	top: 3px;
	right: 0;
	display: block;
	width: 170px;
	height: 110px;
	background: url(../img/header/bg_date.gif) no-repeat 0 0;
	text-align: center;
}
#header .header .time #countdown {
	position: relative;
	top: 52px;
}
#header .header .time #countdown .countdown_num {
	font-size: 162%;
	font-weight: bold;
}
#header .header .time #today {
	position: relative;
	top: 48px;
	font-size: 77%;
}
#header .header #gnav ul li span.gnav a,
#header .header .subnavi ul li a {
	background : no-repeat 0 0;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	background-color:#FFFFFF;
	width:100%;
	height:66px;
}
#header .header #gnav ul > li > span,
#header .header #gnav ul > li > span > a {
	position: relative;
	z-index: 2000;
}
/* for smartphone menu ---------------------------- */
#spmenu {
	position: absolute;
	top: 5px;
	right: 5px;
	display: none;
}
#backmenuarea {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	z-ndex: 10;
}
#backmenu {
	overflow: auto;
	width: 100%;
}
.spmenu {
	border-bottom: 3px double #cccccc;
	padding: 0;
	margin-bottom: 10px;
}
.spmenu:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
.spmenu > li {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;
	background-repeat: no-repeat;
	background-position: 80px 8px;
}
.spmenu > li > span > a,
.spmenu > li > a {
	margin-left: 80px;
	padding: 5px;
	display: block;
}
.spmenu > li:last-child {
	border-bottom: none;
}
.spmenu > li > ul{
	width:auto;
}
.spmenu > li > ul > li {
	padding-left: 80px;
	border-bottom: 1px dotted #999999;
}
.spmenu > li > ul > li a,
.spmenu > li > ul > li div {
	display: block;
	line-height: 45px;
}
.spmenu > li > ul > li:last-child {
	border-bottom: none;
}

/* gnav ---------------------------- */
#header .header .time,
#header .header #gnav,
#header .header .subnavi,
#header .header .subnavi ul.search,
#header .header .aside,
#header .header .aside ul li,
#header .header .aside .area_font {
	position: absolute;
}
#header .header #gnav {
	top: 156px;
}
#header .header #gnav ul li {
	float: left;
}
#header .header #gnav ul li ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
	padding: 1px 0 1px 1px;
	border: 1px solid #ED8AB6;
	background: #fff;
}
#header .header #gnav ul li.event ul { border: 1px solid #ED8AB6; }
#header .header #gnav ul li.station ul { border: 1px solid #89AD35; }
#header .header #gnav ul li.machinaka ul { border: 1px solid #7EB6E5; }
#header .header #gnav ul li ul li {
	width: 6.25%;
	display: block;
}

#header .header #gnav ul li ul li div,
#header .header #gnav ul li ul li a {
	display: block;
	margin: 0 1px 0 0;
	padding: 10px 0;
	color: #fff;
	font-weight: bold;
	line-height: 125%;
	text-align: center;
}
#header .header #gnav ul li.event ul li a {
	background: #ed8ab6;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNlZDhhYjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNlYTZiYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ed8ab6 58%, #ea6ba2 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ed8ab6), color-stop(61%,#ea6ba2));
	background: -webkit-linear-gradient(top, #ed8ab6 58%,#ea6ba2 61%);
	background: -o-linear-gradient(top, #ed8ab6 58%,#ea6ba2 61%);
	background: -ms-linear-gradient(top, #ed8ab6 58%,#ea6ba2 61%);
	background: linear-gradient(to bottom, #ed8ab6 58%,#ea6ba2 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed8ab6', endColorstr='#ea6ba2',GradientType=0 );
}
#header .header #gnav ul li.station ul li a {
	background: #a9c43c;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNhOWM0M2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM4OWFkMzUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #a9c43c 58%, #89ad35 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#a9c43c), color-stop(61%,#89ad35));
	background: -webkit-linear-gradient(top, #a9c43c 58%,#89ad35 61%);
	background: -o-linear-gradient(top, #a9c43c 58%,#89ad35 61%);
	background: -ms-linear-gradient(top, #a9c43c 58%,#89ad35 61%);
	background: linear-gradient(to bottom, #a9c43c 58%,#89ad35 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a9c43c', endColorstr='#89ad35',GradientType=0 );
}

#header .header #gnav ul li.machinaka ul li a {
	background: #9ec4e2;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiM5ZWM0ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiM3ZWI2ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #9ec4e2 58%, #7eb6e5 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#9ec4e2), color-stop(61%,#7eb6e5));
	background: -webkit-linear-gradient(top, #9ec4e2 58%,#7eb6e5 61%);
	background: -o-linear-gradient(top, #9ec4e2 58%,#7eb6e5 61%);
	background: -ms-linear-gradient(top, #9ec4e2 58%,#7eb6e5 61%);
	background: linear-gradient(to bottom, #9ec4e2 58%,#7eb6e5 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ec4e2', endColorstr='#7eb6e5',GradientType=0 );
}
#header .header #gnav ul li ul li div,
#header .header #gnav ul li ul li.current a,
#header .header #gnav ul li ul li a:hover {
	color: #ED8AB6;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI1OCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSI2MSUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 58%, #f6f6f6 61%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(58%,#ffffff), color-stop(61%,#f6f6f6));
	background: -webkit-linear-gradient(top, #ffffff 58%,#f6f6f6 61%);
	background: -o-linear-gradient(top, #ffffff 58%,#f6f6f6 61%);
	background: -ms-linear-gradient(top, #ffffff 58%,#f6f6f6 61%);
	background: linear-gradient(to bottom, #ffffff 58%,#f6f6f6 61%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}
#header .header #gnav ul li ul li div {
	color: #ccc;
}
#header .header #gnav ul li.event ul li a:hover { color: #ED8AB6; }
#header .header #gnav ul li.station ul li a:hover { color: #89AD35; }
#header .header #gnav ul li.machinaka ul li a:hover { color: #7EB6E5; }

#header .header #gnav ul li.event span.gnav a { background: url(../img/header/gnav01.png); }
#header .header #gnav ul li.platz span.gnav a { background: url(../img/header/gnav02.png); }
#header .header #gnav ul li.state span.gnav a { background: url(../img/header/gnav03.png); }
#header .header #gnav ul li.station span.gnav a { background: url(../img/header/gnav04.png); }
#header .header #gnav ul li.machinaka span.gnav a { background: url(../img/header/gnav05.png); }
/*
#header .header #gnav ul li.event span.gnav a:hover { background: url(../img/header/gnav_01_on.gif); }
#header .header #gnav ul li.station span.gnav a:hover { background: url(../img/header/gnav_02_on.gif); }
#header .header #gnav ul li.machinaka span.gnav a:hover { background: url(../img/header/gnav_03_on.gif); }
#header .header #gnav ul li.platz span.gnav a:hover { background: url(../img/header/gnav_04_on.gif); }
*/

#gnav_sub_frame {
	border: none;
}

/* subnavi ---------------------------- */
#header .header .subnavi {
	top: 121px;
}
#header .header .subnavi ul {
	overflow: hidden;
}
#header .header .subnavi ul li {
	float: left;
}
#header .header .subnavi ul.search {
	top: 3px;
	left: 533px;
	display: block;
	width: 420px;
	height: 29px;
	padding: 0 0 0 27px;
	background: url(../img/header/bg_search.png) no-repeat 100% 50%;
}
#header .header .subnavi ul li a			{ height: 35px; }
#header .header .subnavi ul li.s_info a		{ background: url(../img/header/subnavi_01.png); width: 65px; }
#header .header .subnavi ul li.s_about a	{ background: url(../img/header/subnavi_02.png); width: 53px; }
#header .header .subnavi ul li.s_access a	{ background: url(../img/header/subnavi_03.png); width: 104px; }
#header .header .subnavi ul li.s_faq a		{ background: url(../img/header/subnavi_04.png); width: 100px; }
#header .header .subnavi ul li.s_gallery a	{ background: url(../img/header/subnavi_05.png); width: 147px; }

#header .header .subnavi ul li a			{ height: 29px; }
#header .header .subnavi ul li a:hover			{ height: 29px; }
#header .header .subnavi ul li.s_cal a		{ background: url(../img/header/btn_search_01.png); width: 129px; }
#header .header .subnavi ul li.s_artist a	{ background: url(../img/header/btn_search_02.png); width: 136px; }
#header .header .subnavi ul li.s_genre a	{ background: url(../img/header/btn_search_03.png); width: 88px; }
#header .header .subnavi ul li.s_place a	{ background: url(../img/header/btn_search_04.png); width: 67px; }
/* aside ---------------------------- */
#header .header .aside {
	top: 12px;
	left: 255px;
}
#header .header .aside ul li.home {
	top: 5px;
	left: 0;
}
#header .header .aside ul li.en {
	top: 7px;
	left: 270px;

}
/* area_font ---------------------------- */
#header .header .aside dl#area_font {
	position: absolute;
	top: 0px;
	left: 341px;
	line-height: 100%;
	padding: 5px 5px 5px 10px;
	background: #F5F2E9;
	width: 185px;
}
#header .header .aside dl#area_font dt {
	float: left;
	margin: 6px 8px 0 0;
}
#header .header .aside dl#area_font dd {
	float: left;
	margin: 0 0 0 2px;
}
/* SNS ---------------------------- */
#header .header .aside #snsbtn {
	position: absolute;
	top: 5px;
	left: 52px;
	width: 230px;
	overflow: hidden;
}
#header .header .aside #snsbtn #fb-root {
	float: left;
	margin: 0 5px 0 0;
}
#header .header .aside #snsbtn #bt_twitter {
	float: right;
	margin: -20px;
}

#header .header .subnavi a:hover,
#header .header .aside a:hover {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}
/*------------------------------------------------------------
 facebook likebox
------------------------------------------------------------*/
#cnt_main .inner_main .fb-like-box {
	padding: 4px 0 0 4px
}
/*===================================================================
Event
===================================================================*/
.sec_event {
	position: relative;
	margin: 0 0 30px;
	padding: 10px 15px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.event_img {
	float: left;
	margin: 5px 10px 5px 5px;
}
/* Event Header
------------------------------------------------------------------*/
.sec_event .event_heade {
	margin: 0 0 0 95px;
	min-height: 90px;
}
.sec_event .event_heade h1 {
	margin: 10px 0;
	font-size: 147%;
	font-weight: bold;
	border: none !important;
	background: none !important;
}
.genre span {
	padding: 0 5px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.genre .classic { background: #D046BC; }
.genre .folk	{ background: #5900B2; }
.genre .early	{ background: #8A8A7B; }
.genre .jazz	{ background: #008C69; }
.genre .japan	{ background: #0080FF; }
.genre .musical	{ background: #B28500; }
.genre .other	{ background: #2DB200; }
.genre .icn_child{
	color: #666;
	margin: 0 0 0 10px;
	background: #eee;
	border: 1px solid #fff;
}
.opentime {
	display: block;
	padding: 5px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-weight: bold;
	font-size: 108%;
	color: #000;
}
/* Event Contents
------------------------------------------------------------------*/
.sec_event p {
	padding: 10px 0;
}
.sec_event p.pdf {
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}
.sec_event .notes {
	padding: 5px 0;
}
.notes span {
	padding: 0 5px;
	color: #fff;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	line-height: 200%;
}
.notes .icn_pay {
	color: #c00;
	border: 2px solid #c00;
	background: #fff;
}
.notes .icn_free {
	color: #00A3D9;
	border: 2px solid #00A3D9;
	background: #fff;
}
.notes .icn_direct	{
	background: #006DD9;
	border: 2px solid #006DD9;
}
.notes .icn_need {
	background: #B200B2;
	border: 2px solid #B200B2;
}
.notes .icn_parking	{
	color: #4DA6FF;
	background: #E1F0FF;
	border: 2px solid #4DA6FF;
}
.notes .txt	{
	color: #c00;
}
.inner_artist {
	margin: 10px 0;
	display: block;
}
ul.artist_list li {
	font-size: 85% !important;
}
ul.artist_list li img {
	height: 104px;
}
.sec_event dl {
	float: left;
	width: 230px;
	overflow: hidden;
}
.inner_artist dt span {
	font-size: 85%;
	border: 1px #B28500 solid;
	background: #FFE599;
	padding: 0 2px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.sec_event dd {
	padding: 5px 0;
}
.sec_event ul {
	width: 400px;
	float: right;
	text-align: right;
}
.sec_event ul li {
	float: left;
	margin: 0 0 5px 5px;
	text-align: center;
}
/* Event Number / Date
------------------------------------------------------------------*/
.sec_event .date {
	position: absolute;
	top: -10px;
	left: -10px;
	padding: 1px;
	width: 7em;
	background: #fff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-weight: bold;
	text-align: center;
}
.sec_event .date .number {
	padding: 8px 0;
	color: #fff;
	font-size: 136%;
	border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
}
.sec_event .date .number span {
	display: block;
	font-size: 9px !important;
}
.sec_event .date .day {
	padding: 8px 0;
	border-top: 1px solid #fff;
	color: #fff;
	font-size: 108%;
	border-radius: 0 0 7px 7px;
	-webkit-border-radius: 0 0 7px 7px;
	-moz-border-radius: 0 0 7px 7px;
}
.sec_event .date .day span {
	font-size: 85%;
}
/* archive
------------------------------------------------------------------*/
.archive h1,
.archive .sec_event {
	margin-top: 10px;
	margin-right: 50px;
}
.archive .sec_event a {
	display: inline;
}
.archive .sec_event {
	padding: 10px 15px 0;
}
.archive .sec_event p {
	padding: 0 15px 10px;
}
.archive .sec_event dl {
	float: left;
	width: auto;
	margin: 10px 20px;
	overflow: hidden;
}
.archive .sec_event dt {
	float: left;
	width: 5em;
}
.archive .sec_event dt span {
	font-size: 100%;
	border: 1px #B28500 solid;
	background: #FFE599;
	padding: 0 5px;
	margin: 0 5px 0 0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.archive .sec_event dd {
	padding: 0 0 10px 6em;
	margin: 0 0 10px;
	border-bottom: 1px solid #ccc;
}
.sec_event h2 {
	margin-bottom: 20px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.archive .section {
	margin-bottom: 50px !important;
	padding: 0 !important;
	border: none !important;
}
/* Artist
-----------------------------------------------*/
.archive .sec_artist {
	margin: 5px 0;
	padding: 5px 0;
	border-bottom: 1px dotted #ccc;
}
.archive .sec_artist div {
	float: left;
	width: 230px;
	text-align: center
}
.archive .sec_artist dl {
	float: right;
	width: 370px;
}
.archive .sec_artist dl.nophoto {
	float: none;
	width: 90%;
}
.archive .sec_artist dt {
	float: none;
	width: auto;
	font-weight: bold;
	margin: 0 0 5px;
	font-size: 116%;
}
.archive .sec_artist dd {
	padding: 0 0 0;
	border: none;
}
.archive .sec_artist dd p {
	padding: 0 0 5px !important;
	border: none !important;
}
.artistname span {
	white-space: nowrap;
	margin: 0 10px;
	font-weight: bold;
	font-size: 116%;
}
/* Access
-----------------------------------------------*/
#event_access h3 {
	padding: 5px 0;
	font-size: 116%;
	text-align: left !important;
}
#event_access h3 a {
	display: inline;
}
#event_access dt {
	float: none !important;
	width: auto !important;
	display: block !important;
}
#event_access dd {
	padding: 5px 0;
	border: none;
}
#event_access dd p {
	margin: 0 0 5px;
	border: none;
}
.googlemap iframe {
	width: 640px !important;
}
/*===================================================================
breadcrumbs
===================================================================*/
#breadcrumbs ol {
	overflow: hidden;
}
#breadcrumbs li {
	float: left;
	margin: 0 10px 0 0;
}
#breadcrumbs li a {
	padding: 0 10px 0 0;
}
/*===================================================================
pagelink
===================================================================*/
#innerlink {
	position: absolute;
	top: 10px;
	left: 695px;
}


/*===================================================================
col_sub
===================================================================*/
#col_sub ul li {
	margin-bottom: 10px;
}
#col_sub ul li {
	margin-bottom: 5px;
}
#col_sub ul.sponsor {
	margin-bottom: 10px;
}
#col_sub ul.sponsor li {
	margin-bottom: -1px;
}

/*===================================================================
pageTop
===================================================================*/

#cnt_main .section #pagenav.stuck  {
	position: fixed;
	top: 40px;
	width: 800px;
	text-align: center;
	display: block;
	z-index: 99999;
}
#pageTop {
	position: fixed;
	bottom: 80px;
	right: 20px;
	font-size: 77%;
}
#pageTop a {
	display: block;
	width: 60px;
	height: 60px;
	font-size: 85%;
	line-height: 60px;
	text-align: center;
	color: #fff;
	background: #F08CB0;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
}
#pageTop a:hover {
	background: #ccc;
}
/*===================================================================
Footer
===================================================================*/
#footer {
	padding: 200px 0 20px;
	background: #F8F7F2 url(../img/bg_footer.jpg) repeat-x 50% 100%;
}
#footer .footer {
	text-align: center;
	margin: 0 auto;
	position: relative;
}
#footer .pagetop {
	padding: 0 0 10px;
}
#footer .pagetop a {
	color: #333;
	font-weight: bold;
	padding: 20px 0 0;
	background: url(../img/btn_pagetop.png) no-repeat 50% 0;
}
#copyright {
	font-size: 0.9em;
	background: #fff;
	padding: 5px 10px;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

/*===================================================================
clearfix
===================================================================*/
#contents:after,
.sec_event:after,
.clearfix:after,
.section:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#contents,
.sec_event,
.clearfix,
.section {
	min-height: 1px;
}
* html #contents,
* html .sec_event,
* html .clearfix,
* html .section {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

@charset "utf-8";

body.event #contents {
	margin-top: 30px;
}
body.event #header .header #gnav ul li.event span.gnav a {
	background: url(../img/header/gnav01_on.png) no-repeat 0 0 !important;
}
body.event #header .header #gnav ul li.event ul {
	display: block !important;
	position: absolute !important;
	top: 65px !important;
}


/*==================================================
event
==================================================*/
.sec_event {
	background: #fff url(../img/bg_event.jpg) repeat-x 0 0;
	border: 3px solid #ED8AB6;
}
/* Event Header
------------------------------------------------------------------*/
.sec_event .event_heade h1 {
	color: #E03E7F !important;
}
.sec_event .event_heade h1 a {
	color: #E03E7F !important;
}

/* Event Number / Date
------------------------------------------------------------------*/
.sec_event .date {
	border: 3px solid #FF8000;
}
.sec_event .date .number {
	border-bottom: 1px solid #D96D00;
	background: #FF8000;
}
.sec_event .date .day {
	background: #D96D00;
}
.ohter_co .date {
	border: 3px solid #87B2DF;
}
.ohter_co .date .number {
	border-bottom: 1px solid #498CCF;
	background: #87B2DF;
}
.ohter_co .date .day {
	background: #498CCF;
}





/* Ticket
-----------------------------------------------*/
.sales_ticket {
	margin: 0 auto;
	text-align: center;
}
.sales_ticket h2 {
	display: none;
}
.sales_ticket p.cution {
	border: 3px dotted #c00;
	margin: 15px auto;
	padding: 10px;
	text-align: center;
	color: #c00;
	font-weight: bold;
}
ul.tabnavi {
	width: 648px;
	margin-bottom: 30px;
	margin-bottom: 15px;
	overflow: hidden;
}
ul.tabnavi li {
	float: left;
	margin: 0 2px;
}
.archive .sales_ticket .eventprice span {
	font-size: 116%;
	font-weight: bold;
}
.archive .sales_ticket .eventprice p.other {
	color: #c00;
	font-weight: bold;
}
.archive .sales_ticket .eventprice table th {
	text-align: left;
	background: #f9f9f9;
}
.archive .sales_ticket .eventprice table td {
	text-align: left;
}

/* sales -------------------------*/
.sales {
	padding: 0 15px 20px;
}
.sales h3 {
	padding: 20px 0 0;
	font-size: 116%;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
.sales ol,
.sales p ,
.sales dl {
	padding: 10px 15px 0;
}
.sales ol {
	font-weight: bold;
}

.registration p {
	border: none;
}
.registration p.import_regsit span {
	font-weight: bold;
	font-size: 128%;
	color: #c00;
}
.registration p.import {
	font-weight: bold;
	font-size: 128%;
}
.registration dl {
	float: none !important;
}
.registration dl dt {
	float: none !important;
	width: 100% !important;
	color: #c00;
	font-weight: bold;
}
.registration dl dt strong {
	font-size: 126% !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
	border: none !important;
}
.registration dl dd {
	padding: 5px !important;
	border: 2px solid #ccc;
	text-align: left;
}
.registration dl dd ul {
	float: none !important;
	display: block !important;
	width: auto !important;
	margin: 0 0 0 30px;
}
.registration dl dd ul li {
	float: none !important;
	display: block;
	width: 100% !important;
	text-align: left;
}
.fancybox-overlay {
	position: relative;
	z-index: 9999;
}

.registration h3 {
	font-size: 128%;
	margin: 30px 0 10px;
	font-weight: bold;
}
.registration dl.description dt {
	color: #333;
}
.registration dl.description dd {
	text-align: center;
	border: none;
}
.registration p img {
}



@media screen and (min-width:1px) and (max-width:640px){
	.archive h1,
	.archive .sec_event {
		margin-right: 0;
	}
	.sec_event .event_heade {
		margin: 30px 0 0;
	}
	.genre .opentime {
		white-space: normal;
	}

	/* Event Number / Date
	------------------------------------------------------------------*/
	.sec_event .date {
		width: auto;
	}
	.archive .sec_event .date {
		margin: 0 0 0 10px;
	}
	.sec_event .date .number {
		float: left;
		padding: 0 8px;
		border-radius: 7px 0 0 7px;
		-webkit-border-radius: 7px 0 0 7px;
		-moz-border-radius: 7px 7px 0 0 7px;
		border-right: 1px solid #D96D00;
		border-bottom: none;
		line-height: 25px;
	}
	.sec_event .date .number span {
		display: inline;
		margin: 0 5px 0 0;
	}
	.sec_event .date .day {
		float: right;
		font-size: 136%;
		padding: 0 8px;
		border-radius: 0 7px 7px 0;
		-webkit-border-radius: 0 7px 7px 0;
		-moz-border-radius: 0 7px 7px 0;
		border-left: 1px solid #fff;
		border-top: none;
		line-height: 27px;
	}
	.ohter_co .date .number {
		border-right: 1px solid #498CCF;
		border-bottom: none;
	}
	.sec_event dl {
		float: none;
		width: auto;
	}
	.sec_event ul {
		float: none;
		width: auto;
		margin: 10px auto;
		text-align: center;
	}
	.sec_event a {
		display: block;
		text-align: center;
	}
	.sec_event h1 a {
		text-align: left !important;
	}
	.googlemap iframe {
		width: 100% !important;
	}
	.archive .sec_artist div {
		float: none;
		width: auto !important;
		text-align: center
	}
	.archive .sec_artist dl {
		float: none;
		width:auto !important;
	}
	.archive .sec_artist dt {
		float: none;
		width: auto !important;
	}
	.archive .sec_artist dd {
		padding: 0 0 10px;
		border: none;
	}
	#innerlink {
		display: none;
	}

}
@media screen and (min-width:641px){
	body {
		min-width: 980px;
	}
	#header .header p.copy {
		position: absolute;
		top: 45px;
		left: 255px;
	}
	.header,#contents,.footer {
		width: 980px;
	}
	#header .header #gnav ul li span.gnav a {
		width: 196px;
		height: 65px;
	}
	#header .header #gnav ul li ul {
		width: 976px;
	}
	#cnt_main {
		width: 730px;
	}
	#cnt_main .inner_main {
		float: left;
		width: 470px;
	}
	#cnt_main .paylist {
		width: 230px;
	}
	#col_sub {
		width: 230px;
	}
}

@media screen and (min-width:1px) and (max-width:640px){
	.sp_cnt {
		display: block;
	}
	.pc_cnt {
		display: none;
	}
	img {
	    max-width: 100%;
	    height: auto;
	    width /***/:auto;
	}
	#wrapper {
		background: none;
		box-shadow: 10px 0px 10px -4px rgba(0,0,0,0.4);
	}
	.header,
	#contents,
	.footer {
	}
	/*- header --------------------------------*/
	#header {
		height: auto;
	}
	#header .header .time,
	#header .header #gnav,
	#header .header .subnavi,
	#header .header .subnavi ul.search,
	#header .header .aside,
	#header .header .aside ul li,
	#header .header .aside .area_font {
		position: static !important;
	}
	#header .header h1 {
		margin: 10px;
		padding: 0;
		width: 68%;
	}
	#header .header p.copy {
		position: static !important;
		top: 0;
		left: 0;
		margin: 0 auto;
		width: 90%;
	}
	#header .header .aside dl#area_font,
	#header .header .aside ul li.en {
		display: none;
	}
	#header .header .time {
		margin: auto;
		display: block;
		background: url(../img/header/bg.png) no-repeat 0 0;
		background-size: 100%;
		text-align: center;
	}
	#spmenu{
		display:block;
	}
	#spmenu img{
		width:36px;
		height:36px;
	}
	/*- globalnavi --------------------------------*/
	#header .header #gnav,
	#header .header .subnavi,
	#header .header .aside {
		display: none;
	}
	/*- Layout --------------------------------*/
	.promotion {
		margin: auto;
		width: 96%;
	}
	#cnt_main {
		float: none;
		width: 95%;
		overflow: hidden;
	}
	#cnt_main .inner_main {
		width: 100%;
	}
	#breadcrumbs ol {
		margin: 0 20px;
	}
	/* colsub
	----------------------------------------------------------------*/
	#col_sub {
		width: 90% !important;
		float: none;
		margin: 20px auto 0;
		padding: 20px 15px;
		border-top: 2px solid #F08CB0;
	}
	#col_sub ul {
		overflow: hidden;
		text-align: center;
	}
	#col_sub ul li {
		float: left;
		width: 48.0% !important;
		margin: 0 0.7% 10px;
	}
	#col_sub ul.noflot li,
	#col_sub ul.sponsor li.sp01 {
		float: none;
		width: 100% !important;
		display: block !important;
		margin: 0 0 10px !important;
	}
	#col_sub ul.noflot img {
		width: 100%;
	}
	#col_sub ul.sponsor {
		padding: 20px 0;
		border-top: 1px dotted #F08CB0;
		border-bottom: 1px dotted #F08CB0;
	}
	#col_sub ul.noflot li.nosp {
		display: none !important;
	}
	.event_img {
		float: none;
		margin: auto !important;
		width: 100% !important;
	}
	/* footer
	----------------------------------------------------------------*/
	#footer {
		margin-top: -90px;
	}
	#copyright {
		font-size: 0.8em;
		line-height: 100%;
		background: none;
	}
	#tabs{
		font-size:10px;
		line-height:16px;
	}
	.nosp {
		display: none !important;
	}
}