@charset "utf-8";

/* ver.10.1.15 モバイルサイト用/

/* 初期化
----------------------------------------------------------------*/
* { padding:0; margin:0; }
div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,select,input,
p,blockquote,table,th,td { padding:0; margin:0; }
h1,h2,h3,h4,h5,h6, { font-size:12px; line-height:22px;  }
th,td { text-align:left; vertical-align:top; }
textarea { resize:none; } /* Safari */
img { vertical-align:top; border:0px; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
/*fire fix用*/
a {
outline: none;
color:#338ccc;
}

img {
max-width: 100%;
height: auto;
width:auto;　
}




/* html/body設定
----------------------------------------------------------------*/
html {
	color:#333333;
	
		}
body {
	font-size:100%;
	
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding:0;
	margin:0;
		}



/* ラッパー
----------------------------------------------------------------*/
.wrapper {
	width:100%;
	
		}

/* コンテナ
----------------------------------------------------------------*/
.container {
width:100%;
margin:0;
background-color:#FFF;
position:relative;
}

/* ヘッダ
----------------------------------------------------------------*/
.header{
	
position:relative;
	height:60px;
	background-color:#FFF;
	width:100%;

	margin:0 auto;
	background:url(img/eigotop.jpg);
	background-repeat:no-repeat;
	background-size:75%;
	background-position:150px 3px;
	}




.logo a{
	background-image:url(img/eigologo.jpg);
	background-repeat:no-repeat;
	
	background-position:0 5px;
	display:block;
	width:500px;
	height:70px;
	text-indent:-9999px;
	background-size:80%;
}




/* パンクズリスト
----------------------------------------------------------------*/
.pan {
	width:630px;
	height:15px;
	font-size: 12px;
	color:#333333;
	padding-top:3px;
	
	margin-bottom:0;
	text-indent:30px;
	
			
}


.pan a{
	color:#0099FF;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	padding:2px 5px 2px 5px;
		}


	
.pan a:hover {
	color: #FFCC00;
}





.topmob {
position:fixed;
bottom:20px;
right:8px;
z-index:999;
}



.menu {border-radius: 50%;
box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.5);
background-color:#FFF;
width:60px;
	height:60px;}


.menu a {
 
position:relative;
top:1px;
left:11px;

width:40px;
	
	font-size:60%;
	color:#666;
	text-decoration:none;
}

.menu a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f0c9';
  font-weight: 900;
  display:block;
  font-size:3.8em;
  color:#666;
 position:relative;
top:8px;
}


/* 横ナビ水色
----------------------------------------------------------------*/
.yna	{
	display:none;	
	}












/* メインコンテナ
----------------------------------------------------------------*/
.main_container {
background-color:#F6E7D2;
width:100%;
padding-top:10px;
		}

/* メインカラム
----------------------------------------------------------------*/
.main_column {
    width:100%;
	
					}






/* コンテンツカラム
----------------------------------------------------------------*/
.content {
	
	zoom:1; /* IE6,7(hasLayout) */
	width:90%;
	
	margin:8px auto;
	padding:5px 5px;
	background-color:#FFF;
	border:1px solid #CCC;
	
  border-radius: 3px;
			}




.section {
 margin:5px 20px 20px 20px;
	}
.section p{
font-size:105%;
padding-top:3px;
margin-top:2px;
line-height:170%;
}

p.pt0{
padding-top:0;
margin-top:0;
line-height:22px;
}

.section p.red0 {
font-size:105%;
padding-top:10px;
margin-top:10px;
line-height:10px;
color:#F33;
font-weight:bold;
}


.section a{
font-size:110%;
}



.section ul{
font-size:14px;
line-height:20px;
}





/* H各種
----------------------------------------------------------------*/
h1{
	width:92%;
     position: relative;
     color: white;
     padding:0.3em 0.5em 0.3em 1.5em;
     background-color: #4B7ABD;
     border-radius: 3px;
	 font-size:150%;
	 clear:both;
	 margin-top:10px;
	 margin-left:4px;
	 
}
 
h1::after {
     position: absolute;
     top: 50%;
     left:0.7em;
     transform:translateY(-50%);
     content: '';
     width: 8px;
     height:25px;
     background-color:#FFF;
}


h2 {
  padding-bottom: .3em;
  padding-left:6px;
  border-bottom: 5px solid #FC3;
  display: inline-block;
	clear:both;
	font-size:120%;
	margin-top:15px 0 20px 20px;
	margin-left:15px;
	
	
}
h2:first-letter {
  margin-right: .1em;
  font-size: 1.5em;
}

