@charset "UTF-8";
/* ----------------- Reset all styles ----------------- */
*{
	margin:0;
	padding:0;
	border:0;
}

/* ----------------- Website background and general text colour ----------------- */
body{
	background-color:#000000;
	color:#535353;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:90%;
}

h1{
	background: #1950a9; /* Old browsers */
	margin:0 0 10px 0;
	padding:6px;
	color:#FFF;
	-webkit-box-shadow:inset 0 0 50px rgba(0,0,0, 0.1);
}


	
	h2{
	    padding: 5px;
	    background: #fff;
	    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
	    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
	    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
	    border-left:5px #1950a9 solid;
	    padding-left:10px;
	   	margin:0 0 5px 0;
	}

h3{
	margin:0 0 15px;
	color:#535353;
	font-weight:700;
	font-size:15px;
	line-height:1;
	border-left:3px solid #1950a9;
	border-bottom:1px solid #1950a9;
	background:#FFF;
	padding:4px 0 2px 10px;
}

h4{
margin:0 0 5px;
font-size:13px;
color:#535353;
padding:2px 15px;
border-bottom:1px solid #1950a9;
}

h5{
font-size:12px;
color:#535353;
padding:2px 15px;
margin:0 0 15px;
border-bottom: 1px #ccc solid;
}

h6{
font-size:12px;
color:#535353;
padding:2px 15px;
margin:0 0 15px;
}

p{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:80%;
}



.wrapper{
	margin:0 auto;
	width:60%;
	height:auto;
}

#top{
	height:40px;
}

#logo{
	margin-top:3%;
}

#logo img{
	height:50px;
	float:left;
}

nav{
	float:center;
	width:400px;
	display:block;
	height:40px;
}

nav ul li{
	display:block;
	width:20%;
	float:left;
	text-align:center;	
}

nav ul li a{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:95%;
	text-decoration:none;
	font-weight:400;
	line-height:300%;
	display:block;
	color:#535353;
}



nav ul li p{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:90%;
	text-decoration:none;
	font-weight:400;
	line-height:250%;
	display:block;
	color:#7db9e8;
}

	
#slideshow{
	width:100%;
}


.center{
	margin:0 auto;
	text-align:center;
}

.article{
padding:2% 0;
width:95%;
margin:0 auto;

}

.article img{
 	margin:1%;
	display:block;
	width:80%;
	-webkit-box-shadow: 4px 4px 4px #c3c3c3;
    -moz-box-shadow: 4px 4px 4px #c3c3c3;
    box-shadow: 4px 4px 4px #c3c3c3;
}


.navbar {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:100%;
	font-weight: 500;
	font-size: 14px;
	background-color: #ffffff;
	background:#f8f8f8;
	position:fixed;
	z-index: 50;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #ffffff;
	background-color: #74cfae;
	width:100%;

}

.navbar-default img {
margin:10px 0 0 20px;
}



.google-maps {
position: relative;
padding-bottom: 40%; // これが縦横比
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}



.venuemenu {
    text-align:center;
}
.venuemenu ul {
    display:inline-block;
    list-style:none;
}
.venuemenu li {
    float:left;
}
.venuemenu li + li {
    margin-left:10px;
}

.venuemenu_bg{
	display: block;
	margin: 0 auto;
}

.venuemenu img{
	width:80px;
}

.venue_main img {
	display: block;
	margin: auto;
	width:450px;
}

.venue_wrap {
	padding:10px 0 0 0;
    background-image: url("../images/venue_bg.png");
    background-size:20%;
 }


/* - - - - - - - - - - - - - - -  Btn START  - - - - - - - - - - - - - - - */
.blueBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:24px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #469ef5;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #7db9e8 5%, #207bca 100% );
	background:-ms-linear-gradient( top, #7db9e8 5%, #207bca 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#207bca');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7db9e8), color-stop(100%, #207bca) );
	background-color:#7db9e8;
	color:#ffffff;
	display:inline-block;
	margin:20px 0px;
}

