/* -----------------------------  */ 
/*      NumataFC 用 CSS           */ 
/* -----------------------------  */ 
/* ボックスサイズの計算方法を指定 */
* {
   box-sizing: border-box;
}


/* ページ全体の基本スタイル */
body {
	color: #4d4d4d;
	font-size: 13px;
	font-family: メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height: 1.6;
}


/* 全体枠 */ 
div#contents{
   width:1050px;
   margin:0 0 0px 10px;
   border: 1px solid #000000;
   border-collapse: collapse;
}

div#contents2{
   width:1050px;
   margin:0 0 0px 10px;
   border: 1px solid #000000;
   padding: 20px;
   border-collapse: collapse;
}


/* -----------------------------  */ 
/*           トップ（共通）       */ 
/* -----------------------------  */ 
div#top{
   width:1050px;
   height:98px;
   margin:0 0 0px 10px;
   background-image:url(NFClogo.gif);
   background-repeat:repeat-x;
}

/* -----------------------------  */ 
/*           ナビ（共通）         */ 
/*                                */
/*   グローバルナビゲーション     */
/* ------------------------------ */

/* エリア外枠のスタイル */
#gNav {
	margin: 0 auto;
}

/* メニューリストを囲む枠 */
#gNav ul {
	display: -webkit-flex;	/* safari用 */
	display: flex;
}

/* メニューリストの共通スタイル */
#gNav li {
	border-right: 1px solid #7dceec;
	height: 30px;
	text-align: center;
	width: 12.5%;
	border-collapse: collapse;
}

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

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

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

/* メニューの英文字スタイル */
#gNav a span {
	color: #007de1;
	display: block;
	font-family: arial;
	font-size: 10px;
}

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

/* -----------------------------  */ 
/*     フッダー用（共通）         */ 
/* -----------------------------  */ 
div#Navi{
   width:1050px;
   margin:0 0 0 10px;
   border: 1px solid #000000;
   border-collapse:collapse;
   background-color : #FFFACD;
   border-collapse: collapse;
}

ul#mainNavi li{
   float: left;
   width: 130px;
   padding: 0;
   text-align: center;
   list-style-type: none;
   font-size: 70%;
}
/* clearfix */ 
ul#mainNavi:after{
  display:block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}
ul#mainNavi{
  display: inline-block;
}

/* ----------------------------------  */ 
/*  フッダー割付用テーブル（罫線透明） */ 
/* ----------------------------------  */ 
#infoTable{
	width:100%;
	margin:0 auto;
	border-collapse:collapse;
}
#infoTable th{
	padding:10px;
	width:25%;
	font-weight:normal;
	text-align:left;
}
#infoTable td{
	border:1px;
	padding:10px;
}



/* □□□□□□□□□□□□□□□□  */ 
/*    １　ホームページ専用           */ 
/* □□□□□□□□□□□□□□□□  */ 

/* -----------------------------  */ 
/*           三段組み構成         */ 
/* -----------------------------  */ 
/* 左側 */ 
div#leftArea{
   float: left;
   width: 190px;
   background-color : #FFFACD;
   border: 1px solid #000000;
   padding:0 2px 0 2px;
   border-collapse: collapse;
}

/* 中央 */ 
div#middleArea{
   float: left;
   width: 600px;
   padding-left: 30px;
   text-align:center;
}

/* 右側 */ 
div#rightArea{
   float: right;
   width: 210px;
}

/* 右側予定表 */ 
div#yotei{
   width: 210px;
   background-color : #afeeee;
   padding-left: 10px;
   padding-right: 5px;
}

/* 解除 */ 
.clearfix:after{
  display:block;
  clear: both;
  height: 0;
  line-height: 0;
  visibility: hidden;
  content: ".";
  font-size: 0.1em;
}
.clearfix{
  display: inline-block;
}

/* -------------------------------  */ 
/*  What's New テーブル（罫線透明） */ 
/* -------------------------------  */ 
#WNTable{
	width:95%;
	margin:0 auto;
	border-collapse:collapse;
}
#WNTable th{
	padding:10px;
	width:25%;
	font-weight:normal;
	text-align:center;
}
#WNTable td{
	border:0px;
	padding:4px;
}



