/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/


/*　試行錯誤609　audioの見た目を変える*/
.audiocontrolscustom {
	border:solid limegreen 5px;
	width: 200px;
	height: 50px; 
}




/*試行566で、PNG画像のもどる矢印が表示されるまでの時間を調整する*/
img[src*="iconmonstr-arrow-55-240rotate48degreesshikou566"]{
animation: fadeIn 1.0s forwards;
opacity:100%;
}

/*試行567で、5連続矢印を1秒ごとに出す。しかしその後のボタンで5連続矢印をゆっくり消すのは難しい*/

img[src*="iconmonstr-arrow-up-futomojilined-240no1"]{
animation: fadeIn 1.0s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-right-futomojilined-240no2"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-right-futomojilined-240no3"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-right-futomojilined-240no4"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-down-futomojilined-240no5"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}

/*試行567で、セル下のもどる矢印と誘導矢印をゆっくり出す*/
img[src*="iconmonstr-arrow-left-futomojilined-240no3shikou567"]{
animation: fadeIn 4.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-left-futomojilined-240no4shikou567"]{
animation: fadeIn 4.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-55-240rotate48degreesshikou567"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}

/*試行568で、セル下の上向き矢印を時間差で出す*/
img[src*="iconmonstr-arrow-up-futomojilined-240no6"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}
img[src*="iconmonstr-arrow-right-futomojilined-240no6"]{
animation: fadeIn 2.5s forwards;
opacity:100%;
}


/*試行565でブロックリバース完成版をつくる*/
.fa-arrow-right {
position: relative;
padding:0px;
}

.fa-arrow-up {
position: relative;
padding:0px;
}

.fa-arrow-down {
position: relative;
padding:0px;
}




/*shikou554で、１つの矢印で回転移動。width0pxは使っていない（レイアウト崩れに関与しない）。回転するjsをいれるとrotateであらかじめ回転しておくことができない*/
.fa-arrow-circle-up {
position: relative;
padding:0px;
color: transparent;
}
.fa-arrow-circle-down {
position: relative;
padding:0px;
color: transparent;
}
.fa-arrow-circle-left {
position: relative;
padding:0px;
color: transparent;
}
.fa-arrow-circle-right {
position: relative;
padding:0px;
color: transparent;
}



/*shikou552の5連続矢印に右移動を入れる、なぜかセル下のフォントオーサムfa-mouse-pointer,fa-mail-forwardはleft効かない、topの指定があると上下移動しない。leftはあっても右移動する*/
.yajirushiido1 {
position: relative;
}
.yajirushiido2 {
position: relative;
}
.yajirushiido3 {
position: relative;
}
.yajirushiido4 {
position: relative;
}
.yajirushiido5 {
position: relative;
}
.yajirushiido6 {
position: relative;
}
.yajirushiido7 {
position: relative;
}
.yajirushiido8 {
position: relative;
}
.yajirushiido9 {
position: relative;
}
.yajirushiido10 {
position: relative;
}


/*shikou554-556の矢印回転移動に使用、1はsheの下で10pxだと右寄りなので5px、右移動で5pxごとに移動可*/
.arrowcircleupyajirushi1 {
position: relative;
left:5px;
}
.arrowcircleupyajirushi2 {
position: relative;
left:10px;
}
.arrowcircleupyajirushi3 {
position: relative;
left:10px;
}
.arrowcircleupyajirushi4 {
position: relative;
left:10px;
}
.arrowcircleupyajirushi5 {
position: relative;
left:10px;
}
.arrowcircleupyajirushi6 {
position: relative;
left:10px;
}


.bordertopappearleft0pxright0px {
/*試行548でthat節を四角で囲む、上線、ピリオドのセルの上線*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:20px;
left:0px;
}
.borderbottomappearleft0pxright0px {
/*試行548でthat節を四角で囲む、下線、ピリオドのセルの下線*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
left:0px;
}
.bordertopappearleft-8pxright0px {
/*試行548でthat節を四角で囲む、上線、セルの左側に8px移動した上線*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:20px;
	left:-8px;
}
.borderbottomappearleft-8pxright0px {
/*試行548でthat節を四角で囲む、下線、セルの左側に8px移動した下線*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:-65px;
left:-8px;
}
.borderleftappear {
/*試行548でthat節を四角で囲む、左の縦棒*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:-50px;
left:-28px;
}
.borderrightappear {
/*試行548でthat節を四角で囲む、右の縦棒*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:-50px;
	left:29px;
}
.bordertateappearempty {
/*試行548でthat節を四角で囲む、縦の透明の縦棒（位置調整用）*/
	position: relative;
	display: inline-block;
	vertical-align: middle;
top:-50px;
	left:0px;
}



/*shikou516,517,518,で使用→537では完成版検証。width0pxを入れないとレイアウトが崩れる。（516では右下、右上のななめ矢印やスペースが大きいところに追加矢印を作ろとしたがダメ）、試行565で上下移動させるためにtop:-5px（516～518では-20px）を削除した。scaleで大きく表示している*/
.fa-mail-forward {
position: relative;
padding:10px;
left:85px;/*516～518では45px*/
width:0px;
color: transparent;
transform:scale(1.5, 1.5)  rotateZ(210deg);
-moz-transform:scale(1.5, 1.5)  rotateZ(210deg);
-webkit-transform:scale(1.5, 1.5)  rotateZ(210deg);
-o-transform:scale(1.5, 1.5)  rotateZ(210deg);
-ms-transform:scale(1.5, 1.5)  rotateZ(210deg);
}


/*shikou540の例文のmetに使用*/
.mailforwardyajirushileft60px {
position: relative;
left:60px;
}

/*shikou539の例文のmet、shikou540のTom、shikou541のmathに使用*/
.mailforwardyajirushileft65px {
position: relative;
left:65px;
}
/*shikou539の例文のTomに使用*/
.mailforwardyajirushileft70px {
position: relative;
left:70px;
}
/*shikou542の例文のplayに使用*/
.mailforwardyajirushileft75px {
position: relative;
left:75px;
}
/*shikou540・541の訳し順の動詞、塊①～③の下、shikou541の例文のstudiesに使用*/
.mailforwardyajirushileft80px {
position: relative;
left:80px;
}
/*shikou542の例文のtennisに使用*/
.mailforwardyajirushileft85px {
position: relative;
left:85px;
}
/*shikou542の例文のtennisに使用*/
.mailforwardyajirushileft90px {
position: relative;
left:90px;
}
/*shikou540の例文のat school、shikou541のvery hardに使用*/
.mailforwardyajirushileft100px {
position: relative;
left:100px;
}
/*shikou539の例文のin the parkに使用*/
.mailforwardyajirushileft125px {
position: relative;
left:125px;
}

 


/*shikou524で使用→532で改訂して使うのでtopの数値を変更した。→537で完成版検証。さいしょに訳す主語に注目させる矢印。width0pxは使っていない（レイアウト崩れに関与しない）、topの指定があると上下移動しない*/
.fa-mouse-pointer {
position: relative;
padding:0px;
left:0px;
/*↑ なぜかleftが効かない*/
color: transparent;
top:-10px;/*532では-25px*/
}

/*shikou541の例文のHeの下に使用*/
.mousepointeryajirushileft20px {
position: relative;
left:20px;
}
/*shikou542の例文、前後に透明の&を入れたIの下に使用*/
.mousepointeryajirushileft30px {
position: relative;
left:30px;
}

/*shikou540の例文のIの下に使用*/
.mousepointeryajirushileft35px {
position: relative;
left:35px;
}
/*shikou540のlast weekの下に使用*/
.mousepointeryajirushileft45px {
position: relative;
left:45px;
}

/*shikou541の例文のevery dayの下に使用*/
.mousepointeryajirushileft55px {
position: relative;
left:55px;
}
/*shikou542のin the parkの下に使用*/
.mousepointeryajirushileft60px {
position: relative;
left:60px;
}
/*shikou539の例文のthis morningの下に使用*/
.mousepointeryajirushileft65px {
position: relative;
left:65px;
}

/*shikou551の例文のthat節の下に使用*/
.mousepointeryajirushileft106px {
position: relative;
top:0px;
left:106px;
}
.mousepointeryajirushileft110px {
position: relative;
top:0px;
left:110px;
}






#arrowup {
position: relative;
padding:0px;
top:30px;/*516～518では-20px、537では30px*/
left:18px;/*516～518では23px、537では18px*/
width:0px;
font-size:20px;
}


/*541の例文説明で使用、Heの上*/
#arrowupeibunleft0px {
position: relative;
padding:0px;
top:30px;/*516～518では-20px、537では30px*/
left:0px;/*516～518では23px、537では18px*/
width:0px;
font-size:20px;
}
/*shikou542の例文、前後に透明の&を入れたIに使用*/
#arrowupeibunleft5px {
position: relative;
padding:0px;
top:30px;/*516～518では-20px、537では30px*/
left:5px;/*516～518では23px、537では18px*/
width:0px;
font-size:20px;
}
/*539、540の例文説明で使用、Iの上*/
#arrowupeibunleft10px {
position: relative;
padding:0px;
top:30px;/*516～518では-20px、537では30px*/
left:10px;/*516～518では23px、537では18px*/
width:0px;
font-size:20px;
}

#arrowright {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:18px;/*516～518では25px*/
width:0px;
font-size:20px;
}

/*539の例文説明で使用、met Tomの上ではleft7px*/
#arrowrighteibunleft7px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:7px;/*516～518では25px*/
width:0px;
font-size:20px;
}

/*539の例文説明で使用、in the parkの上*/
#arrowrighteibunleft35px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:35px;/*516～518では25px*/
width:0px;
font-size:20px;
}
/*540の例文説明で使用、at schoolの上*/
#arrowrighteibunleft20px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:20px;/*516～518では25px*/
width:0px;
font-size:20px;
}

/*541の例文説明で使用、studiesの上*/
#arrowrighteibunleft18px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:18px;/*516～518では25px*/
width:0px;
font-size:20px;
}
/*541の例文説明で使用、mathの上*/
#arrowrighteibunleft10px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:10px;/*516～518では25px*/
width:0px;
font-size:20px;
}
/*541の例文説明で使用、very hardの上*/
#arrowrighteibunleft25px {
position: relative;
padding:0px;
top:15px;/*516～518では10px*/
left:25px;/*516～518では25px*/
width:0px;
font-size:20px;
}

#arrowdown {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:18px;/*516～518では23px*/
width:0px;
font-size:20px;
}
/*539の例文説明で使用、this morning の上*/
#arrowdowneibunleft44px {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:44px;/*516～518では23px*/
width:0px;
font-size:20px;
}
/*540の例文説明で使用、last week の上*/
#arrowdowneibunleft24px {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:24px;/*516～518では23px*/
width:0px;
font-size:20px;
}
/*541の例文説明で使用、every dayの上*/
#arrowdowneibunleft26px {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:26px;/*516～518では23px*/
width:0px;
font-size:20px;
}
/*542の例文説明で使用、in the parkの上*/
#arrowdowneibunleft40px {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:40px;/*516～518では23px*/
width:0px;
font-size:20px;
}

/*551の例文説明で使用、that節 の上*/
#arrowdowneibunleft86px {
position: relative;
padding:0px;
top:26px;/*516～518では0px*/
left:86px;/*516～518では23px*/
width:0px;
font-size:20px;
}
#arrowdowneibunleft90px {
position: relative;
padding:0px;
top:26px;/*516～518では0px*/
left:90px;/*516～518では23px*/
width:0px;
font-size:20px;
}



#noarrow {
position: relative;
padding:0px;
top:30px;/*516～518では0px*/
left:18px;/*516～518では23px*/
width:0px;
font-size:20px;
}

#arrowdownsmall {
position: relative;
padding:0px;
top:0px;
left:23px;
width:0px;
font-size:30px;
}


#arrowrightsmall {
position: relative;
padding:0px;
top:10px;
left:25px;
width:0px;
font-size:30px;
}


#arrowupsmall {
position: relative;
padding:0px;
top:0px;
left:23px;
width:0px;
font-size:30px;
}


/*shikou523で使用（上の5連続矢印なし）。最初と最後のセルに注目させる矢印。arrow-up,down,rightはshikou565で完成版で使っているので、arrow-leftを回転させて上向きにする。width0pxは使っていない（レイアウト崩れに関与しない）*/
.fa-arrow-left {
position: relative;
padding:10px;
top:115px;
color: transparent;
transform:rotate(90deg);
-moz-transform:rotate(90deg);
-webkit-transform:rotate(90deg);
-o-transform:rotate(90deg);
-ms-transform:rotate(90deg);
}
.arrowleftrotate90degyajirushileft0px {
position: relative;
left:0px;
}
.arrowleftrotate90degyajirushileft5px {
position: relative;
left:5px;
}
.arrowleftrotate90degyajirushileft15px {
position: relative;
left:15px;
}
.arrowleftrotate90degyajirushileft25px {
position: relative;
left:25px;
}
.arrowleftrotate90degyajirushileft35px {
position: relative;
left:35px;
}
.arrowleftrotate90degyajirushileft45px {
position: relative;
left:45px;
}
/*shikou546で矢印をformの下にした*/
.arrowleftrotate90degyajirushitop-10pxleft0px {
position: relative;
top:-10px;
left:0px;
}
/*shikou547、矢印をformの下にし、Sheの下*/
.arrowleftrotate90degyajirushitop-10pxleft0px {
position: relative;
top:-10px;
left:2px;
}
/*shikou548、矢印をformの下にし、Theyの下*/
.arrowleftrotate90degyajirushitop-10pxleft3px {
position: relative;
top:-10px;
left:3px;
}




/*shikou523で使用（後ろから前へと戻る矢印）。フォントオーサムのreplyの矢印を回転と上下反転を複合する。英語が入っているセルでの訳し順用。width0pxは使っていない（レイアウト崩れに関与しない）*/
.fa-mail-reply {
position: relative;
padding:10px;
top:115px;
left:0px;
color: transparent;
transform:scale(1, -1) rotate(-30deg);
-moz-transform: scale(1, -1) rotate(-30deg);
-webkit-transform: scale(1, -1) rotate(-30deg);
-o-transform: scale(1, -1) rotate(-30deg);
-ms-transform: scale(1, -1) rotate(-30deg);
}
.replyyajirushileft20px {
position: relative;
left:20px;
}
.replyyajirushileft35px {
position: relative;
left:35px;
}
.replyyajirushileft40px {
position: relative;
left:40px;
}
.replyyajirushileft45px {
position: relative;
left:45px;
}
.replyyajirushileft65px {
position: relative;
left:65px;
}
.replyyajirushileft85px {
position: relative;
left:85px;
}
.replyyajirushileft95px {
position: relative;
left:95px;
}
.replyyajirushileft105px {
position: relative;
left:105px;
}

/*shikou546でtop位置を-10pxにした、shikou609で使用中*/
.replyyajirushitop-10pxleft25px {
position: relative;
top:-10px;
left:25px;
}
.replyyajirushitop-10pxleft30px {
position: relative;
top:-10px;
left:30px;
}
.replyyajirushitop-10pxleft35px {
position: relative;
top:-10px;
left:35px;
}
.replyyajirushitop-10pxleft40px {
position: relative;
top:-10px;
left:40px;
}
.replyyajirushitop-10pxleft45px {
position: relative;
top:-10px;
left:45px;
}
.replyyajirushitop-10pxleft55px {
position: relative;
top:-10px;
left:55px;
}
.replyyajirushitop-10pxleft65px {
position: relative;
top:-10px;
left:65px;
}
.replyyajirushitop-10pxleft70px {
position: relative;
top:-10px;
left:70px;
}
.replyyajirushitop-10pxleft75px {
position: relative;
top:-10px;
left:75px;
}
.replyyajirushitop-10pxleft80px {
position: relative;
top:-10px;
left:80px;
}
.replyyajirushitop-10pxleft85px {
position: relative;
top:-10px;
left:85px;
}
.replyyajirushitop-10pxleft90px {
position: relative;
top:-10px;
left:90px;
}
.replyyajirushitop-10pxleft95px {
position: relative;
top:-10px;
left:95px;
}
.replyyajirushitop-10pxleft100px {
position: relative;
top:-10px;
left:100px;
}


/*shikou517,518,519で、ブロックリバースで使用。-15，-20などにすると、左のレイアウト枠線に重なり、枠線が一部消えてしまう*/
.hyoichihidariyose-5px{
position: relative;
left:-5px;
}

.hyoichihidariyose-10px{
position: relative;
left:-10px;
}
/*shikou525で、2番目の英単語と3番めの英単語のスペース幅を狭くするために、ギリギリまで左に寄せた。ブラウザによっては文字が重なるかも、更にスラッシュが見えなくなった*/
.hyoichihidariyose-25px{
position: relative;
left:-25px;
}
.hyoichihidariyose-43px{
position: relative;
left:-43px;
}

/*shikou532で、英単語の間のスラッシュ調整用トライアル。各セルはTBL85なのに、スラッシュの位置がPCでは最初の一つだけ左にずれている。スマホではズレなし*/
.inputslash532left5pxtrial {
position: relative;
top:-135px;
left:10px;
}
/*shikou532で、英単語の間のスラッシュ調整用、実際には使っていない*/
.inputslash532left5px {
position: relative;
top:-15px;
left:5px;
}
/*shikou532で、myTBL60とmyTBL60の間、実際には使っていない*/
.inputslash532left10px {
position: relative;
top:-15px;
left:10px;
}
/*shikou532で、myTBL60とmyTBL140の間、実際には使っていない*/
.inputslash532left12px {
position: relative;
top:-15px;
left:12px;
}
/*shikou532で、myTBL140とmyTBL140の間、実際には使っていない*/
.inputslash532left8px {
position: relative;
top:-15px;
left:8px;
}
/*shikou524で、英単語の間のスラッシュ調整用、完成版では使わない*/
.inputslash524left5px {
position: relative;
top:-135px;
left:5px;
}
/*shikou524で、myTBL60とmyTBL60の間、完成版では使わない*/
.inputslash524left10px {
position: relative;
top:-135px;
left:10px;
}
/*shikou524で、myTBL60とmyTBL140の間、完成版では使わない*/
.inputslash524left12px {
position: relative;
top:-135px;
left:12px;
}
/*shikou524で、myTBL140とmyTBL140の間、完成版では使わない*/
.inputslash524left8px {
position: relative;
top:-135px;
left:8px;
}
/*shikou520で、英単語の間のスラッシュ調整用、作動していない？*/
.inputslashleft5px {
position: relative;
top:-35px;
left:5px;
}
/*shikou520で、myTBL60とmyTBL60の間、作動していない？*/
.inputslashleft10px {
position: relative;
top:-35px;
left:10px;
}
/*shikou520で、myTBL60とmyTBL140の間、作動していない？*/
.inputslashleft12px {
position: relative;
top:-35px;
left:12px;
}
/*shikou530で、myTBL60（Iの前後に全角スペース）とmyTBL140の間*/
.inputslashleft15px {
position: relative;
top:-35px;
left:15px;
}
/*shikou520で、myTBL140とmyTBL140の間、作動していない？*/
.inputslashleft8px {
position: relative;
top:-35px;
left:8px;
}
/*shikou521で、英単語の間のスラッシュフォーマット用、作動していない？*/
.inputslashformat {
position: relative;
top:-132px;
left:9px;
}

/*shikou546で、文法と英文の両方、各英単語かたまりの間、文法用語スラッシュの完成版で使用中,shikou609でも使用中*/
.inputslashtop-58pxleft0px {
position: relative;
top:-58px;
left:0px;
}

/*shikou609で使用中、Iの後ろのスラッシュをIに近づける*/
.inputslashtop-58pxleftminus3px {
position: relative;
top:-58px;
left:-3px;
}


/*shikou609で使用中padding-left:5px*/
.inputslashtop-58pxleft0pxpaddingleft5px {
position: relative;
top:-58px;
left:0px;
padding-left:5px;
}
/*shikou609で使用中padding-right:5px*/
.inputslashtop-58pxleft0pxpaddingright5px {
position: relative;
top:-58px;
left:0px;
padding-right:5px;
}

/*shikou609で使用中padding-right:5px*/
.inputslashtop-58pxleft0pxpaddingleftright5px {
position: relative;
top:-58px;
left:0px;
padding-left:5px;
padding-right:5px;
}









/*shikou546で、各英単語かたまりの間、英単語スラッシュの完成版で使用中*/
.inputslashtop-60pxleft0px {
position: relative;
top:-60px;
left:0px;
}
/*shikou546で、表なし枠なしスラッシュありの英単語かたまりのtop位置調整、スラッシュではなく、文法と英単語セルの高さの方、完成版で使用中*/
.brkatamaritop0px {
position: relative;
top:0px;
}




.hyoichileft0px{
	padding-left:0px;
}

.hyoichileft1px{
	padding-left:1px;
}

.hyoichileft-1px{
	padding-left:-1px;
}

.hyoichileft2px{
	padding-left:2px;
}

.hyoichileft-2px{
	padding-left:-2px;
}

.hyoichileft3px{
	padding-left:3px;
}

.hyoichileft-3px{
	padding-left:-3px;
}

.hyoichileft4px{
	padding-left:4px;
}

.hyoichileft-4px{
	padding-left:-4px;
}

.hyoichileft5px{
	padding-left:5px;
}

.hyoichileft-5px{
	padding-left:-5px;
}

.hyoichileft6px{
	padding-left:6px;
}

.hyoichileft-6px{
	padding-left:-6px;
}

.hyoichileft7px{
	padding-left:7px;
}

.hyoichileft-7px{
	padding-left:-7px;
}

.hyoichileft8px{
	padding-left:8px;
}

.hyoichileft-8px{
	padding-left:-8px;
}

.hyoichileft9px{
	padding-left:9px;
}

.hyoichileft-9px{
	padding-left:-9px;
}

.hyoichileft10px{
	padding-left:10px;
}

.hyoichileft-10px{
	padding-left:-10px;
}



.mojiichileft1px{
	margin-left:1px;
}

.mojiichileft2px{
	margin-left:2px;
}

.mojiichileft3px{
	margin-left:3px;
}

.mojiichileft4px{
	margin-left:4px;
}

.mojiichileft5px{
	margin-left:5px;
}

.mojiichileft6px{
	margin-left:6px;
}

.mojiichileft7px{
	margin-left:7px;
}

.mojiichileft8px{
	margin-left:8px;
}

.mojiichileft9px{
	margin-left:9px;
}

.mojiichileft10px{
	margin-left:10px;
}

.mojiichileft11px{
	margin-left:11px;
}

.mojiichileft12px{
	margin-left:12px;
}

.mojiichileft13px{
	margin-left:13px;
}

.mojiichileft14px{
	margin-left:14px;
}

.mojiichileft15px{
	margin-left:15px;
}

.mojiichileft16px{
	margin-left:16px;
}

.mojiichileft17px{
	margin-left:17px;
}

.mojiichileft18px{
	margin-left:18px;
}

.mojiichileft19px{
	margin-left:19px;
}

.mojiichileft20px{
	margin-left:20px;
}

.mojiichileft21px{
	margin-left:21px;
}

.mojiichileft22px{
	margin-left:22px;
}

.mojiichileft23px{
	margin-left:23px;
}

.mojiichileft24px{
	margin-left:24px;
}

.mojiichileft25px{
	margin-left:25px;
}

.mojiichileft26px{
	margin-left:26px;
}

.mojiichileft27px{
	margin-left:27px;
}

.mojiichileft28px{
	margin-left:28px;
}

.mojiichileft29px{
	margin-left:29px;
}

.mojiichileft30px{
	margin-left:30px;
}

.mojiichitop1px{
	margin-top:1px;
}

.mojiichitop2px{
margin-top:2px;
}

.mojiichitop3px{
	margin-top:3px;
}

.mojiichitop4px{
margin-top:4px;
}

.mojiichitop5px{
	margin-top:5px;
}

.mojiichitop6px{
margin-top:6px;
}

.mojiichitop7px{
	margin-top:7px;
}

.mojiichitop8px{
margin-top:8px;
}

.mojiichitop9px{
	margin-top:9px;
}

.mojiichitop10px{
margin-top:10px;
}


/*shikou605、基本文の訳の位置調整position:relativeがないとだめな場合用*/
.mojipositiontop5px{
position:relative;
top:5px;
}

.mojipositiontop10px{
position:relative;
top:10px;
}

.mojipositiontop15px{
position:relative;
top:15px;
}

.mojipositiontop20px{
position:relative;
top:20px;
}






.jikansaappear20s {
  -webkit-transition: 20s;
	-moz-transition: 20s;
	-ms-transition: 20s;
	transition: 20s;
}

.jikansaappear19s {
  -webkit-transition: 19s;
	-moz-transition: 19s;
	-ms-transition: 19s;
	transition: 19s;
}

.jikansaappear18s {
  -webkit-transition: 18s;
	-moz-transition: 18s;
	-ms-transition: 18s;
	transition: 18s;
}

.jikansaappear17s {
  -webkit-transition: 17s;
	-moz-transition: 17s;
	-ms-transition: 17s;
	transition: 17s;
}

.jikansaappear16s {
  -webkit-transition: 16s;
	-moz-transition: 16s;
	-ms-transition: 16s;
	transition: 16s;
}

.jikansaappear15s {
  -webkit-transition: 15s;
	-moz-transition: 15s;
	-ms-transition: 15s;
	transition: 15s;
}

.jikansaappear14s {
  -webkit-transition: 14s;
	-moz-transition: 14s;
	-ms-transition: 14s;
	transition: 14s;
}


.jikansaappear13s {
  -webkit-transition: 13s;
	-moz-transition: 13s;
	-ms-transition: 13s;
	transition: 13s;
}

.jikansaappear12s {
  -webkit-transition: 12s;
	-moz-transition: 12s;
	-ms-transition: 12s;
	transition: 12s;
}


.jikansaappear11s {
  -webkit-transition: 11s;
	-moz-transition: 11s;
	-ms-transition: 11s;
	transition: 11s;
}


.jikansaappear10s {
  -webkit-transition: 10s;
	-moz-transition: 10s;
	-ms-transition: 10s;
	transition: 10s;
}

.jikansaappear9s {
  -webkit-transition: 9s;
	-moz-transition: 9s;
	-ms-transition: 9s;
	transition: 9s;
}

.jikansaappear8s {
  -webkit-transition: 8s;
	-moz-transition: 8s;
	-ms-transition: 8s;
	transition: 8s;
}

.jikansaappear7s {
  -webkit-transition: 7s;
	-moz-transition: 7s;
	-ms-transition: 7s;
	transition: 7s;
}

.jikansaappear6s {
  -webkit-transition: 6s;
	-moz-transition: 6s;
	-ms-transition: 6s;
	transition: 6s;
}

.jikansaappear5s {
  -webkit-transition: 5s;
	-moz-transition: 5s;
	-ms-transition: 5s;
	transition: 5s;
}

.jikansaappear4s {
  -webkit-transition: 4s;
	-moz-transition: 4s;
	-ms-transition: 4s;
	transition: 4s;
}


.jikansaappear3s {
  -webkit-transition: 3s;
	-moz-transition: 3s;
	-ms-transition: 3s;
	transition: 3s;
}

.jikansaappear2s {
  -webkit-transition: 2s;
	-moz-transition: 2s;
	-ms-transition: 2s;
	transition: 2s;
}

.jikansaappear1andhalf {
  -webkit-transition: 1.5s;
	-moz-transition: 1.5s;
	-ms-transition: 1.5s;
	transition: 1.5s;
}

.jikansaappear1s {
  -webkit-transition: 1s;
	-moz-transition: 1s;
	-ms-transition: 1s;
	transition: 1s;
}

.jikansaappearhalf1s {
  -webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}


td[class="haikeishokukaeru1"] {
background-color:black;
	animation: background-color 10s infinite;
	-webkit-animation: background-color 10s infinite;
	-moz-animation: background-color 10s infinite;
}

@-webkit-keyframes background-color {
	0% {
		background-color: black;
	}
	100% {
		background-color: white;
	}
}

@-moz-keyframes background-color {
	0% {
		background-color: black;
	}
	100% {
		background-color: white;
	}
}

@keyframes background-color {
	0% {
		background-color: black;
	}
	100% {
		background-color: white;
	}
}




/*　手書き風https://love-wave.com/css-waku/　*/
.tegakiwaku1 {
 margin: 2em auto; 
 padding: 10px 30px 10px;
 width: 95%; /*幅の調節*/
 color: #000; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid pink; /*線の太さ・色*/
/*↓楕円の横の半径と縦の半径を別々の値に指定、「/」の左側が横の半径、「/」の右側が縦の半径、順番は左上を基準に時計回り*/
border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}



.tegakiwaku2 {
 margin: 2em auto; 
 padding: 10px 30px 10px;
 width: 95%; /*幅の調節*/
 color: #000; /* 文字色 */
 background-color: #fff; /* 背景色 */
 border: 4px solid skyblue; /*線の太さ・色*/
 border-radius: 3em .8em 3em .7em/.9em 2em .8em 3em;
}


.tegakiwakubox1 {
position: relative;
margin: 2em 0;
padding: 10px 20px 10px;
width:95%;
margin: 2em auto; 
border: solid 5px pink;
border-radius:3em .8em 3em .7em/.9em 2em .8em 3em;
background-color:#fff;

}
.tegakiwakubox1 .box-title {
position: absolute;
display: inline-block;
top: 0px;
left: 10px;
padding: 0 9px;
height: 25px;
line-height: 28px;
vertical-align: middle;
font-size: 15px;
background: darkorange;
border-radius:3em .8em 3em .7em/.9em 2em .8em 3em;
color: #fff;
font-weight: bold;
}

.tegakiwakubox1 p {
margin: 10px;
padding: 0;
background-color:#fff;
}


.tegakiwakubox2 {
position: relative;
margin: 2em 0;
padding: 10px 20px 10px;
width:95%;
margin: 2em auto; 
border: solid 5px skyblue;
border-radius:3em .8em 3em .7em/.9em 2em .8em 3em;
background-color:#fff;
}
.tegakiwakubox2 .box-title {
position: absolute;
display: inline-block;
top: 0px;
left: 10px;
padding: 0 9px;
height: 25px;
line-height: 28px;
vertical-align: middle;
font-size: 15px;
background: limegreen;
border-radius:3em .8em 3em .7em/.9em 2em .8em 3em;
color: #fff;
font-weight: bold;
}

.tegakiwakubox2 p {
margin: 10px;
padding: 0;
background-color:#fff;
}








