@charset "utf-8";

/*______ element ______\*/

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, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dd, dl, dt, li, ol, ul,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	text-align: left;
}

a img,
a:focus,
:link img,
:visited img {
	border: 0;
	outline:none;
}

q:before,
q:after,
blockquote:before,
 blockquote:after {
	content: "";
}

html,
body {
	height: 100%;
}


body {
	color: #8eff0f;
	font-size: 62.5%;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro', Verdana, Helvetica, sans-serif;
	_text-align: center;
	background: #000;
	background-position: center 0 !important;
	position: relative;
}

a {
}

em {
	font-style: normal;
	font-weight: bold;
}

strong {
	font-weight: bold;
}

a:focus {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}

img {
	vertical-align: bottom;
}

a img {
	border: none;
}

li img {
	vertical-align: bottom;
}

label {
	cursor: pointer;
}

hr {
	height: 1px;
	color: #ccc;
	background-color: #ccc;
	border: none;
	margin-bottom: 10px;
	padding: 0;
	overflow: hidden;
}

/*______ table ______\*/

table {
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
 table td {
	font-size: 62.5%;
}

.simpletable {
	border: 1px solid #b5b5b5;
	border-collapse: collapse;
	margin: 0 0 1em;
}

.simpletable th {
	border: 1px solid #b5b5b5;
	padding: 2px 5px;
	white-space: nowrap;
}

.simpletable td {
	border: 1px solid #b5b5b5;
	padding: 2px 5px;
}

.simpletable#mailform01 {
	margin-bottom: 20px;
	border: none;
}

.simpletable#mailform01 th {
	width: 150px;
	font-size: 0.9em;
	line-height: 1.4em;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	border: none;
	padding: 3px 7px 3px;
	white-space: normal;
	background: #e6e6e6;
}

.simpletable#mailform01 span {
	text-align: left;
	font-size: 0.9em;
	color: #f00;
}

.simpletable#mailform01 td {
	font-size: 0.9em;
	vertical-align: top;
	font-weight: bold;
	padding: 3px 7px 3px;
	line-height: 1.5em;
	margin-bottom: 1em;
	border: none;
	background: #e6e6e6;
}

.simpletable#mailform01 th.oddtr01,
 .simpletable#mailform01 td.oddtr01 {
	background: #ccc;
}

.simpletable#mailform01 td.titlecol {
	color: #fff;
	font-weight: bold;
	background: #663;
}

.simpletable#mailform01 td input {
	padding: 3px;
}

.formsubmit {
	text-align: center;
}

.formsubmit input {
	padding: 10px 10px;
}


/*____________ nested ____________\*/

.box {
	background: rgba(0,0,0,1);
}

.size11 {
	background: #000 url(../img/1x1/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size11:nth-child(odd) {
	background: #000 url(../img/1x1b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size12 {
	background: #000 url(../img/1x2/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size12:nth-child(odd)  {
	background: #000 url(../img/1x2b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size13 {
	background: #000 url(../img/1x3/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size13:nth-child(even) {
	background: #000 url(../img/1x3b/rotate.php) center center no-repeat;
	background-size: 100%;
}


.size14 {
	background: #000 url(../img/1x4/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size14:nth-child(even) {
	background: #000 url(../img/1x4b/rotate.php) center center no-repeat;
	background-size: 100%;
}


.size21 {
	background: #000 url(../img/2x1/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size21:nth-child(even) {
	background: #000 url(../img/2x1b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size22 {
	background: #000 url(../img/2x2/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size22:nth-child(even) {
	background: #000 url(../img/2x2b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size22i:nth-child(4n+1) {
	background: #909 url(../img/2x2/rotate.php) center center no-repeat;
	background-size: 100%;
}


.size23 {
	background: #000 url(../img/2x3/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size24 {
	background: #000 url(../img/2x4/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size24:nth-child(4n+1) {
	background: #000 url(../img/2x4b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.twocols {
}

.size31 {
	background: #000 url(../img/3x1/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size32 {
	background: #000 url(../img/3x2/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size32:nth-child(even) {
	background: #000 url(../img/3x2b/rotate.php) center center no-repeat;
	background-size: 100%;
}