h3{
font-size:15px;
line-height:25px;
margin:5px 0 0 16px;
padding-left:7px;
clear:both;
font-weight:bold;
border-left:12px solid #F60;
}


/* 詳細はこちらから矢印
----------------------------------------------------------------*/
.mark a{
	width:91%;
	display: inline-block;
    padding: 0.3em 0.6em;
    text-decoration:none;
font-weight:bold;
    background: #5AA421;/*ボタン色*/
    color: #FFF;
    border-bottom: solid 4px #2E6F2F;
    border-radius: 3px;
	
	margin:15px 0 10px 0;
	text-align:center;
}

.mark a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight:900;
  /*display:block;*/
  font-size:1.2em;
  color:#FFF;
 position:relative;
  top:1px;
  left:2%;
  
}

.mark a:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
	margin-bottom:4px;
}

.markr  a{
	width:80%;
	
    display:block;
    padding: 0.5em 0.8em;
    text-decoration: none;
	text-align:center;
    background: #60BCFE;
    color: #FFF;
    
    border-radius: 4px;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);
	margin:10px auto;
	font-size:110%;
	font-weight:bold;
	clear:both;
}

.markr a:before {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight:900;
  /*display:block;*/
  font-size:1em;
  color:#FFF;
 position:relative;
  top:1px;
  left:-4px;
  
}

.markr a:active {/*ボタンを押したとき*/
    -ms-transform: translateY(4px);
    -webkit-transform: translateY(4px);
    transform: translateY(4px);/*下に動く*/
    box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
    border-bottom: none;
	margin-bottom:4px;
}


.marklist li{
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding:0 0 0 20px;
margin:20px 0;
font-size:120%;

}

.leftlist li {
	float:none;
	
}




/* トップランキングリスト
----------------------------------------------------------------*/
.topd { border-bottom: 2px dotted #CCC;
clear:both;
margin-bottom:5px;}

.toprank {
font-weight:bold;
color:#390;
}

p.toprank {font-size:107%;
margin-top:10px;
text-indent:53px;
height:20px;
margin-bottom:2px;
padding-bottom:15px;
}

.tm1{background:url(img/ranking8_1.jpg) no-repeat;
background-size:9%;}
.tm2{background:url(img/ranking8_2.jpg) no-repeat;
background-size:9%;}
.tm3{background:url(img/ranking8_3.jpg) no-repeat;
background-size:9%;}


/* トップリスト
----------------------------------------------------------------*/

.topli li {border:#999 solid 1px;
border-radius: 6px;
width:290px;
height:250px;
float:left;
margin:10px 14px 5px 0;
padding:8px;}

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

/*amazon本の紹介
----------------------------------------------------------------*/

.amazon{
background-color:#DFF7FD;
border-radius: 10px;
margin-top:10px;
padding:17px;
	
	}
p.amatitle{
	font-size:140%;
	font-weight:bold;
}

blockquote {
	width:400px;
	float:right;
	
	margin:10px 0 20px;
    position: relative;
    padding: 0px 20px 10px 40px;
    box-sizing: border-box;
    font-style: italic;
    color: #464646;
    background: #fff4db;
    border-top: solid 3px #ff9c8e;
	display:block;
	font-size:14px;
}

blockquote:before{
    display: inline;
    position: absolute;
    top: 0;
    left: 0;
    width: 32px;
    height: 30px;
    text-align: center;
    content: "\f10d";
  font-family: "Font Awesome 5 Free";
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ff9c8e;
    font-weight:900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
	
	
}



blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}


.markamazon  a{
	clear:both;
	
	width:90%;
	
	
    display:block;
    padding: 0.5em 0.8em;
    text-decoration: none;
	text-align:center;
    background: #FF9A00;
    color: #FFF;
    /*border-bottom: solid 5px #2E6F2F;*/
    border-radius: 2px;
	/*box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.32);*/
	margin:0 auto ;
	font-size:100%;
	font-weight:bold;
}

.markamazon a:after {
  font-family: "Font Awesome 5 Free";
  content: '\f054';
  font-weight:900;
  /*display:block;*/
  font-size:1.2em;
  color:#FFF;
 position:relative;
  top:1px;
  left:4%;
  
}

.markamazon a:before {
  font-family: "Font Awesome 5 Brands";
  content: '\f270';
 position:relative;
  top:1px;
  left:-4%;
   font-size:1.5em;
   
}
.markamazon img{
	width:1px;
	height:1px;
	border:none;
}

