/* リセット */
html {
	overflow-y: scroll;
	color: #000;
}
 
body {
	margin: 0;
	padding: 0;
	font: 13px/1 verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: small;
	*font: x-small;
	-webkit-text-size-adjust:none;
}
 
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
 
div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
}


 
select, input, button, textarea {
	font: 99% verdana, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	*font-size: 100%;
}
 
table {
	border-collapse: collapse;
	border-spacing :0;
	font-size: inherit;
	font: 100%;
}
 
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
 
pre, code, kbd, samp, tt {
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}
 
abbr, acronym {
	border: 0;
	font-variant: normal;
}
 
ol, ul {list-style: none;}
 
caption, th {text-align: left;}
 
fieldset, img {border: 0;}
 
legend {color: #000;}
 
sup {vertical-align: text-top;}
 
sub {vertical-align: text-bottom;}
 
q:before, q:after {content: '';}

img, div { behavior:url(../../js/iepngfix/iepngfix.htc); }


/* for SmartPhone */
@media print, screen and (max-width:767px) {

.only-pc { display:none; }
.only-sp { }



/*カスタマイズ*/

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#FFF;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.px8{font-size:62%;}
.px9{font-size:68%;}
.px10{
	font-size:74%;
	*font-size:68%;
	_font-size:68%;
}
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}
.px14{font-size:105%;}
.px15{font-size:115%;}
.px16{font-size:123%;}
.px17{font-size:136%;}
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}
.px21{font-size:162%;}
.px22{font-size:170%;}
.px23{font-size:177%;}
.px24{font-size:185%;}




#main { 
	width:100%; height:195px; overflow:hidden; position:relative;
	background-image:url(../img/eventall_header_bg.jpg);
	background-position:0px 0px;
	background-repeat:repeat;
	background-size:cover;
	border-bottom:2px solid #666666;
}

#main .header-bg {
	width:100%; height:46px; background-color:#FFFFFF; position:fixed; z-index:9990;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
}
#main .header-bg .inner { display:block; width:100%; }
#main .header-bg .inner .logo { margin:10px 0px 0px 8px; }
#main .header-bg .inner .logo img { height:30px; }

#main .photo {
	width:100%; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	z-index:10;
}
#main .photo p { text-align:right; }
#main .photo p img { width:320px; margin-top:30px; margin-right:-50px; }

#main .top {
	width:100%; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	z-index:13;
}
#main .top .logo { margin:9px 0px 0px 10px; height:30px; }
#main .top .logo img { width:160px; height:30px; display:none; }
#main .top h1 { margin:0px 0px 0px 0px; text-align:center; }
#main .top h1 img { width:320px; }
#main .top .bodycopy {
	display:block;
	margin:0px 0px 0px 0px;
	padding:6px 10px 4px 10px;
	font-size:80%;
	line-height:130%;
	letter-spacing:1px;
	color:#000000; font-weight:bold;
	background-color:rgba(255,255,255,0.6);
	/*
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	*/
}
#main .top .bodycopy br { display:none; }


#contents-01 .box { width:100%; }
#contents-01 .box .cell { background-color:#000000; padding:10px 10px 10px 10px; margin:30px 0px 0px 0px; }
#contents-01 .box .cell .photo-block { overflow:hidden; position:relative; text-align:center; }
#contents-01 .box .cell .photo-block img { width:80%; }
#contents-01 .box .cell .text-block {
	
	margin:4px 20px 0px 20px; line-height:130%; color:#FFFFFF; text-align:center;
}
#contents-01 .box .cell .text-block br { display:none; }



#btn-yoyaku {
	width:100%; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#btn-yoyaku a {
	display:block; padding:10px 6px 8px 6px; margin:20px 10px 0px 10px;
	color:#FFFFFF; text-align:center; font-size:140%; text-decoration:none; line-height:120%;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #BC2540;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BC2540), to(#851B2E));
	background: -webkit-linear-gradient(#BC2540, #851B2E);
	background: -moz-linear-gradient(#BC2540, #851B2E);
	background: -ms-linear-gradient(#BC2540, #851B2E);
	background: -o-linear-gradient(#BC2540, #851B2E);
	background: linear-gradient(#BC2540, #851B2E);
	-pie-background: linear-gradient(#BC2540, #851B2E);
}
#btn-yoyaku br { display:none; }
#btn-yoyaku .text { text-align:center; margin:8px 10px 0px 10px; color:#CC0000; font-size:120%; font-size:105%; }


#calendar {
	/*width:100%;*/
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:0px 10px 0px 10px;
	overflow:hidden; position:relative;
}

#calendar .banner { margin:20px 0px 14px 0px; overflow:hidden; position:relative; }
#calendar .banner p { width:50%; margin:0px 0px 8px 0px; float:left; text-align:center; }
#calendar .banner p img { width:96%; }
#calendar .banner .end-line { width:100%; margin-top:0px; }
#calendar .banner .end-line img { width:98%; }

#calendar .time { margin:30px 0px 8px 0px; display:table; }
#calendar .time .spacer { display:table-cell; width:10px; } 
#calendar .time .head { 
	display:table-cell; width:11px; /*height:27px;*/ width:10px;
	background-color:#1D7400;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#calendar .time .texts { display:table-cell; height:27px; font-size:140%; vertical-align:middle; padding:0px 10px 0px 8px; font-weight:bold; }
#calendar .time .texts p { margin:0px 0px -4px 0px; }
#calendar .time .texts span { font-size:60%; }

#calendar .table { margin:0px 0px 0px 0px; }
#calendar .table table { width:100%; border-top:1px solid #000000; }
#calendar .table th { width:160px; font-size:110%; padding:4px 4px 4px 4px; }
#calendar .table td { font-size:105%; padding:4px 4px 4px 4px; }

#calendar .table .common { margin:0px 0px 10px 0px; }
#calendar .table .common th { color:#FFFFFF; font-weight:bold; text-align:center; vertical-align:middle; width:100px; font-size:90%; padding:6px 4px 4px 4px; line-height:110%; }
#calendar .table .common td { font-size:90%; padding:6px 4px 4px 4px; }
#calendar .table .common .place { color:#000000; text-align:center; border-width:0px 1px 1px 0px; border-style:solid; width:50px; }
#calendar .table .common .info { padding-left:8px; color:#000000; text-align:left; line-height:130%; border-width:0px 1px 1px 0px; border-style:solid; background-color:#EFEFEF; }
#calendar .table .common strong { font-weight:bold; }
#calendar .table .common b { padding:2px 6px 2px 6px; margin:0px 0px 4px 0px; display:inline-block; color:#FFFFFF; }


#calendar .table .cat-1 { }
#calendar .table .cat-1 table { border-color:#F44646; }
#calendar .table .cat-1 th { background-color:#F44646; }
#calendar .table .cat-1 .place { background-color:#FF9797; border-color:#F44646; }
#calendar .table .cat-1 .info { border-color:#F44646; }
#calendar .table .cat-1 strong { color:#F44646; }

#calendar .table .cat-2 { }
#calendar .table .cat-2 table { border-color:#FF8000; }
#calendar .table .cat-2 th { background-color:#FF8000; }
#calendar .table .cat-2 .place { background-color:#FFBF80; border-color:#FF8000; }
#calendar .table .cat-2 .info { border-color:#FF8000; }
#calendar .table .cat-2 strong { color:#FF8000; }
#calendar .table .cat-2 b { background-color:#FF8000; }

#calendar .table .cat-3 { }
#calendar .table .cat-3 table { border-color:#D33D3D; }
#calendar .table .cat-3 th { background-color:#D33D3D; }
#calendar .table .cat-3 .place { background-color:#EEB7B7; border-color:#D33D3D; }
#calendar .table .cat-3 .info { border-color:#D33D3D; }
#calendar .table .cat-3 strong { color:#D33D3D; }

#calendar .table .cat-4 { }
#calendar .table .cat-4 table { border-color:#7351CE; }
#calendar .table .cat-4 th { background-color:#7351CE; }
#calendar .table .cat-4 .place { background-color:#B9A7E7; border-color:#7351CE; }
#calendar .table .cat-4 .info { border-color:#7351CE; }
#calendar .table .cat-4 strong { color:#7351CE; }

#calendar .table .cat-5 { }
#calendar .table .cat-5 table { border-color:#1DA4C0; }
#calendar .table .cat-5 th { background-color:#1DA4C0; }
#calendar .table .cat-5 .place { background-color:#96DBE7; border-color:#1DA4C0; }
#calendar .table .cat-5 .info { border-color:#1DA4C0; }
#calendar .table .cat-5 strong { color:#1DA4C0; }

#calendar .table .cat-6 { }
#calendar .table .cat-6 table { border-color:#52AE2F; }
#calendar .table .cat-6 th { background-color:#52AE2F; }
#calendar .table .cat-6 .place { background-color:#C1EAB3; border-color:#52AE2F; }
#calendar .table .cat-6 .info { border-color:#52AE2F; }
#calendar .table .cat-6 strong { color:#52AE2F; }

#calendar .table .cat-7 { }
#calendar .table .cat-7 table { border-color:#D8D323; }
#calendar .table .cat-7 th { background-color:#D8D323; color:#000000; }
#calendar .table .cat-7 .place { background-color:#F0EEA4; border-color:#D8D323; }
#calendar .table .cat-7 .info { border-color:#D8D323; }
#calendar .table .cat-7 strong { color:#CC0000; }

#calendar .table .cat-8 { }
#calendar .table .cat-8 table { border-color:#0082E1; }
#calendar .table .cat-8 th { background-color:#0082E1; }
#calendar .table .cat-8 .place { background-color:#66BEFF; border-color:#0082E1; }
#calendar .table .cat-8 .info { border-color:#0082E1; }
#calendar .table .cat-8 strong { color:#0082E1; }



#page-top { width:100%; border-bottom:1px solid #EDEDED; margin:30px 0px 0px 0px; }
#page-top .inner {
	width:100%; 
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#page-top .inner p { float:right; overflow:hidden; position:relative; margin:0px 10px 0px 0px; }
#page-top .inner img { float:left; width:100px; }


#footer { width:100%; border-top:1px solid #E0E0E0; }
#footer .box { width:100%; }

#footer .box ul { line-height:120%; padding:0px 0px 0px 0px; }
#footer .box li { margin:0px 0px 0px 0px; border-bottom:1px solid #E0E0E0; }
#footer .box li a {
	display:block; padding:12px 0px 12px 30px; color:#666666;
	background-image:url(../img/eventall_icon_arrow_03.gif);
	background-repeat:no-repeat;
	background-position:10px center;
}
#footer .box li a:link { text-decoration:none; }
#footer .box li a:hover { text-decoration:underline; }

#footer .box .copyright { text-align:center; color:#FFFFFF; font-size:50%; padding:8px 0px 8px 0px; background-color:#AAAAAA; }



}

/* for PC&TABLET */
@media print, screen and (min-width: 768px) {



.only-pc { }
.only-sp { display:none; }

/* カスタマイズ */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Osaka, verdana, arial, clean, sans-serif;
	font-size: 13px;
	line-height:1;
	font-weight:normal;
	font-style:normal;
	margin: 0px 0px 0px 0px;
	padding: 0;
	-webkit-text-size-adjust:none;
	background-color:#FFF;
}

html,body { height:100%; }

select,
input,
button,
textarea {
font:100%;
}

table {
font-size:inherit;
font:100%;
}

textarea { 
font-size: 100%; 
}

.px8{font-size:62%;}
.px9{font-size:68%;}
.px10{
	font-size:74%;
	*font-size:68%;
	_font-size:68%;
}
.px11{font-size:83.3%;}
.px12{font-size:93%;}
.px13{font-size:100%;}
.px14{font-size:105%;}
.px15{font-size:115%;}
.px16{font-size:123%;}
.px17{font-size:136%;}
.px18{font-size:145%;}
.px19{font-size:154%;}
.px20{font-size:160%;}
.px21{font-size:162%;}
.px22{font-size:170%;}
.px23{font-size:177%;}
.px24{font-size:185%;}


#main { 
	width:100%; height:446px; overflow:hidden; position:relative;
	background-image:url(../img/eventall_header_bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-size: cover;
	border-bottom:2px solid #666666;
}

#main .header-bg {
	width:100%; height:58px; background-color:#FFFFFF; position:absolute; z-index:10;
	-webkit-box-shadow: #000 0px 0px 10px;
	-moz-box-shadow: #000 0px 0px 10px;
	box-shadow: #000 0px 0px 10px;
}
#main .header-bg .inner { display:none; }

#main .photo {
	width:950px; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	z-index:11;
}
#main .photo p { text-align:right; }