.size33 {
	background: #000 url(../img/3x3/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size33:nth-child(even) {
	background: #000 url(../img/3x3b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size34 {
	background: #000 url(../img/3x4/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size41 {
	background: #000 url(../img/4x1/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size41:nth-child(odd) {
	background: #000 url(../img/4x1b/rotate.php) center top no-repeat;
	background-size: 100%;
}

.size42 {
	background: #000 url(../img/4x2/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size42:nth-child(odd) {
	background: #000 url(../img/4x2b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size43 {
	background: #000 url(../img/4x3/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size43:nth-child(odd) {
	background: #000 url(../img/4x3b/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size44 {
	background: #000 url(../img/4x4/rotate.php) center center no-repeat;
	background-size: 100%;
}

.size44:nth-child(odd) {
	background: #000 url(../img/4x4b/rotate.php) center top no-repeat;
	background-size: 100%;
}

.threecols {

}

#container {
	position: absolute;
	top: 0;
	z-index:1;
}


/*____________ contents ____________\*/


#contents {
	width: 950px;
	position: absolute;
	top: 0;
	left: 50%;
	padding: 0 0 400px;
	margin-left: -475px;
	z-index: 50;
	background-image: url(../img/back_menu01.png) , url(../img/back_menu01.png);
	background-position: -73px 0, right 0;
	background-repeat: repeat-y, repeat-y;
}

#contents h1 {
	background: rgba(0,0,0,0.7); 
}

p#head_btn02 {
	width: 225px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
}

p#head_btn02 a {
	display: block;
	width: 225px;
	height: 40px;
	padding: 5px 0;
}

p#head_btn02 a:hover {
	background-color: #e90565;
}


#contents h1 img {
}


.btn {
	text-align: right;
	position: relative;
}

.btn a {
	display: block;
	width: 950px;
	text-align: right;
}

.btn a img {
	margin: 0 0 0 auto;
	background: #000;
}

h2#infotitle {
	background: #d2ff35 url(../img/back_information01.png) left 0px no-repeat;
}

h2#infotitle.active {
	background: #d2ff35 url(../img/back_information01.png) left -72px no-repeat;
}

h2#infotitle a:hover img {
	background: #ff02e4;
}

#infocontents {
	width: 694px;
	color: #000;
	padding: 0 31px 31px 0;
	margin: 0 0 31px;
	background: #d2ff35 url(../img/back_slash04.png) -73px top repeat-y;
}

#infocontents p {
	font-size: 1.8em;
	line-height: 1.5em;
}

h3#djtitle {
	margin: 31px 0 0;
	background: #f4d054 url(../img/back_djsprofile01.png) left 0px no-repeat;
}

h3#djtitle.active {
	background: #f4d054 url(../img/back_djsprofile01.png) left -72px no-repeat;
}

h3#djtitle a:hover img {
	background: #23c9ff;
}


#djcontents {
	width: 694px;
	color: #000;
	padding: 0 31px 31px 0;
	margin: 0;
	background: #f4d054 url(../img/back_slash04.png) -73px top repeat-y;
	word-break: break-all;
}

#djcontents h4 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 !important;
}

h3#vjtitle {
	margin: 31px 0 0;
	background: #ff9aeb url(../img/back_vjsprofile01.png) left 0px no-repeat;
}

h3#vjtitle.active {
	background: #ff9aeb url(../img/back_vjsprofile01.png) left -72px no-repeat;
}

h3#vjtitle a:hover img {
	background: #d2ff35;
}

#vjcontents {
	width: 694px;
	color: #000;
	padding: 0 31px 31px 0;
	margin: 0;
	background: #ff9aeb url(../img/back_slash04.png) -73px top repeat-y;
	word-break: break-all;
}

#vjcontents h4 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 !important;
}



h3#flyertitle {
	margin: 31px 0 0;
	background: #23c9ff url(../img/back_flyerbody01.png) left 0px no-repeat;
}