/* -----------------------------  */ 
/*  テーブル（背景：白　枠線：細）*/ 
/* -----------------------------  */ 
#formTable2{
	width:60%;
	margin:0 auto;
	border-collapse:collapse;
}
#formTable2 th{
	border:1px solid #ccc;
	padding:10px;
	width:25%;
	font-weight:normal;
	background:#efefef;
	text-align:left;
}
#formTable2 td{
	border:1px solid #ccc;
	padding:10px;
}
/* --------formtable2 終了--- */ 


/* リンクの基本スタイル */
a {
	color: #0000ff;
	transition: 0.5s;
	text-decoration:none;
}
}

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


h1{
   font-size:30px
}
h2{
   font-size:20px;
}
h3{
   font-size:15px
}
h4{
   font-size:10px
}

h5{
	border-left:5px solid #cccccc;
	border-right:5px solid #cccccc;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;
	padding:0px 0 0px 0px;
    font-size:30px
}
h6{
	border-left:5px solid #cccccc;
	border-right:5px solid #cccccc;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;
	padding:0px 0 0px 0px;
    font-size:20px
}
h7{
	border-left:5px solid #cccccc;
	border-right:5px solid #cccccc;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;
	padding:0px 0 0px 0px;
    font-size:15px
}
h8{
	border-left:5px solid #cccccc;
	border-right:5px solid #cccccc;
	border-top:5px solid #cccccc;
	border-bottom:5px solid #cccccc;
	padding:0px 0 0px 0px;
    font-size:10px
}
h9{
   font-size:10px
}
.midbold{
   text-align:center;
   clear:both
}

.fit_left{
	float:left;
	margin:0 20px 0 0;
}

.left {
	float: left;
	margin-right:10px;
}

.right {
	float: right;
	margin-right:10px;
}

.blinkS2 {
  animation: blinkAnimeS2 2s infinite alternate;
}
@keyframes blinkAnimeS2{
   0%{ color : blue;   background:white }
 100%{ color : white; background:blue   }
}

/* -----------------------------  */ 
/*          カレンダー枠          */
/* -----------------------------  */ 

#calendar2{
	margin: 0 auto;
	width: 100%;
   background-color : #FFFFFF;
}


/* □□□□□□□□□□□□□□□□  */ 
/*    ２　ＮＦＣページ専用       */ 
/* □□□□□□□□□□□□□□□□  */ 

#nfcTable{
	width:100%;
	margin:0px 20px 0px 20px;
	border-collapse:collapse;
}
#nfcTable th{
	padding:10px;
	width:25%;
	font-size: x-large;
	font-weight:normal;
	text-align:left;
}
#nfcTable td{
	border:1px;
	padding:3px;
	font-size: large;
}


#historyTable{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}
#historyTable th{
	border:2px solid #ccc;
	padding:10px;
/* 	width:30%; */ 
	font-weight:normal;
	background:#ffbf7f;
	text-align:center;
	font-size: large;
}
#historyTable td{
	border:2px solid #ccc;
	padding:10px;
	background:#ffe0c1;
}

#execTable{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}
#execTable th{
	border:2px solid #ccc;
	padding:10px;
/* 	width:30%; */ 
	font-weight:normal;
	background:#ffbf7f;
	text-align:center;
	font-size: large;
}
#execTable td{
	border:2px solid #ccc;
	padding:10px;
	background:#ffe0c1;
	font-size: large;
}

/* □□□□□□□□□□□□□□□□  */ 
/*    　３　練習案内ページ専用       */ 
/* □□□□□□□□□□□□□□□□  */ 
/* -----------------------------  */ 
/*           二段組み構成         */ 
/* -----------------------------  */ 
/* 左側 */ 
div#leftArea2{
   float: left;
   width: 550px;
   border: 0px solid #000000;
   padding:10px 10px 10px 10px;
   margin: 0 20px 0 0;
   border-collapse: collapse
}