#main .top {
	width:950px; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	z-index:13;
}
#main .top .logo { margin:9px 0px 0px 10px; position:absolute; z-index:6; }
#main .top .logo img { width:251px; height:45px; }
#main .top h1 { margin:0px 0px 0px 0px; }
#main .top .bodycopy {
	display:inline-block;
	margin:6px 0px 0px 10px;
	padding:12px 8px 8px 12px;
	line-height:130%;
	letter-spacing:1px;
	color:#000000; font-weight:bold;
	background-color:rgba(255,255,255,0.6);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}



#contents-01 {
	width:950px; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#contents-01 .box { width:988px; }
#contents-01 .box .cell { float:left; width:454px; height:304px; margin:50px 38px 0px 0px; background-color:#000000; position:relative; overflow:hidden; }
#contents-01 .box .cell .photo-block { overflow:hidden; position:relative; padding:2px; line-height:130%; background-color:#000000; }
#contents-01 .box .cell .photo-block img { border:0px solid #000000; float:left; }
#contents-01 .box .cell .text-block {
	position:absolute; bottom:0px; width:436px; background-color:rgba(51,51,51,0.6);
	padding:8px 8px 8px 8px; line-height:130%; color:#FFFFFF; text-align:center;
}
/*#contents-01 .box .cell .text-block { margin:8px 8px 4px 8px; line-height:130%; color:#FFFFFF; text-align:center; height:40px; }*/


#btn-yoyaku {
	width:950px; 
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#btn-yoyaku a {
	display:inline-block; padding:12px 0px 12px 0px; margin:40px 0px 0px 0px;
	color:#FFFFFF; width:100%; text-align:center; font-size:170%; text-decoration:none; line-height:130%;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #BC2540;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#BC2540), to(#851B2E));
	background: -webkit-linear-gradient(#BC2540, #851B2E);
	background: -moz-linear-gradient(#BC2540, #851B2E);
	background: -ms-linear-gradient(#BC2540, #851B2E);
	background: -o-linear-gradient(#BC2540, #851B2E);
	background: linear-gradient(#BC2540, #851B2E);
	-pie-background: linear-gradient(#BC2540, #851B2E);
}
#btn-yoyaku .text { text-align:center; margin:12px 0px 0px 0px; color:#CC0000; font-size:130%; }




#page-top { width:100%; border-bottom:1px solid #EDEDED; margin:40px 0px 0px 0px; }
#page-top .inner {
	width:950px; 
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}
#page-top .inner p { float:right; overflow:hidden; position:relative; }
#page-top .inner img { float:left; }


#footer { width:100%; border-top:1px solid #E0E0E0; }
#footer .box {
	width:950px; display:table; padding:16px 0px 14px 0px;
	position:absolute;
	top:0; left:0; right:0; bottom:0;
	margin:auto;
	overflow:hidden; position:relative;
}

#footer .box ul { display:table-cell; line-height:120%; }
#footer .box li { float:left; margin:0px 14px 0px 0px; }
#footer .box li a {
	display:block; padding:0px 0px 0px 18px; color:#666666;
	background-image:url(../img/eventall_icon_arrow_03.gif);
	background-repeat:no-repeat;
	background-position:0px center;
}
#footer .box li a:link { text-decoration:none; }
#footer .box li a:hover { text-decoration:underline; }

#footer .box .copyright { display:table-cell; text-align:right; color:#B2B2B2; vertical-align:middle; }


}
