body {
	-webkit-text-size-adjust: 100%;
	word-break: break-all;
	margin:0px auto;
	text-align:center;
	background-image:url(images/logo_bg.png);
   	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#333;
	font-family:'Lato', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}


table.sch {
    width: 100%;
    margin:1em 0 0 0;
    border-top: 1px solid #7d5422;
    border-left: 1px solid #7d5422;
    border-spacing:0;
}


table.sch tr th,
table.sch tr td {
    border-bottom: 1px solid #7d5422;
    border-right: 1px solid #7d5422;
    padding: 1em;
	font-family: inherit;
	font-size: inherit;
}

.w30per {
	width:30%;
}

.cgray {
	background:#fde003;
	color:#7d5422;
}

.t-a-c {
	text-align:center;
}


.pb {
	font-weight:bold;
}

#copyright {
	font-size:14px;
}

#foot-menu {
	margin:1em;
	font-size:14px;
}

#foot-menu a {
	color:#fff;
	text-decoration:none;
}

#foot-menu a:hover {
	color:#fff;
	text-decoration:underline;
}


div.foot-area {
  	display: inline-block;
	margin:0 auto 1em auto !important;
	width:1000px;
	height:auto;
	background:none;
	text-align:right;
	padding:0 !important;
  	clear: both;
}

div.foot-area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* Hide from IE-mac \*/
* html div.foot-area { height: 1%; }
div.foot-area { display: block; }
/* End hide from IE-mac */


img {
	max-width:100%; /* 画像の最大幅 */
	width /***/:auto; /* IE8のみ */
	height:auto;
	vertical-align:bottom;
	border:0;
}

a:hover img{
	opacity: 0.6;
}


header {
	max-width:1000px;
	margin:0px auto;
}

#slide-box {
	max-width:1000px;
	margin:0px auto;
	padding-bottom:1em;
}

#slide-wrapper {
	background-image:url(images/slide_bg.png);
	background-repeat:repeat;
}

#main_content {
	max-width:1000px;
	margin:0px auto;
}

footer {
	clear:both;	
	padding-top:10px;
	padding-bottom:50px;
	color:#FFF;
	background-image:url(images/footer_bg.png);
}


.clear {
	clear:both;
}


h1 {
	padding:0px;
	margin:0px;
}

h2 {
	padding:0px;
	margin:0px;
}


h3 {
	font-size:normal;
	text-align:left;
	padding:0px;
	margin:25px 15px 10px 15px;
	border-bottom:2px solid #7d5422;	
}

h4 {
	padding:10px 0px 5px 10px;
	margin:0px 10px;
	font-size:large;
	color:#CC0F30;
	border-bottom:1px dashed #666;
}

h5 {
	padding:0px 10px 5px 10px;
	margin:30px 0px 10px 0px;
	font-size:16px;
	border-bottom:1px dashed #666;
}

#logo {
	text-align:left;
	padding-top:15px;

}

#logo_low {
	text-align:center;
	padding-top:20px;
}

#top {
}

#left {
	float:left;
	width:300px;
	margin-bottom:30px;
}

#left_low {
	float:left;
	width:680px;
	margin-bottom:30px;
}

#right {
	float:right;
	width:680px;	
	margin-bottom:30px;
}

#right_low {
	float:right;
	width:300px;	
	margin-bottom:30px;
}


.right_div {
	margin-top:30px;	
}


.menu_title {
	margin:0px;
	padding-top:30px;
	padding-bottom:10px;
	text-align:center;
}


.container {
	margin:0px auto;
	text-align:left;
	padding:15px 15px 15px 10px;
	max-width:1000px;
	line-height:160%;
	background-color:#FFF;
	border:4px solid #CCCCCC;
}

#infos {
	float:left;
	margin-top:-10px;
	margin-bottom:10px;
	margin-left:10px;
}

#infos ul {
   margin:0;
   padding:0;
   list-style:none;
}

#infos li {
	padding-bottom:10px;
   border-bottom:1px solid #ddd;
}

.date {
	font-size:small;
	font-weight:bold;
	margin-top:10px;	
}

.banner_title {
	font-size:small;
	font-weight:bold;
	padding-top:10px;	
}


.title {
	font-weight:bold;	
}

.news_text {
	font-size:small;	
}


.greeting {
	padding:20px 25px 0px 25px;
	float:left;	
	text-align:left;
}

.link_greeting {
	text-align:right!important;	
}

.normal_text {
	padding:0px 15px;
	text-align:left;
	font-size:14px;
}

.normal_info {
	text-align:left;
	font-size:14px;
	color: #7d5422;
	line-height:1.4;
}

