@charset "UTF-8" ;


*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/* ボディ */
body
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 1.618 ;	/* 行の高さ */
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}

/*リンク関係*/
a { text-decoration: none; 
    color:0066cc;
    font-style:normal;
}

a:visited {/*訪問後の色*/
    text-decoration:none;
    color:#696969;
    text-decoration:none;
}
a:hover {/*カーソルを合わせたときの色*/
    color:#336699;
    font-style:normal;
    text-decoration:underline;
}
a:active {/*クリック中の色*/
    text-decoration:none;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ボディ */
	body
	{
		font-size: 13px ;	/* 文字サイズ */
	}
}

/* ヘッダー */
.header
{
	border-bottom:  solid #888 ;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	padding: 1em 0 ;			/* 上下の余白 */
	margin-bottom: 2em ;			/* 他のブロックとのスペース */
	background: #e8e8e8 ;			/* 背景色(確認用) */
	font-size: 20px ;	/* 文字サイズ */
}

/* ヘッダー 単語用*/
.tangoheader
{
	border-bottom: 3px solid #888 ;		/* 枠線 */
	text-align: center ;			/* テキスト、画像の真ん中寄せ */
	padding: 1.3em 0 ;			/* 上下の余白 */
    margin-bottom: 10px;
	background: #e8e8e8 ;			/* 背景色(確認用) */
	font-size: 20px ;	/* 文字サイズ */
}

.content {/* フッターを常に下に*/
  min-height: calc(100vh - 60px);
}

/*ドロワーcss*/
/* :::::: toggle button :::::: */
 
#navTgl {
  display: none;
}
 
label.opensquare,
label.close {
  cursor: pointer;
  position: fixed;
  top: 0;
  left: 0;
}
 
.opensquare {
  z-index: 2;
  width: 50px;
  height: 50px;
  color: white;
  background-color: lightSeaGreen;
  font-size: 2em;
  line-height: 50px;
  text-align: center;
  -webkit-transition: background-color .6s, -webkit-transform .6s;
  transition: background-color .6s, transform .6s;
}
 
#navTgl:checked + .opensquare {
  background-color: indianRed;
  -webkit-transform: translateX(250px);
  transform: translateX(250px);
}
 
.close {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  transition: background-color .6s;
}
 
#navTgl:checked ~ .close {
  pointer-events: auto;
  background-color: rgba(0,0,0,.3);
}
 
/* :::::: drawer menu :::::: */
 
.menu {
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  background-color: rgba(0,0,0,.6);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform .6s;
  transition: transform .6s;
}
 
#navTgl:checked ~ .menu {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
 
.menu p,
.menu li a {
  color: white;
}
 
.menu p {
  text-align: center;
}
 
.menu ul {
  padding: 0;
  list-style-type:none;
}
 
.menu li {
  border-bottom: 1px solid rgba(255,255,255,.6);
  font-size: .8em;
  line-height: 1.4;
}
 
.menu li:first-child {
  border-top: 1px solid rgba(255,255,255,.6);
}
 
.menu li a {
  display: block;
  padding: 1em 2em;
  text-decoration: none;
  transition: background-color .6s;
}
 
.menu li a:hover {
  background-color: black;
}


/* アコ */
ul li {
  list-style: none;
  cursor:pointer;
}

.closed{
  display: none;
}

/* 行全体にリンク */
a.widelink { display: block; }

/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{
	/* ヘッダー */
	.header
	{
		font-size: 15px ;	/* 文字サイズ */
	}
}


	/* テスト対策の地図問題の画像をはみださせない */
img {
max-width : 100% ;
height : auto ;
}

/* ロゴ画像を囲むh1 */
.logo-wrapper
{
	margin: 0 ;
	padding: 0 ;
	line-height: 1.5 ;
}

/* ロゴ画像 */
.logo
{
	width: 400px ;
	height: auto ;
}

/* 講師近影 */
.kousiphoto
{
	width: 300px ;
	height: auto ;
	float:right;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
}

/* ホーム写真 */
.homephoto
{
	width: 200px ;
	height: auto ;
	float:left;
	margin-left: 20px;
	margin-right: 20px;
}


/* 桜イラスト */
.sakura
{
	width: 168px ;
	height: auto ;
	float:right;

}

/* フォント１５px */
.font15
{
	font-size: 15px;
}

/* フォント１９px */
.font19
{
	font-size: 19px;
}


/* アドレスロゴ */
.addresslogo
{
	width: 400px ;
    display: block;
    margin: 0px auto;
}

.addresslogo2
{
	width: 100% ;
	height: auto ;
	float:none;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}


/* 夏冬期講習カリキュラム */
.calilogo
{
	width: 618px ;
	height: auto ;
    display: block;
    margin: 0px auto;
}


/* 地図 */
.map
{
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: -3em;
	width: 400px ;
	height: auto ;
}

/* カレンダー */
.calendar
{
	width: 560px ;
	height: 500px ;
    display: block;
    margin: 0px auto;
}

/* 鳥さん */
.birdcentering
{
    text-align: center;
    height: 160px;
	padding: 50px 0px 50px 20px ;		/* 余白 */
}

/* 文字に青い蛍光ペン */
.keikou {
  background: linear-gradient(transparent 70%, #a8eaff 50%);
  }

/* 文字にピンク蛍光ペン */
.keikoupink {
  background: linear-gradient(transparent 70%, #ff99ab 50%);
  }

/* 6文字あける */
.left6em {
  margin-left: 6.3em;
  }

/* 文字に青い蛍光ペン */
.keikouF {
  background-color: beige;
  border: 2px solid #4169e1; border-color: green;
  border-radius: 10px;
  }



/* アコ */

.displayNone {
display: none;
}
.accordion li {
border-bottom: 1px solid #ccc;
padding: 10px;
}
.accordion a {
display: block;
}
.contentWrap {
margin: 10px;
font-size: 20px;
}
.switch {
cursor:pointer;
padding:0px 10px 10px 10px;
font-size: 20px;
background: #fff;

position: relative;
}


/* 個別イラスト */
.illust1
{
	width: 120px ;
	height: auto ;
	float:right;
	margin-top: 80px;
	margin-left: 20px;
	margin-right: 80px;
}
/* 土曜テストイラスト */
.illust2
{
	width: 140px ;
	height: auto ;
	float:right;
	margin-left: 5px;
	margin-right: 40px;
	margin-bottom: 20px;
}
/* バインダー写真 */
.binder
{
	width: 200px ;
	height: auto ;
	float:right;
	margin-left: 5px;
	margin-right: 40px;
	margin-bottom: 20px;
}
/* 自習室写真 */
.jishusitu
{
	width: 300px ;
	height: auto ;
	float:right;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
}
/* タブレット写真 */
.tablet
{
	width: 300px ;
	height: auto ;
	float:none;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 1em;
}

.mosikimini
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 14px ;	/* 文字サイズ */
	line-height: 3 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
}

.saijukuwa
{
	margin: 0 ;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 0 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
}

.midashi
{
	margin-left: 15px;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 3 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	font-weight: bold; 
}

.daishibo
{

	font-size: 16px ;	/* 文字サイズ */
	line-height: 2 ;	/* 行の高さ */
}

.about
{
	margin: 32 ;		/* スペース */
	padding: 0px 0px 0px 20px ;		/* 余白 */
	font-size: 20px ;	/* 文字サイズ */
	line-height: 3 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #399900 ;
}

/* 緑字の見出し */
.green-index
{
	margin: 32 ;		/* スペース */
	padding: 0px 0px 0px 20px ;		/* 余白 */
	font-size: 20px ;	/* 文字サイズ */
	line-height: 1 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #399900 ;
}

/* ルビ付きテキスト全体 */
ruby {
    display: inline-table;
    margin: 0;
    padding: 0;
    border: none;
    white-space: nowrap;
    vertical-align: text-bottom;
    text-decoration: inherit;
    text-align: center;
    line-height: 100%;
    }

/* 下線 */
.kasen {text-decoration: underline;}



/* ルビ */
ruby>rt {
    display: table-header-group;
    height: 25%;
    margin: 0;
    padding: 0 0.125em;
    border: none;
    font: inherit;
    font-size: 70%;
    text-align: center;
    line-height: 1em;
    }

/* 非対応環境向け括弧類 */
ruby>rp {
    display: none;
    }

.yaku/* 和訳 */
{
	margin: 32 ;		/* スペース */
	padding: 15px 0px 15px 20px ;		/* 余白 */
	font-size: 20px ;	/* 文字サイズ */
	line-height: 2 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #000 ;
}


.thanks
{
	margin: 32 ;		/* スペース */
	padding: 50px 0px 50px 20px ;		/* 余白 */
	font-size: 20px ;	/* 文字サイズ */
	line-height: 3 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #399900 ;
}


.date		/* テキスト右寄せ */
{

    text-align: right;
	margin-right: 15px;		/* スペース */
}

.centering		/* センタリング */
{
    text-align: center;
}

.centeringb		/* センタリングして大きく */
{
    text-align: center;
    font-size: 20px;
}

.centeringc		/* センタリングしてやや大きく */
{
    text-align: center;
    font-size: 15px;
}


.rightb		/* 右寄せして大きく */
{
    text-align: right;
    font-size: 20px;
}

.rightc		/* 右寄せしてやや大きく */
{
    text-align: right;
    font-size: 15px;
}


.red		/* 赤文字大 */
{
    color: red;
    font-size: 17px;
}

.aka		/* 赤文字 */
{
    color: red;
}


.sugakured		/* 数学答え */
{
    color: red;
    font-size: 20px;
    margin-left: 10%;
}


.sugakured2		/* 数学答え */
{
    color: red;
    font-size: 20px;
}




.tangoblack		/* 単語答え */
{
    color: fff;
    font-size: 22px;
    margin-left: 10%;
}

.tangoblack20		/* 単語答え */
{
    color: fff;
    font-size: 20px;
padding:0px 30px 10px 10px;
}

.tangoblackb		/* 答え */
{
    color: fff;
    font-size: 18px;
    margin-left: 10%;
}
.tangoblackc		/* 英語基本問題答え、数学証明答え */
{
    color: fff;
    font-size: 18px;
    line-height: -0.5em;
}

.tangoblackd		/* 数学答え */
{
    color: fff;
    font-size: 20px;

}


.tangoblacke		/* 単語答え */
{
    color: fff;
    font-size: 20px;
    line-height: 2.5em;
}




.aka		/* 赤文字 */
{
    color: red;
}


.white		/* 白文字 */
{
    color: white;
}


.blue		/* 青文字 */
{
    color: blue;
    font-size: 15px;
}

.box2 {
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    color: #6091d3;/*文字色*/
    background: #FFF;
    border: solid 3px #6091d3;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin: 0; 
    padding: 0;
}

.box14{
    padding: 0.2em 0.5em;
    margin: 2em 2em;
    background: #d6ebff;
    box-shadow: 0px 0px 0px 10px #d6ebff;
    border: dashed 2px white;
}
.box14 p {
    margin: 0; 
    padding: 0;
}

.box14p{
    padding: 0.2em 0.5em;
    margin: 2em 2em;
    background: pink;
    box-shadow: 0px 0px 0px 10px pink;
    border: dashed 2px white;
}
.box14p p {
    margin: 0; 
    padding: 0;
}

.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #87CEEB;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 15px;
    background: #87CEEB;
    color: #000000;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

.boxp27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px pink;
}
.boxp27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 30px;
    vertical-align: middle;
    font-size: 18px;
    background: pink;
    color: #000000;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.boxp27 p {
    margin: 0; 
    padding: 0;
}



.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    font-size: 1.0em;
    padding: 15px 20px;
    margin: 0;
}



/* 円のあと */

.ato {
  display: inline-flex;
  margin-top: 1.5em;
}

/* 円の基本形 */

.maru {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
  

}


.circle {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  flex-flow: column wrap; 
  vertical-align: top;
  
transition:1.0s;
-moz-transition:3.0s;
-webkit-transition:1.0s;


}



.circle:hover {
 /* 変化後の色 */
 background: 	white;
 /* 回転させる */
 -moz-transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}


.size_normal{
  width: 60px;
  height: 60px;
}
.letter3 {
  font-size: 2em;
  line-height: 1.5em;
}
.letter4 {
  font-size: 2em;
  line-height: 1.5em;
  color: gray;
}
.letter5 {
  font-size: 1.7em;
  line-height: 1.5em;
}
.insatsu {
  font-size: 1.4em;
  line-height: 1.5em;
}


.letter_small {
  font-size: 0.9em;
  line-height: 0em;
  color: black;
}
.letter_middle {
  font-size: 1.1em;
  line-height: 1.4em;
  color: black;
}

.letter_large {
  font-size: 5em;
  line-height: 1em;
}
.pink1 {
  color: pink;
  border: 4px solid pink;
}

.pink2 {
  color: #fff;
  border: 4px solid pink;
  background: pink;
}

.sky1 {
  color: skyblue;
  border: 4px solid skyblue;
}

.sky2 {
  color: #fff;
  border: 4px solid skyblue;
  background: skyblue;
}


.beige1 {
  color: light beige;
  border: 4px solid beige;
}

.beige2 {
  color: #000;
  border: 4px solid beige;
  background: beige;

}


.mono1 {
  color: light beige;
  border: 4px solid #c0c0c0;
}



.leaf1 {
  color: green;
  border: 4px solid green;
}

.leaf2 {
  color: #fff;
  border: 4px solid green;
  background: green;
}

.w2 {
  color: #fff;
  border: 4px solid green;
  background: green;
}

.white1 {
  color: white;
  border: 4px solid white;
}



.site-logo {
 /* サイズ指定 */        
 width:175px;
 height:175px;
 /* 背景色 */
 background-color:#34ac98;
 /* 角を丸くする */
 border-radius: 50%;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
}

.site-info {
 padding-top:68px; /* 真ん中にまで文字を下ろす */
}

.site-logo h1,
.site-logo p {
 text-align: center; /* 中央寄せ */
 color: #fff; /* 文字を白色に */
 margin: 0; /* h1とpの余白をリセット */
}

/* あとは文字サイズや太字を指定 */
.site-logo h1 {font-size:20px;}
.site-logo p {font-size:10px; font-weight:bold;}



.site-logo {
/* ゆっくりと変化(1.0秒間) */
transition:1.0s;
-moz-transition:1.0s;
-webkit-transition:1.0s;
}

.site-logo:hover {
 /* 変化後の色 */
 background: #f83b66;
 /* 回転させる */
 -moz-transform: rotate(-360deg);
 -webkit-transform: rotate(-360deg);
 transform: rotate(-360deg);
}

 /* 印刷時の改ページ */
.page-break-before  {
page-break-before:always
}

 /* 印刷させない */
@media print{
#test {
	display:none;
	}
}


/* もんたメソッド */
.monta {
    background-color:#808080;
    color:#808080;
}

.monta:hover, .monta:active{
    background-color:#ffffff;
    color:#ff4500;
}


.box26 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}

.box26b {
    position: relative;
    margin: 2em 0;
    margin-bottom: 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26b .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #95ccff;
    font-weight: bold;
}
.box26b p {
    margin: 0; 
    padding: 0;
}
.box26c { /* 数学で使っている */
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.box26c .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    color: #4496d3;
    font-weight: bold;
}
.box26c p {
    margin: 0; 
    padding: 0;
    font-size: 18px;
}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #5fc2f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    padding: 15px 20px;
    margin: 0;
}


#pageTop {/* ページトップ */
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 6px 0 0 6px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9FD6D2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: left;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.bigblack		/* 黒文字大 */
{
	margin-top: 1em;
    color: black;
    font-size: 120%;
}

.redb		/* 赤文字大 */
{
    color: red;
    font-size: 20px;
    margin: 0;
}


/* 数学画像 */
.sugakugazo
{
	width: 120px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像b */
.sugakugazob
{
	width: 140px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像c */
.sugakugazoc
{
	width: 500px ;
	height: auto ;
	float:center;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像d */
.sugakugazod
{
	width: 530px ;
	height: auto ;
	float:center;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像e */
.sugakugazoe
{
	height: 310px ;
	width: auto ;
	float:center;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像f */
.sugakugazof
{
	width: 160px ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像g */
.sugakugazog
{
	width: 170px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像h */
.sugakugazoh
{
	width: 200px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像h2 */
.sugakugazoh2
{
	width: 220px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像h2 */
.sugakugazoh3
{
	width: 320px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像i */
.sugakugazoi
{
	width: 500px ;
	height: auto ;
	float:center;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像j */
.sugakugazoj
{
	width: 220px ;
	height: auto ;
	float:center;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像k */
.sugakugazok
{
	width: 40% ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像l */
.sugakugazol
{
	width: 60% ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像m */
.sugakugazom
{
	width: 60% ;
	height: auto ;
	float:center;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像m2 */
.sugakugazom2
{
	width: 45% ;
	height: auto ;
	float:center;
	margin-top: 0em;
	margin-left: 4em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像n */
.sugakugazon
{
	width: 48% ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像o */
.sugakugazoo
{
	width: 70% ;
	height: auto ;
	float:center;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像p */
.sugakugazop
{
	width: auto ;
	height: 180px ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像q */
.sugakugazoq
{
	width: 240px ;
	height: auto ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像r */
.sugakugazor
{
	width: auto ;
	height: 220px ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像s */
.sugakugazos
{
	width: 150px ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像t */
.sugakugazot
{
	width: auto ;
	height: 180px ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像t */
.sugakugazot
{
	width: 170px ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像u */
.sugakugazou
{
	width: 220px ;
	height: auto ;
	float:right;
	margin-top: 0.5em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像v */
.sugakugazov
{
	width: auto ;
	height: 180px ;
	float:right;
	margin-top: -2em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像w */
.sugakugazow
{
	width: auto ;
	height: 180px ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像x */
.sugakugazox
{
	width: 80% ;
	height: auto ;
	float:center;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像y */
.sugakugazoy
{
	width: 240px ;
	height: auto ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像z */
.sugakugazoz
{
	width: 240px ;
	height: auto ;
	float:right;
	margin-top: -2em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像aa */
.sugakugazoaa
{
	width: 280px ;
	height: auto ;
	float:right;
	margin-top: -2em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像ab */
.sugakugazoab
{
	width: 320px ;
	height: auto ;
	float:right;
	margin-top: -1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0.5em;
}

/* 数学画像ac */
.sugakugazoac
{
	width: auto ;
	height: 220px ;
	float:center;
	margin-top: -0.5em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像ad */
.sugakugazoad
{
	width: 37% ;
	height: auto ;
	float:center;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像ae */
.sugakugazoae
{
	width: auto ;
	height: 240px ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}

/* 数学画像af */
.sugakugazoaf
{
	width: auto ;
	height: 180px ;
	float:right;
	margin-top: 1em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}


/* 数学画像ag */
.sugakugazoag
{
	width: 38% ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}



/* 数学画像ah */
.sugakugazoah
{
	width: 55% ;
	height: auto ;
	float:right;
	margin-top: 0em;
	margin-left: 2em;
	margin-right: 1em;
	margin-bottom: 0em;
}




.tangoblack2		/* 英語で使う*/
{
    color: #4496d3;
    font-weight: bold;
    font-size: 20px;
    margin: 1.5em 0 -0.8em 0;
}
.blueb		/* 青文字中 */
{
    color: blue;
    font-size: 19px;
    margin: 0;
    font-weight: 500; 
}

.green		/* 緑文字大 */
{
    color: green;
    font-size: 20px;
    margin: 0;
}

.greenm		/* 緑文字中 */
{
    color: green;
    font-size: 19px;
    margin: 0;
    font-weight: 500; 
}
.greenbold		/* 英語訳 */
{
    color: green;
    font-size: 21px;
    margin: 0;
    font-weight: 500; 
}


.greens		/* 緑文字小 */
{
    color: green;
    font-size: 15px;
    margin: 0;
}

.mathbg-r		/* 青文字 */
{
    color: blue;
    font-size: 18px;
    margin: 0;
}


.redsmall		/* 赤文字小 */
{
    color: #ff6060;
    font-size: 14px;
}






.underpink {		/* 蛍光ピンク */
  background: linear-gradient(transparent 0, pink 0);
  }
.undergreen {		/* 蛍光緑 */
  background: linear-gradient(transparent 0, #8effa1 0);
  }
.undergray {		/* 蛍光グレイ */
  background: linear-gradient(transparent 0, #cfcfcf 0);
  }
.undersky {		/* 蛍光水色 */
  background: linear-gradient(transparent 0, #7fffff 0);
  }



table.sample1 {
width: 520px;
}

		/* お問い合わせのセル全体にリンクをかける */
table.Tbsample {
width: 300px;
}

table.Tbsample td {
width:100%;
line-height: 2.5em;
border: 1px solid #c7c7bc;
background-color: #ececec;
text-align: center;
vertical-align:middle;
font-size: 12px;
color: #93b881;
}

table.Tbsample td a {
display:block;
width:100%;
height:100%;
}
table.Tbsample td a:hover {
background-color: #d1ffa3;
}


.table-taiken	/* 体験授業の流れのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
}

.table-taiken td	/* 体験授業の流れのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#f5f5dc;
    font-size: 16px;
}

.menutable	/* メニューのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1;
}
.menutable td	/* メニューのテーブルのtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #f8f8ff;
    font-size: 12px;
}

.tangotale	/* 単語のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 20px;
    text-align: center;
    line-height: 1;
}


		/* 単語練習セル全体にリンクをかける */
table.Tangosample {
width:100%;
}

table.Tangosample td {
width:100%;
line-height: 2.5em;
border: 5px solid #c7c7bc;
background-color: #ffffff;
text-align: center;
vertical-align:middle;
font-size: 25px;
color: #000000;
}

table.Tangosample td a {
display:block;
width:100%;
height:100%;
}
table.Tangosample td a:hover {
background-color: #d1ffa3;
text-decoration: none;

}
#fontsize-80per {font-size: 80%; }
#fontsize-70per {font-size: 70%; }
#fontsize-60per {font-size: 60%; }
#fontsize-50per {font-size: 50%; }

#fontsize-18 {font-size: 18px; }
#fontsize-16 {font-size: 16px; }
#fontsize-14 {font-size: 14px; }


.eigosetsumei	/* 英語の解説のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
}

.eigosetsumei td	/* 体験授業の流れのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#f5f5dc;
}




		/* 理科セル全体にリンクをかける */
table.rika {
width:100%;
height: 100%;
font-family: "メイリオ",sans-serif;
}

table.rika td {
width:100%;
padding: 10px;
border: 1px solid #c7c7bc;
background-color: #ffffff;
text-align: left;
vertical-align:middle;
font-size: 18px;
color: #000000;
}

table.rika td a {
display:block;
width:100%;
}
table.rika td a:hover {
background-color: #d1ffa3;
text-decoration: none;
}

		/* 数学セル全体にリンクをかける */
table.sugaku {
margin-top: 50px;
margin-bottom: 50px;
width:100%;
height: 100%;
font-family: "メイリオ",sans-serif;
}

table.sugaku td {
width:100%;
border-collapse: separate;
background-color: #ffffff;
text-align: ;
vertical-align:middle;
font-size: 20px;
color: #000000;
}

table.sugaku td a {
display:block;
width:100%;
}
table.sugaku td a:hover {
background-color: #d1ffa3;
text-decoration: none;
}


		/* 使い方全体にリンクをかける */
table.howto1 {
width:100%;
height: 100%;
margin-top: 30px;
margin-bottom: 0px;

}

table.howto1 td {
width:100%;
border: 5px solid #c7c7bc;
background-color: #f5f5dc;
text-align: center;
vertical-align:middle;
font-size: 18px;
color: #000000;
border-radius: 8px;/*角の丸み*/
}

table.howto1 td a {
display:block;
width:100%;
}
table.howto1 td a:hover {
background-color: #d1ffa3;
text-decoration: none;
}

table.howto2 {
width:100%;
height: 100%;
margin-top: 0px;
margin-bottom: 0px;

}

table.howto2 td {
width:100%;
border: 5px solid #c7c7bc;
background-color: #f5f5dc;
text-align: center;
vertical-align:middle;
font-size: 18px;
color: #000000;
border-radius: 8px;/*角の丸み*/
}

table.howto2 td a {
display:block;
width:100%;
}
table.howto2 td a:hover {
background-color: #d1ffa3;
text-decoration: none;
}

table.howto3 {
width:100%;
height: 100%;
margin-top: 0px;
margin-bottom: 30px;

}

table.howto3 td {
width:100%;
border: 5px solid #c7c7bc;
background-color: #f5f5dc;
text-align: center;
vertical-align:middle;
font-size: 18px;
color: #000000;
border-radius: 8px;/*角の丸み*/
}

table.howto3 td a {
display:block;
width:100%;
}
table.howto3 td a:hover {
background-color: #d1ffa3;
text-decoration: none;
}







		/* 中間期末メニューセル全体にリンクをかける */
table.menusample {
width:100%;
}

table.menusample td {
width:100%;
line-height: 2.5em;
border: 5px solid #c7c7bc;
background-color: #ffffff;
text-align: center;
vertical-align:middle;
font-size: 20px;
color: #000000;
}

table.menusample td a {
display:block;
width:100%;
height:100%;
}
table.menusample td a:hover {
background-color: #d1ffa3;
text-decoration: none;

}

.tablechukima
{
    width: 100%;
    margin-bottom: 15px;

}



#fontsize-130per {font-size: 130%; }
#fontsize-80per {font-size: 80%; }
#fontsize-70per {font-size: 70%; }
#fontsize-60per {font-size: 60%; }
#fontsize-50per {font-size: 50%; }

#fontsize-18 {font-size: 18px; }
#fontsize-16 {font-size: 16px; }
#fontsize-14 {font-size: 14px; }





.table-co	/* コースメニューのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 1px;
    text-align: center;
    line-height: 1.8;
}



.table-co td	/* コースメニューのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#99ccff;
    font-size: 16px;
}




.tableyajirusi	/* 単語テストの矢印 */
{
    width: 100%;
    margin:5px;
}


#fontsize16 {font-size: 16px; }





.table-testgreen	/* 定期テスト対策メニューのテーブルのtd深緑 */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#006633;
    font-size: 16px;
    color: white;
}

.table-sp	/* コースのテーブル */
{
    width: 100%;
    border-collapse: separate;
    text-align: left;
    line-height: 2;
    
}
.table-sp th	/* コースのテーブルのth */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #eee;
    font-size: 13px;
border: 1px solid #ccc;
}
.table-sp td	/* コースのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fff;
    font-size: 13px;
    border: 1px solid #ccc;
}


.table-sp2	/* コースのテーブルその2 */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
}
.table-sp2 th	/* コースのテーブルのthその2 */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fff;
    font-size: 13px;
        border: 1px solid #ccc;
}
.table-sp2 td	/* コースのテーブルのtdその2 */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fff;
    font-size: 14px;
    border: 1px solid #ccc;

}






.table-testmenu	/* テスト対策メニューの最初のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    empty-cells: hide; /* 空っぽのセルの枠線・背景を消す場合 */
}

.table-testmenu td	/* テスト対策メニュー最初のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #e6e6fa;
    font-size: 15px;
}


.table-testmenub	/* 理科の遺伝のところで使いました */
{
    width: 100%;

    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    empty-cells: hide; /* 空っぽのセルの枠線・背景を消す場合 */
}

.table-testmenub th	/* 理科の遺伝のところで使いました */
{
    width: 33%;
    border: 2px solid blue;
    padding: 10px 10px;
    vertical-align: center;
    background: #e6e6fa;
    font-size: 22px;
}


.table-testmenub td	/* 理科の遺伝のところで使いました */
{
    width: 17%;
    border: 2px solid blue;
    vertical-align: center;
    background: white;
    font-size: 18px;
}

      *.sub/* 化学式で使います */
      {
         /* 下付 */
         font-size: 0.8em;
         position: relative;
         top: 0.4em;
      }
      *.sup
      {
         /* 上付（イオン価数） */
         font-size: 0.8em;
         position: relative;
         top: -0.6em;
      }
      
      *.ion
      {
         /* 下付＋イオン価数 */
         font-size: 0.8em;
         position: relative;
         top: -0.6em;
         left: -0.6em;
      }
*.leftarrow
{
   position: relative;
   top: -0.3em;
   left: 0.4em;
}
*.rightarrow
{
   position: relative;
   top: 0.3em;
   right: 0.4em;
}

.sugaku1-11/* 数学で使いました */
{
	width: auto ;
	height: auto ;
	float:none;
	margin-top: 2em;
	margin-left: 2em;
	margin-bottom: 2em;
}

.sugaku1-20/* 数学で使いました */
{
	width: 50% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}


.sugaku1-21/* 数学で使いました */
{
	width: auto ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
}

.sugaku1-22/* 数学で使いました */
{
	width: 40% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}


.sugaku1-23/* 数学で使いました */
{
	width: 29% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.sugaku1-24/* 数学で使いました */
{
	width: 35% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.sugaku1-25/* 数学で使いました */
{
	width: auto ;
	height: 30% ;
	float:center;
	margin-left: 20px;
}

.sugaku1-26/* 数学で使いました */
{
	width: 28% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.sugaku1-27/* 数学で使いました */
{
	width: auto ;
	height: auto ;
	margin-left: 20px;
	margin-bottom: 10px;
}

.sugaku1-28/* 数学で使いました */
{
	width: 60% ;
	height: auto ;
	margin-left: 20px;
	margin-bottom: 10px;
}


.sugaku1-29/* 数学で使いました */
{
	width: 80% ;
	height: auto ;
	margin-left: 20px;
	margin-bottom: 10px;
}


.sugaku1-30/* 数学で使いました */
{
	width: 40% ;
	height: auto ;
	float:right;
	margin-left: 20px;
}


.sugaku1-31/* 数学で使いました */
{
	width: 80% ;
	height: auto ;
	margin-left: 20px;
}


.sugaku1-32/* 数学で使いました */
{
	width: 40% ;
	height: auto ;
	margin-left: 20px;
	margin-bottom: 10px;
}


.sugaku1-33/* 数学で使いました */
{
	width: 60% ;
	float:right;
	height: auto ;
	margin-left: 20px;
	margin-bottom: 10px;
}


.table-testmenuc	/* 歴史で使いました */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    empty-cells: hide; /* 空っぽのセルの枠線・背景を消す場合 */
}

.table-testmenuc td	/* 歴史で使いました */
{
    padding: 10px 10px;
    vertical-align: center;
    background: #e6e6fa;
    font-size: 15px;
}


.table-testmenud	/* 公民で使いました */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    empty-cells: hide; /* 空っぽのセルの枠線・背景を消す場合 */
}

.table-testmenud td	/* 公民で使いました */
{
    padding: 10px 10px;
    vertical-align: center;
    background: white;
    font-size: 15px;
    border: 1px solid #ccc;
}

.table-testmenue	/* 公民で使いました */
{
    width: 95%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    empty-cells: hide; /* 空っぽのセルの枠線・背景を消す場合 */
    border: 1px solid #ccc;
    margin: 1em;
}

.table-testmenue th	/* 公民で使いました */
{
    padding: 10px 10px;
    vertical-align: center;
    background: white;
    font-size: 15px;
    border: 1px solid #ccc;

}

.table-testmenue td	/* 公民で使いました */
{
    padding: 10px 10px;
    vertical-align: center;
    background: white;
    font-size: 15px;
    border: 1px solid #ccc;
    text-align: left;

}


.table-testgreen	/* 定期テスト対策メニューのテーブル深緑 */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1;
}

.table-testgreen	/* 定期テスト対策メニューのテーブルのtd深緑 */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#006633;
    color: white;
}


.table-testmenu2	/* テスト対策メニューの２番目のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1;
    
}

.table-testmenu2 td	/* テスト対策メニューの２番目のテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#f5deb3;
}


.table-testtaisaku	/* テスト対策メニューの英語のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
    border: solid #008080;
}
.table-testtaisaku th	/* テスト対策メニューの英語のテーブルのth */
{
    width: 10%;
    padding: 10px 10px;
    vertical-align: cener;
    background: #ffeddb;
    font-size: 13px;
    text-align: center;
}
.table-testtaisaku td	/* テスト対策メニューの英語のテーブルのtd */
{
    width: 30%;
    padding: 0px 0px;
    vertical-align:left;
    font-size: 15px;
    text-align: left;
        border: solid #f5f5f5;
}

.table-testupdate	/* テスト対策のアップデートのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 1;
}
.table-testupdate th	/* テスト対策のアップデートのテーブルのth */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    font-size: 15px;
    text-align: center;
}
.table-testupdate td	/* テスト対策のアップデートのテーブルtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #ffeddb;
    font-size: 15px;
    text-align: center;
}

.table-eitango51	/* 英単語ユニットごとにと５１用のテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
    border: solid #008080;
}
.table-eitango51 th	/* 英単語ユニットごとにと５１用のテーブルのth */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #ffeddb;
    font-size: 15px;
    text-align: center;
}
.table-eitango51 td	/* 英単語ユニットごとにと５１用のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 15px;
    text-align: left;
        border: solid #f5f5f5;
}


.table-testshakai	/* 社会テスト対策のテーブル */
{
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    border: solid #87CEEB;
    margin-bottom: 2em;
}
.table-testshakai th	/* 社会テスト対策のテーブルのth */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #d8ffb2;
    font-size: 15px;
    text-align: center;
}
.table-testshakai td	/* 社会テスト対策のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 15px;
    text-align: left;
    border: solid #f5f5f5;
}


.table-choeitango51	/* 超英単語51のテーブル */
{
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    border: solid #87CEEB;
}
.table-choeitango51 th	/* 理科テスト対策のテーブルのth */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #ffffe0;
    font-size: 15px;
    text-align: center;
}
.table-choeitango51 td	/* 理科テスト対策のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 13px;
    text-align: left;
    border: solid #87CEEB;
}


.table-testsugaku	/* 数学テスト対策のテーブル */
{
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    border: solid #87CEEB;

}
.table-testsugaku th	/* 数学テスト対策のテーブルのth */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #afeeee;
    font-size: 15px;
    text-align: center;
}
.table-testsugaku td	/* 数学テスト対策のテーブルのtd */
{
    width: auto
    padding: 10px 10px;
    vertical-align: top;
    font-size: 18px;
    text-align: left;
    border: solid #f5f5f5;
}



.table-testrika	/* 理科テスト対策のテーブル */
{
    width: 100%;
    border-radius: 10px;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 2;
    border: solid #87CEEB;
    margin-bottom: 2em;
}
.table-testrika th	/* 理科テスト対策のテーブルのth */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #ffffe0;
    font-size: 15px;
    text-align: center;
}
.table-testrika td	/* 理科テスト対策のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 15px;
    text-align: left;
    border: solid #f5f5f5;
}



.table-testmenushakai	/* 社会のテスト対策メニューのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1;
}

.table-testmenushakai td	/* 社会のテスト対策メニューのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#93b881;
    font-size: 16px;
    
}


.table-testmenurika	/* 理科のテスト対策メニューのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: center;
    line-height: 1;
}

.table-testmenurika td	/* 理科のテスト対策メニューのテーブルのtd */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background:#fafad2;
    font-size: 16px;
    
}






.table-testupdateshakai	/* テスト対策の社会のアップデートのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 1;
}
.table-testupdateshakai th	/* テスト対策の社会のアップデートのテーブルのth */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #eaffd6;
    font-size: 13px;
    text-align: center;
}
.table-testupdateshakai td	/* テスト対策の社会のアップデートのテーブルtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #eaffd6;
    font-size: 15px;
    text-align: center;
}

.table-testupdaterika	/* テスト対策の理科のアップデートのテーブル */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 1;
}
.table-testupdaterika th	/* テスト対策の理科のアップデートのテーブルのth */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fafad2;
    font-size: 13px;
    text-align: center;
}
.table-testupdaterika td	/* テスト対策の理科のアップデートのテーブルtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fafad2;
    font-size: 15px;
    text-align: center;
}



/* テスト対策の問題用のテーブル */
table#structure-c{
    background-color:#8db4e2;
    width:320px;
    text-align:left;
    line-height: 1.4;
    margin:0px auto;
    border-width:0px;
    border-style:solid;
}

/*テスト対策の問題用のテーブル*/
#table-h{
    width:300px;
    display: block;
    margin: 0px auto;
    border-collapse:collapse;
    border-spacing:0;
    background-color:#f5f5f5;
    empty-cells:show;
}

/*テスト対策の問題用のテーブル*/
#table-b{
    width:620px;
    margin:0px 0px 5px 5px;
    border-collapse:collapse;
    border-spacing:0;
    text-align: center;
    empty-cells:show;
}


table#structure-b{/*テスト対策の地図問題用のテーブル*/
    background-color:#FFFFFF;
    width:640px;
    text-align:center;
    line-height: 1.5;
    margin:0px auto;
    border-width:1px;
    border-style:solid;
}
/*テスト対策の問題用のテーブル*/
#table-c{
    width:580px;
    margin:20px 0px 20px 0px;
    border-collapse:collapse;
    border-spacing:0;
    text-align: center;
    empty-cells:show;
    font-size: 13px;
}


/*よくある質問のテーブル*/
.table-faq
{
    width:100%;
    margin-top:10px; 
    border-collapse: separate;
    border-spacing: 3px;
    border-color:#6699cc;
    border-width:2px;
    border-style:solid;
    line-height: 2;
    font-size:15px;/*文字の大きさ*/
}
.table-faq th	/* よくある質問のth */
{
    width: 100%;
    padding: 10px 10px 10px 30px;
    vertical-align: center;
    background: #e6e6fa;
    font-size: 13px;
    text-align: left; 
}
.table-faq td	/* よくある質問のtd */
{
    width: 100%;
    padding: 10px 10px 10px 30px;
    vertical-align: center;
    font-size: 13px;
}

/*卒業生からのお便りのテーブル*/
.table-letter
{
    width:100%;
    margin-top:10px; 
    border-collapse: separate;
    border-spacing: 3px;
    border-color:#6699cc;
    border-width:2px;
    border-style:solid;
    line-height: 3;
    font-size:15px;/*文字の大きさ*/
}
.table-letter th	/* 卒業生からのお便りのth */
{
    width: 100%;
    padding: 0px 0px 50px 60px;
    vertical-align: center;
    background: #fffaf0;
    font-size: 14px;
    text-align: left; 
}
.table-letter td	/* 卒業生からのお便りのtd */
{
    width: 100%;
    padding: 10px 10px 10px 30px;
    vertical-align: center;
    font-size: 13px;
}

.table-mokuji	/* 目次 */
{
    width: 100%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
}
.table-mokuji th	/* 目次のth */
{
    width: 60%;
    padding: 10px 10px;
    vertical-align: center;
    font-size: 16px;
    text-align: left;
}

.table-mokuji td	/* 目次 */
{
    width: 40%;
    padding: 0px 0px;
    vertical-align: center;
    text-align: right;
}



.abouttestmenu
{
    width:100%;
    margin-top:40px; 
    margin-bottom:0px; 
    font-size:15px;/*文字の大きさ*/
}




@media screen and (max-width: 479px) {
.table-sp,
.table-sp tbody,
.table-sp thead,
.table-sp tr,
.table-sp td,
.table-sp th {display:block;}

.table-sp th {width:auto;}
}
}









/*アバウトの見出し*/
.aboutmidasi
{
	margin-left: 32px;		/* スペース */
	padding: 0 ;		/* 余白 */
	font-size: 15px ;	/* 文字サイズ */
	line-height: 3 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	font-weight: bold; 
	color: #399900;
}


/* スマホだけに適用するCSS */
@media screen and (max-width:479px)
{


.sugaku1-21/* 数学で使いました */
{
	width: 50% ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-bottom: 10px;
}


	/* ロゴ画像 */
	.logo
	{
		width: 200px ;
	}
	.homephoto
    {
	width: 200px ;
	height: auto ;
	float:right;
	margin-left: 25px;
	margin-right: 5px;
	}
	
    /* アドレスロゴ */
    .addresslogo
   {
    display: block;
 margin-left: auto;
 margin-right: auto;
	width: 300px ;
	height: auto ;

}
    /* お問い合わせのアドレスロゴ */
.addresslogo2
{
	width: 300px ;
	height: auto ;
	float:left;
	margin-left: 20px;
	margin-right: 20px;
}


    /* 地図 */
    .map
{
 display: block;
 margin-left: auto;
 margin-right: auto;
 margin-top: -1em;
	width: 300px ;
	height: auto ;

}

/* カレンダー */
   .calendar
{
	width: 300px ;
	height: 400px ;
    display: block;
    margin: 0px auto;
}

/* もし君に */
	.mosikimini
{
	margin-left: 10px;		/* スペース */
	margin-bottom: 10px;
	padding: 0 ;		/* 余白 */
	font-size: 13px ;	/* 文字サイズ */
	line-height: 2.5 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
}
/* 講師近影 */
.kousiphoto
{
	width: 170px ;
	height: auto ;
	float:right;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}
/* 個別イラスト */
.illust1
{
	width: 120px ;
	height: auto ;
	float:right;
	margin-left: 20px;
	margin-right: 20px;
}
/* 土曜テストイラスト */
.illust2
{
	width: 140px ;
	height: auto ;
	float:right;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
}
.about
{
	margin: 32 ;		/* スペース */
	padding: 0px 0px 0px 1em ;		/* 余白 */
	font-size: 14px ;	/* 文字サイズ */
	line-height: 2 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #399900 ;
}
.table-eitango51 td	/* 英単語ユニットごとにと５１用のテーブルのtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 12px;
    text-align: left;
	font-family: "Hiragino Kaku Gothic Pro",Arial; 
}
.table-testtaisaku td	/* テスト対策メニューの英語のテーブルのtd */
{
    width: 30%;
    padding: 0px 0px;
    vertical-align: center;

    font-size: 12px;
    text-align: left;
}
.table-testmenu td	/* テスト対策メニュー最初のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: center;
    background: #e6e6fa;
    font-size: 12px;
}
.table-testupdate th	/* テスト対策のアップデートのテーブルのth */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    font-size: 12px;
    text-align: center;
}
.table-testupdate td	/* テスト対策のアップデートのテーブルtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #ffeddb;
    font-size: 12px;
    text-align: center;
}

.table-testshakai td	/* 社会テスト対策のテーブルのtd */
{
    width: 33%;
    padding: 10px 10px;
    vertical-align: top;
    font-size: 12px;
    text-align: left;
}
.table-testupdateshakai td	/* テスト対策の社会のアップデートのテーブルtd */
{
    width: 25%;
    padding: 10px 10px;
    vertical-align: center;
    background: #eaffd6;
    font-size: 12px;
    text-align: center;
}
.table-mokuji	/* 目次 */
{
    width: 95%;
    border-collapse: separate;
    border-spacing: 3px;
    text-align: left;
    line-height: 2;
}
.addresslogo2
{
	width: 400px ;
	height: auto ;
	float:none;
	margin-left: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
}
.daishibo
{
	font-size: 15px ;	/* 文字サイズ */
	line-height: 2.4 ;	/* 行の高さ */
}
/* 自習室写真 */
.jishusitu
{
	width: 200px ;
	height: auto ;
	float:right;
	margin-left: 1em;
	margin-right: 1em;
	margin-bottom: 1em;
}
/* バインダー写真 */
.binder
{
	width: 150px ;
	height: auto ;
	float:right;
	margin-left: 5px;
	margin-right: 20px;
	margin-bottom: 10px;
}
.table-letter th	/* 卒業生からのお便りのth */
{
    width: 100%;
    padding: 0px 0px 30px 10px;
    vertical-align: center;
    background: #fffaf0;
    font-size: 13px;
    text-align: left; 
}
/* 緑字の見出し */
.green-index
{
	margin: 32 ;		/* スペース */
	padding: 0px 0px 0px 20px ;		/* 余白 */
	font-size: 16px ;	/* 文字サイズ */
	line-height: 1 ;	/* 行の高さ */
	font-family: "メイリオ",sans-serif; 
	color: #399900 ;
}

/* 桜イラスト */
.sakura
{
	width: 112px ;
	height: auto ;
	float:right;

}




}
	
/* ---------------------------------------------------------------------------------------------

　   FOOTER

--------------------------------------------------------------------------------------------- */
#footer {
  background-image: linear-gradient(-20deg, #fff 0%, #87CEEB 100%);
  font-size: 14px;
  margin-top: 1em ;
}
.f_logo,.f_logo p {
  text-align: center;
}
.copy {
  text-align: center;
}
@media only screen and ( max-width : 768px ) {
  #footer {
    padding: 40px 0;
    margin-top: 1em ;
  }
  .f_logo {
    padding: 0 20px;
    text-align: center;
  }
  .f_logo p {
    text-align: center;
  }
  .f_logo img {
    margin-bottom: 20px;
    width: 150px;
  }
}

@media only screen and ( max-width : 480px ) {
}

@media print, screen and ( min-width : 769px ) {
  #footer {
    padding: 30px 0;
  }
  .f_logo {
  }
  .f_logo img {
    margin-bottom: 20px;
    width: 200px;
  }
  .f_logo {
  }
  .copy {
  }
}


/* 全体(デスクトップPCとスマホ)に適用するCSS */
.wrapper
{
	width: 660px ;
	margin: 0 auto ;		/* 左右に[auto]を指定することで、真ん中に寄る */
	padding: 0 ;			/* 上下左右の余白を0にしておく */
}

/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;
	}
}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	width: 660px ;
	padding: 20px,20px,20px,40px ;					/* 上下左右に20pxの余白 */

}


/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	.main
	{
		width: auto ;
		padding: 0 ;		/* 余白 */
		border: none ;		/* 枠線 */
	}

}

/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}



/* スマホだけに適用するCSS */
@media screen and (max-width:768px)
{
	.main
	{
		float: none ;
	}

.table-sp2 td	/* コースのテーブルのtdその2 */
{
    width: 100%;
    padding: 10px 10px;
    vertical-align: center;
    background: #fff;
    font-size: 12px;
    border: 1px solid #ccc;

}

.wrapper
{
	overflow: hidden ;

}

}


<!--
#imgbox_left{
width:auto;
float:left;
margin-right:20px;
position:relative;
}
#imgbox_right{
width:auto;
float:right;
margin-right:10px;
margin-left:20px;
position:relative;
}
.comment{
font-size : 12px;
color : #808000;
}
-->