@charset "UTF-8";
/* CSS TOP */

/************************************

MAINIMAGE

************************************/
/**** スライドショーありの場合 ***/
#mainimage {
	width:100%;
	height:560px;
	background:#f2f2f2;
	padding:0 !important;
	margin-bottom:0px;
	position:relative;
}
#mainimage h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/mainimage_copy.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 260px;
	width: 560px;
	position:absolute;
	top:160px;
	left:0;
	right:0;
	margin:auto;
	z-index:50;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#mainimage h2 {
    background-image:url(../images/mainimage_copy@2x.png);
  }
}
#mainimage #slideshow {
   position:relative;
   width:100%;
  
   height:560px;
}
#mainimage #slideshow ul li {
	
   position:absolute;
   height:560px;
   margin:0;
   padding:0;
   background-position:center top;
  /* background-repeat:no-repeat;*/
  z-index:1;
}
#slide img {
position:absolute;
left:0;
top:0;
}

@media only screen and (max-width:767px){
	#mainimage h2 {
		display:none;
	}
	#mainimage {
	width:100%;
	height:350px;
	padding:0 !important;
	position: relative;
	top:auto;
	left:auto;
	right:auto;
	margin:0;
}
#mainimage #slideshow {
   position:relative;
   width:100%;
  
   height:350px;
}
#mainimage #slideshow ul li {
	
   position:absolute;
   height:350px;
   margin:0;
   padding:0;
   background-position:center top;
   background-repeat:no-repeat;
   background-size:cover;
  z-index:1;
}
}

/************************************

TOP_Middle

************************************/
#top_middle {
	background:url(../images/news_back.jpg) no-repeat left bottom;
	padding:60px 0 100px 0;
	text-align:left;
}
#top_middle #news {
	float:left;
	width:400px;
}
#top_middle #topics {
	float:right;
	width:500px;
}
@media only screen and (max-width:767px){
	#top_middle {
	background:none;
	padding:60px 0 ;
	text-align:left;
}
#top_middle #news {
	float:none;
	width:84%;
	margin:0 auto 40px auto;
}
#top_middle #topics {
	float:none;
	width:84%;
	margin:0 auto 0px auto;
}
}

/************************************

NEWS

************************************/
#news h2 a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-image:url(../images/news_t.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 25px;
	width: 300px;
	margin:0 0 20px 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#news h2 a {
    background-image:url(../images/news_t@2x.png);
  }
}
/* Flashing */
#news h2 a:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}
#news dl {
	background:url(../images/news_sen.png) no-repeat center bottom;
	padding:10px 0 15px 0;
}
#news dl:after {  
    visibility: hidden;  
    display: block;  
    font-size: 0;  
    content: " ";  
    clear: both;  
    height: 0;  
    }  
* html #news dl          { zoom: 1; } /* IE6 */  
*:first-child+html #news dl { zoom: 1; } /* IE7 */  
#news dl dt {
	float:left;
	width:100px;
	color:#65c2d0;
	padding:0 0 0 15px;
	font-size:75%;
	position:relative;
}
#news dl dt:before{
  position: absolute;
  top: 2px;
  left: 0px;
  color: #65c2d0;
  font: 10px 'FontAwesome';
  content: "\f105";
}
#news dl dd {
	float:left;
	width:285px;
	font-size:90%;
}
#news dl dd a {
	color:#6c6c6c;
	text-decoration:none;
}
#news dl dd a:hover {
	color:#65c2d0;
	text-decoration:none;
}
@media only screen and (max-width:767px){
	#news h2 a {
	background-image:url(../images/news_t-sp@2x.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 25px;
	width: 180px;
	margin:0 0 20px 0;
}
#news dl dt {
	float:none;
	width:auto;
	color:#65c2d0;
	padding:0 0 0 15px;
	font-size:75%;
	position:relative;
}
#news dl dd {
	float:none;
	width:100%;
	font-size:90%;
}
}
/************************************

TOPICS

************************************/
#topics {
	background:url(../images/topics_waku2.png) repeat-y left top;
	background-size:contain;
}
#topics .waku1 {
	background:url(../images/topics_waku1.png) no-repeat left top;
	padding:25px 40px;
	background-size:contain;
}

