@charset "utf-8";


/* -- ▼基本設定  -- */

body {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
	font-size: 16px;
	font-family: "メイリオ","Hiragino Kaku Gothic Pro",sans-serif;
	line-height: 1.5;
	background-color:#ffc1c1;
	}


/* -- ▼container -- */

#container {
	
	display: flex; /* 子要素をflexboxで揃える */
	flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	justify-content: center; /* 子要素をflexboxにより中央に配置する */
	align-items: center;  /* 子要素をflexboxにより中央に配置する */
	
	background-color: #fff0c2;
	}




/*-- ▼header_box --*/

.header_footer_box {
	width: 900px;
	margin: 10px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px/10px;
	}


/*-- ▼info_box --*/

.info_box {
	position: relative;
	margin: 2em 0;
	padding: 0.5em 1em;
	border: solid 3px #0D1FFF;
	background-color: #FFF;
	}

.info_box .box-title {
 	position: absolute;
 	display: inline-block;
 	top: -27px;
 	left: -3px;
	 padding: 0 9px;
	 height: 25px;
 	line-height: 25px;
 	vertical-align: middle;
 	font-size: 17px;
 	background: #0D1FFF;
	 color: #FFF;
 	font-weight: bold;
	 border-radius: 5px 5px 0 0;
	}

.info_box p {
	margin: 0; 
	padding: 0;
	}


/*-- ▼box_1 --*/

.box_1 {
	display: table;
	width: 960px;
	margin: 10px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px/10px;
	}


/*-- ▼box_2 --*/

.box_2 {
	display: table;
	width: 480px;
	margin: 10px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px/10px;	
	}


/*-- ▼box_3 --*/

.box_3 {
	display: table;
	width: 240px;
	margin: 10px;
	padding: 10px;
	background-color: #fff;
	border-radius: 10px/10px;
	}



/*-- ▼img_box --*/
/*-- ▼text_box --*/

.li box,
.img_box {
	display: table-cell;
	vertical-align: center;}


.text_box {
	display: table-cell;
	width: 800px;
	padding: 0 1em 0;
	text-align: left;
	vertical-align: top;
	}




/* -- ▼ヘッダー -- */

header {
	color: #fff;
	padding: 0.5em;
	background-color: #0099ff;
	background-image: url(index.html);
	background-repeat: no-repeat;
	}


/* ▼フッター */

footer {
	color: #ffffff;
	padding: 0.5em;
	background-color: #0099ff;
	background-image: url(image/index.html);
	background-repeat: no-repeat;
	line-height: 1.2;}



/* ▼ヘッダーナビ */

ul.gh_nav {
	display:table;
	table-layout: fixed;
	width: 80%;
	color: #ffffff;
	background-color: #0099ff;
	border-top: solid 1px #ffffff
	border-bottom: solid 1px #ffffff}

ul.gh_nav li  {
	display: table-cell;
	padding: 5px 10px;
	border-left: solid 5px #ffffff;
	vertical-align: middle;
	text-align: center;
	list-style-type: none;}

ul.gh_nav a:link {
	color: #ffffff;
	text-decoration:none;}

ul.gh_nav a:visited {
	color: #ffffff;}

ul.gh_nav a:hover {
	color: #fff;
	background-color:#ccffff;
	}



/* ▼フッターナビ */

ul.gf_nav {
	display: table;
	table-layout: fixed;
	width: 60%;
	color: #ffffff;
	background-color: #0099ff;
	border-top: solid 1px #ffffff
	border-bottom: solid 1px #ffffff}

ul.gf_nav li  {
	display: table-cell;
	padding: 5px 10px;
	border-left: dotted 5px #ffffff;
	vertical-align: middle;
	text-align: center;
	list-style-type: none;}

ul.gf_nav a:link {
	color: #ffffff;
	text-decoration:none;}

ul.gf_nav a:visited {
	color: #ffffff;}

ul.gf_nav a:hover {
	color: #ffffff;
	background-color:#ccffff;}

/* ▲フッターナビ */




/* ▼セレクタ */
/* ID */

/* 料金表ページ */

#course-70,#course-90,#course-120,#course-sports {
	width: 80%;
	margin: 10px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 10px/10px;
	}











/* ▼テーブル */
/* ▼汎用テーブル */

table {	
	border: solid 1px #0000ff; /* blue */
	}

th  {
	padding: 5px;
	border: none;
	background-color: #00ffff; /* cyan */
	}

td  {	padding: 5px;
	border: none;
	background-color: #99ffff;
	}




/* ▼料金テーブル */

table.ryoukin {
	
	border: solid 1px #0000ff; /* blue */
	}

table.ryoukin th {
	width: 220px;
	padding: 5px;
	border: none;
	background-color: #00ffff; /* cyan */
	}

table.ryoukin td {
	padding: 5px;
	border: none;
	background-color: #99ffff;
	}




/* ▼院長テーブル */

table.inchou {
	border: solid 1px #0000ff; /* blue */
	}

table.inchou th {
	width:100px;
	padding: 5px;
	border: none;
	background-color: #00ffff;  /* cyan */
	}

table.inchou td {
	padding: 5px;
	border: none;
	background-color: #99ffff; /* Electric Blue */
	}




/* ▼装飾･配置 */

h1 {font-size: 16px;}

h2 {
	color: #B2B209;
	font-size: 16px;}

h3 {font-size: 16px;}

p.bold {color: #33CC33";
	　font: bold/16px Verdana,"メイリオ",sans-serif;}

p {line-height: 1.2;}


/* ▼inline */

.innai_table {display: table;}


.kyoutyou {color: #33CC33";}  /* 文字をグリーンで大きく */