@charset "utf-8";
/* ---------------------------------------------------------------*/
/*　１．共通
/* ---------------------------------------------------------------*/

/*　ページ全体の基本スタイル　*/


body 	{
		color: #4d4d4d;
		font-size: 13px;
		font-family: メイリオ ,Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku GothicPro","ＭＳ Ｐゴシック",sans-serif;
		line-height: 1.2;
		background: url(img/tatami.jpg);
		background-attachment: fixed;
		}

/*　リンクの基本スタイル　*/
a 		{ 
		color: #007del;
		transition: 0.5s;
		}

/*　リンクにマウスが乗った時のスタイル　*/
a:hover {
		opacity: 0.7;
		}

/*中見出し*/
h2 		{
		background-color: #228b22;
		color: #ffffff;
		font-size: 20px;
		margin-bottom: 10px;
		padding: 0.1em 1em;
		}

/*小見出し*/
h3 		{
		border: 1px solid #eeeeee;
		border-radius: 4px;
		box-shadow: 1px 1px #999999;
		font-weight: bold;
 		margin-bottom: 25px;
 		padding: 0.2em 1em;
		}

/*�Aメイン画像*/
#header-logo {
		width: 100%;
		}


.inner {
		font-size:16px;
		color: #000000;
		}


/* ---------------------------------------------------------------*/
/*　　１−２．レイアウト
/* ---------------------------------------------------------------*/
/*�@ページ全体を囲む枠*/
#zentai {
		margin: 0 auto;
		width: 960px;
		}
/* ---------------------------------------------------------------*/
/*　　１−３．ヘッダー
/* ---------------------------------------------------------------*/
/*見出しのスタイル*/
h1 		{
		margin-top: 0px;
		margin-bottom: 5px;
		font-size: 20px;
		}

/* ロゴのスタイル */
#header-logo img {
		width: 100%;
/*		width: 960px;  */
		height: 100px;
		margin-bottom: 5px;
		}

/* ----------------------------------------------------------------*/
/*　　１−４.グローバルナビゲーション（メニューリンク）
/* ---------------------------------------------------------------*/

/* エリア外枠のスタイル */
#gNav 	{
		margin-bottom: 10px;
      	}

/* メニューリストを横並びにする */
#gNav ul{
		display: -webkit-flex;    /*  safari用 */
	 	display: flex;
		}

/* メニューリストを囲む枠 */
#gNav li{
		border-left  : 1px solid #008000;
		border-top   : 1px solid #008000;
		border-bottom: 1px solid #008000;
		height: 25px;
		text-align: center;
		width: 25%;
		list-style: none;
		margin-bottom: 3 px;
		}

/* 一番右のメニューリストのスタイル */
#gNav li:last-child {
		border-right: 1px solid #008000;
		}

/* メニューのリンクスタイル */
#gNav a {		color: #000000;
		display: block;
		font-size: 16px;
		line-height: 25px;
		text-decoration: none;
		}

/* メニューにマウスを乗せたときのスタイル */
#gNav a:hover {
		background-color: #ff8856;
		}

/* 現在のページのメニュースタイル */
#gNav /current-menu-item a, #gNav .current-menu-item a span {
		background-color: #2AA8E5	;
		color: #fffffff;
		}

/* ---------------------------------------------------------------*/
/*　　１−５．フッター
/* ---------------------------------------------------------------*/

#footer1 {
		text-align: center;
		display: block;
		}

/* ---------------------------------------------------------------*/
/*２．トップページ専用スタイル
/* ---------------------------------------------------------------*/

/*更新情報*/
#news li {
		border-bottom: 2px dotted #aaaaaa;
		padding: 0.1em;	
		font-size: 16px;
		}

#basyo-narabi {
		display: -webkit-flex;    /*  safari用 */
 		display: flex;
		margin-bottom: 15px;
		} 

#koshin-joho { 
		width: 30%;
		height:360px;
		padding: 0 0px;
		color: #000000;
		}

#stage img {
		width:650px;
		height: 360px;
		}

/*メイン画像の自動切り替わり作業　*/

#stage {
		width:70%;
		height:360px;
		padding: 0 0px; 
		position: relative;
		top: 0px;
		left: 20px;
		}

#photo1,#photo2,#photo3,#photo4,#photo5 {
		position: absolute;
		top: 0px;
		left: 0px;
		}

#photo1 img,#photo2 img,#photo3 img,#photo4 img,#photo5 img {
	    opacity:0;
    	-moz-animation: imgTrans 30s infinite;
    	-webkit-animation: imgTrans 30s infinite;
    	animation: imgTrans 30s infinite;
		}
		
#photo1 img {
    	-moz-animation-delay: 0s;
    	-webkit-animation-delay: 0s;
    	animation-delay: 0s;
		}
		