/*ジャンルページリスト
----------------------------------------------------------------*/

.glist {margin-left:3px;}


.glist li {
	float:none;
	width:100%;
	height:205px;
	border-bottom:2px dashed #999;
}

.glist li img {
	float:left;
	margin:8px 8px 0 0;
	 border:solid 1px #E0D7C6;
}





.glist li p {
	margin-top:15px;
	
	font-size:120%;
	line-height:160%;
}



.glist a {
	display:block;
	
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
	font-size:140%;
	margin-top:5px;
	padding-right:0;
	
} 


/*全教材リスト
----------------------------------------------------------------*/



.allist ul{}

.allist li{ border-bottom:#999 1px dotted;
width:100%;
height:160px;
padding-top:8px;

}

.allist a {
	
	display:block;
float:right;
	
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:20px;
	font-size:120%;
	margin-top:15px;
	padding-right:10px;}

.allist img {
	float:left;
	padding:10px 10px 10px 0;
	zoom:80%;}
	
	.allist img+p {color:#C60;
	font-size:120%;
	font-weight:bold;}
	
	.allist  p {
		padding:1px;
	}
	




/*相互リンクテーブル
----------------------------------------------------------------*/
.td1 {
font-size:16px;
background-color:#d7e9f7;
padding:10px;
width:100px;
}
.td2{
font-size:13px;
padding:10px;
}

/* 下おすすめテーブルランクマーク
----------------------------------------------------------------*/
.ra1 {background:url(img/rank1.gif) no-repeat 4px center;
text-align:center;

}

.ra2 {background:url(img/rank2.gif) no-repeat 8px center;
	  text-align:center;
	  }
	  
.ra3 {background:url(img/rank3.gif) no-repeat 6px center;
	  text-align:center;
	  vertical-align:middle;
	  text-indent:18px;
	 
	 }




.ratb td{padding:2px;
line-height:18px;
width:30%;}

.ratb img {padding-left:2px;
padding-bottom:3px;
width:;}

.ratb {width:100%;}
.ratb td{width:30%;}

/* 下おすすめテーブルモバイルでは非表示
----------------------------------------------------------------*/


.mobno {
	display:none;
}




/* テーブル基本
----------------------------------------------------------------*/

.tb1 {
	margin: 0px;
	padding: 0px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-right-color:#999;
	border-bottom-color:#999;
	}

	.tb1 td {
	margin: 0px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color :#999;
	border-left-color:#999;
	}


/* テーブル基本 tdに入れて線なしも可能
----------------------------------------------------------------*/
.tb2 {
border-top:1px solid #999;
border-left:1px solid #999;
}