.blueBtn:hover{
	background:-moz-linear-gradient( center top, #207bca 5%, #7db9e8 100% );
	background:-ms-linear-gradient( top, #207bca 5%, #7db9e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#207bca', endColorstr='#7db9e8');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #207bca), color-stop(100%, #7db9e8) );
	background-color:#207bca;
	}

.blueBtn:active{
	position:relative;
	top:1px;
}

.redBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
}

.redBtn:hover {
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
	background-color:#ce0100;
}
.redBtn:active {
	position:relative;
	top:1px;
}

.yellowBtn {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #eda933;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
}

.yellowBtn:hover {
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background-color:#d29105;
}

.yellowBtn:active {
	position:relative;
	top:1px;
}

.greenBtn {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:16px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #74b807;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background-color:#89c403;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528009;
}

.greenBtn:hover {
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) );
	background-color:#77a809;
}

.greenBtn:active {
	position:relative;
	top:1px;
}


.guideBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:24px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #1950a9;
	padding:9px 100px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ff766d  5%, #d52d39 100% );
	background:-ms-linear-gradient( top, #ff766d 5%, #d52d39 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff766d', endColorstr='#d52d39');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff766d), color-stop(100%, #d52d39) );
	background-color:#d52d39;
	color:#ffffff;
	display:inline-block;
	margin:20px 0px;
}

.guideBtn:hover{
	background:-moz-linear-gradient( center top, #ff766d  5%, #d52d39 100% );
	background:-ms-linear-gradient( top, #ff766d 5%, #d52d39 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff766d', endColorstr='#d52d39');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff766d), color-stop(100%, #d52d39) );
	background-color:#d52d39;
	}

.guideBtn:active{
	position:relative;
	top:1px;
}


/* - - - - - - - - - - - - - - -  Slider START  - - - - - - - - - - - - - - - */

.clearfix {
	float: none;
	clear: both;
}
/* - - - - - - - - - - - - - - -  Slider END  - - - - - - - - - - - - - - - */

.left{
	width:48%;
	float:left;
	margin-bottom:2%;
}

.left h3{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#7db9e8;
	margin-bottom:5%;
	text-shadow: 0 1px 1px #dadada;
}

.left p{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;
	line-height:140%;
}

	
.right{
	width:48%;
	float:right;
	margin-bottom:2%;
}

.right h3{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:180%;
	font-weight:normal;
	text-align:center;
	color:#7db9e8;
	margin-bottom:5%;
	text-shadow: 0 1px 1px #dadada;
}

.right p{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;
	line-height:140%;
}


/* ----------------------- WORK LINKS START ------------------------- */

#work{
	width:800px;
	margin:3% auto 3% auto;
}

	.caption-style{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.caption-style li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.caption-style li:hover .caption{
		opacity: 1;
		transform: translateY(-100px);
		-webkit-transform:translateY(-100px);
		-moz-transform:translateY(-100px);
		-ms-transform:translateY(-100px);
		-o-transform:translateY(-100px);

	}
	.caption-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:180px;
		margin:10px;
	}

	.caption-style .caption{
	margin:0 10px 0 10px;
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:130%;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;


	}
	.caption-style .blur{
	
		background-color: rgba(0,0,0,0.7);
		height: 40px;
		width: 180px;
		z-index: 5;
		position: absolute;
	}


	.caption-style .caption-text{
		padding:5px 0;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 180px;
		height: 30px;
		text-align: center;
	}


#image{
	width:800px;
	margin:3% auto 3% auto;
}

	.image-style{
		list-style-type: none;
		margin: 0px;
		padding: 0px;
		
	}

	.image-style li{
		float: left;
		padding: 0px;
		position: relative;
		overflow: hidden;
	}

	.image-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:180px;
		margin:10px;
	}


.image-style img{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.image-style img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}



#event_wrapper{
	width:100%;
	margin:0 auto;
}

.event{
	border-radius:14px;
	width:50%;
	padding:20px;
	margin:0 auto;
	float:left;
}


.event img{
	display:block;
	width:100%;
}

.event img{
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}

.event img:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
}




/* ----------------------- WORK LINKS END ------------------------- */
#footer{
	width:80%;
	margin:0 auto;
}

#footer nav{
	margin:0 auto;
	width:100%;
	display:block;
	height:20px;
	padding:5px 0;
}

#footer nav ul li{
	margin:5px auto;
	display:block;
	float:left;
	text-align:center;
	font-size:10px;
}

#footer nav ul li a{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width:100%;
	text-decoration:none;
	font-weight:400;
	line-height:100%;
	display:block;
	color:#205f7e;
}

#footer nav ul li a:hover{
	color:#205f7e;
}