#photo2 img {
    	-moz-animation-delay: 6s;
    	-webkit-animation-delay: 6s;
    	animation-delay: 6s;
		}
		
#photo3 img {
	    -moz-animation-delay: 12s;
    	-webkit-animation-delay: 12s;
    	animation-delay: 12s;
		}
		
#photo4 img{
    	-moz-animation-delay: 18s;
    	-webkit-animation-delay: 18s;
    	animation-delay: 18s;
		}
		
#photo5 img {
    	-moz-animation-delay: 24s;
    	-webkit-animation-delay: 24s;
    	animation-delay: 24s;
		}
		
#photo6 img {
    	-moz-animation-delay: 30s;
    	-webkit-animation-delay: 30s;
    	animation-delay: 30s;
		}
		
@-webkit-keyframes imgTrans {
 		0% { opacity:0; }
 		5% { opacity:1; }
 		20% { opacity:1; }
 		25% { opacity:0; } 
 		100% { opacity:0; }
		}
		
@-moz-keyframes imgTrans {
 		0% { opacity:0; }
 		5% { opacity:1; }
 		20% { opacity:1; }
 		25% { opacity:0; } 
 		100% { opacity:0; }
		}
		
@keyframes imgTrans {
 		0% { opacity:0; }
 		5% { opacity:1; }
 		20% { opacity:1; }
 		25% { opacity:0; } 
 		100% { opacity:0; }
		}


#rinen-narabi {
		display: -webkit-flex;    /*  safari用 */
 		display: flex;
		}

#rinen { 
		width: 60%;
		height:220px;
		border-left  : 1px solid #7dceec;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 10px;
		margin-right: 10px;
		margin-bottom: 15px;
		}

.rinen-c { 
		width: 40%;
		height:220px;
		padding: 0 0px;
		margin-bottom: 15px;
		}

/* 稽古風景を横並びにする */
#keiko-fuukei { 
		display: -webkit-flex;     /*safari用*/
		display: flex;
		}

/*�E稽古風景のボックス*/
.keiko1 {
		padding: 0 25px; margin-bottom: 40px; 
		}



/*稽古場所等の横並び*/
#basyo-narabi {
		display: -webkit-flex;    /*  safari用 */
		display: flex;
		margin-bottom: 3px;
		}

#basyo-narabi h2 {
		text-align: center
		}

.bbs 	{
		width: 33.3%;
		height:330px;
		padding: 0 3px;
		border-right:  1px solid #7dceec;
		border-left  : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		margin-bottom: 15px;
		}

#kyositu h2 {
		background-color: #D2691E;
		color: #ffffff;}



#saki 	{
		border-right : 1px solid #7dceec;
		}

/*�F稽古風景の見出し*/
.keiko h2 {
		text-align: center;
		}

/*�G稽古風景の画像*/

#keiko-narabi {
		display: -webkit-flex;     /*  safari用 */
		display: flex;
	/*  自動的折り返し指定 */
		-webkit-flex-wrap: wrap;   /*  safari用 */
		flex-wrap: wrap;
		}

/*  50％にして余白をとると1列にしかならないための処理 */
.keiko-c {
		width: 49%;
		}

.keiko { 
		padding: 0 4px;
		margin-bottom: 20px;
		}

.keiko img {
		width: 100%;
		}


.link-x{
		text-align: center;
		width: 80%;
		height:100px;
		padding: 3px;
		border-left  : 5px solid #191970;
		border-right : 5px solid #191970;
		border-top   : 5px solid #191970;
		border-bottom: 5px solid #191970;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 22px;
		margin-right: 22px;
		border-radius: 10%;
		box-shadow: 10px 10px 0px 0px #2F4F4F; 
		}

.link-10 {
		background-image:url(img/wakaba2.png) ;
		}






/* ---------------------------------------------------------------*/
/*３．お知らせ・トピックス専用スタイル
/* ---------------------------------------------------------------*/

#topix-narabi-2mai {
		display: -webkit-flex;     /*  safari用 */
		display: flex;
	/*  自動的折り返し指定 */
		-webkit-flex-wrap: wrap;   /*  safari用 */
		flex-wrap: wrap;
		}

/*  50％にして余白をとると1列にしかならないための処理 */


#topix-narabi {
		display: -webkit-flex;    /*  safari用 */
 		display: flex;
 		margin-left  : 15px;
		margin-bottom: 15px;
		} 

.topix-c{
		width: 33.3%;
/*		height:250px;  */
		padding: 0 3px;
		margin-bottom: 15px;
		}


#topix-narabi h2 {
		text-align: center
		}

.topix-c img {
		width: 100%;
		height: 220px;
		}

#topix-record {
		margin-bottom: 5px;
		}


.topix-c h2 {
		background-color: #2e8b87;
		}
		