.tb3 {
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.tbb {border-bottom:1px solid #999;}
.tbr {border-right:1px solid #999;}

/* テーブル基本 tdに入れて線なしも可能(点線)
----------------------------------------------------------------*/
.tb4 {
border-top:1px dotted #999;
border-left:1px dotted #999;
}

.tb5 {
border-bottom:1px dotted #999;
border-right:1px dotted #999;
}
.tbb2 {border-bottom:1px dotted #999;}
.tbr2 {border-right:1px dotted #999;}
/* テーブル基本 テーブルの中の画像ライン
----------------------------------------------------------------*/
.tbimgbo td img{
padding:0;
text-align:center;
margin-bottom:5px;
margin-left:13px;
}


/* テーブル基本 テーブルの中のテキストサイズ
----------------------------------------------------------------*/
.tbtxt12 td p{font-size:105%;
line-height:19px;
}

.tbtxt13 td{font-size:110%;
line-height:23px;
}

.tbtxt14 td {font-size:115%;
line-height:25px;
}
/* テーブル基本 テーブルの中のリンクテキストサイズ
----------------------------------------------------------------*/

.tba12 td a {font-size:100%;}
.tba13 td a {font-size:120%;}
.tba14 td a {font-size:120%;}
/* テーブル基本 テーブルの中パディング
----------------------------------------------------------------*/
.tbpd3 td {padding:3px;}
.tbpd5 td {padding:5px;}
.tbpd10 td {padding:10px;}
/* 料金テーブル イメージのパディング
----------------------------------------------------------------*/
.pricetable img {margin-right:2px;}

/* テーブル、グレーヘッド
----------------------------------------------------------------*/
.gra2 {
background-color:#999999;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}
/* テーブル マーク
----------------------------------------------------------------*/

.marktable{
background-image:url(img/arrow.gif);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
margin:5px 0;

}

/* テーブル文字センター
----------------------------------------------------------------*/


.tbcent td{
	text-align:center;
}

/* 縦ナビ クリア
----------------------------------------------------------------*/

#navi {
	clear:both;
}


/* 縦ナビ 33はオレンジ　22は緑
----------------------------------------------------------------*/

.leftcontent{

margin:5px;
padding-top:-5px;



}			

.vnav li{
	background-color:#FFF;
}

.vnav ul{
font-size:20px;
width:92%;
margin:20px auto 0;

	}
	
	.vnav33 ul{
font-size:20px;
width:95%;
padding-top:0;
clear:both;

	}

.navhead33 {
	width:30%;
color:#333;
height:38px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead02.jpg);
background-repeat:no-repeat;
background-size:100%;
}

.navhead33n {
	width:30%;
color:#333;
height:38px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead03.jpg);
background-repeat:no-repeat;
background-size:100%;
}

.navhead1 {
	width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#AACF00;
font-size:120%;
padding-top:5px;
text-indent:15px;


}



.vnav33 li{
height:40px;
line-height:60px;
border-left:solid 4px #ff6600;
border-bottom:solid 1px #ff6600;
border-right:solid 4px #ff6600;
border-top:solid 1px #ff6600;

}

.vnav33 li.libo{
border-left:solid 4px #ff6600;
border-bottom:solid 4px #ff6600;
border-right:solid 4px #ff6600;
border-top:solid 1px #ff6600;
}



.vnav22 li{
height:50px;
line-height:60px;
border-left:solid 4px #abcd05;
border-bottom:solid 1px #abcd05;
border-right:solid 4px #abcd05;
border-top:solid 1px #abcd05;
padding-top:10px;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;

}

.vnav22 li.libo{
border-left:solid 4px #abcd05;
border-bottom:solid 4px #abcd05;
border-right:solid 4px #abcd05;
}







.vnav li a {

height:40px;
text-indent:10px;
line-height:40px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;
background-repeat:no-repeat;
background-position:left center;

}

.vnav33 li a {
height:40px;
width:100%;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;

text-indent:38px;


}

	
.vnav99 li.no1 a{
	    background-image:url(img/rank1m.jpg);
		background-repeat:no-repeat;
		background-position:3% center;
		text-indent:65px;
		background-size:16%;
		line-height:60px;
		height:60px;
	}


.no1 {height:60px;
			}

	
.vnav99 li.no2 a {
	   background-image:url(img/rank2m.jpg);
		background-repeat:no-repeat;
		background-position:3%  center;
		text-indent:65px;
		background-size:16%;
		height:60px;
		line-height:60px;
	}
.vnav99 li.no3 a{
	    background-image:url(img/rank3m.jpg);
		background-repeat:no-repeat;
		background-position:3% center;
		text-indent:65px;
		background-size:16%;
		height:60px;
		line-height:60px;
		
	}
.no3 {height:60px;
			}
/* ナビ色かえる
----------------------------------------------------------------*/

.navhead44{
	width:100%;
	height:40px;
color:#FFF;
padding-top:5px;
text-indent:15px;
background-color:#67BBDE;
font-size:120%;
}



.vnav44 li{
height:50px;
line-height:60px;
border-left:solid 4px #abcd05;
border-bottom:solid 1px #abcd05;
border-right:solid 4px #abcd05;
border-top:solid 1px #abcd05;
padding-top:10px;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;

}

.vnav44 li.libo{
border-left:solid 4px #74C9EE;
border-bottom:solid 4px #74C9EE;
border-right:solid 4px #74C9EE;
border-top:solid 1px #74C9EE;
}


.navhead55{
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#FFCC33;
font-size:120%;
padding-top:5px;
text-indent:15px;
}



.vnav55 li{
height:50px;
line-height:60px;
border-left:solid 4px #FFCC33;
border-bottom:solid 1px #FFCC33;
border-right:solid 4px #FFCC33;
border-top:solid 1px #FFCC33;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
				padding-top:10px;

}

.vnav55 li.libo{
border-left:solid 4px #FFCC33;
border-bottom:solid 4px #FFCC33;
border-right:solid 4px #FFCC33;
border-top:solid 1px #FFCC33;
}

.navhead99{
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#F28006;
font-size:120%;
padding-top:5px;
text-indent:15px;
}



.vnav99 li{
height:50px;
line-height:60px;
border-left:solid 4px #F28006;
border-bottom:solid 1px #F28006;
border-right:solid 4px #F28006;
border-top:solid 1px #F28006;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
				padding-top:10px;
}

.vnav99 li.libo{
border-left:solid 4px #F28006;
border-bottom:solid 4px #F28006;
border-right:solid 4px #F28006;
border-top:solid 1px #F28006;
}

.navhead77{
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#0066CC;
font-size:120%;
padding-top:5px;
text-indent:15px;
}



.vnav77 li{
height:50px;
line-height:60px;
border-left:solid 4px #0066CC;
border-bottom:solid 1px #0066CC;
border-right:solid 4px #0066CC;
border-top:solid 1px #0066CC;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
				padding-top:10px;
}


.vnav77 li.libo{
border-left:solid 4px #0066CC;
border-bottom:solid 4px #0066CC;
border-right:solid 4px #0066CC;
border-top:solid 1px #0066CC;
}


.navhead88{
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#009900;
font-size:120%;
padding-top:5px;
text-indent:15px;
}



.vnav88 li{
height:50px;
line-height:60px;
border-left:solid 4px #009900;
border-bottom:solid 1px #009900;
border-right:solid 4px #009900;
border-top:solid 1px #009900;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
				padding-top:10px;

}

.vnav88 li.libo{
border-left:solid 4px #009900;
border-bottom:solid 4px #009900;
border-right:solid 4px #009900;
border-top:solid 1px #009900;
}

.navhead66{
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#DF281A;
font-size:120%;
padding-top:5px;
text-indent:15px;
}



.vnav66 li{
height:50px;
line-height:60px;
border-left:solid 4px #DF281A;
border-bottom:solid 1px #DF281A;
border-right:solid 4px #DF281A;
border-top:solid 1px #DF281A;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
				padding-top:10px;

}

.vnav66 li.libo{
border-left:solid 4px #DF281A;
border-bottom:solid 4px #DF281A;
border-right:solid 4px #DF281A;
border-top:solid 1px #DF281A;
}





	
/* 縦ナビ２画像リンク
----------------------------------------------------------------*/


.vnav2 ul{
width:95%;
margin-top:20px;
font-size:20px;
border-bottom:solid 3px #ff6600;
border-top:solid 3px #ff6600;
	}


	
.vnav2 li{
	
	float:none;
	height:50px;
line-height:50px;
border-left:solid 4px #ff6600;
border-bottom:solid 1px #ff6600;
border-right:solid 4px #ff6600;
border-top:solid 1px #ff6600;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;

}



.vnav2 li a {
height:50px;
width:100%;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;

text-indent:23px;

	
}
 
/*.vnglo {
	background-image:url(img/navi1.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:80px;
	text-indent:-9999px;
}



.vneken {
	background-image:url(img/navi2.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:80px;
	text-indent:-9999px;
}



.vnura{
	background-image:url(img/navi4.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:80px;
	text-indent:-9999px;
}	


.vnchu {
	background-image:url(img/navi3.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:70px;
	text-indent:-9999px;
}


.vndic {
	background-image:url(img/navi5.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:70px;
	text-indent:-9999px;
}

.vnco {
	background-image:url(img/navi6.jpg);
	background-repeat:no-repeat;
	background-size:100%;
	height:70px;
	text-indent:-9999px;
}

*/


/* 右縦ナビ
----------------------------------------------------------------*/

.rvnav ul{
font-size:20px;
width:95%;
padding-top:0;
	}
.rnavhead1 {
width:100%;
	color:#FFF;
height:38px;
padding:0;
background-color:#abcd05;
font-size:120%;
padding-top:5px;
text-indent:15px;
}
.rnavhead2 {
color:#333;
height:38px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead42.jpg);
background-repeat:no-repeat;
background-size:100%;
}
	
.rvnav li{
height:50px;
border-left:solid 4px #abcd05;
border-bottom:solid 1px #abcd05;
border-right:solid 4px #abcd05;
border-top:solid 1px #abcd05;
padding-top:0;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:4%;
}

.rvnav li.libo{
border-left:solid 4px #abcd05;
border-bottom:solid 4px #abcd05;
border-right:solid 4px #abcd05;
}





.rvnav li a {
	width:100%;
height:50px;
text-indent:50px;
line-height:50px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;
background-repeat:no-repeat;
background-position:left 15px;

}


.rvnav li.e1 a{background-image:url(img/icon/ikusei1.jpg);}
.rvnav li.e2 a{background-image:url(img/icon/1000he.jpg);}
.rvnav li.e3 a{background-image:url(img/icon/kara.jpg);}
.rvnav li.e4 a{background-image:url(img/icon/5mini.jpg);}
.rvnav li.e5 a{background-image:url(img/icon/ycs2.jpg);}
.rvnav li.e6 a{background-image:url(img/icon/speed.gif);}
.rvnav li.e7 a{background-image:url(img/icon/eruma.gif);}
.rvnav li.e8 a{background-image:url(img/icon/ea.jpg);}
.rvnav li.e9 a{background-image:url(img/icon/hana.jpg);}
.rvnav li.e10 a{background-image:url(img/icon/bre.jpg);}
.rvnav li.e11 a{background-image:url(img/icon/ays.jpg);}
.rvnav li.e12 a{background-image:url(img/icon/lan.jpg);}
.rvnav li.e13 a{background-image:url(img/icon/spe.jpg);}
.rvnav li.e14 a{background-image:url(img/icon/ami.jpg);}
.rvnav li.e15 a{background-image:url(img/icon/alc.jpg);}
.rvnav li.e16 a{background-image:url(img/icon/yu.jpg);}
.rvnav li.e17 a{background-image:url(img/icon/eino.jpg);}
.rvnav li.e18 a{background-image:url(img/icon/uda.jpg);}
.rvnav li.e19 a{background-image:url(img/icon/ec.jpg);}
.rvnav li.e20 a{background-image:url(img/icon/ro.jpg);}
.rvnav li.e21 a{background-image:url(img/icon/pa.jpg);}
.rvnav li.e22 a{background-image:url(img/icon/ivy.jpg);}
.rvnav li.e23 a{background-image:url(img/icon/ev.jpg);}
.rvnav li.e24 a{background-image:url(img/icon/et.jpg);}
.rvnav li.e25 a{background-image:url(img/icon/rosetta.jpg);}
.rvnav li.e26 a{background-image:url(img/icon/yc.jpg);}
.rvnav li.e27 a{background-image:url(img/icon/gcl.jpg);}
.rvnav li.e28 a{background-image:url(img/icon/ehc.jpg);}
.rvnav li.e29 a{background-image:url(img/icon/ik.gif);}
.rvnav li.e30 a{background-image:url(img/icon/abc.jpg);}
.rvnav li.e31 a{background-image:url(img/icon/tele.jpg);}
.rvnav li.e32 a{background-image:url(img/icon/lis.jpg);}
.rvnav li.e33 a{background-image:url(img/icon/b.gif);}
.rvnav li.e34 a{background-image:url(img/icon/toe.jpg);}
.rvnav li.e35 a{background-image:url(img/icon/glo.jpg);}
.rvnav li.e36 a{background-image:url(img/icon/dmm.jpg);}

/* 右縦ナビ２
----------------------------------------------------------------*/

.rvnav2 ul{
font-size:20px;
width:100%;
	}
.rnavhead22 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead62.jpg);
background-repeat:no-repeat;
background-size:100%;
}

	
.rvnav2 li{
height:50px;
border-left:solid 4px #74c9ee;
border-bottom:solid 1px #74c9ee;
border-right:solid 4px #74c9ee;
border-top:solid 1px #74c9ee;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;
}

.rvnav2 li.libo2{
border-left:solid 4px #74c9ee;
border-bottom:solid 4px #74c9ee;
border-right:solid 4px #74c9ee;
}





.rvnav2 li a {
	height:58px;
	padding-left:10px;
line-height:55px;

text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;
}

	
	
	


/* 縦ナビ３
----------------------------------------------------------------*/


.vnav3 ul{
font-size:20px;
width:100%;
	}
.navhead3 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead72.jpg);
background-repeat:no-repeat;
background-size:100%;
}

	
.vnav3 li{
height:50px;
border-left:solid 4px #F18006;
border-bottom:solid 1px #F18006;
border-right:solid 4px #F18006;
border-top:solid 1px #F18006;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;

}

.vnav3 li.libo3{
border-left:solid 4px #F18006;
border-bottom:solid 4px #F18006;
border-right:solid 4px #F18006;
}





.vnav3 li a {
	height:50px;
	padding-left:10px;
line-height:50px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;

}



/* 縦ナビ４
----------------------------------------------------------------*/


.vnav4 ul{
font-size:20px;
width:100%;
	}
.navhead4 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead63.jpg);
background-repeat:no-repeat;
background-size:100%;
}

	
.vnav4 li{
height:50px;
border-left:solid 4px #DF2819;
border-bottom:solid 1px #DF2819;
border-right:solid 4px #DF2819;
border-top:solid 1px #DF2819;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;


}

.vnav4 li.libo4{
border-left:solid 4px #DF2819;
border-bottom:solid 4px #DF2819;
border-right:solid 4px #DF2819;
}





.vnav4 li a {
	height:50px;
	padding-left:10px;
line-height:55px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;

}

	
/* 縦ナビ5
----------------------------------------------------------------*/


.vnav5 ul{
font-size:20px;
width:100%;
	}
.navhead5 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead52.jpg);
background-repeat:no-repeat;
background-size:100%;
}

	
.vnav5 li{
height:50px;
border-left:solid 4px #FECC34;
border-bottom:solid 1px#FECC34;
border-right:solid 4px #FECC34;
border-top:solid 1px#FECC34;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;


}

.vnav5 li.libo5{
border-left:solid 4px #FECC34;
border-bottom:solid 4px #FECC34;
border-right:solid 4px #FECC34;
}





.vnav5 li a {
	padding-left:20px;
line-height:57px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
height:40px;
display:block;


}

	
/* 縦ナビ6

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


.vnav6 ul{
font-size:20px;
width:100%;
	}
.navhead6 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead82.jpg);
background-repeat:no-repeat;
background-size:100%;

}

	
.vnav6 li{
height:50px;
border-left:solid 4px #0066CC;
border-bottom:solid 1px #0066CC;
border-right:solid 4px #0066CC;
border-top:solid 1px #0066CC;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;

}

.vnav6 li.libo6{
border-left:solid 4px #0066CC;
border-bottom:solid 4px #0066CC;
border-right:solid 4px #0066CC;
}





.vnav6 li a {
	height:56px;
	padding-left:8px;
line-height:55px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
display:block;

}

		
/* 縦ナビ7

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


.vnav7 ul{
font-size:20px;
width:100%;
	}
.navhead7 {
color:#333;
height:40px;
padding:0;
text-indent:-9999px;
background-image:url(img/navihead92.jpg);
background-repeat:no-repeat;
background-size:100%;
}

	
.vnav7 li{
height:50px;
border-left:solid 4px #009900;
border-bottom:solid 1px #009900;
border-right:solid 4px #009900;
border-top:solid 1px #009900;
background-image:url(img/arom.jpg);
                background-repeat:no-repeat;
                background-position:right center;
				background-size:7%;

}

.vnav7 li.libo7{
border-left:solid 4px #009900;
border-bottom:solid 4px #009900;
border-right:solid 4px #009900;
}





.vnav7 li a {
	padding-left:10px;
line-height:55px;
text-decoration:none;
color:#0099CC;
font-weight:bold;
width:90%;
height:40px;
display:block;

}

		


/*右サイド 縦ナビ
----------------------------------------------------------------*/
/*.rank {
	border:1px solid #666;
	width:300px;
	margin-left:100px;
	text-align:center;
	
		}
.rank p {
	font-size:18px;
	margin:3px 13px;
	line-height:20px;
	
}
.rank img {
	
	margin:5px 15px 15px 14px;}
*/