.title_info {
	text-align:left;
	font-size:16px;
	color: #333333;
	font-weight:bold;
}

a.inf {
	text-decoration:none;
	color:#7d5422;
}

a.inf:hover {
	text-decoration:underline;
	color:#7d5422;
}


.date_info {
	text-align:left;
	font-size:14px;
	color: #333333;
	font-weight:bold;
}

#inquiry {
	text-align:right;
	padding-top:50px;
	font-size:14px;
}


#side_menu {
	margin-bottom:15px;
}

#side_menu ul {
   margin:0px 20px 0px 20px;
   padding:0px;
   list-style:none;
}

#side_menu li {
   padding:10px 0px 10px 20px;
   border-bottom:1px dashed #666;
   background-image:url(images/menu_arrow.png);
   background-repeat:no-repeat;
   background-position:0% 50%;
}


#acMenu dt{
    display:block;
    width:632px;
    height:30px;
	padding:10px 0px 0px 15px;
	margin:0px 0px 0px 15px;
    text-align:left;
    border:#CCC 1px solid;
    cursor:pointer;
   background-image:url(images/greeting_arrow.png);
   background-repeat:no-repeat;
   background-position:98% 50%;
}

#acMenu dd{
    width:640px;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 15px;
    text-align:left;
    display:none;
	font-size:14px;
}

#acMenu dd img{
	padding:0px 10px 0px 0px;
}

#inquiry_sp {
	display:none;	
}

#acMenu .open{
    display:block;
}


/** スマホ用記述 **/
@media screen and (max-width: 480px) {
#left {
	float:none;	
	margin:0px auto;
	width:95%;
}

#right {
	float:none;	
	margin:0px auto;
	width:100%;
}

.greeting {
	float:none;
	margin:0px auto;
	text-align:left;
	max-width:280px;
}

.greeting img{
	text-align:center;
}

#inquiry {
	display:none;	
}

#inquiry_sp {
	display:inherit;
	text-align:left;
	font-size:small;
	margin-bottom:30px;
	padding:15px;
}

#inquiry_sp strong{
	font-size:large;
}

#left_low {
	float:none;	
	margin:0px auto;
	width:95%;
}

#acMenu dt{
    display:block;
    width:85%;
    height:55px;
	padding:10px 0px 0px 15px;
	margin:0px 0px 0px 15px;
    text-align:left;
    border:#CCC 1px solid;
    cursor:pointer;
   background-image:url(images/greeting_arrow.png);
   background-repeat:no-repeat;
   background-position:98% 50%;
}

#acMenu dt strong{
	display:block;
}

#acMenu dd{
    width:90%;
	padding:10px 0px 0px 0px;
	margin:0px 0px 0px 15px;
    text-align:left;
    display:none;
	font-size:14px;
}

#acMenu dd img{
	display:block;
	float:none;
	margin-bottom:10px;
	margin-left:10px;
}


#right_low {
	display:none;
}

#logo_low img{
	width:90%;
}
		
	
}
/** スマホ用記述 **/



/** res **/

nav {
	margin-top:20px;
	/* background-image:url(images/menu_bg.png); */

	background-image:url(images/navi_bg.png);
	background-repeat:repeat-x;

}

@media screen and (max-width: 480px) {

nav {
	display:none;	
}
	
}

nav a:hover img{
	opacity: 0.9;
}


#menu{
  width: 100%;
  max-width: 1000px;
  margin: 0px auto;
  top: 20px;
  padding: 0;
  background-image:url(images/navi_bg.png);
  background-repeat:repeat-x;
  position:fixed;
  z-index:0;
}
#menu li{
  display: block;
  float: left;
  width: 20%;
  margin: 0;
  padding: 0; }
#menu li a{
  display: block;
  padding: 12px 0 10px;
  color: #fff;
  text-align: center;
  text-decoration: none;
}
#menu li a:hover{
  color:red;
  font-weight:bold;
}

#fixed {
 display:none;	
}

#toggle{ 
 display: none;
}
@media only screen and (max-width: 768px) {
    #menu li{
    width: 20%;
  }
}
@media only screen and (max-width: 480px) {
h1 {
	padding-top:0px;
	padding-bottom:20px;
	margin:0px auto;
}
body {
		background-image:url(images/none.png);
	}
	#logo {
  display: none;
}
	
	#logo img{
	max-height:100px;
	}
	.dummy {
	height:1px;
		}
  #menu{
  display: none;
  background-image:url(images/none.png);
  position:inherit;
  }
  #menu li{
    width: 100%;
  }
  #menu li a{
  color: #555;
}

  #toggle {
    display: block;
    width: 100%;
    background: #C8152A;
  }
  #toggle a{
    display: block;
    position: relative;
    padding: 12px 0 10px;
    border-bottom: 1px solid #444;
    color: #fff;
    text-align: center;
    text-decoration: none;
	
  }
  #toggle:before{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
  }
  #toggle a:before, #toggle a:after{
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    width: 20px;
    height: 4px;
    background: #ccc;
  }
  #toggle a:before{
    margin-top: -6px;
  }
  #toggle a:after{
    margin-top: 2px;
  }