h3#flyertitle.active {
	background: #23c9ff url(../img/back_flyerbody01.png) left -72px no-repeat;
}

h3#flyertitle a:hover img {
	background: #f4d054;
}

#flyercontents {
	width: 694px;
	color: #000;
	padding: 0 31px 31px 0;
	margin: 0 0 31px;
	/* display:none; \*/
	background: #23c9ff url(../img/back_slash04.png) -73px top repeat-y;
	word-break: break-all;
}

#flyercontents h4 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 !important;
}


h3#phototitle {
	margin: 31px 0 0;
	background: #d8d8d8 url(../img/back_photobody01.png) left 0px no-repeat;
}

h3#phototitle.active {
	background: #d8d8d8 url(../img/back_photobody01.png) left -72px no-repeat;
}

h3#phototitle a:hover img {
	background: #24d800;
}

#photocontents {
	width: 694px;
	color: #000;
	padding: 0 31px 31px 0;
	margin: 0 0 31px;
	/* display:none; \*/
	background: #d8d8d8 url(../img/back_slash04.png) -73px top repeat-y;
	word-break: break-all;
}

#photocontents h4 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 !important;
}

#photocontents ul {
	padding: 0 34px;
}

#photocontents ul li {
	width: 113px;
	height: 75px;
	float: left;
	margin: 0 6px 10px;
	list-style-type: none;
}


#djcontents .fclear,
#vjcontents .fclear,
#photocontents .fclear {
	margin: 0 0 20px;
}


#flyercontents .fclear {
	margin: 0 0 10px;
}

.actphoto {
	width: 113px;
	padding: 4px 0 0 39px;
	float: left;
}

.acttext {
	width: 510px;
	font-size: 1.6em;
	line-height: 1.5em;
	margin: 0 0 1em;
	float: right;
}

.acttext.simpletable th, 
.acttext.simpletable td {
	color: #d2ff35;
	font-size: 1.1em;
	vertical-align: top;
	padding: 5px 10px;
	border: 1px solid #d2ff35;
	background: #000;
}


.acttext.simpletable th#timetable01 {
	width: 100px;
	text-align: center;
	font-weight: bold;
}

.acttext.simpletable th#timetable02 {
	width: 160px;
	text-align: center;
	font-weight: bold;
}

.acttext.simpletable th#timetable03 {
	width: 120px;
	text-align: center;
	font-weight: bold;
}

#footer {
	width: 100%;
	position: fixed;
	bottom: 0;
	z-index: 51;
	background: #000;
	border: 2px solid #f4d054;
	border-width: 2px 0 0 0;
}

#fcontents {
	width: 950px;
	margin: 0 auto;
}


p#foot_btn01 {
	width: 225px;
	height: 50px;
	float: right;
}

p#foot_btn01 a {
	display: block;
	width: 225px;
	height: 40px;
	padding: 5px 0;
}

p#foot_btn01 a:hover {
	background-color: #f4d054;
}

#footer ul {
	width: 400px;
	height: 40px;
	padding: 5px 21px 0 0;
	margin: 0 auto;
	z-index: 52;
	float: right;
}

#footer ul li {
	font-size: 1.2em;
	text-align: right;
	line-height: 1.2em;
	list-style-type: none;
}

#footer ul li a {
	color: #fff;
}


/*____________ bits ____________\*/

.fclear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

p img.float_l {
	margin: 0 15px 15px 0;
}

 p img.float_r {
	margin: 0 0 15px 15px;
}

.align_c {
	text-align: center !important;
}

.align_c img {
	margin-left: auto !important;
	margin-right: auto !important;
}

.align_l {
	text-align: left !important;
}

.align_r {
	text-align: right !important;
}

.nomargin {
	margin: 0px !important;
}

.marginb10 {
	margin-bottom: 10px !important;
}

.marginb20 {
	margin-bottom: 20px !important;
}

.marginb30 {
	margin-bottom: 30px !important;
}

.marginb50 {
	margin-bottom: 30px !important;
}


.marginb2em {
	margin-bottom: 2em !important;
}