/* 中学英文法総復習リスト
----------------------------------------------------------------*/
.tyulist {
	width:100%;
	border-bottom:2px dotted #999;
	margin:2px;
	
	}
.tyulist li{font-size:115%;}	
.t1 {color:#F33;
padding-top:5px;
font-weight:bold;}
.t2 {
	background-image:url(img/ex1.gif);
	background-repeat:no-repeat;
	position:0 0;
	padding-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	}
.t3 {
	background-image:url(img/ex2.gif);
	background-repeat:no-repeat;
	position:0 0;
	padding-left:40px;
	margin-top:10px;
	margin-bottom:10px;
	
	}
.t4{
	padding:5px 0;
	color:#000;
}
.t5 {
	background-image:url(img/ex3.gif);
	background-repeat:no-repeat;
	position:0 0;
	padding-left:40px;
	margin-top:10px;
	}
/* リンク集
----------------------------------------------------------------*/

.linksyu {
	padding:10px 15px;
}



.linksyu a {
font-size:16px;
font-weight:bold;
line-height:23px;
}

.linksyu p{
padding-top:1px;
font-size:13px;
line-height:20px;
margin-bottom:20px;
}







/* サイトマップ
----------------------------------------------------------------*/
.sitemap {
	margin-left:20px;

}
/*.sitemap h2 {
border-left:10px solid #F93;
background-image:none;
color:#333;
height:25px;
margin-bottom:30px;
}
*/

.sitemap p{
	font-size:14px;
	font-weight:bold;
	margin-top:20px;
	
}
.sitemap a{
	font-size:120%;
	line-height:180%;
	
}