.kome {
	margin-top:20px;
	text-align:right;
	font-weight:bold;	
}

#fixed {
	display:inline;
}

}



#menu2{
  display: none;
  background-image:url(images/none.png);
  position:inherit;
}



#low_1column {
	text-align:left;	
}

#last_year {
	text-align:left;
	margin-left:25px;
}

#last_year ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#last_year li {
	margin:0px;
	padding-left:10px;
	padding-bottom:20px;
    display: inline-block;
	list-style:none;
}

#report {
	text-align:left;
	margin-left:25px;
}

#report img {
	max-width:450px;
	max-height:300px;
}

#report ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#report li {
	margin:0px;
	padding-left:10px;
	padding-bottom:20px;
    display: inline-block;
	list-style:none;
}




@media only screen and (max-width: 480px) {


#report {
	text-align:center;
	margin:0px auto;
}

#report  ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#report li {
	margin:0px;
	padding:20px 0px 0px 0px;
    display: inline-block;
	list-style:none;

}

#report img {
	max-width:100%;
	max-height:100%;
}


#menu2{
	display: block;
	top:0;
	width:100%;
}

label {
    background: #7d5422;
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
	background-image:url(images/menu_bg.png);
	background-repeat:no-repeat;
	background-position:5% 50%;
}

input[type="checkbox"].on-off{
    display: none;
}

#menu2 ul {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

#menu2 li {
    padding: 8px;
}

#menu2 li a{
	text-decoration:none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 100%;
}




#last_year {
	text-align:center;
	margin:0px auto;
}

#last_year ul {
	margin:0px;
	padding:0px;
	list-style:none;
}
#last_year li {
	margin:0px;
	padding:20px 0px 0px 0px;
    display: inline-block;
	list-style:none;

}



}



label {
    color: #fff;
    padding: 10px;
    display: block;
    margin: 0;
}

input[type="checkbox"].on-off{
    display: none;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 320px;
}

.button {
	text-align:center;	
}

.button img{
	padding:5px;
}

.button2 {
	padding-top:10px;
	text-align:center;	
}

.button2 img{
	padding:5px;
	width:48%;
}


#low {
	padding-top:20px;
}

#low img{
	padding-bottom:10px;
}

#low_title {
	display:none;
}

.text_red {
	color:#F00;
}

.setumeikai {
	padding:10px 20px;	
}

.sample_pdf {
	padding:10px;
	text-align:right;
	font-weight:bold;
}

.event_top_img2{
	text-align:center;
	margin-left:10px;
	margin-bottom:10px;
}


.event_top_img2 img{
	width:48%;
}

#seven_ticket {
	border:1px dashed #666;
	margin:10px;
	padding:10px;	
}

#seven_ticket img{
	display:block;
	text-align:center;
	margin:0px auto;
}




@media only screen and (max-width: 480px) {
#low img{
	display:none;
}
#low_title {
	display:inherit;
	text-align:center;
	font-size:x-large;
	color:#C00;
	font-weight:bold;
	padding-bottom:10px;
}

.button img{
	width:98%;
}

.button2 img{
	width:98%;
}

#event_top_img {
	width:95%;	
}

.event_top_img2 {
	margin-left:0px;
}

.event_top_img2 img{
	width:95%;
}


.thside {
	padding-top:12px;	
}

}


.kyoa img { 
	max-height:80px;
	max-width:400px;
	margin-right:10px;
}

.kyoa_area {
	text-align:center;
	padding:10px;
	margin-bottom:10px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:610px;
	height:100%;
}
.kyoa_area_text {
	text-align:left;
	padding:5px;
}

.kyoa_area_text strong {
	color:#C00;
	display:block;
}


@media only screen and (max-width: 480px) {
.kyoa {
	float:none;
	display:block;
	width:100%;
}

.kyoa img { 
	float:none;
	display:block;
	width:100%;
	height:100%;
	max-height:none;
	max-width:none;
	margin:0px auto;
}


.kyoa_area {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}
}




.kyob {
	float:left;
}

.kyob img { 
	max-height:50px;
	max-width:180px;
}