#topics .waku1 h2 {
	background:#f1efdc url(../images/topics_t.png) no-repeat right bottom;
	padding:10px;
	position:relative;
	color:#795f49;
	font-size:100%;
}

#topics .waku2 {
	background:url(../images/topics_waku3.png) no-repeat left bottom;
	padding:0 40px 25px 40px;
	background-size:contain;
}
#topics .honbun {
	float:left;
	width:230px;
	font-size:90%;
	line-height:180%;
}
#topics .image {
	float:right;
	width:180px;
}
@media only screen and (max-width:767px){
	#topics .waku1 {
	padding:8%;
}
#topics .waku2 {
	padding:0 8% 8% 8%;
}
#topics .honbun {
	float:none;
	width:100%;
	font-size:90%;
	line-height:180%;
	margin-bottom:15px;
}
#topics .image {
	float:none;
	width:100%;
}
}
/************************************

TOP_Bottom

************************************/
#top_bottom {
	background:url(../images/back_beige.jpg);
	padding:60px 0;
	text-align:left;
}

/************************************

TOP_MENU

************************************/
#top_menu {
	margin:0 0 20px 0;
}
#top_menu article {
	width:300px;
	float:left;
}
#top_menu article.middle {
	margin:0 50px;
}
#top_menu article .image {
	margin-bottom:10px;
}
#top_menu article h2 a {
	float:left;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height:20px;
	width:110px;
}
#top_menu article#schedule h2 a{
background-image:url(../images/event_t.png);
}
#top_menu article#circle h2 a{
background-image:url(../images/circle_t.png);
}
#top_menu article#kaihou h2 a{
background-image:url(../images/kaihou_t.png);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#top_menu article#schedule h2 a{
background-image:url(../images/event_t@2x.png);
}
#top_menu article#circle h2 a{
background-image:url(../images/circle_t@2x.png);
}
#top_menu article#kaihou h2 a{
background-image:url(../images/kaihou_t@2x.png);
}
}

#top_menu article p {
	float:right;
	width:185px;
	font-size:80%;
}
/* Flashing */
#top_bottom a:hover  {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

@media only screen and (max-width:767px){
	#top_menu article {
	width:84%;
	margin:0 auto 8% auto;
	float:none;
}
#top_menu article.middle {
	margin:0 auto 8% auto;
}
#top_menu article h2 a {
	float:none;
	margin-bottom:10px;
}
#top_menu article p {
	float:none;
	width:100%;
}
}
/************************************

BANNER

************************************/
#top #banner li {
	float:left;
	width:300px;
}
#top #banner li#bn_kanto {
	margin:0 50px;
}
#top #banner li a {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;
	background-size:contain;
	display: block;
	height: 80px;
	width: 300px;
}
#top #banner li#bn_school a{
	background-image:url(../images/bn_school.jpg);
}
#top #banner li#bn_kanto a{
	background-image:url(../images/bn_kanto.jpg);
}
#top #banner li#bn_contact a{
	background-image:url(../images/bn_contact.jpg);
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
#top #banner li#bn_school a{
	background-image:url(../images/bn_school@2x.jpg);
}
#top #banner li#bn_kanto a{
	background-image:url(../images/bn_kanto@2x.jpg);
}
#top #banner li#bn_contact a{
	background-image:url(../images/bn_contact@2x.jpg);
}
}
@media only screen and (max-width:767px){
	#top #banner li {
	float:none;
	width:300px;
	margin:0 auto 10px auto;
}
#top #banner li#bn_kanto {
	margin:0 auto 10px auto;
}
}
/************************************

事務局から

************************************/
#jimu {
	padding:50px 0;
}
#jimu h3 {
	font-size:100%;
	margin-bottom:0.7em;
}
#jimu p {
	font-size:90%;
}
@media only screen and (max-width:767px){
	#jimu {
	padding:50px 8%;
}
}