.sitemap .flol {float:none;}

/* フッター
----------------------------------------------------------------*/
.footer {
width:100%;
height:60px;
margin-top:20px;
background-color:#DFF7FD;
text-align:center;
padding-top:10px;

}

.footer a {
font-style:normal;
text-decoration:none;
color:#333;
padding-top:10px;
line-height:20px;
font-size:95%;

}

address {
	color:#666;
	padding-top:10px;
	font-size:70%;}






/* 便利クラス */
.border {border:1px solid #ccc;} 
.section hr{ border: 1px dotted #CCC }
 p.line { border-bottom: 2px dotted #CCC;
 		  padding-top:0;
		  margin-top:0;
		  clear:both;
		 
		  }
.line { border-bottom: 2px dotted #CCC;}
.line2 { border-bottom: 2px dotted #CCC;
width:80%;
}
.cent {text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.nonbo a img{ border:none; }
.brn p{border-right:0;}
.clear{	clear:both;}
.flol{   float:left;	}
.flor{   float:right;	}
.imgl{	float:left;
	margin:13px 10px 10px 0;}
.imgr{	float:right;
	margin:13px 0 10px 10px;}
	
 img.imgl {zoom:80%;}
 img.imgr{zoom:80%;}
 img.z80{zoom:80%;}	
	
.imgb{ border:solid 1px #333333;}
.imgbo img{ border:solid 1px #333333;}
.imgm3 img{margin:3px;}

.pd3 {padding:3px}
.pd5 {padding:5px}
.pd10 {padding:10px}

.pt10{padding-top:10px; }
.pt30{padding-top:30px; }
.mt0{	margin-top:0px;	}
.mt3{margin-top:3px;}
.mt5{	margin-top:5px;	}
.mt10{	margin-top:10px;	}
.mt20{	margin-top:20px;	}
.mt30{	margin-top:30px;	}
.mt40{	margin-top:40px;	}
.mt50{	margin-top:50px;	}
.mt100{	margin-top:100px;	}
.mt200{	margin-top:200px;	}
.mt300{	margin-top:300px;	}
.mt10 p{	margin-top:10px;	}
.mt20 p{	margin-top:20px;	}
.mt30 p{	margin-top:30px;	}
.mt40 p{	margin-top:40px;	}
.mt50 p{	margin-top:50px;	}
.mt100 p{	margin-top:100px;	}
.mt200 p{	margin-top:200px;	}
.mt300 p{	margin-top:300px;	}
.mr5{	margin-right:5px;	}
.mr10{	margin-right:10px;	}
.mr20{	margin-right:20px;	}
.mr30{	margin-right:30px;	}
.mr35{	margin-right:35px;	}
.mr40{	margin-right:40px;	}
.mb5{	margin-bottom:5px;	}
.mb10{	margin-bottom:10px;	}
.mb20{	margin-bottom:20px;	}
.mb30{	margin-bottom:30px;	}
.mb40{	margin-bottom:40px;	}
.mb50 {	margin-bottom: 50px;}
.mb100 {	margin-bottom: 100px;}
.mb200 {	margin-bottom: 200px;}
.ml3{	margin-left:3px;	}
.ml5{	margin-left:5px;	}
.ml10{	margin-left:10px;	}
.ml20{	margin-left:20px;	}
.ml30{	margin-left:30px;	}



.section p.txt12{	font-size:12px;	}
.section p.txt11{	font-size:11px;	}
.section p.txt13{	font-size:13px;	}
.section p.txt14{	font-size:14px;	}
.section p.txt15{	font-size:15px;	}
.section p.txt16{	font-size:16px;	}
.section p.txt18{	font-size:18px;	}
.txt12 {font-size:12px;	}
.txt11{	font-size:11px;	}
.txt13{	font-size:13px;	}
.txt14 {font-size:14px;	}
.txt15{	font-size:15px;	}
.txt16{	font-size:16px;	}
.txt18{	font-size:18px;	}

.ora{ color:#FF6600;}
.red{	color:#f00;	}
.gre{   color:#009900;}
.pink{color:#FF0033;}
.white{color:#FFF;}
.bold{	font-weight:bold;	}
.hi13 {line-height:13px;}	
.bcblue {background-color:#0099CC;}
.bcgre {background-color:#CCC;}
.taho {font-family:Tahoma;}

.w120 {width:120px;}
.w380 {width:380px;}

/*小さいスマホ-------------------------*/
@media (max-width: 350px){
    
.leftcontent li a{
font-size:50%;

	}


}