.kyob_area {
	text-align:center;
	padding:10px;
	margin-right:10px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:182px;
	height:325px;
	margin-bottom:10px;
}
.kyob_area_text {
	text-align:left;
	padding:5px;
}

.kyob_area_text strong {
	color:#C00;
	display:block;
}

.kyoc_area {
	max-width:640px;	
}


.monthly img { 
	float:left;
	max-height:250px;
	max-width:400px;
	margin-right:10px;
}

.monthly_area {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:950px;
	height:100%;
	height:240px;
	padding-bottom:20px;
}

.monthly_area2 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:950px;
	height:100%;
	height:1160px;
	padding-bottom:20px;
}


.monthly_area3 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:950px;
	height:100%;
	height:240px;
	padding-bottom:20px;
}

.monthly_area_text {
	text-align:left;
	padding:5px;
}

.monthly_area_text strong {
	color:#C00;
	display:block;
	margin-top:-5px;
	margin-bottom:5px;
}

.dum {
	margin-bottom:20px;	
}

@media only screen and (max-width: 480px) {
.monthly {
	float:none;
	display:block;
	width:100%;
}

.monthly img { 
	float:none;
	display:block;
	width:100%;
	height:100%;
	max-height:250px;
	max-width:none;
	margin:0px auto;
}



.monthly_area {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.monthly_area2 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.monthly_area3 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.monthly_area_text strong {
	color:#C00;
	display:block;
	margin-top:5px;
}


}


@media only screen and (max-width: 480px) {
.kyob {
	float:none;
	display:block;
	width:100%;
}
.kyob_area {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}
}

#facebook {
	margin-top:30px;	
}

#instagram {
	margin:10px auto;	
}

#instagram img{
	width:100%;	
}

.normal_text hr {
	margin:20px auto;
	border-top: 1px dashed #C00;
}

.normal {
	color:#333!important;	
}

#top_bottom img{
	text-align:center;
}

#top_bottom_sp img{
	display:none;
}


@media only screen and (max-width: 720px) {

#top_bottom img{
	display:none;
}

#top_bottom_sp img{
	display:inherit;
}


}


.timetable img {
	margin-right:0px!important;
	padding-right:0px!important;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:20px;
	border:1px solid #999;
	max-width:620px;	
}

@media only screen and (max-width: 720px) {

.timetable img {
	margin-left:0px!important;	
	width:100%;
}

}











.event_booth img { 
	float:left;
	max-height:150px;
	max-width:280px;
}

.event_booth_area0 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:60px;
	padding-bottom:20px;
}

.event_booth_area {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:140px;
	padding-bottom:20px;
}

.event_booth_area2 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:1000px;
	padding-bottom:20px;
}


.event_booth_area3 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:330px;
	padding-bottom:20px;
}


.event_booth_area4 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:190px;
	padding-bottom:20px;
}

.event_booth_area5 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:270px;
	padding-bottom:20px;
}

.event_booth_area6 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:230px;
	padding-bottom:20px;
}

.event_booth_area7 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:430px;
	padding-bottom:20px;
}

.event_booth_area8 {
	text-align:center;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #CCC;
	background-color:#FFF;
	width:620px;
	height:100%;
	height:710px;
	padding-bottom:20px;
}



.event_booth_area_text {
	text-align:left;
	padding:5px;
}

.event_booth_area_text strong {
	color:#C00;
	display:block;
	margin-top:-5px;
	margin-bottom:5px;
}

@media only screen and (max-width: 480px) {
.event_booth {
	float:none;
	display:block;
	width:100%;
}

.event_booth img { 
	float:none;
	display:block;
	max-width:95%;
	margin:0px auto;
}



.event_booth_area0 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}


.event_booth_area {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.event_booth_area2 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.event_booth_area3 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.event_booth_area4 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.event_booth_area5 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}


.event_booth_area6 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}



.event_booth_area7 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}



.event_booth_area8 {
	width:100%;
	height:100%;
	margin-left:-12px;
	margin-bottom:10px;
}

.event_booth_area_text strong {
	color:#C00;
	display:block;
	margin-top:5px;
}


}

.profile {
	clear:both;
	display:block;
	padding-top:5px;
	font-size:xx-small;	
}

.profile b{
	font-size:12px!important;	
}

.booth_mark {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#00A9E4;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}

.booth_mark2 {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#009845;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}


.booth_mark3 {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#F7B500;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}

.booth_mark4 {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#E50065;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}

.booth_mark5 {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#EE7701;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}

.booth_mark6 {
	float:left;
	padding:15px 20px;
	width:40px;
	margin-right:10px;
	text-align:center;
	background-color:#D1131D;
	color:#FFF;
	font-size:15px;
	font-weight:bold;
	border:1px dashed #333;	
}