.go-top {
    position: fixed;
	z-index: 1000;
    bottom: 0em;
    right: 0em;
    color: white;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.3);
    border-radius:10px 10px 0px 0px;
    font-size: 12px;
	font-weight:800;
    padding: 2em 1em;
    display: none;
    text-decoration: none;
}


/* ---------------------- RESPONSIVE STUFF - ONLY TOUCH IF YOUR'E CONFIDENT WITH CSS ---------------------- */
@media only screen and (max-width: 1279px) {
.wrapper{
	width:100%;
}
#work{
	width:800px;
	margin:3% auto 3% auto;
}
#image{
	width:800px;
	margin:3% auto 3% auto;
}
}

@media only screen and (max-width: 1105px) {
#work{
	width:100%;
	margin:3% auto 3% auto;
}
#image{
	width:800px;
	margin:3% auto 3% auto;
}
}

@media only screen and (max-width: 999px) {
#work{
	width:100%;	
	margin:3% auto 3% auto;
}

.wrapper{
	width:100%;
}

#image{
	width:600px;	
	margin:3% auto 3% auto;
}


	.image-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:130px;
		margin:10px;
	}


#event_wrapper{
	width:100%;
	margin:0 auto;
}

.event{
	width:50%;
	padding:10px;
	margin:0 auto;
	float:left;
}


.event img{
	display:block;
	width:100%;

}


	.caption-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:130px;
		margin:10px;
	}

	.caption-style .caption{
	margin:0 10px 0 10px;
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:145%;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;


	}
	.caption-style .blur{
		background-color: rgba(0,0,0,0.7);
		height: 35px;
		width: 130px;
		z-index: 5;
		position: absolute;
	}


	.caption-style .caption-text{
		padding:5px 0;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 130px;
		height: 30px;
		text-align: center;
	}

}

@media only screen and (max-width: 835px) {
	
#work{
	width:100%;
	margin:3% auto 3% auto;
}
#image{
	width:600px;
	margin:3% auto 3% auto;	
}
.image-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:130px;
		margin:10px;
}

#event_wrapper{
	width:100%;
	margin:0 auto;
}

.event{
	width:50%;
	padding:10px;
	margin:0 auto;
	float:left;
}


.event img{
	display:block;
	width:100%;

}

}

@media only screen and (max-width: 860px) {
h1{
	font-size:110%;
	background: #1950a9;
	margin:0 0 10px 0;
	padding:12px 10px;
	color:#FFF;
}
	

h2{
	font-size:110%;
    padding: 5px;
    background: #eee;
    background: -moz-linear-gradient(top,  #fff,  #eee); /* FF */
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));/* Webkit */
    -pie-background:linear-gradient(top,  #fff,  #eee); /* ie */
	border-left:5px #1950a9	 solid;
	padding-left:10px;
	margin:0 0 5px 0;
}

h3{
	margin:5px 0 15px;
	color:#535353;
	font-weight:700;
	font-size:15px;
	line-height:1;
	border-left:3px solid #1950a9;
	border-bottom:1px solid #1950a9;
	background:#FFF;
	padding:4px 0 2px 10px;
}	

.blueBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #469ef5;
	padding:3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #7db9e8 5%, #207bca 100% );
	background:-ms-linear-gradient( top, #7db9e8 5%, #207bca 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db9e8', endColorstr='#207bca');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #7db9e8), color-stop(100%, #207bca) );
	background-color:#7db9e8;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1e5799;
}

.blueBtn:hover{
	background:-moz-linear-gradient( center top, #207bca 5%, #7db9e8 100% );
	background:-ms-linear-gradient( top, #207bca 5%, #7db9e8 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#207bca', endColorstr='#7db9e8');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #207bca), color-stop(100%, #7db9e8) );
	background-color:#207bca;
}

.blueBtn:active{
	position:relative;
	top:1px;
}

.redBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d83526;
	padding:3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	background:-ms-linear-gradient( top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fe1a00), color-stop(100%, #ce0100) );
	background-color:#fe1a00;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #b23e35;
}

.redBtn:hover {
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	background:-ms-linear-gradient( top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ce0100), color-stop(100%, #fe1a00) );
	background-color:#ce0100;
}

.redBtn:active {
	position:relative;
	top:1px;
}

.yellowBtn {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:80%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #eda933;
	padding:3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #f6b33d 5%, #d29105 100% );
	background:-ms-linear-gradient( top, #f6b33d 5%, #d29105 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6b33d', endColorstr='#d29105');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f6b33d), color-stop(100%, #d29105) );
	background-color:#f6b33d;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #cd8a15;
}

.yellowBtn:hover {
	background:-moz-linear-gradient( center top, #d29105 5%, #f6b33d 100% );
	background:-ms-linear-gradient( top, #d29105 5%, #f6b33d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d29105', endColorstr='#f6b33d');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #d29105), color-stop(100%, #f6b33d) );
	background-color:#d29105;
}

.yellowBtn:active {
	position:relative;
	top:1px;
}

.greenBtn {
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:80%;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #74b807;
	padding:3px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #89c403 5%, #77a809 100% );
	background:-ms-linear-gradient( top, #89c403 5%, #77a809 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#89c403', endColorstr='#77a809');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #89c403), color-stop(100%, #77a809) );
	background-color:#89c403;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #528009;
}

.greenBtn:hover {
	background:-moz-linear-gradient( center top, #77a809 5%, #89c403 100% );
	background:-ms-linear-gradient( top, #77a809 5%, #89c403 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77a809', endColorstr='#89c403');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #77a809), color-stop(100%, #89c403) );
	background-color:#77a809;
}

.greenBtn:active {
	position:relative;
	top:1px;
}

.guideBtn{
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:18px;
	font-weight:normal;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #d52d39;
	padding:3px 10px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #ff766d  5%, #d52d39 100% );
	background:-ms-linear-gradient( top, #ff766d 5%, #d52d39 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff766d', endColorstr='#d52d39');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff766d), color-stop(100%, #d52d39) );
	background-color:#d52d39;
	color:#ffffff;
	display:inline-block;
}

.guideBtn:hover{
	background:-moz-linear-gradient( center top, #ff766d  5%, #d52d39 100% );
	background:-ms-linear-gradient( top, #ff766d 5%, #d52d39 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff766d', endColorstr='#d52d39');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #ff766d), color-stop(100%, #d52d39) );
	background-color:#d52d39;
}

.guideBtn:active{
	position:relative;
	top:1px;
}





}

@media only screen and (max-width: 720px) {

#image{
	width:500px;
	margin:1% auto 1% auto;	
}

	.image-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:100px;
		margin:5px;
}
	
#logo{
	margin-top:3%;
	text-align:center;
}

#logo img{
	display:block;
	height:50px;
	float:center;
	margin:0 auto;
}
	
nav{
	width:100%;
}
	
header h1{
	font-size:100%;
	margin-bottom:5%;
}
	
header h2{
	font-size:60%;
}
	
.left{
	width:100%;
}

.right{
	width:100%;
}
	
#work{
	width:460px;
	margin:3% auto 3% auto;	
}



	.caption-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:210px;
		margin:10px;
	}

	.caption-style .caption{
	margin:0 10px 0 10px;
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:120%;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;


	}
	.caption-style .blur{
		background-color: rgba(0,0,0,0.7);
		height: 50px;
		width: 210px;
		z-index: 5;
		position: absolute;
	}


	.caption-style .caption-text{
		padding:5px 0;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 210px;
		height: 50px;
		text-align: center;
	}
#event_wrapper{
	width:100%;
	margin:0 auto;
}

.event{
	width:50%;
	padding:10px;
	margin:0 auto;
	float:left;
}


.event img{
	display:block;
	width:100%;
}

}

@media only screen and (max-width: 510px) {
	
#work{
	width:300px;
	margin:3% auto 3% auto;	
}

#image{
	width:300px;
	margin:1% auto 1% auto;	
}

	.image-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:60px;
		margin:5px;
}


.venuemenu img{
	width:45px;
}

.venue_main img {
	display: block;
	margin: auto;
	width:90%;
}

#event_wrapper{
	width:100%;
	margin:0 auto;
}

.event{
	width:100%;
	padding:10px;
	margin:0 auto;
}


.event img{
	display:block;
	width:100%;

}

.yt iframe{ width:10%; height:10%;}

}

	.caption-style img{
		padding: 0px;
		float: left;
		z-index: 4;
		width:130px;
		margin:10px;
	}

	.caption-style .caption{
	margin:0 10px 0 10px;
		cursor: pointer;
		position: absolute;
		opacity: 0;
		top:145%;
		-webkit-transition:all 0.15s ease-in-out;
		-moz-transition:all 0.15s ease-in-out;
		-o-transition:all 0.15s ease-in-out;
		-ms-transition:all 0.15s ease-in-out;
		transition:all 0.15s ease-in-out;


	}
	.caption-style .blur{
		background-color: rgba(0,0,0,0.7);
		height: 30px;
		width: 130px;
		z-index: 5;
		position: absolute;
	}


	.caption-style .caption-text{
		padding:5px 0;
		z-index: 10;
		color: #fff;
		position: absolute;
		width: 130px;
		height: 30px;
		text-align: center;
	}

.venuemenu img{
	width:45px;
}

.venue_main img {
	display: block;
	margin: auto;
	width:90%;
}
}