.nopadding {
	padding: 0px !important;
}

.paddingt2em {
	padding-top: 2em !important;
}

.paddingt10 {
	padding-top: 10px !important;
}

.paddingt20 {
	padding-top: 20px !important;
}


.paddingb10 {
	padding-bottom: 10px !important;
}

.paddingb20 {
	padding-bottom: 20px !important;
}

.paddingb30 {
	padding-bottom: 30px !important;
}

.hide {
	display: none;
}

.hidden {
	visibility: hidden;
}

.hidedisp {
	position:absolute;
	left: -1000%;
}

.underline {
	text-decoration: underline;
}

.overline {
	text-decoration: overline;
}

.ssfont {
	font-size: xx-small !important;
}

.sfont {
	font-size: x-small !important;
}

.mfont {
	font-size: medium !important;
}

.x08emfont {
	font-size: 0.8em !important;
}

.x10emfont {
	font-size: 1em !important;
}

.x12emfont {
	font-size: 1.2em !important;
}

.x14emfont {
	font-size: 1.4em !important;
}

.blue {
	color: #00f !important;
}

.red {
	color: #f00 !important;
}

.orange {
	color: #f60 !important;
}

.pink {
	color: #e43f7b !important;
}

.pinkline {
	background: #ffe7ef;
	padding: 1px;
}

.brown01 {
	color: #9a5000 !important;
}

.date {
	color: #f60 !important;
}

.bold {
	font-weight: bold !important;
}

.italic {
	font-style: italic
}

hr.hidden {
	height: 1px;
	clear: both;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


br.fclear {
	clear: both;
	font-size: 1px;
	line-height: 0px;
	height: 1px;
	overflow: hidden;
}

div.fclear {
	height: 1px;
	overflow: hidden ;
}

.fclear hr {
	display: none;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden ;
}



/* 
 * Boxer v3.1.0 - 2014-03-12 
 * A jQuery plugin for displaying images, videos or content in a modal overlay. Part of the Formstone Library. 
 * http://formstone.it/boxer/ 
 * 
 * Copyright 2014 Ben Plum; MIT Licensed 
 */ 

.boxer-open {  }
.boxer-lock { overflow: hidden !important; }

#boxer-overlay {
	-webkit-transition: opacity 0.25s linear;
	   	 	transition: opacity 0.25s linear;
}

#boxer * {
	-webkit-transition: none;
	   	 	transition: none;
}

#boxer.animating {
	-webkit-transition: left 0.25s ease, opacity 0.25s linear, top 0.25s ease;
	   	 	transition: left 0.25s ease, opacity 0.25s linear, top 0.25s ease;
}
#boxer.animating .boxer-container {
	-webkit-transition: height 0.25s ease, width 0.25s ease;
	   	 	transition: height 0.25s ease, width 0.25s ease;
}

#boxer.animating .boxer-content {
	-webkit-transition: opacity 0.25s linear;
	   	 	transition: opacity 0.25s linear;
}

#boxer-overlay { background: #000; height: 100%; left: 0; opacity: 0; position: fixed; top: 0; width: 100%; z-index: 105; }
#boxer { background: #fff; border-radius: 3px; box-shadow: 0 0 25px #000; opacity: 0; padding: 10px; position: absolute; z-index: 105; }
#boxer.inline { padding: 30px; }


.boxer-open #boxer-overlay  { opacity: 0.75; }
.boxer-open #boxer,
.boxer-open #boxer .boxer-content { opacity: 1; }

.boxer-open #boxer.loading .boxer-content { opacity: 0; }


#boxer .boxer-close { background: #fff url(../img/jquery.fs.boxer-icons.png) no-repeat -70px 10px; border-radius: 100%; cursor: pointer; display: block; height: 30px; position: absolute; padding: 0; right: -8px; top: -8px; width: 30px; text-indent: -99999px; z-index: 106; }

#boxer .boxer-container { background: #fff; height: 100%; overflow: hidden; position: relative; width: 100%; z-index: 105; zoom: 1; }
#boxer .boxer-content { background: #fff; opacity: 0; overflow: hidden; padding: 0; width: 10000px; }
#boxer .boxer-image { float: left; }
#boxer .boxer-video { height: 100%; width: 100%; }
#boxer .boxer-iframe { border: none; float: left; height: 100%; overflow: auto; width: 100%; }
#boxer .boxer-meta { clear: both; }

#boxer .boxer-control { background: #fff url(../img/jquery.fs.boxer-icons.png) no-repeat 0 0; border-radius: 100%; box-shadow: 0 0 6px rgba(0, 0, 0, 0.4); cursor: pointer; display: block; height: 40px; margin-right: auto; margin-left: auto; position: absolute; text-indent: -99999px; top: 0; width: 40px;
	-webkit-transition: opacity 0.25s linear;
	   	 	transition: opacity 0.25s linear;
}
#boxer .boxer-control.previous { left: 20px; }
#boxer .boxer-control.next { background-position: -40px 0; right: 20px; }
#boxer .boxer-control.disabled { opacity: 0.3; }

#boxer .boxer-position { color: #999; font-size: 11px; margin: 0; padding: 15px 10px 5px; }
#boxer .boxer-caption p { margin: 0; padding: 15px 10px 10px 10px; }
#boxer .boxer-caption.gallery p { padding-top: 0; }

#boxer.loading .boxer-container { background: #fff url(../img/jquery.fs.boxer-loading.gif) no-repeat center; }

/* Mobile */
#boxer.mobile { background: #000; border-radius: 0; height: 100%; left: 0; padding: 30px 0 0; position: fixed; top: 0; width: 100%; }
#boxer.mobile .boxer-close { background-color: #000; background-position: -70px -60px; border-radius: 0; right: 0; top: 0; }
#boxer.mobile .boxer-container { background: #000; position: relative; }
#boxer.mobile .boxer-content { background-color: #000; }
#boxer.mobile .boxer-control { background-color: transparent; border-radius: 0; box-shadow: none; margin: -20px 0 0; top: 50%; }
#boxer.mobile .boxer-control.previous { background-position: 0 -40px; float: left; left: 0; }
#boxer.mobile .boxer-control.next { background-position: -40px -40px; float: right; right: 0; }
#boxer.mobile .boxer-control.disabled { opacity: 0.3; }

#boxer.mobile .boxer-meta { bottom: 0; background-color: rgba(0, 0, 0, 0.75); left: 0; padding: 15px 50px 10px; position: absolute; width: 100%; }
#boxer.mobile .boxer-position { padding: 0; }
#boxer.mobile .boxer-caption p { color: #eee; padding: 10px 0 0; }

#boxer.mobile .boxer-image {
	-webkit-transition: none !important;
	        transition: none !important;
	-webkit-transform: translate(0px, 0px);
	    -ms-transform: translate(0px, 0px);
	        transform: translate(0px, 0px);
}
#boxer.mobile.animated .boxer-image {
	-webkit-transition: -webkit-transform 0.25s ease-out !important;
	        transition: 		transform 0.25s ease-out !important;
}

#boxer.mobile.loading .boxer-container { background: #000 url(../img/jquery.fs.boxer-loading-dark.gif) no-repeat center; }

#boxer.mobile.inline .boxer-content,
#boxer.mobile.iframe .boxer-content { overflow-x: hidden; overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

@media screen and (min-width: 980px) {
	#boxer .boxer-close:hover { background-position: -70px -20px; }

	#boxer .boxer-control,
	#boxer .boxer-control.disabled { opacity: 0; }
	#boxer .boxer-content:hover .boxer-control { opacity: 0.75; }

	#boxer .boxer-content:hover .boxer-control:hover { opacity: 1; }
	#boxer .boxer-content:hover .boxer-control.disabled { opacity: 0.3; cursor: default !important; }

	#boxer.mobile .boxer-control { opacity: 1 !important; }
	#boxer.mobile .boxer-control.disabled { opacity: 0.3 !important; }
}

@media screen and (max-width: 980px) {
	#boxer.mobile { position: fixed; }
}