/* 右側 */ 
div#rightArea2{
   float: right;
   width: 420px;
   padding:10px 10px 10px 0px;
   text-align: left;
}


#trainingTable{
	width:90%;
	margin:0 auto;
	border-collapse:collapse;
}
#trainingTable th{
	border:2px solid #ccc;
	padding:10px;
	width:10%;
	font-weight:normal;
	background:#7fff7f;
	text-align:center;
}
#trainingTable td{
	border:2px solid #ccc;
	padding:10px;
	background:#ccff99;
}

/* -----------------------------  */ 
/*          google map  枠        */
/* -----------------------------  */ 

/* マップ用枠 */
#map {
	margin: 0 auto;
	width: 90%;
}

/* □□□□□□□□□□□□□□□□  */ 
/*    ４　会員情報用ページ専用       */ 
/* □□□□□□□□□□□□□□□□  */ 

/* ---二段組み ------------------  */ 
div#contents2{
   width:1050px;
   margin:0px 0px 0px 10px;
   border: 1px solid #000000;
   padding: 0px;
   border-collapse: collapse;
}

/* 左側 */ 
div#Member_leftArea{
   float: left;
   width: 700px;
   border: 0px solid #000000;
   padding:30px 30px;
   border-collapse: collapse
}

/* 右側 */ 
div#Member_rightArea{
   float: right;
   width: 348px;
   padding:0px 0px;
  /* text-align: center; */ 
}

/* --------パスワード枠--- */ 
div#pass_container{
   width:348px;
   margin:0px 0px 0px 0px;
   /* border: 0px solid #000000;  */ 
   padding: 10px 0px;
   border-collapse: collapse;
   background-color : #191970;
   color: white;
   text-align: center; 
}

#passTable{
	width:280px;
	margin: 0px 20px 0px 20px;
}
#passTable th{
	border:1px solid #ccc;
	padding:5px;
	width:60%;
   color: black;
	font-weight:normal;
   background-color : #7FFF00;
	text-align:center;
	vertical-align:middle;
}
#passTable td{
	border:1px solid #ccc;
	padding:5px;
	text-align:left;
}
/* --------- */ 

/* □□□□□□□□□□□□□□□□□□  */ 
/*   ５　競技会案内・結果ページ専用      */ 
/* □□□□□□□□□□□□□□□□□□  */ 
/* -----------------------------  */ 
/*  テーブル（背景：空色　枠線：細　字体：太）*/ 
/* -----------------------------  */ 
#formTable{
	width:95%;
	margin:0 auto;
}
#formTable th{
	border:2px solid #ccc;
	padding:10px;
/* 	width:20%;  */ 
	font-weight:bold;
	background:#7fffff;
	text-align:center;
	vertical-align:middle;
}
#formTable td{
	border:2px solid #ccc;
	padding:10px;
	background:#d1ffff;
}
/* --------formtable 終了--- */ 

/* □□□□□□□□□□□□□□□□  */ 
/*    ７　コーチページ専用           */ 
/* □□□□□□□□□□□□□□□□  */ 

#CoachTable{
	width:95%;
	margin:0 auto;
}
#CoachTable th{
	border:2px solid #ccc;
	padding:10px;
	width:20%;
	font-weight:normal;
	background:#d7c447;
	font-size: 18px;
	text-align:center;
	vertical-align:middle;
}
#CoachTable td{
	border:2px solid #ccc;
	padding:10px;
}


/* □□□□□□□□□□□□□□□□  */ 
/*    ８　選手専用ページ専用         */ 
/* □□□□□□□□□□□□□□□□  */ 
#CoachTable2{
	width:95%;
	margin:0 auto;
}
#CoachTable2 th{
	border:2px solid #ccc;
	padding:10px;
	width:20%;
	font-weight:normal;
	background:#d7c447;
	font-size: 18px;
	text-align:left;
	vertical-align:middle;
}
#CoachTable2 td{
	border:2px solid #ccc;
	padding:10px;
}

.video{
  position:relative;
  width:100%;
  padding-top:56.25%;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}