#camp-narabi {
		display: -webkit-flex;    /*  safari用 */
 		display: flex;
		}

#camp { 
		width: 60%;
		height:270px;
		border-left  : 1px solid #7dceec;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 10px;
		margin-right: 10px;
		margin-bottom: 15px;
		}

.camp-c { 
		width: 40%;
		height:270px;
		padding: 0 0px;
		margin-bottom: 15px;
		}
		
/*
/* ---------------------------------------------------------------*/
/*スケジュール専用スタイル
/* ---------------------------------------------------------------*/

.schedule-c img {
		width: 100%;
		height:30px;
		}

#schedule-narabi {
		display: -webkit-flex;    /*  safari用 */
 		display: flex;
		}

#schedule { 
		width: 60%;
		height:300px;
		border-left  : 1px solid #7dceec;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 10px;
		margin-right: 10px;
		margin-bottom: 15px;
		}

.kotoba-c { 
		width: 40%;
		height:300px;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 0px;
		margin-bottom: 15px;
		}

#schedule-wide { 
		width: 60%;
		height:540px;
		border-left  : 1px solid #7dceec;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 10px;
		margin-right: 10px;
		margin-bottom: 15px;
		}

.kotoba-c-wide { 
		width: 40%;
		height:540px;
		border-right : 1px solid #7dceec;
		border-bottom: 1px solid #7dceec;
		padding: 0 0px;
		margin-bottom: 15px;
		}


#rinen2-r-photo { 
		width: 100%;
		height:210px;
		padding: 0 0px;
		margin-bottom: 15px;
		}



/*
/* ---------------------------------------------------------------*/
/*大会・審査専用スタイル
/* ---------------------------------------------------------------*/



/*
/* ---------------------------------------------------------------*/
/*指導員紹介専用スタイル
/* ---------------------------------------------------------------*/
/*
/*横並び＆自動的折り返し指定*/

#member-narabi {
		display: -webkit-flex;     /*  safari用 */
		display: flex;
		-webkit-flex-wrap: wrap;   /*  safari用 */
		flex-wrap: wrap;
		}

.tea-chil-c {
		margin-bottom: 20px;
		}

.tea-chil-c h2 {
		background-color: #228b22;
		}



#member-narabi h2 {
		text-align: center;
		border-radius: 25%;
		}

.member-c{
		width: 32%;
		height:130px;
		padding: 0 3px;
		border-left  : 2px solid #7dceec;
		border-right : 2px solid #7dceec;
		border-bottom: 2px solid #7dceec;
		margin-bottom: 15px;
		border-radius: 20%;
		}

.adult h2 {
		background-color: #2e8b87;
		}

.teacher h2 {
		background-color: #0000cd;
		}

.child h2 {
		background-color: #D2691E;
		}

/* ---------------------------------------------------------------*/
/*過去の写真専用スタイル
/* ---------------------------------------------------------------*/
/*
/* ---------------------------------------------------------------*/
/*リンク集専用スタイル
/* ---------------------------------------------------------------*/


#link-narabi {
		display: -webkit-flex;     /*  safari用 */
		display: flex;
		-webkit-flex-wrap: wrap;   /*  safari用 */
		flex-wrap: wrap;
		}

.link-cc {
		margin-bottom: 20px;
		}

.link-c{
		text-align: center;
		width: 27%;
		height:200px;
		padding: 3px;
		border-left  : 5px solid #191970;
		border-right : 5px solid #191970;
		border-top   : 5px solid #191970;
		border-bottom: 5px solid #191970;
		margin-top: 20px;
		margin-bottom: 20px;
		margin-left: 22px;
		margin-right: 22px;
		border-radius: 50%;
		box-shadow: 10px 10px 0px 0px #2F4F4F; 
					}

.link-1 {
		background-image:url(img/bike.gif) ;
		}

.link-2 {
		background-image:url(img/keiko.gif) ;
		}

.link-3 {
		background-image:url(img/bougu1.gif) ;
		}

.link-4 {
		background-image:url(img/pink.gif) ;
		}

.link-5 {
		background-image:url(img/dansi.gif) ;
		}

.link-6 {
		background-image:url(img/josi.gif) ;
		}

.link-7 {
		background-image:url(img/cut-033-color.gif) ;
		}

.link-8 {
		background-image:url(img/cut-kendoukun3.gif) ;
		}

.link-9 {
		background-image:url(img/cut-168-color5.gif) ;
		}

		
.link-c a{
		color: #FF4F02;
		display: block;
		font-size: 20px;
		line-height: 200px;
		font-weight: bold;
		text-decoration: none;
		}



/* ---------------------------------------------------------------*/
/*
/* ---------------------------------------------------------------*/
/*
/* ---------------------------------------------------------------*/
/*
/* ---------------------------------------------------------------*/