/*ダントツ英文法の説明で使う、サルワカhttps://saruwakakun.com/html-css/reference/border*/
.underlinewave {
background:url(/wp-content/uploads/2019/10/wave.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}

.underlinewavered {
background:url(/wp-content/uploads/2019/10/wave-red.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}

.underlinewaveskyblue {
background:url(/wp-content/uploads/2019/10/wave-skyblue.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}


.underlinewaveorange {
background:url(/wp-content/uploads/2019/10/wave-orange.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}

.underlinewavepurple {
background:url(/wp-content/uploads/2019/10/wave-purple.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}

.underlinewavesilver {
background:url(/wp-content/uploads/2019/10/wave-silver.png) bottom repeat-x; 
background-size: 15px;
padding-bottom:4px;
}




/*上げ調子と下げ調子の矢印https://kouhekikyozou.com/css_arrow_button*/
.agechoshi {
  position: relative;
  padding-left: 30px;
}
.agechoshi::before { /* くの字の表示設定 */
  content: "";
  position: absolute;
  bottom: 4px; /* 要素の下からの距離 */
  left: 10px;
  width: 14px;
  height: 14px;
  border-top: 3px solid #006400;
  border-right: 3px solid #006400;
}
.agechoshi::after { /* 棒の表示設定 */
  content: "";
  position: absolute;
  bottom: 7px; /* 要素の下からの距離 */
  left: 4px;
  width: 20px;
  height: 3px;
  background: #006400;
  transform: rotate(135deg); /* 棒の角度調整 */
}

.sagechoshi {
  position: relative;
  padding-left: 30px;
}

.sagechoshi::before { /* くの字の表示設定 */
  content: "";
  position: absolute;
  top: 3px; /* 要素の上からの距離 */
  left: 10px; /* 要素の左からの距離 */
  width: 14px;
  height: 14px;
  border-right: 3px solid #006400; /* くの字を山なりに見た時、左側の太さ */
  border-bottom: 3px solid #006400; /* くの字を山なりに見た時、右側の太さ */
}

.sagechoshi::after { /* 棒の表示設定 */
  content: "";
  position: absolute;
  top: 6px;
  left: 5px;
  width: 20px;
  height: 3px;
  background: #006400;
  transform: rotate(45deg); /* 角度調整 */
}


/* ミニ黒板風　https://love-wave.com/css-waku/#toc9 */
.minikokubanandkokubankeshi {
 position: relative;
 margin: 0;
padding: 15px 35px 15px 35px;
 width: 230px; /* ボックス幅 */
 background: #104300; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.minikokubanandkokubankeshi::before,
.minikokubanandkokubankeshi::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.minikokubanandkokubankeshi::before {
position: absolute;
content: '';
/*青いプラの部分 */
height:19px;
width: 42px; 
right:10px;
bottom:0px;
background-color:#2E9AFE;
border: solid 4px #2E9AFE; 
border-radius: 3px;
}
.minikokubanandkokubankeshi::after {
/*黒い布ひもの部分 */
height:20px;
right:26px;
border: solid 4px #111; 
border-radius: 2px;
}


.minikokubanchalk1 {
position: relative;
}

.minikokubanchalk1::before {
position: absolute;
content: '';
width: 30px; 
left: 80px;
bottom:-19px;
background-color:#F3F781;
border: solid 3px #F3F781; /*チョーク（黄色）*/
border-radius: 3px 2px 0 2px;
}

.minikokubanchalk1::after {
position: absolute;
content: '';
width: 25px; 
left: 45px;
bottom:-19px;
background-color:white;
border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}

.minikokubanchalk2 {
position: relative;
}

.minikokubanchalk2::before {
position: absolute;
content: '';
width: 25px; 
left: -10px;
bottom:-19px;
background-color:#F78181;
border: solid 3px #F78181; /*チョーク（赤）*/
border-radius: 3px 2px 0 2px;
}


.kokubanandkokubankeshi {
 position: relative;
 margin: 2em auto;
 padding: 15px 35px 15px 35px;
 width: 90%; /* ボックス幅 */
 background: #104300; /* ボックス背景色 */
 color: #fff; /* 文章色 */
 border: 8px solid #b2771f; /* 枠線 */
 border-radius: 3px; /* 角の丸み */
 box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
}
.kokubanandkokubankeshi::before,
.kokubanandkokubankeshi::after {
 position: absolute;
 content: '';
 bottom: 0;
} 
.kokubanandkokubankeshi::before {
position: absolute;
content: '';
/*青いプラの部分 */
height:19px;
width: 42px; 
right:10px;
bottom:0px;
background-color:#2E9AFE;
border: solid 4px #2E9AFE; 
border-radius: 3px;
}
.kokubanandkokubankeshi::after {
/*黒い布ひもの部分 */
height:20px;
right:26px;
border: solid 4px #111; 
border-radius: 2px;
}


.kokubanchalk1 {
position: relative;
}

.kokubanchalk1::before {
position: absolute;
content: '';
width: 30px; 
left: 180px;
bottom:-19px;
background-color:#F3F781;
border: solid 3px #F3F781; /*チョーク（黄色）*/
border-radius: 3px 2px 0 2px;
}

.kokubanchalk1::after {
position: absolute;
content: '';
width: 25px; 
left: 120px;
bottom:-19px;
background-color:white;
border: solid 3px #fff; /*チョーク（白） */
 border-radius: 8px 5px 2px 5px;
}

.kokubanchalk2 {
position: relative;
}

.kokubanchalk2::before {
position: absolute;
content: '';
width: 25px; 
left: 0px;
bottom:-19px;
background-color:#F78181;
border: solid 3px #F78181; /*チョーク（赤）*/
border-radius: 3px 2px 0 2px;
}

.kokubanshiromoji {
color: #fff;
font-weight:bold;
}

.kokubankiiromoji {
color: #F3F781;
font-weight:bold;
}

.kokubanakamoji {
color: #F78181;
font-weight:bold;
}

/* 黒板風フセン*/
/*↓custom.phpに入れる*/
.tape-minikokuban {
position: relative;
margin: 0;
top:-25px;
padding: 10px 15px 10px 15px;
background: #000; /* #104300から変更した。ボックス背景色 */
color: #fff; /* 文章色 */
border: 5px solid #b2771f; /* 枠線 */
border-radius: 3px; /* 角の丸み */
box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
box-shadow: 1px 1px 0px 0px lavender;}

/*↓custom.phpに入れる*/
.tape8-box {
position: relative;
background-color: #fff;
padding: 1em;
/*↓黒板風フセンに合わせた色のワク*/
border:burlywood solid 3px;
box-shadow: 1px 1px 1px 2px mistyrose;
border-radius:3px;
}
.tape8-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}


/* ホワイトボード風フセン*/
/*↓custom.phpに入れる*/
.tape-miniwhiteboard {
position: relative;
margin: 0;
top:-25px;
padding: 10px 15px 10px 15px;
background: #fff; 
color: #000; /* 文章色 */
border: 5px solid lightgray; /* 枠線 */
border-radius: 3px; /* 角の丸み */
box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
box-shadow: 1px 1px 0px 0px lavender;}

.tape9-box {
position: relative;
background-color: #fff;
padding: 1em;
/*↓ホワイトボード風フセンに合わせた色のワク*/
border:lightgray solid 3px;
box-shadow: 1px 1px 1px 2px mistyrose;
border-radius:3px;
}
.tape9-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.whiteboardakamoji {
color: red;
font-weight:bold;
}

.whiteboardaomoji {
color: blue;
font-weight:bold;
}

.whiteboardkuromoji {
color: #000;
font-weight:bold;
}





/* 枠線を太線にして木製フレームにする */
.wakufutowaku-box {
position: relative;
border: 10px solid saddlebrown; 
border-radius:10px;
background: #fff;
box-shadow: 2px 2px 4px gray,1px 1px 2px gray inset;
padding: 15px 35px 15px 35px;
width:100%;
}
.wakufutowaku-box /*↓問題をかくした際に、２行で重なってしまうのでclass指定で対処。もともとはpだったが、行間広いのでline-heightで対策*/div[class=wakufutowakuboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.wakufutowakutapepink-moccasin {
position: absolute;
top: -20px;
left:10px;
background-color: moccasin;
border-left: 5px solid pink;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}




.corkwhiteboard {
/*https://nk-media.org/blackboard/,もともとbackground: #104300;*/
border: 10px solid saddlebrown; 
border-radius:10px;
background: #fff;
box-shadow: 2px 2px 4px gray,1px 1px 2px gray inset;
padding: 15px 35px 15px 35px;
width:100%;
}

.corkwhiteboardmoji {
color: #000;
font-weight:normal;
}




/*セリフ吹き出しversion2スマホで見やすく vdeep*/
/* チャットレイアウト */
.chat-boxversion2 {
	width: 100%;
	height: auto;
	overflow: hidden;
/*floatの解除*/
	margin-bottom: 20px;
font-size:normal;
/*↑20210612追記した*/
}

.chat-faceversion2 {
	float: left;
	margin-right: -120px;
}

.chat-faceversion2 img {
	border-radius: 30px;
	border: 1px solid #ccc;
	box-shadow: 0 0 4px #ddd;
}

.chat-areaversion2 {
	width: 100%;
	float: right;
}

.chat-fukidashiversion2 {
	display: inline-block;
/*コメントの文字数に合わせて可変*/
  padding: 15px 20px;
	margin-left: 0px;
	margin-top: 108px;
/* border: 1px solid gray; ←削除 */
	border-radius: 10px;
	position: relative;
/*追記*/
	background-color: #f2f2f2;
}

/* ↓追記↓ */
.chat-fukidashiversion2:after {
	content: "";
	position: absolute;
	top: 65px;
/* ↑もともとはtop: 50%; */
    left: 38px;
	margin-top: -85px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: transparent transparent #f2f2f2 transparent;
}

.chat-fukidashiversion2.mizu {
	background-color: #D9F0FF;
}

.chat-fukidashiversion2.mizu:after {
	border-color: transparent transparent #D9F0FF transparent;
top:65px;
}

.chat-fukidashiversion2.midori {
	background-color: #bcffbc;
/*↑もともと #BCF5A9だったが、やや濃いので変更した。その後に薄めの#bcffbcにした。（ラインで使われている#00B900は濃すぎ）*/
}

.chat-fukidashiversion2.midori:after {
	border-color: transparent transparent #bcffbc transparent;
top:65px;
}

.chat-fukidashiversion2.daidai {
	background-color: #fff0c6;
}

.chat-fukidashiversion2.daidai:after {
	border-color: transparent transparent #fff0c6 transparent;
top:65px;
}

.chat-fukidashiversion2.momo {
	background-color: #FFE4E1;
}

.chat-fukidashiversion2.momo:after {
	border-color: transparent transparent #FFE4E1 transparent;
top:65px;
}

.chat-fukidashiversion2.shiro {
	background-color: white;
}

.chat-fukidashiversion2.shiro:after {
	border-color: transparent white transparent transparent;
top:65px;
}


.chat-fukidashiversion2.komugi {
	background-color: wheat;
}

.chat-fukidashiversion2.komugi:after {
	border-color: transparent transparent wheat transparent;
top:65px;
}

.chat-fukidashiversion2.rakuda {
	background-color: beige;
}

.chat-fukidashiversion2.rakuda:after {
	border-color: transparent transparent beige transparent;
top:65px;
}

.chat-fukidashiversion2.usukiiro {
	background-color: #FFFFCC;
}

.chat-fukidashiversion2.usukiiro:after {
	border-color: transparent transparent #FFFFCC transparent;
top:65px;
}
/* ↑追記ここまで↑ */


/*セリフ吹き出しvdeep*/
/* チャットレイアウト */
.chat-box {
	width: 100%;
	height: auto;
	overflow: hidden;
/*floatの解除*/
	margin-bottom: 20px;
font-size:normal;
/*↑20210612追記した*/
}

.chat-face {
	float: left;
	margin-right: -120px;
}

.chat-face img {
	border-radius: 30px;
	border: 1px solid #ccc;
	box-shadow: 0 0 4px #ddd;
}

.chat-area {
	width: 100%;
	float: right;
}

.chat-fukidashi {
	display: inline-block;
/*コメントの文字数に合わせて可変*/
    padding: 15px 20px;
	margin-left: 120px;
	margin-top: 8px;
/* border: 1px solid gray; ←削除 */
	border-radius: 10px;
	position: relative;
/*追記*/
	background-color: #f2f2f2;
}

/* ↓追記↓ */
.chat-fukidashi:after {
	content: "";
	position: absolute;
	top: 50%;
/* ↑もともとはtop: 50%; */
    left: -10px;
	margin-top: -10px;
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	border-color: transparent #f2f2f2 transparent transparent;
}

.mizu {
	background-color: #D9F0FF;
}

.mizu:after {
	border-color: transparent #D9F0FF transparent transparent;
}

.midori {
	background-color: #bcffbc;
/*↑もともと #BCF5A9だったが、やや濃いので変更した。その後に薄めの#bcffbcにした。（ラインで使われている#00B900は濃すぎ）*/
}

.midori:after {
	border-color: transparent #bcffbc transparent transparent;
}

.daidai {
	background-color: #fff0c6;
}

.daidai:after {
	border-color: transparent #fff0c6 transparent transparent;
}

.momo {
	background-color: #FFE4E1;
}

.momo:after {
	border-color: transparent #FFE4E1 transparent transparent;
}

.shiro {
	background-color: white;
}

.shiro:after {
	border-color: transparent white transparent transparent;
}


.komugi {
	background-color: wheat;
}

.komugi:after {
	border-color: transparent wheat transparent transparent;
}

.rakuda {
	background-color: beige;
}

.rakuda:after {
	border-color: transparent beige transparent transparent;
}

.usukiiro {
	background-color: #FFFFCC;
}

.usukiiro:after {
	border-color: transparent #FFFFCC transparent transparent;
}


/* ↑追記ここまで↑ */



/*shikou480* visited効かない(クリック後の色がそのままにならない＝色がもとに戻ってしまう)*/
.mercaricourse {
margin:5px;
width:70px;
height:35px;
display:inline-block;
color:#000;
border-radius:5px;
border:solid 1px gray;
background-color:#f2f2f2;
}
.mercaricourse:hover {
border:solid 3px orange;
background-color:mistyrose;
}
.mercaricourse:active {
border:solid 3px orange;
background-color:orange;
}



/*試行錯誤ページ445、メルカリ用ページ、でタブメニュー化tabをtab2～5まで作成。https://fukafuka295.jp/tab_menu/*/
ul.tab2 {
list-style: none;
padding-left: 0px;
margin-left:45px;
}
ul.tab2 li {
width:120px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab2 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab2 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent2 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab3*/
ul.tab3 {
list-style: none;
padding-left: 0px;
margin-left:45px;
}
ul.tab3 li {
width:120px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab3 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab3 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent3 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab4*/
ul.tab4 {
list-style: none;
padding-left: 0px;
margin-left:45px;
}
ul.tab4 li {
width:120px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab4 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab4 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent4 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab5*/
ul.tab5 {
list-style: none;
padding-left: 0px;
margin-left:45px;
}
ul.tab5 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab5 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab5 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent5 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

ul.tab6 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab6 li {
width:120px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab6 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab6 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent6 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab7*/
ul.tab7 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab7 li {
width:120px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab7 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab7 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent7 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab8*/
ul.tab8 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab8 li {
width:200px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab8 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab8 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent8 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab9*/
ul.tab9 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab9 li {
width:200px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab9 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab9 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent9 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab10*/
ul.tab10 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab10 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab10 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab10 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent10 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab11*/
ul.tab11 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab11 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab11 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab11 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent11 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab12*/
ul.tab12 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab12 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab12 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab12 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent12 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab13*/
ul.tab13 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab13 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab13 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab13 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent13 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab14*/
ul.tab14 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab14 li {
width:200px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab14 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab14 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent14 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab15*/
ul.tab15 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab15 li {
width:250px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab15 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab15 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent15 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab16*/
ul.tab16 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab16 li {
width:250px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab16 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab16 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent16 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab17*/
ul.tab17 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab17 li {
width:250px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab17 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab17 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent17 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab18 英単語帳タブ化*/
ul.tab18 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab18 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab18 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab18 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent18 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab19 英単語８００語用*/
ul.tab19 {
list-style: none;
padding-left: 0px;
margin-left:30px;
}
ul.tab19 li {
width:250px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab19 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab19 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent19 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab20 各コースを表にして、『くわしく』でスクロール,shikou476、482*/
ul.tab20 {
list-style: none;
padding-left: 0px;
margin-left:0px;
}
ul.tab20 li {
width:80px;
text-align:center;
float: left;
margin-top:-10px;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: wheat;
padding: 5px;
color: #000;
font-size:14px;
cursor: pointer;
}
ul.tab20 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab20 li.active {
background-color: pink;
color: black;
font-weight:bold;
}
div.tabContent20 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab21 各コースを表にして、『くわしく』でスクロール,shikou479*/
ul.tab21 {
list-style: none;
padding-left: 0px;
margin-left:0px;
}
ul.tab21 li {
width:80px;
text-align:center;
float: left;
margin-top:-10px;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: wheat;
padding: 5px;
color: #000;
font-size:14px;
cursor: pointer;
}
ul.tab21 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab21 li.active {
background-color: pink;
color: black;
font-weight:bold;
}
div.tabContent21 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*tab22 各コースを表にして、『くわしく』でスクロール,shikou479*/
ul.tab22 {
list-style: none;
padding-left: 0px;
margin-left:0px;
}
ul.tab22 li {
width:80px;
text-align:center;
float: left;
margin-top:-10px;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: wheat;
padding: 5px;
color: #000;
font-size:14px;
cursor: pointer;
}
ul.tab22 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab22 li.active {
background-color: pink;
color: black;
font-weight:bold;
}
div.tabContent22 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab23 各コースを表にして、『くわしく』でスクロール,shikou479*/
ul.tab23 {
list-style: none;
padding-left: 0px;
margin-left:0px;
}
ul.tab23 li {
width:80px;
text-align:center;
float: left;
margin-top:-10px;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: wheat;
padding: 5px;
color: #000;
font-size:14px;
cursor: pointer;
}
ul.tab23 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab23 li.active {
background-color: pink;
color: black;
font-weight:bold;
}
div.tabContent23 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab24、shikou483英文法クロスタブ可*/
ul.tab24 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab24 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab24 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab24 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent24 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab25、shikou483英熟語連語タブ可*/
ul.tab25 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab25 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab25 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab25 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent25 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab26、shikou483英単語800語タブ可*/
ul.tab26 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab26 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab26 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab26 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent26 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab27、shikou483基本英単語タブ可*/
ul.tab27 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab27 li {
width:230px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab27 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab27 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent27 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}

/*tab28、メルカリ、基本文のまとめタブ可*/
ul.tab28 {
list-style: none;
padding-left: 0px;
margin-left:30px;
/*margin-left:0pxにすると左端にぴったりになる*/
}
ul.tab28 li {
width:220px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab28 li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab28 li.active {
background-color: #FAAC58;
color: white;
}
div.tabContent28 {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*試行錯誤ページ441、アルファベットから探す、でアルファベットから探すのタブメニュー化https://fukafuka295.jp/tab_menu/*/
ul.tab {
list-style: none;
padding-left: 0px;
margin-left:5px;
}
ul.tab li {
width:60px;
text-align:center;
float: left;
margin-right: 10px;
margin-bottom: 10px;
border-radius:5px;
background-color: #f2f2f2;
padding: 5px;
color: #000;
font-size:16px;
cursor: pointer;
}
ul.tab li:hover {
background-color: mistyrose;
color: #555;
}
ul.tab li.active {
background-color: orange;
color: white;
}
div.tabContent {
clear: both;
border: 1px solid limegreen;
padding: 20px;
width: 100%;
display: none;
}
div.active {
display: block;
}


/*hoverでazure。hidden、kakure、hideの他の名前で作成、background-colorが反映されないので無くした*/
.mienai_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.mienai_box label {
    padding-top: 8px;
    padding-bottom: 8px;    padding-left: 12px;
	padding-right: 12px;
	border: solid 2px #999;
border-radius:5px;
/*background-colorが反映されないので無くした*/
	cursor :pointer;
}
/*ホバー時*/
.mienai_box label:hover {
opacity:0.6;
}
/*ボタンクリック時（ホバーだと表示非表示がスムーズではない）*/
.mienai_box label:active {
opacity:0.8;
}
/*チェックは見えなくする*/
.mienai_box input {
    display: none;
}
/*中身を非表示にしておく*/
.mienai_box .mienai_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1.5s;
/*↑もとは0.7だったが、スマホ用に遅くした。チェックだけ残したときにもゆっくり閉じる*/
}
/*クリックで中身表示*/
.mienai_box input:checked ~ .mienai_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*hoverでlavender。hidden、kakureより下に入れると色がbeigeになってしまう。*/
.hide_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.hide_box label {
    padding-top: 8px;
    padding-bottom: 8px;    padding-left: 12px;
	padding-right: 12px;
	border: solid 2px #999;
border-radius:5px;
/*background-colorが反映されないので無くした*/
	cursor :pointer;
}
/*ホバー時*/
.hide_box label:hover {
opacity:0.6;
}
/*ボタンクリック時（ホバーだと表示非表示がスムーズではない）*/
.hide_box label:active {
opacity:0.8;
}
/*チェックは見えなくする*/
.hide_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hide_box .hide_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1.5s;
/*↑もとは0.7だったが、スマホ用に遅くした。チェックだけ残したときにもゆっくり閉じる*/
}
/*クリックで中身表示*/
.hide_box input:checked ~ .hide_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*『発音の解説,英単語を もっとくわしく』ボタン（実際はチェックボックス）、クリックでゆっくり文字が出る*/
.kakure_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.kakure_box label {
    padding-top: 8px;
    padding-bottom: 8px;    padding-left: 12px;
	padding-right: 12px;
	border: solid 2px #999;
border-radius:5px;
background-color:lightyellow;
	cursor :pointer;
}
/*ホバー時*/
.kakure_box label:hover {
    background: azure;
}
/*ボタンクリック時（ホバーだと表示非表示がスムーズではない）*/
.kakure_box label:active {
    background: azure;
}
/*チェックは見えなくする*/
.kakure_box input {
    display: none;
}
/*中身を非表示にしておく*/
.kakure_box .kakure_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1.5s;
/*↑もとは0.7だったが、スマホ用に遅くした。チェックだけ残したときにもゆっくり閉じる*/
}
/*クリックで中身表示*/
.kakure_box input:checked ~ .kakure_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*『ワンポイント説明』ボタン（実際はチェックボックス）、クリックでゆっくり文字が出る*/
.hidden_box {
    margin: 0;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.hidden_box label {
    padding-top: 8px;
    padding-bottom: 8px;    padding-left: 12px;
	padding-right: 12px;
	border: solid 2px #999;
border-radius:5px;
background-color:beige;
	cursor :pointer;
}
/*ホバー時*/
.hidden_box label:hover {
    background: lavender;
}
/*ボタンクリック時（ホバーだと表示非表示がスムーズではない）*/
.hidden_box label:active {
    background: lavender;
}
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 1.5s;
/*↑もとは0.7だったが、スマホ用に遅くした。チェックだけ残したときにもゆっくり閉じる*/
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/*checkboxの位置調整、バ行とダ行など25pxサイズの文字があるとき用。PCとスマホで表示位置が異なるので注意*/
.tdcheckboxichi input{
position:relative;
top:5px;
}


/*ダントツlesson7、文法の英単語帳へのリンクpattern1*/
.wordlinkpadding1 {
font-size: 16pt;
color:black;
text-decoration: none;
padding:1px;
}
.wordlinkpadding1:hover {
text-decoration:underline;
}
.wordlinkpadding1:active {
text-decoration:underline;
}

/*ダントツlesson7、基本文に英単語帳へのリンクpattern2*/
.wordlinkpadding2 {
font-size: 16pt;
color:black;
text-decoration: none;
padding: 2px;
}
.wordlinkpadding2:hover {
text-decoration:underline;
}
.wordlinkpadding2:active {
text-decoration:underline;
}

/*ダントツlesson7、基本文に英単語帳へのリンクpattern2で、下線がある英単語用(短縮形部分など)*/
.wordlinkpadding2nokasen {
font-size: 16pt;
color:black;
text-decoration: none;
padding: 2px;
}
.wordlinkpadding2nokasen:hover {
text-decoration:underline;
}
.wordlinkpadding2nokasen:active {
text-decoration:underline;
}


/*ダントツlesson7、基本文に英単語帳へのリンクpattern2で英単語帳にない単語用*/
.wordlinkpadding2nolink {
font-size: 16pt;
color:black;
text-decoration: none;
padding: 2px;
}

/*ダントツlesson7、基本文に英単語帳へのリンクpattern2で文字サイズ11pt*/
.wordlinkpadding2moji11pt {
font-size: 11pt;
color:black;
text-decoration: none;
padding: 2px;
}
.wordlinkpadding2moji11pt:hover {
text-decoration:underline;
}
.wordlinkpadding2moji11pt:active {
text-decoration:underline;
}

/*ダントツlesson7、基本文に英単語帳へのリンクpattern2で文字サイズ10pt*/
.wordlinkpadding2moji10pt {
font-size: 10pt;
color:black;
text-decoration: none;
padding: 2px;
}
.wordlinkpadding2moji10pt:hover {
text-decoration:underline;
}
.wordlinkpadding2moji10pt:active {
text-decoration:underline;
}


/*ダントツlesson7、基本文に英単語帳へのリンクpattern3*/
.wordlinkpadding3 {
font-size: 16pt;
color:black;
text-decoration: none;
padding: 3px;
}
.wordlinkpadding3:hover {
text-decoration:underline;
}
.wordlinkpadding3:active {
text-decoration:underline;
}

/*ダントツlesson7、基本文に英単語帳へのリンクpattern0*/
.wordlinkpadding0 {
font-size: 16pt;
color:black;
text-decoration: none;
padding: 0px;
}
.wordlinkpadding0:hover {
text-decoration:underline;
}
.wordlinkpadding0:active {
text-decoration:underline;
}

.spellingquestion {
margin-left:5px;
color:#000;
font-size:16px;
border-radius: 5px;
}


.spellingfinishbutton {
width: 55px;
height: 55px;
display: inline-block;
color:white;
font-size:10pt;
font-weight:bold;
background-color:orange;
opacity:0.75;
border-radius: 5px;
margin-top:10px;
margin-left:10px;
}

.spellinganswercell{
width:180px;
height:40px;
font-size:25px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}

.spellinganswercell200px{
width:200px;
height:40px;
font-size:25px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}



.spellinganswercell210px{
width:210px;
height:40px;
font-size:25px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}



.spellinganswercell220px{
width:220px;
height:40px;
font-size:25px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}


.spellinganswercell230px{
width:230px;
height:40px;
font-size:22px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}


.spellinganswercell240px{
width:240px;
height:40px;
font-size:22px;
color: #006400;
background-color:#fff;
border-radius: 5px;
}


/*↓文字フォント20pxでぴったり*/
.minitangochogazoueigomoji {
	position: relative;
}

.minitangochogazoueigomoji p {
	position: absolute;
	color: black;
	top: 11px;
	left: 38px;
	margin: 0;
	padding: 0;
}

.minitangochogazoueigomoji img {
	width: 100%;
}


.tangochomidashiwhite1linewidth170 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000;
	border-radius: 3px 3px 3px 3px;
	width: 170px;
}

.tangochomidashiwhite1linewidth170:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 45%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}

.tangochomidashiwhite2linewidth170 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000000;
	border-radius: 3px 3px 3px 3px;
	width: 170px;
}

.tangochomidashiwhite2linewidth170:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 45%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}



.tangochomidashiwhite1linewidth190 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000;
	border-radius: 3px 3px 3px 3px;
	width: 190px;
}

.tangochomidashiwhite1linewidth190:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 40%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}

.tangochomidashiwhite2linewidth190 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000000;
	border-radius: 3px 3px 3px 3px;
	width: 190px;
}

.tangochomidashiwhite2linewidth190:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 45%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}




.tangochomidashiwhite1linewidth200 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000;
	border-radius: 3px 3px 3px 3px;
	width: 200px;
}

.tangochomidashiwhite1linewidth200:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 45%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}

.tangochomidashiwhite2linewidth200 {
/*beforeでring、shadowでホール*/
	position: relative;
	color: #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	display: inline-block;
	line-height: 1.8;
	background: #fff;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
	border: solid 2px #000000;
	border-radius: 3px 3px 3px 3px;
	width: 200px;
}

.tangochomidashiwhite2linewidth200:before {
/*↓box-shadowでリング（横線）*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 45%;
	left: -16px;
	width: 11px;
	height: 11px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-moz-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 0 

#C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
	-webkit-box-shadow: 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0, 12px 0 0 0 #C0C0C0, 14px 0 0 

0 #C0C0C0, 16px 0 0 0 #C0C0C0, 18px 0 0 0 #C0C0C0, 20px 0 0 0 #C0C0C0, 22px 0 0 0 #C0C0C0, 24px 0 0 3px #000000;
}



.mondaibangomarurei {
font-size: 10pt;
background-color:yellowgreen;
border-radius:25px;
padding:5px;
margin-left:5px;
margin-right:10px;
}

.jukugoshiyourei {
/**/
padding: 10px;
}


.borderbottomc0c0c0long {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0long:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 5px;
	width: 106px;
	height: 5px;
	background-color: #C0C0C0;
}

.borderbottomc0c0c0longleftshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0longleftshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 15px;
	width: 96px;
	height: 5px;
	background-color: #c0c0c0;
}


.borderbottomc0c0c0longrightshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0longrightshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 96px;
	height: 5px;
	background-color: #c0c0c0;
}

.borderbottomc0c0c0 {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 5px;
	width: 96px;
	height: 5px;
	background-color: #C0C0C0;
}


.borderbottomc0c0c0short {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0short:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 9px;
	width: 96px;
	height: 5px;
	background-color: #C0C0C0;
}

.borderbottomc0c0c0normal {
/*borderbottomc0c0c0shortと同じ*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomc0c0c0normal:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 9px;
	width: 96px;
	height: 5px;
	background-color: #C0C0C0;
}


.borderbottomleftshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomleftshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 15px;
	width: 96px;
	height: 5px;
	background-color: orange;
}

.borderbottomlongleftshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomlongleftshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 15px;
	width: 96px;
	height: 5px;
	background-color: orange;
}


.borderbottomlong {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomlong:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 105px;
	height: 5px;
	background-color: orange;
}



.borderbottomnormal {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomnormal:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 96px;
	height: 5px;
	background-color: orange;
}


.borderbottomrightshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomrightshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 86px;
	height: 5px;
	background-color: orange;
}

.borderbottomlongrightshort {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomlongrightshort:before {
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 96px;
	height: 5px;
	background-color: orange;
}



.borderbottomshoryakuka {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomshoryakuka:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 10px;
	width: 86px;
	height: 5px;
	background-color: #C0C0C0;
}
.borderbottomshoryakuka:after {
	content: '省 略 可';
	position: absolute;
  top: 63px;
	left: 32px;
	width: 50px;
	height: 5px;
	background-color: transparent;
}

.borderbottomtanshukukei {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomtanshukukei:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 10px;
	width: 92px;
/*↑88pxで短いので92pxにした*/
	height: 5px;
	background-color: #C0C0C0;
}
.borderbottomtanshukukei:after {
	content: '短 縮 形';
	position: absolute;
  top: 63px;
	left: 32px;
	width: 50px;
	height: 5px;
	background-color: transparent;
}

.borderbottomtanshukukeilong {
/**/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.borderbottomtanshukukeilong:before {
	content: '';
	position: absolute;
  top: 55px;
	left: 6px;
	width: 92px;
/*↑88pxで短いので92pxにした*/
	height: 5px;
	background-color: #C0C0C0;
}
.borderbottomtanshukukeilong:after {
	content: '短 縮 形';
	position: absolute;
  top: 63px;
	left: 32px;
	width: 50px;
	height: 5px;
	background-color: transparent;
}




.kakikaekakko {
/*beforeで[ ]、afterで文字（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.kakikaekakko:before {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -5px;
	left: -7px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
	-moz-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
/* ↓クローム */
-webkit-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
}


.kakikaekakkowide {
/*beforeで[ ]、afterで文字（短縮形）myTBL100pxcell90pxfont16px.cssで,kakikaekakkoの右の横棒、縦棒をそれぞれ10pxプラスしている*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.kakikaekakkowide:before {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -5px;
	left: -7px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 88px 0 0 0 #C0C0C0, 90px 0 0 0 #C0C0C0, 92px 0 0 0 #C0C0C0, 94px 0 0 0 #C0C0C0, 96px 0 0 0 #C0C0C0, 98px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 98px 2px 0 0 #C0C0C0, 98px 4px 0 0 #C0C0C0, 98px 6px 0 0 #C0C0C0, 98px 8px 0 0 #C0C0C0, 98px 10px 0 0 #C0C0C0, 98px 12px 0 0 #C0C0C0, 98px 14px 0 0 #C0C0C0, 98px 16px 0 0 #C0C0C0, 98px 18px 0 0 #C0C0C0, 98px 20px 0 0 #C0C0C0, 98px 22px 0 0 #C0C0C0, 98px 24px 0 0 #C0C0C0, 98px 26px 0 0 #C0C0C0, 98px 28px 0 0 #C0C0C0, 98px 30px 0 0 #C0C0C0, 98px 32px 0 0 #C0C0C0, 98px 34px 0 0 #C0C0C0, 98px 36px 0 0 #C0C0C0, 98px 38px 0 0 #C0C0C0, 98px 40px 0 0 #C0C0C0, 98px 42px 0 0 #C0C0C0, 98px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 96px 44px 0 0 #C0C0C0, 94px 44px 0 0 #C0C0C0, 92px 44px 0 0 #C0C0C0, 90px 44px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
	-moz-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 88px 0 0 0 #C0C0C0, 90px 0 0 0 #C0C0C0, 92px 0 0 0 #C0C0C0, 94px 0 0 0 #C0C0C0, 96px 0 0 0 #C0C0C0, 98px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 98px 2px 0 0 #C0C0C0, 98px 4px 0 0 #C0C0C0, 98px 6px 0 0 #C0C0C0, 98px 8px 0 0 #C0C0C0, 98px 10px 0 0 #C0C0C0, 98px 12px 0 0 #C0C0C0, 98px 14px 0 0 #C0C0C0, 98px 16px 0 0 #C0C0C0, 98px 18px 0 0 #C0C0C0, 98px 20px 0 0 #C0C0C0, 98px 22px 0 0 #C0C0C0, 98px 24px 0 0 #C0C0C0, 98px 26px 0 0 #C0C0C0, 98px 28px 0 0 #C0C0C0, 98px 30px 0 0 #C0C0C0, 98px 32px 0 0 #C0C0C0, 98px 34px 0 0 #C0C0C0, 98px 36px 0 0 #C0C0C0, 98px 38px 0 0 #C0C0C0, 98px 40px 0 0 #C0C0C0, 98px 42px 0 0 #C0C0C0, 98px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 96px 44px 0 0 #C0C0C0, 94px 44px 0 0 #C0C0C0, 92px 44px 0 0 #C0C0C0, 90px 44px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
/* ↓クローム */
-webkit-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0,/* ここまでが左の上横棒*/ 88px 0 0 0 #C0C0C0, 90px 0 0 0 #C0C0C0, 92px 0 0 0 #C0C0C0, 94px 0 0 0 #C0C0C0, 96px 0 0 0 #C0C0C0, 98px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 98px 2px 0 0 #C0C0C0, 98px 4px 0 0 #C0C0C0, 98px 6px 0 0 #C0C0C0, 98px 8px 0 0 #C0C0C0, 98px 10px 0 0 #C0C0C0, 98px 12px 0 0 #C0C0C0, 98px 14px 0 0 #C0C0C0, 98px 16px 0 0 #C0C0C0, 98px 18px 0 0 #C0C0C0, 98px 20px 0 0 #C0C0C0, 98px 22px 0 0 #C0C0C0, 98px 24px 0 0 #C0C0C0, 98px 26px 0 0 #C0C0C0, 98px 28px 0 0 #C0C0C0, 98px 30px 0 0 #C0C0C0, 98px 32px 0 0 #C0C0C0, 98px 34px 0 0 #C0C0C0, 98px 36px 0 0 #C0C0C0, 98px 38px 0 0 #C0C0C0, 98px 40px 0 0 #C0C0C0, 98px 42px 0 0 #C0C0C0, 98px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 96px 44px 0 0 #C0C0C0, 94px 44px 0 0 #C0C0C0, 92px 44px 0 0 #C0C0C0, 90px 44px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
}


/*書き換えカッコ前のみ、ここから*/
.kakikaekakkomae {
/*myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.kakikaekakkomae:before {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -5px;
	left: -7px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #C0C0C0;
/* box-shadow */
	box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0;/* ここまでが左の上横棒*/ 	-moz-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0;/* ここまでが左の上横棒*/ /* ↓クローム */
-webkit-box-shadow: 0px 2px 0 0 #C0C0C0, 0 4px 0 0 #C0C0C0, 0 6px 0 0 #C0C0C0, 0 8px 0 0 #C0C0C0, 0 10px 0 0 #C0C0C0, 0 12px 0 0 #C0C0C0, 0 14px 0 0 #C0C0C0, 0 16px 0 0 #C0C0C0, 0 18px 0 0 #C0C0C0, 0 20px 0 0 #C0C0C0, 0 22px 0 0 #C0C0C0, 0 24px 0 0 #C0C0C0, 0 26px 0 0 #C0C0C0, 0 28px 0 0 #C0C0C0, 0 30px 0 0 #C0C0C0, 0 32px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 36px 0 0 #C0C0C0, 0 34px 0 0 #C0C0C0, 0 38px 0 0 #C0C0C0, 0 40px 0 0 #C0C0C0, 0 42px 0 0 #C0C0C0, 0 44px 0 0 #C0C0C0,/* ここまでが左の縦棒*/ 2px 44px 0 0 #C0C0C0, 4px 44px 0 0 #C0C0C0, 6px 44px 0 0 #C0C0C0, 8px 44px 0 0 #C0C0C0, 10px 44px 0 0 #C0C0C0,/* ここまでが左の下横棒*/ 2px 0 0 0 #C0C0C0, 4px 0 0 0 #C0C0C0, 6px 0 0 0 #C0C0C0, 8px 0 0 0 #C0C0C0, 10px 0 0 0 #C0C0C0;/* ここまでが左の上横棒*/ }
/*書き換えカッコ前のみ、ここまで*/


/*書き換えカッコ後ろのみ、ここから*/
.kakikaekakkoushiro {
/*myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.kakikaekakkoushiro:before {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -5px;
	left: -7px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
/* box-shadow */
	box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
	-moz-box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
/* ↓クローム */
-webkit-box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
}
/*書き換えカッコ後ろのみ、ここまで*/

/*書き換えカッコ後ろのみTBL100pxcell90px用、ここから*/
.kakikaekakkoushiro100px {
/*myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}

.kakikaekakkoushiro100px:before {
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: -5px;
	left: 2px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: transparent;
/* box-shadow */
	box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
	-moz-box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
/* ↓クローム */
-webkit-box-shadow: 78px 0 0 0 #C0C0C0, 80px 0 0 0 #C0C0C0, 82px 0 0 0 #C0C0C0, 84px 0 0 0 #C0C0C0, 86px 0 0 0 #C0C0C0, 88px 0 0 0 #C0C0C0,/* ここまでが右の上横棒*/ 88px 2px 0 0 #C0C0C0, 88px 4px 0 0 #C0C0C0, 88px 6px 0 0 #C0C0C0, 88px 8px 0 0 #C0C0C0, 88px 10px 0 0 #C0C0C0, 88px 12px 0 0 #C0C0C0, 88px 14px 0 0 #C0C0C0, 88px 16px 0 0 #C0C0C0, 88px 18px 0 0 #C0C0C0, 88px 20px 0 0 #C0C0C0, 88px 22px 0 0 #C0C0C0, 88px 24px 0 0 #C0C0C0, 88px 26px 0 0 #C0C0C0, 88px 28px 0 0 #C0C0C0, 88px 30px 0 0 #C0C0C0, 88px 32px 0 0 #C0C0C0, 88px 34px 0 0 #C0C0C0, 88px 36px 0 0 #C0C0C0, 88px 38px 0 0 #C0C0C0, 88px 40px 0 0 #C0C0C0, 88px 42px 0 0 #C0C0C0, 88px 44px 0 0 #C0C0C0,/* ここまでが右の縦棒*/ 86px 44px 0 0 #C0C0C0, 84px 44px 0 0 #C0C0C0, 82px 44px 0 0 #C0C0C0, 80px 44px 0 0 #C0C0C0, 78px 44px 0 0 #C0C0C0;/* ここまでが右の下横棒*/
}
/*書き換えカッコ後ろのみTBL100pxcell90px、ここまで*/


/*英作文のセルの下に入る〇ではじまる語、小文字はすべて、大文字は必要に応じて作る。*/
.adehajimarugo {
/*beforeで文字（aではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.adehajimarugo:before {
	content: 'aではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.bdehajimarugo {
/*beforeで文字（bではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.bdehajimarugo:before {
	content: 'bではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.cdehajimarugo {
/*beforeで文字（cではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.adehajimarugo:before {
	content: 'cではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.ddehajimarugo {
/*beforeで文字（dではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.ddehajimarugo:before {
	content: 'dではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.edehajimarugo {
/*beforeで文字（eではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.edehajimarugo:before {
	content: 'eではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.fdehajimarugo {
/*beforeで文字（fではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.fdehajimarugo:before {
	content: 'fではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.gdehajimarugo {
/*beforeで文字（gではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.gdehajimarugo:before {
	content: 'gではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.hdehajimarugo {
/*beforeで文字（hではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.hdehajimarugo:before {
	content: 'hではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.idehajimarugo {
/*beforeで文字（iではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.idehajimarugo:before {
	content: 'iではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.jdehajimarugo {
/*beforeで文字（jではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.jdehajimarugo:before {
	content: 'jではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.kdehajimarugo {
/*beforeで文字（kではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.kdehajimarugo:before {
	content: 'kではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.ldehajimarugo {
/*beforeで文字（lではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.ldehajimarugo:before {
	content: 'lではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.mdehajimarugo {
/*beforeで文字（mではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.mdehajimarugo:before {
	content: 'mではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.ndehajimarugo {
/*beforeで文字（nではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.ndehajimarugo:before {
	content: 'nではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.odehajimarugo {
/*beforeで文字（oではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.odehajimarugo:before {
	content: 'oではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.pdehajimarugo {
/*beforeで文字（pではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.pdehajimarugo:before {
	content: 'pではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.qdehajimarugo {
/*beforeで文字（qではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.qdehajimarugo:before {
	content: 'qではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.rdehajimarugo {
/*beforeで文字（rではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.rdehajimarugo:before {
	content: 'rではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.sdehajimarugo {
/*beforeで文字（sではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.sdehajimarugo:before {
	content: 'sではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.tdehajimarugo {
/*beforeで文字（tではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.tdehajimarugo:before {
	content: 'tではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.udehajimarugo {
/*beforeで文字（uではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.udehajimarugo:before {
	content: 'uではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.vdehajimarugo {
/*beforeで文字（vではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.vdehajimarugo:before {
	content: 'vではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.wdehajimarugo {
/*beforeで文字（wではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.wdehajimarugo:before {
	content: 'wではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.xdehajimarugo {
/*beforeで文字（xではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.xdehajimarugo:before {
	content: 'xではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.ydehajimarugo {
/*beforeで文字（yではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.ydehajimarugo:before {
	content: 'yではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


.zdehajimarugo {
/*beforeで文字（zではじまる語）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.zdehajimarugo:before {
	content: 'zではじまる語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 0px;
	width: 90px;
	height: 10px;
}


/*まずmyTBL90pxcell80px用、leftの位置が32px*/
.shugomoji {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugomoji:before {
/*↓box-shadow*/
	content: '主　語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}

.shugomojizenhan {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugomojizenhan:before {
/*↓box-shadow*/
	content: '主';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 48px;
	width: 50px;
	height: 10px;
}
.shugomojikouhan {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugomojikouhan:before {
/*↓box-shadow*/
	content: '語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 48px;
	width: 50px;
	height: 10px;
}


.shugo2moji {
/*beforeで文字だけmyTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugo2moji:before {
/*↓box-shadow*/
	content: '主語②';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}


.doshimoji {
/*beforeで文字だけmyTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshimoji:before {
/*↓box-shadow*/
	content: '動　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}

.doshi2moji {
/*beforeで文字だけmyTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshi2moji:before {
/*↓box-shadow*/
	content: '動詞②';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}



.kanshimoji {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.kanshimoji:before {
/*↓box-shadow*/
	content: '冠　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}


.jodoshimoji {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.jodoshimoji:before {
/*↓box-shadow*/
	content: '助動詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}

.mokutekigomoji {
/*beforeで文字だけ（短縮形）myTBmokutekiL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.mokutekigomoji:before {
/*↓box-shadow*/
	content: '目 的 語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 27px;
	width: 50px;
	height: 10px;
}


.kandaimoji {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.kandaimoji:before {
/*↓box-shadow*/
	content: '関　代';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}


.senkoshimoji {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.senkoshimoji:before {
/*↓box-shadow*/
	content: '先行詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 32px;
	width: 50px;
	height: 10px;
}

/*ここから下はmyTBL100pxcell90px用、leftの位置が37px*/
.shugomoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugomoji100px:before {
/*↓box-shadow*/
	content: '主　語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}

.shugomoji100pxborderbottomc0c0c0longleftshort {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugomoji100pxborderbottomc0c0c0longleftshort:before {
/*↓box-shadow*/
	content: '主　語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 55px;
	left: 37px;
	width: 50px;
	height: 10px;
}
.shugomoji100pxborderbottomc0c0c0longleftshort:after {
/*↓box-shadow*/
	content: '';
	position: absolute;
  top: 50px;
	left: 15px;
	width: 96px;
	height: 5px;
	background-color: #c0c0c0;
}


.shugo2moji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugo2moji100px:before {
/*↓box-shadow*/
	content: '主語②';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}

.shugo2moji100pxzenhan {
/*shikou438ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugo2moji100pxzenhan:before {
/*↓box-shadow*/
	content: '主　　　語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 53px;
	width: 280px;
	height: 10px;
}

.shugo2moji100pxkouhan {
/*shikou438ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugo2moji100pxkouhan:before {
/*↓box-shadow*/
	content: '②';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
 	top: 53px;
	left: 50px;
	width: 50px;
	height: 10px;
}

.shugokensenkoshimoji100pxzenhan {
/*shikou438ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugokensenkoshimoji100pxzenhan:before {
/*↓box-shadow*/
	content: '主　語（　先';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 35px;
	width: 280px;
	height: 10px;
}

.shugokensenkoshimoji100pxkouhan {
/*shikou438ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shugokensenkoshimoji100pxkouhan:before {
/*↓box-shadow*/
	content: '行　詞　）';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
 	top: 53px;
	left: 28px;
	width: 100px;
	height: 10px;
}




.doshimoji100px {
/*beforeで文字だけmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshimoji100px:before {
/*↓box-shadow*/
	content: '動　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.doshimoji100pxborderbottomc0c0c0long {
/*beforeで文字だけmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshimoji100pxborderbottomc0c0c0long:before {
/*↓box-shadow*/
	content: '動　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 55px;
	left: 37px;
	width: 50px;
	height: 10px;
}
.doshimoji100pxborderbottomc0c0c0long:after {
/*↓box-shadow*/
	content: '';
	position: absolute;
  top: 50px;
	left: 10px;
	width: 96px;
	height: 5px;
	background-color: #c0c0c0;
}


.doshimoji100pxborderbottomc0c0c0longrightshort {
/*beforeで文字だけmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshimoji100pxborderbottomc0c0c0longrightshort:before {
/*↓box-shadow*/
	content: '動　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 55px;
	left: 37px;
	width: 50px;
	height: 10px;
}
.doshimoji100pxborderbottomc0c0c0longrightshort:after {
/*↓box-shadow*/
	content: '';
	position: absolute;
  top: 50px;
	left: 5px;
	width: 96px;
	height: 5px;
	background-color: #c0c0c0;
}

.doshi2moji100px {
/*beforeで文字だけmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.doshi2moji100px:before {
/*↓box-shadow*/
	content: '動詞②';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.jodoshimoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.jodoshimoji100px:before {
/*↓box-shadow*/
	content: '助動詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.kanshimoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.kanshimoji100px:before {
/*↓box-shadow*/
	content: '冠　詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.mokutekigomoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.mokutekigomoji100px:before {
/*↓box-shadow*/
	content: '目的語';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.kandaimoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.kandaimoji100px:before {
/*↓box-shadow*/
	content: '関　代';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}

.senkoshimoji100px {
/*beforeで文字だけ（短縮形）myTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.senkoshimoji100px:before {
/*↓box-shadow*/
	content: '先行詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 37px;
	width: 50px;
	height: 10px;
}


.senkoshimoji100pxzenhan {
/*shikou434ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.senkoshimoji100pxzenhan:before {
/*↓box-shadow*/
	content: '先　　　行';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 53px;
	left: 53px;
	width: 280px;
	height: 10px;
}

.senkoshimoji100pxkouhan {
/*shikou434ページ、セル2つにまたがるようにするmyTBL100pxcell90pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.senkoshimoji100pxkouhan:before {
/*↓box-shadow*/
	content: '詞';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
 	top: 53px;
	left: 50px;
	width: 50px;
	height: 10px;
}




.alphabet4moji {
/*beforeで文字だけ（短縮形）myTBmokutekiL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.alphabet4moji:before {
/*↓box-shadow*/
	content: '４文字';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	font-size:12px;
	top: 28px;
	left: -4px;
	width: 200px;
	height: 0px;
/*heightを0にしないと、緑部分が押しにくくなる*/
}

.alphabet5moji {
/*beforeで文字だけ（短縮形）myTBmokutekiL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.alphabet5moji:before {
/*↓box-shadow*/
	content: '５文字';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
font-size:12px;
	top: 28px;
	left: 5px;
	width: 200px;
	height: 0px;
}



.shoryakukamojiue {
/*beforeで文字だけ（省略可）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shoryakukamojiue:before {
/*↓box-shadow*/
	content: '省 略 可';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 30px;
	width: 50px;
	height: 10px;
}
.shoryakukamojinaka {
/*beforeで文字だけ（省略可）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shoryakukamojinaka:before {
/*↓box-shadow*/
	content: '省 略 可';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 52px;
	left: 30px;
	width: 50px;
	height: 10px;
}
.shoryakukamojishita {
/*beforeで文字だけ（省略可）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.shoryakukamojishita:before {
/*↓box-shadow*/
	content: '省 略 可';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 60px;
	left: 30px;
	width: 50px;
	height: 10px;
}



.tanshukukeimojiue {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.tanshukukeimojiue:before {
/*↓box-shadow*/
	content: '短 縮 形';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 50px;
	left: 30px;
	width: 50px;
	height: 10px;
}
.tanshukukeimojinaka {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.tanshukukeimojinaka:before {
/*↓box-shadow*/
	content: '短 縮 形';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 52px;
	left: 30px;
	width: 50px;
	height: 10px;
}
.tanshukukeimojishita {
/*beforeで文字だけ（短縮形）myTBL90pxcell80pxfont16px.cssで*/
	position: relative;
	color: #000;
	display: inline-block;
	vertical-align: middle;
}
.tanshukukeimojishita:before {
/*↓box-shadow*/
	content: '短 縮 形';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 60px;
	left: 30px;
	width: 50px;
	height: 10px;
}



/*文字数の違う英単語をすべて同じサイズに揃える用、文字色３色、セルサイズ指定なし、関代のまとめ④のページで使用しようとしたが、結果的に未使用*/
.normaldarkgreencellcustom{
color: #006400;
border:none;
background-color:#006400;
border-radius: 5px;
}

.normalblackcellcustom{
color: #000;
border:none;
background-color:#000;
border-radius: 5px;
}

.normaldarkredcellcustom{
color: #8b0000;
border:none;
background-color:#8b0000;
border-radius: 5px;
}

/*ノーマル表タイプ問題用、いったん文字サイズ25pxにしたが、小さくした*/
.normalhyocell{
width:180px;
height:40px;
font-size:18px;
color: #006400;
border:1px solid lavender;
background-color:#006400;
border-radius: 5px;
padding-left:10px;}


/*前置詞とは、で使用（緑色のセル）、意味の長さがそれぞれなので作った→結局2行になると2行目ははみ出すし、スマホの縦・横でもはみ出し方が変わってしまうので、文字数が多い場合は使用しない…*/
.normalraretsucellnagasasorezore{
height:40px;
font-size:18px;
color: #006400;
border:none;
background-color:#006400;
border-radius: 5px;
padding:7px;
padding-left:10px;}


/*ノーマル羅列タイプ問題用、文字色みどり（基本色なのでclass名にgreenなどなし）、ローマ字１、５、６、ローマ字で読めるなどで使用*/
.normalraretsucell{
width:180px;
height:40px;
font-size:18px;
color: #006400;
border:none;
background-color:#006400;
border-radius: 5px;
padding-left:10px;}

/*ノーマル羅列タイプ問題用、文字色みどり、セルサイズ指定なし、短縮形と訳し方のページで使用*/
.normalraretsucellcustom{
height:40px;
font-size:18px;
color: #006400;
border:none;
background-color:#006400;
border-radius: 5px;
padding-left:10px;
padding-right:10px;
margin-top:3px;
margin-bottom:3px;}



/*ノーマル羅列タイプ問題用、文字色くろ*/
.normalraretsublackcell{
width:180px;
height:40px;
font-size:18px;
color: #000;
border:none;
background-color:#000;
border-radius: 5px;
padding-left:10px;
margin-top:3px;
margin-bottom:3px;}

/*ノーマル羅列タイプ問題用、文字色くろ、セルサイズ指定なし、短縮形と訳し方のページで使用*/
.normalraretsublackcellcustom{
height:40px;
font-size:18px;
color: #000;
border:none;
background-color:#000;
border-radius: 5px;
padding-left:10px;
padding-right:10px;
margin-top:3px;
margin-bottom:3px;}



/*ノーマル羅列タイプ問題用、文字色濃い赤*/
.normalraretsudarkredcell{
width:180px;
height:40px;
font-size:18px;
color: #8b0000;
border:none;
background-color:#8b0000;
border-radius: 5px;
padding-left:10px;
margin-top:3px;
margin-bottom:3px;}


/*ノーマル羅列タイプ問題用、文字色濃い赤、セルサイズ指定なし、短縮形と訳し方のページで使用*/
.normalraretsudarkredcellcustom{
height:40px;
font-size:18px;
color: #8b0000;
border:none;
background-color:#8b0000;
border-radius: 5px;
padding-left:10px;
padding-right:10px;
margin-top:3px;
margin-bottom:3px;}



#normalhyocell1 {
width: 300px;
margin:5px;
padding:5px;}



/*テキストと確認テストの画像がwidth=”270″ height=”186″のとき300pxでちょうど*/
table[class*="texttable"] {
width: 300px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable"] {
/**/
width: 300px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}


table[class*="texttable300px"] {
width: 300px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable300px"] {
/**/
width: 300px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="texttable304px"] {
width: 304px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable304px"] {
/**/
width: 304px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}


table[class*="texttable306px"] {
width: 306px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable306px"] {
/**/
width: 306px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}


table[class*="texttable310px"] {
width: 310px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable310px"] {
/**/
width: 310px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="texttable320px"] {
width: 320px;
border: 3px solid yellowgreen;
border-radius: 5px;
margin:5px;
padding:5px;}

table[class*="kakunintesttable320px"] {
/**/
width: 320px;
border: 3px solid skyblue;
border-radius: 5px;
margin:5px;
padding:5px;}




.eisakubunfontsize14 {
font-size:14px; 
color: #006400;
border: 2px #f2f2f2 solid; 
border-radius:5px;
}

.eisakubunfontsize16 {
font-size:16px; 
color: #006400;
border: 2px #f2f2f2 solid; 
border-radius:5px;
}


.eisakubunfugoufontsize24 {font-size:24px;
font-weight:bold;
color: #006400;
border: 2px #f2f2f2 solid;
border-radius:5px;
}

.eisakubunfugoufontsize26 {font-size:26px;
font-weight:bold;
color: #006400;
border: 2px #f2f2f2 solid;
border-radius:5px;
}



/*
漢字ブロックと番号の色を変えた
1と4入れ替え*/
.hintbutton1 {
background:linear-gradient(transparent 0%, transparent 15%, lightpink 15%, lightpink 40%, transparent 40%, transparent 60%, lightpink 60%, lightpink 85%, transparent 85%, transparent 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton2 {
background:linear-gradient(135deg, #fff 0%, #fff 20%, lightskyblue 20%, lightskyblue 40%, #fff 40%, #fff 60%, lightskyblue 60%, lightskyblue 80%, #fff 80%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton3 {
background:linear-gradient(90deg, #fff 0%, #fff 15%, #ffbf7f 15%, #ffbf7f 40%, #fff 40%, #fff 60%, #ffbf7f 60%, #ffbf7f 85%, #fff 85%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}


.hintbutton4 {
background:linear-gradient(45deg, #fff 0%, #fff 20%, lightgreen 20%, lightgreen 40%, #fff 40%, #fff 60%, lightgreen 60%, lightgreen 80%, #fff 80%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton5 {
background:linear-gradient(90deg, #ffbf7f 0%, #ffbf7f 50%, #fff 50%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton6 {
background:linear-gradient(270deg, lightgreen 50%, lightgreen 50%, #fff 50%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton7 {
background:linear-gradient(lightpink 50%, lightpink 50%, #fff 50%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

.hintbutton8 {
background:linear-gradient(#fff 50%, #fff 50%, lightskyblue 50%, lightskyblue 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}

/*ヒントボタン3と同じだが、パステルカラーを変える（オレンジ→ピンク）*/
.hintbutton9 {
background:linear-gradient(90deg, #fff 0%, #fff 15%, lightpink 15%, lightpink 40%, #fff 40%, #fff 60%, lightpink 60%, lightpink 85%, #fff 85%, #fff 100%); width:50px; height:50px; border-radius:10px;
opacity:0.75;}


/*ダントツ英文法の最初のほう、結局はリンク部分をクリックしなければならないので、わかりにくい？
td[class*="hoverlighter"]:hover{
opacity:0.8;
}*/

/*チェックボックス
input[id*="25"] {
	opacity:0.2;
}*/

/*
table[class*="row0"] {
margin-left:-20px;
}
表を横幅いっぱいにしたいが、ならない。margin-leftで表の左端の位置は変えられるが、margin-rightは反応しない。*/

.mondaiwaku {
	color: #FF8C00;
	background-color: white;
	border: solid 3px #DEB887;
	border-radius: 3px;
	padding: 3px;
}

.kaisetsuwhitepaperwide-box{
    background:#fff;
    box-shadow:1px 1px 8px rgba(0,0,0,0.4),0 0 50px rgba(0,0,0,0.1) inset;
    position:relative;
    width:100%;
    margin: 0 auto;
    padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
padding-bottom:3px;
/*縦書きだとpadding-bottomが0pxでよいが、横書きだと下にはみだしてしまう*/
}

.kaisetsukraftpaperwide-box {
	position: relative;
	background: #F8F0D7;
	border-left: 4px dotted rgba(0,0,0,.1);
	border-right: 4px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
        margin:0 auto;
        padding-top: 25px;
padding-left: 25px;
padding-right: 25px;
padding-bottom:3px;
/*縦書きだとpadding-bottomが0pxでよいが、横書きだと下にはみだしてしまう*/
	color: #65513f;
	width: 100%;
}








/*上部に解説の文字（タテでずれる）、下に解説内容*/
.box29 {
    margin: 2em 0;
    background: #dcefff;
}
.box29 .box-title {
    font-size: 1.2em;
    background: #5fb3f5;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box29 p {
    padding: 15px 20px;
    margin: 0;
}



.kaitouappear {
  opacity: 1;
  visibility: visible;
}

.kaitouappear {
  opacity: 0;
  visibility: hidden;
/* もともとはtransition: all .5s linear;あり、allだと重いから個別設定のがいい */
}


td[id*="mousewheelyokoscrollhover"]:hover {
 opacity: 0.75;
/*背景色は変えられない*/
}
td[id*="mousewheelyokoscrollhover"]:active {
		-webkit-transform: translate(1px,1px);
		-moz-transform: translate(1px,1px);
		transform: translate(1px,1px);
/*背景色は変えられない*/
}


td[id*="mousewheelyokoscrollmodosuhover"]:hover {
 opacity: 0.75;
/*背景色は変えられない*/
}
td[id*="mousewheelyokoscrollmodosuhover"]:active {
		-webkit-transform: translate(1px,1px);
		-moz-transform: translate(1px,1px);
		transform: translate(1px,1px);
/*背景色は変えられない*/
}





/*試行錯誤170でidで指定、文字サイズを変える度に「top」の数値も変える必要ありだが、vertical-align:middleでうまくいった*/
input[id="25x25"] {
    position: relative;
    vertical-align: middle;
  	width: 25px;
    height: 25px;
    background-color: #fff;
}

.input[id="25x25"] {
  -webkit-transform-origin: center middle;
  -webkit-transform: scale( 2.5 , 2.5 );
}

.input[id="25x25"] {
  -moz-transform-origin: center middle;
  -moz-transform: scale( 2.5 , 2.5 );
}







td[id*="tdspaceewap1"] {
/*
bottom,rightだけしか線でない
*/
border-top-color: blue;
border-bottom-color: red;
border-left-color: blue;
border-right-color: red;
background-color:white;
}

td[id*="tdewap1"] {
/*
bottom,rightだけしか線でない
*/
border-top-color: blue;
border-bottom-color: blue;
border-left-color: blue;
border-right-color: blue;
background-color:pink;
}

tr[id*="tr1ewap1"] {
/*
bottom,rightだけしか線でない
*/
border-top-color: blue;
border-bottom-color: blue;
border-left-color: blue;
border-right-color: blue;
background-color:pink;
}

tr[id*="tr2ewap1"] {
/*
bottom,rightだけしか線でない
*/
border-top-color: blue;
border-bottom-color: blue;
border-left-color: blue;
border-right-color: blue;
background-color:pink;
}



table[id*="myTBL"] {
border-collapse: separate;
/*chromeは、デフォルト(collapse)だと縦横切替で枠線ダブる、その対策として*/
}


table[id*="gaki"]:hover {
	opacity: 0.7;
  padding:3px 3px 3px 3px;
/*ホワイトボード縦横選択画像*/
}

a[id*="gaki"] {
  outline: none;
}
a[id*="gaki"]:focus {
	outline:none;
}
/*ホワイトボードのクリック時の点線枠なし*/

/*代名詞表の文中の位置の矢印つき線の作成*/
.kakunintestmidashi101 {
position: relative;
text-align: center;
border-bottom:3px solid black;}
.kakunintestmidashi101:before {
position: absolute;
content: '';
bottom: -3px;
right: -10px;
width: 0;
height: 0;
border: none;
border-right: solid 15px transparent;
border-bottom: solid 10px;
}
.kakunintestmidashi101:after {
position: absolute;
content: '';
bottom: -3px;
left: -10px;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 10px;
}



.kakunintestmidashi1 {
position: relative;
padding-left: 15px;
}

.kakunintestmidashi1:before {
position: absolute;
content: '';
bottom: -3px;
left: -10px;
width: 0;
height: 0;
border: none;
border-left: solid 15px transparent;
border-bottom: solid 10px;
}

.kakunintestmidashi1:after {
position: absolute;
content: '';
bottom: -3px;
left: 5px;
width: 100%;
border-bottom: solid 3px;
}



.kakunintestmidashi10 {
position: relative;
padding-left: 15px;
}

.kakunintestmidashi10:before {
position: absolute;
content: '';
bottom: -3px;
right: -10px;
width: 0;
height: 0;
border: none;
border-right: solid 15px transparent;
border-bottom: solid 10px;
}

.kakunintestmidashi10:after {
position: absolute;
content: '';
bottom: -3px;
right: 5px;
width: 100%;
border-bottom: solid 3px;
}

/*木枠風、角四角ホワイトボード*/
.box205{
    position: relative;
    background: white;
    box-shadow: 0px 0px 0px 5px tan;
    border: solid 2px tan;
    padding: 0.2em 0.5em;
    color: #454545;
}

.box205 p {
    margin: 0; 
    padding: 15px;
}

/*めくれが左上の隠し付箋*/
.box500{
    position: relative;
    background: white;
/*最後の5pxが外枠だが細くするとめくれとずれてしまう*/
	box-shadow: 0px 0px 0px 5px #006400;
    border: solid 1px #006400;
    padding: 0.2em 0.5em;
    color: #006400;
}
.box500:after{
    position: absolute;
    content: '';
    left: -7px;
    top: -7px;
/*めくれが右上の時は 0 15px 15px 0;*/
	border-width: 0 0 15px 15px ;
    border-style: solid;
    border-color: #006400 #fff tan;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
}
.box500 p {
    margin: 0; 
    padding: 15px;
}


/*解説用ワク、太い木枠風1*/
.box25{
    position: relative;
    background: white;
/*色tan*/     box-shadow: 0px 0px 0px 7px #D2B48C;
    border-radius:5px;
	  padding: 15px 15px;
    margin: 10px 10px;
	  color: #454545;
}

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

/*解説用ワク、細い木枠風2*/
.box28 {
    padding: 15px 15px;
    margin: 10px 10px;
    color: #000;/*文字色*/
    background: #FFF;
/*色burlywood*/    border: solid 5px #DEB887;/*線*/
    border-radius: 5px;/*角の丸み*/
}
.box28 p {
    margin: 0; 
    padding: 0;
}

/*解説用ワク、太いパステルカラー*/
.box50{
    position: relative;
/*↓何のため*/
	background: white;
/*色wheat*/
	box-shadow: 0px 0px 0px 5px #F5DEB3;
    border-radius:5px;
	  padding: 15px 15px;
    margin: 10px 10px;
/*↓何のため*/
	color: #454545;
}

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





#myTEXT {
	width:100%;
	overflow:auto;
	height:100%;
}
@media screen and (max-width: 999px) {
	#myTEXT {
		-webkit-overflow-scrolling: touch;
	}
}

#myTEXT {
-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	-ms-text-orientation: upright;
	/*選択肢内の文字が縦書きで１文字減る。PCのクロームでは半角の()は縦書き対応していない、全角の（）は縦書きになる、『』【】〔〕は縦書きに対応している、≪≫＜＞[]はダメ。PCのIEでは半角の数字、英語は縦書きにならない。かっこ系は縦書きになるが、＜＞だけはダメ。アイフォンのIEでは（）≪≫＜＞[]はダメ。safariはアイフォンのIEと同じ。アンドロイドのIE・クロームともアイフォンIE,safariと同じ。しかし、サムスン系は違うかもしれないので注意*/
}


input[id*="kotaeawase"] {
margin-top: 10px;
}
input[id*="kotaeawase"]:hover {
opacity: 0.7;
}

input[id*="kijutsukaitoukesu"] {
margin-top: 10px;
}

input[id*="hintkaisetsukakusu"] {
margin-top: 10px;
}

/*最初の問題に移動するボタン*/.saishonomondainiido:hover {opacity:0.8;}

input[value*="み"]:hover {
	opacity:0.65;
}

input[value*="かくす"]:hover {
	opacity:0.85;
}

input[value*="darkred"]:hover {
	opacity:0.85;
}
input[value*="darkred"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

input[value*="black"]:hover {
	opacity:0.85;
}
input[value*="black"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

input[value*="darkgreen"]:hover {
	opacity:0.85;
}
input[value*="darkgreen"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

input[value*="white"]:hover {
	opacity:0.85;
}
input[value*="white"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}


input[name*="field"]:hover {
	opacity:1;
}

input[value*="答"]:hover {
	opacity: .75;
}
input[value*="答"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}


input[value*="度"]:hover {
	opacity: .8;
}

input[value*="ヒ"]:hover {
	opacity: .7;
}

input[value*="スペリング"]:hover {
	opacity: .8
}
input[value*="スペリング"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

input[value*="ヒント"] {
 -webkit-tap-highlight-color:rgba(0,0,0,0);
}

input[value*="入力"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}


a[value*="ヒント"] {
  outline: none;
}
a[value*="ヒント"]:focus {
	outline:none;
}
/*ヒントボタンのクリック時の点線枠と正方形影なし*/



input[value*="すべて"]:hover {
opacity:0.75;}
input[value*="すべて"]:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

/*マルチセンテンス（多重構文）のボタン、かくすボタンは opacity:0.75;を入れているのでopacity変化できない、ヒントボタンは各cssあり*/
input[class*="mshoverlighter"]:hover {
opacity:0.7;
}
input[class*="mshoverlighter"]:active {
position: relative;
top: 1px;
left: 1px;
}

/*ブロックインプットのボタン、試行514、実践は551から*/
input[class*="bloinhoverlighter"]:hover {
opacity:1.0;
}
input[class*="bloinhoverlighter"]:active {
position: relative;
top: 1px;
left: 1px;
}


/*ブロックリバースのきりかえボタン、試行540～*/
input[class*="brhoverlighter"]:hover {
opacity:1.0;
transform: translate(-1px, -1px);
}
input[class*="brhoverlighter"]:active {
position: relative;
top: 1px;
left: 1px;
}



.hoverlighter :hover {
opacity:0.85;
}



.levelbutton:hover {
opacity: 0.7;
/*レベルボタンクリック共通*/
}
.levelbutton:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

.level1:hover {
opacity: 0.7;
/*レベルボタン1クリック*/
}
.level1:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

.level2:hover {
opacity: 0.7;
/*レベルボタン2クリック*/
}
.level2:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

.level3:hover {
opacity: 0.7;
/*レベルボタン3クリック*/
}
.level3:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

.level4:hover {
opacity: 0.7;
/*レベルボタン4クリック*/
}
.level4:active {
-webkit-transform: translate(1px,1px);
-moz-transform: translate(1px,1px);
transform: translate(1px,1px);
}

.colorlighter :hover {
	opacity: 0.9;
/*背景色は変えられない。*/
}


.kihonbunmidashi {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
}

.kihonbunmidashired {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
border:2px red solid;
}

.kihonbunmidashiblue {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
border:2px blue solid;
}

.kihonbunmidashiorange {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
border:2px orange solid;
}

.kihonbunmidashigreen {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
border:2px green solid;
}

.kihonbunmidashipink {
font-size: 10pt;
background-color: papayawhip;
border-radius:10px;
padding-left:20px;
padding-top:12px;
padding-bottom:10px;
padding-right:10px;
margin-left:-10px;
border:2px pink solid;
}


.mondaibangomaru{
font-size: 10pt;
background-color: #FFAD90;
border-radius:25px;
padding:10px;
/* 大きいマル */
margin-left:-10px;
}


.mondaibangomaru2 {
font-size: 10pt;
background-color:papayawhip;
border-radius:25px;
padding:10px;
/* 大きいマル */
margin-left:-10px;
}


.mondaibangomaru3 {
font-size: 10pt;
background-color:papayawhip;
border-radius:25px;
padding:5px;
/* 小さいマル */
margin-left:0px;
}

.mondaibangomaru4 {
position: relative;
/* ↑これがないと位置調整できない */
font-size: 10pt;
background-color:papayawhip;
border-radius:25px;
padding:5px;
/* 小さいマル */
margin-left:-15px;
top:-5px;}


.mondaibangomarutopleft {
  position: relative;
  }

.mondaibangomarutopleft p {
position: absolute;
font-size: 10pt;
background-color:papayawhip;
border-radius:25px;
padding:5px;
top: -70px;
left: -5px;
}

.sample input[type=radio] + label,
.sample input[type=checkbox] + label {
/* margin(上下左右それぞれ可)でボタン間の余白調整 */
	margin: 8px;
/* ↑ これがないと選択肢間が狭くなる。そのほかのソースはshikousakugo264に貼っておく */
}

/*サルワカ 囲み枠*/
/*↓オレンジ枠、見出しが枠線に重なっている）*/
.box1 {
	position: relative;
	margin: 2em 0;
	padding: 30px 20px 15px;
	border: solid 2px orange;
  border-radius:5px;
}
.box1 .box-title {
	position: absolute;
	display: inline-block;
	top: 6px;
	left: 14px;
	padding: 0 9px;
	height: 25px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 15px;
	background: orange;
	border-radius:5px;
	color: #ffffff;
	font-weight: bold;
}

.box1 p {
	margin: 10px;
	padding: 0;
}

/*↓青色枠、見出しが枠線の外についている）*/
.box2 {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px #62c1ce;
  border-radius:5px;
}

.box2 .box-title {
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 17px;
	padding: 0 9px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 15px;
	background: #62c1ce;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.box2 p {
	margin: 10px;
	padding: 0;
}

/*↓ライムグリーン枠、見出しが枠線の外についている）*/
.box22 {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px limegreen;
  border-radius:5px;
}

.box22 .box-title {
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 17px;
	padding: 0 9px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 15px;
	background: limegreen;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.box22 p {
	margin: 10px;
	padding: 0;
}

/*↓burlywood枠、見出しが枠線の外についている）*/
.box222 {
	position: relative;
	margin: 2em 0;
	padding: .5em 1em;
	border: solid 3px burlywood;
  border-radius:5px;
}

.box222 .box-title {
	position: absolute;
	display: inline-block;
	top: -12px;
	left: 17px;
	padding: 0 9px;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
	font-size: 15px;
	background: burlywood;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}

.box222 p {
	margin: 10px;
	padding: 0;
}


/*↓囲み枠（ぼんやり思考風）*/
.box3 {
	position: relative;
	margin: 2em 0 2em 40px;
	padding: 25px;
	background: #fff0c6;
	border-radius: 30px;
}

.box3:before {
	font-family: FontAwesome;
	content: "\f111";
	position: absolute;
	font-size: 15px;
	left: -40px;
	bottom: 0;
	color: #fff0c6;
}

.box3:after {
	font-family: FontAwesome;
	content: "\f111";
	position: absolute;
	font-size: 23px;
	left: -23px;
	bottom: 0;
	color: #fff0c6;
}

.box3 p {
	margin: 10px;
	padding: 0;
}



/*absoluteじゃないとrotate効かない*/
.fusenbluesolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid blue;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenorangesolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid orange;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenredsolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid red;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusengreensolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid green;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenyellowsolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid yellow;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenpinksolo {
position: absolute;
background-color: moccasin;
border-left: 5px solid pink;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

/* ↓ここから下は背景色アリスブルー*/
.fusenbluesoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid blue;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenorangesoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid orange;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenredsoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid red;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusengreensoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid green;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenyellowsoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid yellow;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.fusenpinksoloaliceblue {
position: absolute;
background-color: aliceblue;
border-left: 5px solid pink;
padding: .25em 2em;
font-size:14px;
	color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}


.modoruyajirushi1 {
/*試行錯誤150、枠なしで戻る矢印だけ、文字色は黒色*/
	position: relative;
	color: #000000;
	padding: 10px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushi1:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 80%;
	left: -20px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow: 		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
-moz-box-shadow:-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
	-webkit-box-shadow:
		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}



.modoruyajirushi2 {
/*試行錯誤150、枠あり（英作文）で戻る矢印、文字色は濃い緑色*/
	position: relative;
	color: #006400;
	padding: 12px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushi2:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 100%;
	left: -72px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow: 		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
-moz-box-shadow:-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
	-webkit-box-shadow:
		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		1px 20px 0 0 yellowgreen,
		2px 20px 0 0 yellowgreen,
		3px 20px 0 0 yellowgreen,
		4px 20px 0 0 yellowgreen,
		5px 20px 0 0 yellowgreen,
		6px 20px 0 0 yellowgreen,
		7px 20px 0 0 yellowgreen,
		8px 20px 0 0 yellowgreen,
		9px 20px 0 0 yellowgreen,
		10px 20px 0 0 yellowgreen,
		11px 20px 0 0 yellowgreen,
		12px 20px 0 0 yellowgreen,
		13px 20px 0 0 yellowgreen,
		14px 20px 0 0 yellowgreen,
		15px 20px 0 0 yellowgreen,
		16px 20px 0 0 yellowgreen,
		17px 20px 0 0 yellowgreen,
		18px 20px 0 0 yellowgreen,
		19px 20px 0 0 yellowgreen,
		20px 20px 0 0 yellowgreen,
		21px 20px 0 0 yellowgreen,
		22px 20px 0 0 yellowgreen,
		23px 20px 0 0 yellowgreen,
		24px 20px 0 0 yellowgreen,
		25px 20px 0 0 yellowgreen,
		26px 20px 0 0 yellowgreen,
		27px 20px 0 0 yellowgreen,
		28px 20px 0 0 yellowgreen,
		29px 20px 0 0 yellowgreen,
		30px 20px 0 0 yellowgreen,
		31px 20px 0 0 yellowgreen,
		32px 20px 0 0 yellowgreen,
		33px 20px 0 0 yellowgreen,
		34px 20px 0 0 yellowgreen,
		35px 20px 0 0 yellowgreen,
		36px 20px 0 0 yellowgreen,
		37px 20px 0 0 yellowgreen,
		38px 20px 0 0 yellowgreen,
		39px 20px 0 0 yellowgreen,
		40px 20px 0 0 yellowgreen,
		41px 20px 0 0 yellowgreen,
		42px 20px 0 0 yellowgreen,
		43px 20px 0 0 yellowgreen,
		44px 20px 0 0 yellowgreen,
		45px 20px 0 0 yellowgreen,
		46px 20px 0 0 yellowgreen,
		47px 20px 0 0 yellowgreen,
		48px 20px 0 0 yellowgreen,
		49px 20px 0 0 yellowgreen,
		50px 20px 0 0 yellowgreen,
		51px 20px 0 0 yellowgreen,
		52px 20px 0 0 yellowgreen,
		53px 20px 0 0 yellowgreen,
		54px 20px 0 0 yellowgreen,
		55px 20px 0 0 yellowgreen,
		56px 20px 0 0 yellowgreen,
		57px 20px 0 0 yellowgreen,
		58px 20px 0 0 yellowgreen,
		59px 20px 0 0 yellowgreen,
		60px 20px 0 0 yellowgreen,
		61px 20px 0 0 yellowgreen,
		62px 20px 0 0 yellowgreen,
		63px 20px 0 0 yellowgreen,
		64px 20px 0 0 yellowgreen,
		65px 20px 0 0 yellowgreen,
		66px 20px 0 0 yellowgreen,
		67px 20px 0 0 yellowgreen,
		68px 20px 0 0 yellowgreen,
		69px 20px 0 0 yellowgreen,
		70px 20px 0 0 yellowgreen,
		71px 20px 0 0 yellowgreen,
		72px 20px 0 0 yellowgreen,
		73px 20px 0 0 yellowgreen,
		74px 20px 0 0 yellowgreen,
		75px 20px 0 0 yellowgreen,
		76px 20px 0 0 yellowgreen,
		77px 20px 0 0 yellowgreen,
		78px 20px 0 0 yellowgreen,
		79px 20px 0 0 yellowgreen,
		80px 20px 0 0 yellowgreen,
		81px 20px 0 0 yellowgreen,
		82px 20px 0 0 yellowgreen,
		83px 20px 0 0 yellowgreen,
		84px 20px 0 0 yellowgreen,
		85px 20px 0 0 yellowgreen,
		86px 20px 0 0 yellowgreen,
		87px 20px 0 0 yellowgreen,
		88px 20px 0 0 yellowgreen,
		89px 20px 0 0 yellowgreen,
		90px 20px 0 0 yellowgreen,
		91px 20px 0 0 yellowgreen,
		92px 20px 0 0 yellowgreen,
		93px 20px 0 0 yellowgreen,
		94px 20px 0 0 yellowgreen,
		95px 20px 0 0 yellowgreen,
95px 19px 0 0 yellowgreen,
95px 18px 0 0 yellowgreen,
95px 17px 0 0 yellowgreen,
95px 16px 0 0 yellowgreen,
95px 15px 0 0 yellowgreen,
95px 14px 0 0 yellowgreen,
95px 13px 0 0 yellowgreen,
95px 12px 0 0 yellowgreen,
95px 11px 0 0 yellowgreen,
95px 10px 0 0 yellowgreen,
95px 9px 0 0 yellowgreen,
95px 8px 0 0 yellowgreen,
95px 7px 0 0 yellowgreen,
95px 6px 0 0 yellowgreen,
95px 5px 0 0 yellowgreen,
95px 4px 0 0 yellowgreen,
95px 3px 0 0 yellowgreen,
95px 2px 0 0 yellowgreen,
95px 1px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}


.modoruyajirushi0 {
/*試行錯誤150、枠なしで前から後ろへの矢印だけ、短い日本語用、文字色は黒色*/
	position: relative;
	color: #000000;
	padding: 10px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushi0:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 80%;
  left:70px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-moz-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-webkit-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}


.modoruyajirushi0shortword {
/*試行錯誤150、枠なしで前から後ろへの矢印だけ、短い語からの矢印用、文字色は黒色*/
	position: relative;
	color: #000000;
	padding: 10px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}


.modoruyajirushi0shortword:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 80%;
	left:45px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-moz-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-webkit-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}

.modoruyajirushi0longword {
/*試行錯誤150、枠なしで前から後ろへの矢印だけ、長い日本語用、文字色は黒色*/
	position: relative;
	color: #000000;
	padding: 5px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushi0longword:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 90%;
  left:-15px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-moz-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
-webkit-box-shadow:
		55px 15px 0 0 yellowgreen,
		54px 14px 0 0 yellowgreen,
		53px 13px 0 0 yellowgreen,
		52px 12px 0 0 yellowgreen,
		51px 11px 0 0 yellowgreen,
		50px 10px 0 0 yellowgreen,
		49px 9px 0 0 yellowgreen,
		48px 8px 0 0 yellowgreen,
		47px 7px 0 0 yellowgreen,
		46px 6px 0 0 yellowgreen,
		45px 5px 0 0 yellowgreen,
		44px 4px 0 0 yellowgreen,
		43px 3px 0 0 yellowgreen,
		42px 2px 0 0 yellowgreen,
		41px 1px 0 0 yellowgreen,
		 39px 1px 0 0 yellowgreen,
		 38px 2px 0 0 yellowgreen,
		 37px 3px 0 0 yellowgreen,
		 36px 4px 0 0 yellowgreen,
		 35px 5px 0 0 yellowgreen,
		 34px 6px 0 0 yellowgreen,
		 33px 7px 0 0 yellowgreen,
		 32px 8px 0 0 yellowgreen,
		 31px 9px 0 0 yellowgreen,
		 30px 10px 0 0 yellowgreen,
		 29px 11px 0 0 yellowgreen,
		 28px 12px 0 0 yellowgreen,
		 27px 13px 0 0 yellowgreen,
		 26px 14px 0 0 yellowgreen,
		 25px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen,
40px 0px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}


.modoruyajirushi3 {
/*試行錯誤150、modoruyajirushi2で語数が多いとうまくいかないので、改良版。paddingなくす。top150%に。枠あり（英作文）で戻る矢印、文字色は濃い緑色*/
	position: relative;
	color: #006400;
	padding: 0px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushi3:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
/*↓150%ではスマホで矢印が下線に食い込むので検証中*/	top: 157%;
	left: -80px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow: 		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
-moz-box-shadow:-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		-11px 11px 0 0 yellowgreen,
		-12px 12px 0 0 yellowgreen,
		-13px 13px 0 0 yellowgreen,
		-14px 14px 0 0 yellowgreen,
		-15px 15px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		 11px 11px 0 0 yellowgreen,
		 12px 12px 0 0 yellowgreen,
		 13px 13px 0 0 yellowgreen,
		 14px 14px 0 0 yellowgreen,
		 15px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
40px 29px 0 0 yellowgreen,
40px 28px 0 0 yellowgreen,
40px 27px 0 0 yellowgreen,
40px 26px 0 0 yellowgreen,
40px 25px 0 0 yellowgreen,
40px 24px 0 0 yellowgreen,
40px 23px 0 0 yellowgreen,
40px 22px 0 0 yellowgreen,
40px 21px 0 0 yellowgreen,
40px 20px 0 0 yellowgreen,
40px 19px 0 0 yellowgreen,
40px 18px 0 0 yellowgreen,
40px 17px 0 0 yellowgreen,
40px 16px 0 0 yellowgreen,
40px 15px 0 0 yellowgreen,
40px 14px 0 0 yellowgreen,
40px 13px 0 0 yellowgreen,
40px 12px 0 0 yellowgreen,
40px 11px 0 0 yellowgreen,
40px 10px 0 0 yellowgreen,
40px 9px 0 0 yellowgreen,
40px 8px 0 0 yellowgreen,
40px 7px 0 0 yellowgreen,
40px 6px 0 0 yellowgreen,
40px 5px 0 0 yellowgreen,
40px 4px 0 0 yellowgreen,
40px 3px 0 0 yellowgreen,
40px 2px 0 0 yellowgreen,
40px 1px 0 0 yellowgreen;
-webkit-box-shadow:
		-1px 1px 0 0 yellowgreen,
		-2px 2px 0 0 yellowgreen,
		-3px 3px 0 0 yellowgreen,
		-4px 4px 0 0 yellowgreen,
		-5px 5px 0 0 yellowgreen,
		-6px 6px 0 0 yellowgreen,
		-7px 7px 0 0 yellowgreen,
		-8px 8px 0 0 yellowgreen,
		-9px 9px 0 0 yellowgreen,
		-10px 10px 0 0 yellowgreen,
		 1px 1px 0 0 yellowgreen,
		 2px 2px 0 0 yellowgreen,
		 3px 3px 0 0 yellowgreen,
		 4px 4px 0 0 yellowgreen,
		 5px 5px 0 0 yellowgreen,
		 6px 6px 0 0 yellowgreen,
		 7px 7px 0 0 yellowgreen,
		 8px 8px 0 0 yellowgreen,
		 9px 9px 0 0 yellowgreen,
		 10px 10px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		1px 20px 0 0 yellowgreen,
		2px 20px 0 0 yellowgreen,
		3px 20px 0 0 yellowgreen,
		4px 20px 0 0 yellowgreen,
		5px 20px 0 0 yellowgreen,
		6px 20px 0 0 yellowgreen,
		7px 20px 0 0 yellowgreen,
		8px 20px 0 0 yellowgreen,
		9px 20px 0 0 yellowgreen,
		10px 20px 0 0 yellowgreen,
		11px 20px 0 0 yellowgreen,
		12px 20px 0 0 yellowgreen,
		13px 20px 0 0 yellowgreen,
		14px 20px 0 0 yellowgreen,
		15px 20px 0 0 yellowgreen,
		16px 20px 0 0 yellowgreen,
		17px 20px 0 0 yellowgreen,
		18px 20px 0 0 yellowgreen,
		19px 20px 0 0 yellowgreen,
		20px 20px 0 0 yellowgreen,
		21px 20px 0 0 yellowgreen,
		22px 20px 0 0 yellowgreen,
		23px 20px 0 0 yellowgreen,
		24px 20px 0 0 yellowgreen,
		25px 20px 0 0 yellowgreen,
		26px 20px 0 0 yellowgreen,
		27px 20px 0 0 yellowgreen,
		28px 20px 0 0 yellowgreen,
		29px 20px 0 0 yellowgreen,
		30px 20px 0 0 yellowgreen,
		31px 20px 0 0 yellowgreen,
		32px 20px 0 0 yellowgreen,
		33px 20px 0 0 yellowgreen,
		34px 20px 0 0 yellowgreen,
		35px 20px 0 0 yellowgreen,
		36px 20px 0 0 yellowgreen,
		37px 20px 0 0 yellowgreen,
		38px 20px 0 0 yellowgreen,
		39px 20px 0 0 yellowgreen,
		40px 20px 0 0 yellowgreen,
		41px 20px 0 0 yellowgreen,
		42px 20px 0 0 yellowgreen,
		43px 20px 0 0 yellowgreen,
		44px 20px 0 0 yellowgreen,
		45px 20px 0 0 yellowgreen,
		46px 20px 0 0 yellowgreen,
		47px 20px 0 0 yellowgreen,
		48px 20px 0 0 yellowgreen,
		49px 20px 0 0 yellowgreen,
		50px 20px 0 0 yellowgreen,
		51px 20px 0 0 yellowgreen,
		52px 20px 0 0 yellowgreen,
		53px 20px 0 0 yellowgreen,
		54px 20px 0 0 yellowgreen,
		55px 20px 0 0 yellowgreen,
		56px 20px 0 0 yellowgreen,
		57px 20px 0 0 yellowgreen,
		58px 20px 0 0 yellowgreen,
		59px 20px 0 0 yellowgreen,
		60px 20px 0 0 yellowgreen,
		61px 20px 0 0 yellowgreen,
		62px 20px 0 0 yellowgreen,
		63px 20px 0 0 yellowgreen,
		64px 20px 0 0 yellowgreen,
		65px 20px 0 0 yellowgreen,
		66px 20px 0 0 yellowgreen,
		67px 20px 0 0 yellowgreen,
		68px 20px 0 0 yellowgreen,
		69px 20px 0 0 yellowgreen,
		70px 20px 0 0 yellowgreen,
		71px 20px 0 0 yellowgreen,
		72px 20px 0 0 yellowgreen,
		73px 20px 0 0 yellowgreen,
		74px 20px 0 0 yellowgreen,
		75px 20px 0 0 yellowgreen,
		76px 20px 0 0 yellowgreen,
		77px 20px 0 0 yellowgreen,
		78px 20px 0 0 yellowgreen,
		79px 20px 0 0 yellowgreen,
		80px 20px 0 0 yellowgreen,
		81px 20px 0 0 yellowgreen,
		82px 20px 0 0 yellowgreen,
		83px 20px 0 0 yellowgreen,
		84px 20px 0 0 yellowgreen,
		85px 20px 0 0 yellowgreen,
		86px 20px 0 0 yellowgreen,
		87px 20px 0 0 yellowgreen,
		88px 20px 0 0 yellowgreen,
		89px 20px 0 0 yellowgreen,
		90px 20px 0 0 yellowgreen,
		91px 20px 0 0 yellowgreen,
		92px 20px 0 0 yellowgreen,
		93px 20px 0 0 yellowgreen,
		94px 20px 0 0 yellowgreen,
		95px 20px 0 0 yellowgreen,
95px 19px 0 0 yellowgreen,
95px 18px 0 0 yellowgreen,
95px 17px 0 0 yellowgreen,
95px 16px 0 0 yellowgreen,
95px 15px 0 0 yellowgreen,
95px 14px 0 0 yellowgreen,
95px 13px 0 0 yellowgreen,
95px 12px 0 0 yellowgreen,
95px 11px 0 0 yellowgreen,
95px 10px 0 0 yellowgreen,
95px 9px 0 0 yellowgreen,
95px 8px 0 0 yellowgreen,
95px 7px 0 0 yellowgreen,
95px 6px 0 0 yellowgreen,
95px 5px 0 0 yellowgreen,
95px 4px 0 0 yellowgreen,
95px 3px 0 0 yellowgreen,
95px 2px 0 0 yellowgreen,
95px 1px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
/* modoruyajirushi3 ここまで */
}

.modoruyajirushilong0longword {
/*試行錯誤150、枠なしで前から後ろへの矢印だけ、長い日本語用、文字色は黒色*/
	position: relative;
	color: #000000;
	padding: 5px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modoruyajirushilong0longword:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 90%;
  left:-10px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
-moz-box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
-webkit-box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}



.modorushushokuyajirushilong0longword {
/*試行錯誤568、枠なしで前から後ろへの矢印だけ、長い日本語用、文字色は黒色だが日本語をspanで挟んでいない*/
	position: relative;
	color: #000;
	padding: 5px;
	display: inline;
	line-height: 1.8;
	vertical-align: middle;
	width: 100%;
}

.modorushushokuyajirushilong0longword:before {
/*↓box-shadowで矢印をつくる*/
	content: '';
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	top: 90%;
  left:-10px;
	width: 6px;
	height: 6px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color:yellowgreen;
/* box-shadow */
	box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
-moz-box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
-webkit-box-shadow:
		75px 15px 0 0 yellowgreen,
		74px 14px 0 0 yellowgreen,
		73px 13px 0 0 yellowgreen,
		72px 12px 0 0 yellowgreen,
		71px 11px 0 0 yellowgreen,
		70px 10px 0 0 yellowgreen,
		69px 9px 0 0 yellowgreen,
		68px 8px 0 0 yellowgreen,
		67px 7px 0 0 yellowgreen,
		66px 6px 0 0 yellowgreen,
		65px 5px 0 0 yellowgreen,
		64px 4px 0 0 yellowgreen,
		63px 3px 0 0 yellowgreen,
		62px 2px 0 0 yellowgreen,
		61px 1px 0 0 yellowgreen,
		 59px 1px 0 0 yellowgreen,
		 58px 2px 0 0 yellowgreen,
		 57px 3px 0 0 yellowgreen,
		 56px 4px 0 0 yellowgreen,
		 55px 5px 0 0 yellowgreen,
		 54px 6px 0 0 yellowgreen,
		 53px 7px 0 0 yellowgreen,
		 52px 8px 0 0 yellowgreen,
		 51px 9px 0 0 yellowgreen,
		 50px 10px 0 0 yellowgreen,
		 49px 11px 0 0 yellowgreen,
		 48px 12px 0 0 yellowgreen,
		 47px 13px 0 0 yellowgreen,
		 46px 14px 0 0 yellowgreen,
		 45px 15px 0 0 yellowgreen,
		0 1px 0 0 yellowgreen,
    0 2px 0 0 yellowgreen,
		0 3px 0 0 yellowgreen,
		0 4px 0 0 yellowgreen,
		0 5px 0 0 yellowgreen,
		0 6px 0 0 yellowgreen,
		0 7px 0 0 yellowgreen,
		0 8px 0 0 yellowgreen,
		0 9px 0 0 yellowgreen,
		0 10px 0 0 yellowgreen,
		0 11px 0 0 yellowgreen,
    0 12px 0 0 yellowgreen,
		0 13px 0 0 yellowgreen,
		0 14px 0 0 yellowgreen,
		0 15px 0 0 yellowgreen,
		0 16px 0 0 yellowgreen,
		0 17px 0 0 yellowgreen,
		0 18px 0 0 yellowgreen,
		0 19px 0 0 yellowgreen,
		0 20px 0 0 yellowgreen,
		0 21px 0 0 yellowgreen,
    0 22px 0 0 yellowgreen,
		0 23px 0 0 yellowgreen,
		0 24px 0 0 yellowgreen,
		0 25px 0 0 yellowgreen,
		0 26px 0 0 yellowgreen,
		0 27px 0 0 yellowgreen,
		0 28px 0 0 yellowgreen,
		0 29px 0 0 yellowgreen,
		0 30px 0 0 yellowgreen,
		60px 30px 0 0 yellowgreen,
		59px 30px 0 0 yellowgreen,
		58px 30px 0 0 yellowgreen,
		57px 30px 0 0 yellowgreen,
		56px 30px 0 0 yellowgreen,
		55px 30px 0 0 yellowgreen,
		54px 30px 0 0 yellowgreen,
		53px 30px 0 0 yellowgreen,
		52px 30px 0 0 yellowgreen,
		51px 30px 0 0 yellowgreen,
		50px 30px 0 0 yellowgreen,
		49px 30px 0 0 yellowgreen,
		48px 30px 0 0 yellowgreen,
		47px 30px 0 0 yellowgreen,
		46px 30px 0 0 yellowgreen,
		45px 30px 0 0 yellowgreen,
		44px 30px 0 0 yellowgreen,
		43px 30px 0 0 yellowgreen,
		42px 30px 0 0 yellowgreen,
		41px 30px 0 0 yellowgreen,
		40px 30px 0 0 yellowgreen,
		39px 30px 0 0 yellowgreen,
		38px 30px 0 0 yellowgreen,
		37px 30px 0 0 yellowgreen,
		36px 30px 0 0 yellowgreen,
		35px 30px 0 0 yellowgreen,
		34px 30px 0 0 yellowgreen,
		33px 30px 0 0 yellowgreen,
		32px 30px 0 0 yellowgreen,
		31px 30px 0 0 yellowgreen,
		30px 30px 0 0 yellowgreen,
		29px 30px 0 0 yellowgreen,
		28px 30px 0 0 yellowgreen,
		27px 30px 0 0 yellowgreen,
		26px 30px 0 0 yellowgreen,
		25px 30px 0 0 yellowgreen,
		24px 30px 0 0 yellowgreen,
		23px 30px 0 0 yellowgreen,
		22px 30px 0 0 yellowgreen,
		21px 30px 0 0 yellowgreen,
		20px 30px 0 0 yellowgreen,
		19px 30px 0 0 yellowgreen,
		18px 30px 0 0 yellowgreen,
		17px 30px 0 0 yellowgreen,
		16px 30px 0 0 yellowgreen,
		15px 30px 0 0 yellowgreen,
		14px 30px 0 0 yellowgreen,
		13px 30px 0 0 yellowgreen,
		12px 30px 0 0 yellowgreen,
		11px 30px 0 0 yellowgreen,
		10px 30px 0 0 yellowgreen,
		9px 30px 0 0 yellowgreen,
		8px 30px 0 0 yellowgreen,
		7px 30px 0 0 yellowgreen,
		6px 30px 0 0 yellowgreen,
		5px 30px 0 0 yellowgreen,
		4px 30px 0 0 yellowgreen,
		3px 30px 0 0 yellowgreen,
		2px 30px 0 0 yellowgreen,
		1px 30px 0 0 yellowgreen,
		0px 30px 0 0 yellowgreen,
60px 29px 0 0 yellowgreen,
60px 28px 0 0 yellowgreen,
60px 27px 0 0 yellowgreen,
60px 26px 0 0 yellowgreen,
60px 25px 0 0 yellowgreen,
60px 24px 0 0 yellowgreen,
60px 23px 0 0 yellowgreen,
60px 22px 0 0 yellowgreen,
60px 21px 0 0 yellowgreen,
60px 20px 0 0 yellowgreen,
60px 19px 0 0 yellowgreen,
60px 18px 0 0 yellowgreen,
60px 17px 0 0 yellowgreen,
60px 16px 0 0 yellowgreen,
60px 15px 0 0 yellowgreen,
60px 14px 0 0 yellowgreen,
60px 13px 0 0 yellowgreen,
60px 12px 0 0 yellowgreen,
60px 11px 0 0 yellowgreen,
60px 10px 0 0 yellowgreen,
60px 9px 0 0 yellowgreen,
60px 8px 0 0 yellowgreen,
60px 7px 0 0 yellowgreen,
60px 6px 0 0 yellowgreen,
60px 5px 0 0 yellowgreen,
60px 4px 0 0 yellowgreen,
60px 3px 0 0 yellowgreen,
60px 2px 0 0 yellowgreen,
60px 1px 0 0 yellowgreen,
60px 0px 0 0 yellowgreen;
/* border-radius */
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
}


/*shikou604、セル内でマウスホバーでリンク出現*/
.hoverkasenappear {
font-size: 11pt;
color:black;
text-decoration: none;
padding: 2px;
}
.hoverkasenappear:hover {
text-decoration:underline;
}
.hoverkasenappear:active {
text-decoration:underline;
}

/*shikou604、下線がある英文用(短縮形部分など)*/
.hoverkasenappearnokasen {
font-size: 11pt;
color:black;
text-decoration: none;
padding: 2px;
}
.hoverkasenappearnokasen:hover {
text-decoration:underline;
}
.hoverkasenappearnokasen:active {
text-decoration:underline;
}



/*shikou604、内容をくわしくの中のフセン、文字が長くて2行になるとレイアウト崩れる*/
.lessonlistnormalfusen {
position: relative;
width: 280px;
display:block;
padding-top:10px;
padding-bottom:10px;
margin-top:10px;
margin-bottom:10px;
}


/*shikou604、内容をくわしくの中に、ミニ黒板のcssを入れる*/
.lessonlistminikokuban {
position: relative;
width: 280px;
display:block;
padding-top:25px;
padding-bottom:0px;
margin-top:10px;
margin-bottom:10px;
}

/*shikou604、内容をくわしくの中に、基本文のふせんのcssを入れる*/
.lessonlistkihonbunfusen {
position: relative;
width: 280px;
/*長い和訳だと2行になってしまうが、300pxにするとアンドロイドフォンで右側に飛び出してしまう*/display:block;
padding-top:20px;
padding-bottom:0px;
margin-top:10px;
margin-bottom:10px;
}


.tablenaitapeorange-moccasin {
position: relative;
/* ダントツの各ページのフセンはabsoluteだが、表内のフセンはabsoluteだとクリック時に縦長に変形してしまう。*/
top: 0px;
background-color: moccasin;
border-left: 5px solid orange;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitapered-moccasin {
position: relative;
top: 0px;
background-color: moccasin;
border-left: 5px solid red;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitapeblue-moccasin {
position: relative;
top: 0px;
background-color: moccasin;
border-left: 5px solid blue;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitapegreen-moccasin {
position: relative;
top: 0px;
background-color: moccasin;
border-left: 5px solid green;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitapeyellow-moccasin {
position: relative;
top: 0px;
background-color: moccasin;
border-left: 5px solid yellow;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitapepink-moccasin {
position: relative;
top: 0px;
background-color: moccasin;
border-left: 5px solid pink;
padding: .25em 1.5em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(0deg);
box-shadow: 1px 1px 0px 0px lavender;
}


/* 黒板風フセン*/
.tablenaitape-minikokuban {
position: relative;
margin: 0;
top:0px;
padding: 10px 15px 10px 15px;
background: #000; /* #104300から変更した。ボックス背景色 */
color: #fff; /* 文章色 */
border: 5px solid #b2771f; /* 枠線 */
border-radius: 3px; /* 角の丸み */
box-shadow: 0 0 5px #333, 0 0 5px #555 inset;
box-shadow: 1px 1px 0px 0px lavender;
}

.tablenaitape-minikokuban:active {
top:1px;
right: 1px;
}




/* shikou606,step1文法解説 */
.stepmidashi1 {
	position: relative;
}

.stepmidashi1 .stepmidashi1-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 0px;
text-align:center;
	width:104px;
	height: 25px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 14px;
	background: #ffcccc;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #000;
	font-weight: bold;
}

/* shikou606,step2ブロックリバース最初は#ccccffだったが紫っぽいので変更 */
.stepmidashi2 {
	position: relative;
}

.stepmidashi2 .stepmidashi2-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 0px;
text-align:center;
	width:104px;
	height: 25px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 14px;
	background: #c1e0ff;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #000;
	font-weight: bold;
}

/* shikou606,step3英作文 */
.stepmidashi3 {
	position: relative;
}

.stepmidashi3 .stepmidashi3-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 0px;
text-align:center;
	width:104px;
	height: 25px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 14px;
	background: #ffd1a3;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #000;
	font-weight: bold;
}

/* shikou606,step4ブロックインプット */
.stepmidashi4 {
	position: relative;
}

.stepmidashi4 .stepmidashi4-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 0px;
text-align:center;
	width:104px;
	height: 25px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 14px;
	background: #ccff99;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #000;
	font-weight: bold;
}

/* shikou606,step5マルチセンテンス最初は#ffff99だったが黄色は見にくいので変更 */
.stepmidashi5 {
	position: relative;
}

.stepmidashi5 .stepmidashi5-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	left: 0px;
text-align:center;
	width:104px;
	height: 25px;
	line-height: 27px;
	vertical-align: middle;
	font-size: 14px;
	background: #ffff7f;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	color: #000;
	font-weight: bold;
}



/* shikou607,step1文法解説、リンクありの見出し下 */
.lastmidashilinkari1 {
	position: relative;
}

.lastmidashilinkari1 .lastmidashilinkari1-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffcccc 5px solid;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step2ブロックリバース最初は#ccccffだったが紫っぽいので変更 */
.lastmidashilinkari2 {
	position: relative;
}

.lastmidashilinkari2 .lastmidashilinkari2-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#c1e0ff 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step3英作文 */
.lastmidashilinkari3 {
	position: relative;
}

.lastmidashilinkari3 .lastmidashilinkari3-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffd1a3 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step4ブロックインプット */
.lastmidashilinkari4 {
	position: relative;
}

.lastmidashilinkari4 .lastmidashilinkari4-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ccff99 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step5マルチセンテンス最初は#ffff99だったが黄色は見にくいので変更 */
.lastmidashilinkari5 {
	position: relative;
}

.lastmidashilinkari5 .lastmidashilinkari5-title {
	position: absolute;
	display: inline-block;
	top: -25px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffff7f 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}



/* shikou607,step1文法解説、リンク無しの見出し下（topの数値だけ違う） */
.lastmidashinolink1 {
	position: relative;
}

.lastmidashinolink1 .lastmidashinolink1-title {
	position: absolute;
	display: inline-block;
	top: -18px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffcccc 5px solid;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step2ブロックリバース最初は#ccccffだったが紫っぽいので変更 */
.lastmidashinolink2 {
	position: relative;
}

.lastmidashinolink2 .lastmidashinolink2-title {
	position: absolute;
	display: inline-block;
	top: -18px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#c1e0ff 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step3英作文 */
.lastmidashinolink3 {
	position: relative;
}

.lastmidashinolink3 .lastmidashinolink3-title {
	position: absolute;
	display: inline-block;
	top: -18px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffd1a3 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step4ブロックインプット */
.lastmidashinolink4 {
	position: relative;
}

.lastmidashinolink4 .lastmidashinolink4-title {
	position: absolute;
	display: inline-block;
	top: -18px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ccff99 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}

/* shikou607,step5マルチセンテンス最初は#ffff99だったが黄色は見にくいので変更 */
.lastmidashinolink5 {
	position: relative;
}

.lastmidashinolink5 .lastmidashinolink5-title {
	position: absolute;
	display: inline-block;
	top: -18px;
	right: 0px;
  text-align:center;
	width:200px;
	height: 40px;
	line-height: 32px;
	vertical-align: middle;
	font-size: 14px;
	background: #fff;
border:#ffff7f 5px solid;	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
	color: #000;
}




/* 試行150，ウェブ英単語帳のページを、コンテンツ幅で横３列（ノーマルページ）と横１列（ページ下部のウィンドウで作成したもの）の表示非表示を切り替える→表の上部の先だけ右に飛び出したり、両方の表が同時に表示されたりして、うまくいかなかったので、lsc,sscを利用して追加版を作成する */
@media(min-width: 376px) {
.yokohabaminwidth376 { 
display: block;}
.yokohabamaxwidth375 {
display: none;}
}
table[class*="yokohabaminwidth376"] {
display: block;
width:70%;	
	}

@media(max-width: 375px) {
.yokohabaminwidth376 { 
display: none;}
.yokohabamaxwidth375 {
display: block;}
}


/*教師オリジナル並べ替え問題https://www.mmsankosho.com/post-14144/*/