@charset "utf-8";
/* CSS Document */

/*===============
base
=================*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
form,input,p,blockquote,th,td {
margin:0;
padding:0;
}  
img{
border:0;
vertical-align: top;
}

body{
font-size: 75%;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
line-height:1.4;
color:#333;
background:#fff;
}


a:link,
a:visited,
a:active{
color:#333;
text-decoration:none;
}

a:hover{
color:#069;
text-decoration:none;
}

ul,ol{
list-style: none;
}

/*clearfix*/
.clearfix:after{  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */




p,dd{
font-size:1.2em;
}

/*footerの背景指定*/
html{
background:#dedede;
}

.nonpc{
display: none;
}

.pc{
display:block;
}

.spbr {
	display: none;
}
.pcbr {
	display: block;
}

.text20-2{;font-size:20px;font-family:'ＭＳ Ｐ明朝',serif;line-height:1.8;}
.text18{;font-size:18px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text16-2{;font-size:16px;font-family:'ＭＳ Ｐ明朝',serif;line-height:1.8;}
.text16{;font-size:16px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text15-3{;font-size:15px;font-family:'ＭＳ Ｐ明朝',serif;line-height:150%;}
.text15-2{;font-size:15px;font-family:'ＭＳ Ｐ明朝',serif;line-height:140%;}
.text15{;font-size:15px;font-family:'arial black','ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text14-2{;font-size:14px;font-family:'ＭＳ Ｐ明朝',serif;line-height:140%;}
.text14{;font-size:14px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text13-2{;font-size:13px;font-family:'ＭＳ Ｐ明朝',serif;line-height:140%;}
.text13{;font-size:13px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text12-2{;font-size:12px;font-family:'ＭＳ Ｐ明朝',serif;line-height:140%;}
.text12{;font-size:12px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text11-2{;font-size:11px;font-family:'ＭＳ Ｐ明朝',serif;line-height:140%;}
.text11{;font-size:11px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text10{;font-size:10px;font-family:'ＭＳ Ｐゴシック',sans-serif;line-height:140%;}
.text9{;font-size:9px;line-height:140%;font-family:'ＭＳ Ｐゴシック',sans-serif;}



/*==================
header
====================*/

#pagetop {
	width: 830px; 
	background-image: url(../img/c1.jpg); 
	text-align: left; 
	padding: 10px 0 6px 7px;
}


#header nav {
	margin-right: -16px;
}
#header nav ul{
	display: flex;
	align-items: center;
	
}
#header nav ul li a{
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	padding: 16px ;
}
#nav_toggle{
	display: none;
}


#header{
	padding: 0;
}
#header .inner{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.change_btn{
	color: #fff;
	display: block;
	width: 100%;
	text-decoration: none;
	border: 1px solid #fff;
	text-align: center;
	padding: 25px 0;
	font-size:20px;
	margin-top: 40px;
}

/*header左側の設定*/

#logogroup{
width:700px;
float:left;
}



/*header右側の設定*/

#subnav{
width:260px;
float:right;
}

#subnav li{
float:left;
font-size:1.1em;
}

#subnav li.sitemap{
background:url(../images/icon_sitemap.gif) no-repeat 0 2px;
padding:0 0 0 15px;
margin:0 24px 0 0;
}

#subnav li.rss{
background:url(../images/icon_rss.gif) no-repeat 0 1px;
padding:0 0 0 16px;
}

/*グローバルナビゲーション*/

#nav{
width:830px;
margin:0 auto;
}

#nav li{
float:left;
}


#topsign-red {
	width: 200px; 
	height: 453px; 
	text-align: center; 
	background-image:url(../img/c1.jpg); 
	float: left;
	font-size:15px;
	font-family:'arial black','ＭＳ Ｐゴシック',sans-serif;
	line-height:3;
	color: #fff;
}

#topsign-slide {
	width: 630px; 
	height: 453px; 
	float: left;
}

	/* .viewer
------------------------- */
.viewer {
	margin: 0 auto;
	width: 100%;
	position: relative;
	overflow: hidden;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 100%;
}

/* =======================================
	ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.viewer ul {
	display: inline-block;
	overflow: hidden;
}




/*==================
contents
====================*/
#contents{
width:830px;
margin:0 auto;
}


#info{
width:510px; 
float:left;
}

div#sidebar{
width:320px;
float:right;
}


/*イベント情報*/

#info h2{
background:url(../images/icon_01.gif) no-repeat 0 0;
padding:0 0 3px 13px;
line-height:29px;
border-bottom:1px solid #CCC;
margin:25px 26px 0 0;
}

#info h3{
font-size:1.3em;
background:url(../images/icon_02.gif) no-repeat 0 2px;
padding-left:18px;
margin:20px 0 10px 0;
}

.section{
width:316px;
float:left;
margin-right:26px;
}


/*更新情報*/


#event img{
float:left;
margin-right:10px;
border:1px solid #ccc;
padding:1px;
}


#news dt{
font-size:1.3em;
font-weight:bold;
background:url(../images/icon_02.gif) no-repeat 0 2px;
padding-left:18px;
margin:20px 0 10px 0;
}

#news dt span{
font-weight:normal;
padding-left:20px;
}


#news dd{
padding-bottom:12px;
border-bottom:1px dashed #ccc;
margin-right:26px;
}


/*==================
sidebar
====================*/



#sidebar h2{
background:url(../images/icon_01.gif) no-repeat 0 0;
padding:0 0 3px 13px;
line-height:29px;
border-bottom:1px solid #CCC;
margin:25px 26px 0 0;
}

#sidebar p{
border:0px solid #ccc;
border-top:none;
padding:10px 7px 10px 10px;
}

#bnrarea{
margin-top:20px;
}

#bnrarea li{
margin-bottom:10px;
border:1px solid #ccc;
padding:1px;
}

/*==================
footer
====================*/

#footer{
width:100%;
margin:0 auto;
background-image: url(../img/c1.jpg) ;
margin-top:60px;
text-align:center;
padding: 15px 0;
}

#footer_inner{
width:960px;
margin:0 auto;
color:#fff;
}

#footer_inner address{
padding:15px 0 4px;
font-size:1.2em;
color:#fff;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }