@charset "utf-8";
/* CSS Document */


span.tuyo1{
    background: linear-gradient(transparent 60%, rgba(248, 168, 99, 0.49) 60%);
    font-size: 16pt;
    font-weight: bold;
}

span.ne{
    background-color: #fab478;
    font-size: 120%;
}
span.kuki{
    background-color: #78fa87;
    font-size: 120%;
}
span.hana{
    background-color: #fcaad9;
    font-size: 120%;
}
span.ha{
    background-color: #c8fa78;
    font-size: 120%;
}
span.josou{
    background-color: #f5fa78;
    font-size: 120%;
}

span.F{
    background-color: rgba(83, 239, 113, 0.51);
    font-size: 150%;
    display: inline-block;
    width: 40px;
    text-align: center;
}
span.I{
    background-color: rgba(239, 137, 83, 0.51);
    font-size: 150%;
    display: inline-block;
    width: 40px;
    text-align: center;
}
span.T{
    background-color: rgba(239, 239, 83, 0.51);
    font-size: 150%;
    display: inline-block;
    width: 40px;
    text-align: center;
}
span.N{
    background-color: rgba(83, 239, 239, 0.5);
    font-size: 150%;
    display: inline-block;
    width: 40px;
    text-align: center;
}
span.M{
    background-color: rgba(125, 83, 239, 0.51);
    font-size: 150%;
    display: inline-block;
    width: 40px;
    text-align: center;
}

.k1{
border: 2px solid #800000;
font-weight: bold;
font-size: 18pt;
padding: 5px;
}
span.k2{
border-bottom: 2px solid #1cb110; font-size: 120%;
}
span.k3{
background: linear-gradient(transparent 60%, #ffff66 60%);
}
li.teigi{
margin-bottom: 25px;
}


.kyousei {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: black;
    background: #ffeaea;
    box-shadow: 0px 0px 0px 10px #ffeaea;
    border: dashed 2px #ffc3c3;
    border-radius: 8px;
}
.kyousei p {
    margin: 0; 
    padding: 0;
}
.kyousei-b {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    color: black;
    background: #eaf0ff;
    box-shadow: 0px 0px 0px 10px #eaf0ff;
    border: dashed 2px #c3d8ff;
    border-radius: 8px;
}
.kyousei-b p {
    margin: 0; 
    padding: 0;
}
.think {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: black;
}
.think:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #e6f4ff;
    width: 0;
    height: 0;
}
.think-middle {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: black;
}
.think-middle:after {
    position: absolute;
    top: 100%;
    left: 30px;
    
    width: 0;
    height: 0;
}
.think-middle p {
    margin: 0; 
    padding: 0;
}

.inyou {
    position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #ebffe6;
    color: black;
}
.inyou:after {
    position: absolute;
    top: 100%;
    left: 30px;
    
    width: 0;
    height: 0;
}
.inyou p {
    margin: 0; 
    padding: 0;
}

.pankuzu{
    font-size: 18pt;
    font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-weight: 500;
}


.att1 {
  padding-left: 1em;
  text-indent: -1em;
}
.att2 {
  padding-left: 2em;
  text-indent: -2em;
}
.att3 {
  padding-left: 3em;
  text-indent: -3em;
}
.att4 {
  padding-left: 4em;
  text-indent: -4em;
}
.att5 {
  padding-left: 5em;
  text-indent: -5em;
}
.att6 {
  padding-left: 6em;
  text-indent: -6em;
}
.att7 {
  padding-left: 7em;
  text-indent: -7em;
}
.att9 {
    padding-left: 9em;
    text-indent: -9em;
}
.att15 {
    padding-left: 15em;
    text-indent: -15em;
}


.fb{
	margin-left:50px;
}

body{
	background-color: #f6fbf3;
	margin:0px;
	font-size:14pt;
	font-family: "メイリオ", sans-serif;
    
}
.main{
	background-color:#F9FCFC;
	margin: 0 auto;
}
.banner1{
	background-color:#E1F0F0;
	border-style:solid;
	border-collapse: collapse;
	border-color:brack;
}
.banner1-small{
	line-height:40px;
	font-size:10pt;
}
.banner1-big{
	font-size:20pt;
	line-height:40px;
}