/* - - - - - - - - - - - - - - -  Table1 START  - - - - - - - - - - - - - - - */

table th{
	 text-align: center;
}
  
table td{
	text-align: left;
}

table.layout{
	width: 100%;
	border-collapse: collapse;
}

table.display{
	margin: 1em 0;
}

table.display th{ 
	color: #fff;
	background: #2989d8;
	border: 1px solid #7db9e8;
	padding: .5em 1em;
}

table.display td{
	border: 1px solid #7db9e8;
	padding: .5em 1em;
	background: #fff;
}

table.responsive-table{
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 510px){
table th{
	 text-align: left;
}
  
table td{
	text-align: left;
}
table.responsive-table{
	box-shadow: none;  
}

table.responsive-table thead{
	display: none; 
}

table.display th,
table.display td{
	padding: .5em;
}
    
table.responsive-table td:nth-child(1):before{
	content: '';
	font-weight: bold;
	padding:0 .5em;
}

table.responsive-table td:nth-child(2):before{
	content: '';
	font-weight: bold;
	padding:0 .5em;
	}

table.responsive-table td:nth-child(3):before{
	content: '';
	font-weight: bold;
	padding:0 .5em;
}

table.responsive-table td:nth-child(4):before{
    content: '一般発売';
    font-weight: bold;
    padding:0 .5em;
}  

table.responsive-table td:nth-child(5):before{
    content: 'ご購入';
    font-weight: bold;
    padding:0 .5em;
}  
  
table.responsive-table td:nth-child(1),
table.responsive-table td:nth-child(2),
table.responsive-table td:nth-child(3),
table.responsive-table td:nth-child(34),
table.responsive-table td:nth-child(5),{  
	padding-left: 25%;
}

table.responsive-table td:nth-child(1):before,
table.responsive-table td:nth-child(2):before,
table.responsive-table td:nth-child(3):before,
table.responsive-table td:nth-child(4):before,
table.responsive-table td:nth-child(5):before,{
	position: absolute;
    left: .5em;
    font-weight: bold;
}
  
table.responsive-table tr,
table.responsive-table td{
	display: block;
}

table.responsive-table tr{
	position: relative;
	margin-bottom: 1em;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

table.responsive-table td{
	border-top: none;
}

table.responsive-table td.date{
    background: #2989d8;
	border: 1px solid #7db9e8;
    color:#fff;
}

table.responsive-table td.actions{
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
}
}
/* - - - - - - - - - - - - - - -  Table1 END  - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - -  Table2 START  - - - - - - - - - - - - - - - */

table.responsive-table2 th{
	text-align: left;
}
 
table.responsive-table2 td{
	text-align: left;
}

table.layout{
	width: 100%;
	border-collapse: collapse;
}

table.display{
	margin: 1em 0;
}


table.responsive-table2{
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

@media (max-width: 510px){
table th{
	 text-align: left;
}
  
table td{
	text-align: left;
}

table.responsive-table2{
	box-shadow: none;  
}

table.responsive-table2 thead{
    display: none; 
}

table.display th,
table.display td{
    padding: .5em;
}
    
table.responsive-table2 td:nth-child(1):before{
    content: '種類';
    font-weight: bold;
    padding:0 .5em;
}

table.responsive-table2 td:nth-child(2):before{
    content: '決済手数料';
    font-weight: bold;
    padding:0 .5em;
}

table.responsive-table2 td:nth-child(3):before{
    content: '発券手数料';
    font-weight: bold;
    padding:0 .5em;
  }  

table.responsive-table2 td:nth-child(4):before{
    content: 'システム利用料';
    font-weight: bold;
    padding:0 .5em;
}

table.responsive-table2 td:nth-child(5):before{
    content: '詳細';
    font-weight: bold;
    padding:0 .5em;
}
  
table.responsive-table2 td:nth-child(1),
table.responsive-table2 td:nth-child(2),
table.responsive-table2 td:nth-child(3),
table.responsive-table2 td:nth-child(4),
table.responsive-table2 td:nth-child(5),{  
    padding-left: 25%;
}

table.responsive-table2 td:nth-child(1):before,
table.responsive-table2 td:nth-child(2):before,
table.responsive-table2 td:nth-child(3):before,
table.responsive-table2 td:nth-child(4):before,
table.responsive-table2 td:nth-child(5):before,{
	position: absolute;
    left: .5em;
    font-weight: bold;
}
  
table.responsive-table2 tr,
table.responsive-table2 td{
    display: block;
}

table.responsive-table2 tr{
    position: relative;
    margin-bottom: 1em;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
}

table.responsive-table2 td{
    border-top: none;
}
table.responsive-table2 td.date{
	background: #2989d8;
	border: 1px solid #7db9e8;
    color:#fff;
}

table.responsive-table2 td.actions{
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    background: none;
}
}
/* - - - - - - - - - - - - - - -  Table2 END  - - - - - - - - - - - - - - - */
/* - - - - - - - - - - - - - - -  faq container - - - - - - - - - - - - - - - */
.ac-container{
	width: 100%;
	margin:30px auto;
	text-align: left;
}

.ac-container label{
	margin: 0px;
	padding: 8px 15px 2px 15px;
	position: relative;
	z-index: 20;
	display: block;
	min-height:40px;
	cursor: pointer;
	color: #535353;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
	font-size: 15px;
	background: #ffffff;
	background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));
	background: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover{
	background: #fff;
}

.ac-container input:checked + label,
.ac-container input:checked + label:hover{
	background: #eaeaea;
	background: -moz-linear-gradient(top, #eaeaea 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top, #eaeaea 0%,#ffffff 100%);
	background: -o-linear-gradient(top, #eaeaea 0%,#ffffff 100%);
	background: -ms-linear-gradient(top, #eaeaea 0%,#ffffff 100%);
	background: linear-gradient(to bottom, #eaeaea 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
	color: #535353;
	text-shadow: 0px 1px 1px rgba(255,255,255, 0.6);
	box-shadow: 
		0px 0px 0px 1px rgba(155,155,155,0.3), 
		0px 2px 2px rgba(0,0,0,0.1);
}

.ac-container label:hover:after,
.ac-container input:checked + label:hover:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 24px;
	right: 13px;
	top: 7px;
	background: transparent url(../images/arrow_down_s.png) no-repeat center center;
}

.ac-container input:checked + label:hover:after{
	background-image: url(../images/arrow_up_s.png);
}

.ac-container input{
	display: none;
}

.ac-container article{
	overflow-y: auto;
	height: 0px;
	position: relative;
	z-index: 10;
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.6s linear;
	background: #ffffff;
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 );
}

.ac-container input:checked ~ article{
	-webkit-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	-moz-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	-o-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	-ms-transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	transition: height 0.3s ease-in-out, box-shadow 0.1s linear;
	box-shadow: 0px 0px 0px 1px rgba(155,155,155,0.3);
}

.ac-container article p{
	color: #777;
	line-height: 18px;
	font-size: 12px;
	padding: 5px 20px;
	text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
}

.ac-container input:checked ~ article.acheight100{
	height: 100px;
}

.ac-container input:checked ~ article.acheight200{
	height: 200px;
}


/*NEWSTICKERS*/

#nt-title-container {
	background: #F2F2F2;
}

#nt-title {
	background: #999;
	padding:0 0 0 10px;
}

#nt-title li {
	font-size: 28px;
	color: #4E4E4E;
	white-space: nowrap;
	list-style: none;
	overflow: hidden;
	text-overflow: ellipsis;
}


.center_image img {
	display: block;
	margin: auto;
	width:100%;
}

#btn_transition a img {
	-webkit-transition: 0.2s ease-in-out;
	   -moz-transition: 0.2s ease-in-out;
		 -o-transition: 0.2s ease-in-out;
			transition: 0.2s ease-in-out;
}
#btn_transition a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.text_big{
font-size:20px;
}

.step{
background-color:black;
color:#fff;
padding:5px 15px;
margin:20px 0px;
}

.steps{
padding:5px 0px;
border:1px solid #777777;
}

.text_indent{
padding:10px;

}

.center_btn{
margin:auto 0;
}