.midasi{
	margin-top:17px;
	margin-bottom:20px;
}



.zukan{
	background-color:#ffebde;
}
table.zukan1{
	border: 3px solid #ffebde;
	border-collapse:collapse;
	width: 210px;
}
table.zukan1-2{
	border: 3px solid #ffebde;
	border-collapse:collapse;
	width: 424px;
}
table.zukan1-4{
	border: 3px solid #ffebde;
	border-collapse:collapse;
	width: 852px;
}
tr.zukan4{
	height: 150px;
}
img.zukan5{
	width: 200px;
}
td.zukan2{
	background-color: #ffebde;
}
td.zukan3{
	background-color: #fdfffe;
}







a.b1-this:link {
background-color :#fad8a0;
color:#3366ff;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-this:visited {
background-color :#fad8a0;
color:#3366ff;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-this:active {
background-color :#fad8a0;
color:#3366ff;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-this:hover {
text-decoration:none;
background-color :#fad8a0;
color:#3366ff;
display:block;width:100%;height:100%;
}

a.b1-link:link {
background-color :#f4e1c1;
color:#1111cc;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-link:visited {
background-color :#f4e1c1;
color:#1111cc;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-link:active {
background-color :#fad8a0;
color:#1111cc;
display:block;width:100%;height:100%;
text-decoration:none;
}
a.b1-link:hover {
text-decoration:none;
background-color :#fad8a0;
color:#3366ff;
display:block;width:100%;height:100%;
}




.menu{
	font-size:25px;
	line-height:50px;

}
.menu-small{
	font-size:20px;
	line-height:70px;
    font-weight: bold;
	
}
.menu-small-e{
    font-size:18px;
    line-height:30px;
    font-weight: bold;
}
.menu-small-e2{
    font-size:18px;
    line-height:60px;
    font-weight: bold;
}
.small{
    font-size: 16px;
}






html {
  overflow-y:scroll;
}

table.main{border-collapse:collapse;}
th,td.main{padding:0;}
td.setsumei1{
    background-color: #f6fbf3;
}
td.top{
    background-color: #F9FCFC;
}
td.footer{
	background-color:#F0F0F0;
	padding-top:10px;
	padding-bottom:10px;
}
.footer-top{
	margin-top:10px;
}

.banner{
margin-bottom: 0px;
}

/*リンクの文字色*/
a.moji:link {
text-decoration:underline;
color:#1111cc;
}
a.moji:visited {
text-decoration:underline;
color:#1111cc;
}
a.moji:active {
color:#1111cc;
}
a.moji:hover {
text-decoration:none;
color:#3366ff;
}


.mojiookiku{
font-size: 130%;
}


span.honbun{
	/*行間間隔の指定*/
  line-height: 190%;
}
div.honbunhonbun{
	margin-right : 60px ;
	margin-left:60px;
}

hr.footer{
	border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;
	border-color:#000000;
	width:1000px;
}


h1{
background: #e0f2b0;
box-shadow: 0px 0px 0px 5px #d4ef8b;
border: dashed 1px #96c2fe;
padding: 0.2em 0.5em;
color: black;
font-family: "Yu Gothic";

}

h1.learning{
	color:#000080;
	font-size:30pt;
	margin-left:0px;
	margin-top:30px;
	text-shadow:2px 2px 3px #d1d1d1;
	display:inline;	
	padding-bottom: 20px;
}



h4{
    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ddd;
    font-size:22px;
    margin-right: 300px;
}


.uekomidasi{
	font-size:23px;
}

.table1{
    border-collapse: collapse;
    border: 2px solid #000;
}
.table1 .kisu {
    background-color: #fcf4e0;
}
.table1 .gusu {
    background-color: #eefcee;
}
.table1 thead {
    background-color: #e0f8fc;
    
}
.table1 td,th {
    padding: 5px;
}



.video {
    position:relative;
    padding:0 0 10px 20px;
    border-bottom:3px solid #ffe6e6;
    font-size:22px;
    margin-right: 300px;    
}
.video .h{
    font-size: 16px;
    font-weight: normal;
}