@charset "Shift_JIS";

/* --- タイプ3 レイアウト --- */


/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
background-color: #f9f9f9; /* 全体の背景色 */
color: #000000; /* 全体の文字色 */
font-size: 100%; /* 全体の文字サイズ */
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #000090; }
a:hover { color: #ff8000; }
a:active { color: #ff0000; }

/* --- コンテナ --- */
#container {
width: 1180px; /* コンテナの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* コンテナの背景色 */
border-left: 1px #c0c0c0 solid; /* コンテナの左境界線 */
border-right: 1px #c0c0c0 solid; /* コンテナの右境界線 */
}

/* --- ページ --- */
#page {
width: 1150px; /* ページの幅 */
margin: 0 auto; /* センタリング */
}


/* --- ▼ヘッダ内の設定開始 --- */

/* --- ヘッダ --- */
#header {
position: relative; /* 相対配置（ガイドメニューのために設定） */
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0 0 10px; /* ヘッダのマージン（上、左右、下） */
padding: 10px 0 0; /* ヘッダのパディング（上、左右、下） */
}

/* --- サイトタイトル --- */
#header h1.siteTitle,
#header p.siteTitle {
margin: 0 0 3px; /* サイトタイトルのマージン（上、左右、下） */
font-size: 200%; /* サイトタイトルの文字サイズ */
}
/* サイトタイトル内のリンク */
#header h1.siteTitle a,
#header p.siteTitle a {
text-decoration: none; /* テキストの下線（なし） */
color: #000000; /* 文字色 */
}

/* --- キャッチフレーズ --- */
#header p.catch {
margin: 0 0 10px; /* キャッチフレーズのマージン（上、左右、下） */
}
#header p.catch strong {
font-weight: normal; /* 文字の太さ（ノーマル） */
}

/* --- ガイドメニュー --- */
#header ul.guide {
position: absolute; /* 絶対配置 */
top: 25px; /* 上からの距離 */
right: 10px; /* 右からの距離 */
margin: 0;
padding: 0;
list-style-type: none;
}
/* メニュー項目 */
#header ul.guide li {
display: inline;
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url("../../image/menu_line.gif") no-repeat left; /* 項目の背景（区切り線） */
}
/* 最初の項目 */
#header ul.guide li.first {
background: none; /* 区切り線なし */
}

/* --- オープニングエリア（トップページ） --- */
#header div.opening {
margin-bottom: 2px; /* オープニングエリアの下マージン */
}
/* オープニングエリア内の見出し */
#header div.opening h2 {
margin: 0;
}

/* --- ヘッダメニュー --- */
#header ul.nl {
width: 100%; /* IE 6のために幅の指定が必要 */
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
}
/* メニュー項目 */
#header ul.nl li {
width: 164px; /* 項目の幅 */ /* 元来は158px */
float: left;
line-height: 100%;
}
/* 最初の項目と最後の項目 */
#header ul.nl li.first,
#header ul.nl li.last {
width: 165px; /* 項目の幅（上書き） */ /* 元来は159px */
}
/* リンクエリア */
#header ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 2px; /* リンクエリアのパディング（上下、左右） */
border: 1px #cccccc; /* リンクエリアの境界線（太さ、色） */
border-style: solid solid solid none; /* リンクエリアの境界線スタイル（上右下左） */
text-decoration: none; /* テキストの下線（なし） */
}
/* 最初のリンクエリア */
#header ul.nl li.first a {
border-left: 1px #cccccc solid; /* リンクエリアの左境界線 */
}
/* ポイント時の設定 */
#header ul.nl li a:hover {
background-color: #f0ffff; /* ポイント時の背景色 */
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- 注目情報（トップページ） --- */
#header ul.spotlight {
margin: 10px 0 0; /* 注目情報のマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* リスト項目 */
#header ul.spotlight li {
display: inline;
padding: 0 25px 0 11px; /* 項目のパディング（上右下左） */
background: url("../../image/menu_triangle2.gif") no-repeat 0 0.2em; /* 項目の背景（マーカー） */
}

/* --- トピックパス（下層ページ） --- */
#header ol.topicPath {
margin: 0;
padding: 7px 2px; /* トピックパスのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* トピックパスの下境界線 */
list-style-type: none;
}
/* リスト項目 */
#header ol.topicPath li {
display: inline;
}
/* リンクエリア */
#header ol.topicPath li a {
padding-right: 12px; /* リンクエリアの右パディング */
background: url("../../image/topic_path.gif") no-repeat right; /* リンクエリアの背景（区切り記号） */
}

/* --- 罫線 --- */
#header hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲ヘッダ内の設定終了 --- */


/* --- ▼コンテンツ内の設定開始 --- */

/* --- コンテンツ（3カラム用） --- */
#content {
float: left;
width: 880px; /* コンテンツの幅 */ 
margin-bottom: 10px; /* コンテンツの下マージン */
}


/* --- ▼メインカラム内の設定開始 --- */

/* --- メインカラム --- */
/* --- （2カラム用） --- */
#main {
float: left;
width: 880px; /* メインカラムの幅 */ /* 元来は680px */
margin-bottom: 10px; /* メインカラムの下マージン */
}


/* 表 */
#main div.normal table {
border: 0px #2b2b2b solid;
}

th { width: 100px; }

/* Symbol exercise 表　始まり*/
td { height: 30px; width: 80px;}
td.head { height: 30px; width: 120px;}
/* Symbol exercise 表　終わり*/



td.index { height: 70px; width: 170px; text-align: center;}

td.list { height: 60px; width: 200px; font-size:x-large; }
td.list2 { height: 60px; width: 230px; font-size:x-large; }
td.list3 { height: 60px; width: 240px; font-size:x-large;}

td.list4 { height: 60px; width: 390px; font-size:x-large;}
td.list5 { height: 60px; width: 40px; font-size:x-large; }




/* 会話　感謝と謝罪　トップページ　表　始まり */

td.tslist { height: 60px; width: 247px; font-size:x-large; }
td.tslist2 { height: 60px; width: 270px; font-size:x-large; }
td.tslist3 { height: 60px; width: 300px; font-size:x-large;}

td.tslist4 { height: 60px; width: 390px; font-size:x-large;}
td.tslist5 { height: 60px; width: 23px; font-size:x-large; }

/* 会話　感謝と謝罪　トップページ　表　終わり */




/* 会話　挨拶　トップページ　表　始まり */

td.grlist { height: 60px; width: 205px; font-size:x-large; }
td.grlist2 { height: 60px; width: 290px; font-size:x-large; }
td.grlist3 { height: 60px; width: 320px; font-size:x-large;}

td.grlist4 { height: 60px; width: 390px; font-size:x-large;}
td.grlist5 { height: 60px; width: 23px; font-size:x-large; }

/* 会話　挨拶　トップページ　表　終わり */





/* 文法　トップページ　表　始まり */

td.glist { height: 60px; width: 300px;  }
td.glist2 { height: 60px; width: 300px;  }
td.glist3 { height: 60px; width: 300px; }


/* 文法　トップページ　表　終わり */




/* 会話　トピック別　表　始まり */

td.con_top { height: 20px; width: 25px; font-size:x-large; }
td.con_top2 { height: 20px; width: 670px; font-size:xx-large; }
td.con_top2xl { height: 20px; width: 670px; font-size:x-large; }
td.con_top222 { height: 20px; width: 870px; font-size:xx-large; }

td.con_top3 { height: 20px; width: 150px; }
td.con_top33 { height: 20px; width: 450px; }

td.con_top4 { height: 20px; width: 853px; font-size:xx-large; }
td.con_top4xl { height: 20px; width: 845px; font-size:x-large; }



td.con_top22 { height: 20px; width: 670px; font-size:x-large; }
td.con_top44 { height: 20px; width: 845px; font-size:x-large; }


td.con_top2222 { height: 20px; width: 580px; font-size:xx-large; }
td.con_top2222xl { height: 20px; width: 580px; font-size:x-large; }
td.con_top2222l { height: 20px; width: 580px; font-size:large; }
td.con_top3333 { height: 20px; width: 240px; }


/* 会話　トピック別　表　終わり */




/* レッスン内　会話例　　表　始まり */

td.lcon_top { height: 20px; width: 10px; }
td.lcon_top2 { height: 20px; width: 500px; }
td.lcon_top3 { height: 20px; width: 150px; }

/* レッスン内　会話例　　表　終わり */




/* 動詞　Form 1　から　Form 6　まで　表　始まり */

td.vfc0 { height: 60px; width: 60px; text-align: center; background-color:#d3d3d3}
td.vfc1 { height: 60px; width: 120px; text-align: center; background-color:#ffe4b5}
td.vfc2 { height: 60px; width: 100px; text-align: center; background-color:#d3d3d3}
td.vfc3 { height: 60px; width: 170px; text-align: center; background-color:#ffe4b5}
td.vfc4 { height: 60px; width: 120px; text-align: center; background-color:#d3d3d3}
td.vfc5 { height: 60px; width: 100px; text-align: center; background-color:#ffe4b5}
td.vfc6 { height: 60px; width: 110px; text-align: center; background-color:#d3d3d3}

/* 動詞　Form 1　から　Form 6　まで　表　終わり */



/* 文の区切り方　始まり */
td.bsp { height: 40px; width: 100px; }
/* 文の区切り方　終わり */


/* JLPT top page 表　始まり */
td.jlpt_tp1 { height: 30px; width: 90px; }
td.jlpt_tp2 { height: 30px; width: 120px; }
td.jlpt_tp3 { height: 30px; width: 570px; }
/* JLPT top page 表　終わり */



/* Particle 表　始まり */

td.list6 { height: 40px; width: 95px; }
td.list7 { height: 40px; width: 90px; }
td.list8 { height: 40px; width: 90px; }
td.list9 { height: 40px; width: 305px; }
td.list10 { height: 40px; width: 23px; }

/* Particle 表　終わり */


/* Grammar Index 表　始まり */

td.list111 { height: 50px; width: 160px; }
td.list12 { height: 50px; width: 190px; }
td.list13 { height: 50px; width: 220px; }

/* Grammar Index 表　終わり */


/* 各 Grammar 説明箇所　始まり */

td.gramst { height: 100px; width: 550px; }
td.gramst2 { height: 100px; width: 150px; }

/* 各 Grammar 説明箇所　終わり */


/* Movies　アマゾンリンク用　表　始まり */

td.mal { height: 100px; width: 220px; }
td.mal2 { height: 100px; width: 170px; }
td.mal3 { height: 100px; width: 310px; }

/* Movies　アマゾンリンク用　表　終わり */


/* Word Quiz （単語リストの下の）始まり */

td.wq { height: 200px; width: 50px; }
td.wq2 { height: 200px; width: 350px; }
td.wq3 { height: 200px; width: 250px; }

/* Word Quiz （単語リストの下の）終わり */


/* エリンが挑戦　文法早見表　始まり */

td.erin_index { height: 60px; width: 350px; }
td.erin_index2 { height: 60px; width: 250px; }

/* エリンが挑戦　文法早見表　終わり */


/* 日本語読解　会話文　始まり */

td.rct { height: 70px; width: 25px; }
td.rct2 { height: 70px; width: 625px; }

/* 日本語読解　会話文　終わり */





/* JLPT５級　４択　始まり */

p.jlpt5k {font-size: x-large;}
td.jlpt5k { height: 60px; width: 200px; font-size: x-large;}

/* JLPT５級　４択　終わり */



/* JLPT　単語と文法　傾向　始まり */

th.jlptvg { height: 40px; width: 80px; }
th.jlptvg2 { height: 40px; width: 580px; }


td.jlptvg { height: 40px; width: 80px; }
td.jlptvg2 { height: 40px; width: 580px; }

/* JLPT　単語と文法　傾向　終わり */



/* 各Grammar patternの例文の語順　始まり */

td.gpwo { height: 25px; width: 150px; }

/* 各Grammar patternの例文の語順　終わり */



/* verb group内の例外動詞　始まり */

td.vgex { height: 25px; width: 200px; }

/* verb group内の例外動詞　終わり */



/* レッスン難易度早見表　始まり */

td.lech { height: 45px; width: 60px; }
td.lech1 { height: 45px; width: 600px; }

/* レッスン難易度早見表　終わり */




/* online dictionaryのセルの大きさ　始まり */

th.dic { width: 150px; }

/* online dictionaryのセルの大きさ　終わり */




/* 斉藤和義　ずっとウソだった　歌詞　始まり */

td.saito_z { height: 40px; width: 400px; }
td.saito_z2 { height: 40px; width: 300px; }

/* 斉藤和義　ずっとウソだった　歌詞　終わり */


/* 相撲　給与表　始まり */

td.sumo { height: 40px; width: 300px; }
td.sumo2 { height: 40px; width: 200px; }
td.sumo3 { height: 40px; width: 200px; }

/* 相撲　給与表　終わり */



/* ことわざ四字熟語　始まり */

td.proverb { height: 30px; width: 100px; }
td.proverb2 { height: 30px; width: 600px; }

/* ことわざ四字熟語　終わり */


/* ひらがな　レッスン内　単語　表　始まり */

td.hrgnl { height: 60px; width: 230px; font-size: xx-large; }
td.hrgnl2 { height: 60px; width: 200px; }
td.hrgnl3 { height: 60px; width: 80px; }
td.hrgnl4 { height: 60px; width: 20px; }

/* ひらがな　レッスン内　単語　表　終わり */





/* 命令法・禁止法　始まり */

td.im_proh { height: 60px; width: 85px; text-align:center;}
td.im_proh2 { height: 60px; width: 180px; text-align:center;}
td.im_proh3 { height: 60px; width: 130px; text-align:center;}
td.im_proh4 { height: 60px; width: 130px; text-align:center;}

/* 命令法・禁止法　終わり */



/* Verb Group　見わけ方　始まり */

td.vghtf { height: 30px; width: 520px; }
td.vghtf2 { height: 30px; width: 180px; }

/* Verb Group　見わけ方　終わり */



/* 日本文化　価格リスト　始まり */

td.jcpl { height: 30px; width: 200px; }
td.jcpl2 { height: 30px; width: 400px; }

/* 日本文化　価格リスト　終わり */



td.break { height: 2px; width: 290px; }
td.break2 { height: 2px; width: 190px; }
td.break3 { height: 2px; width: 190px; }
td.break4 { height: 2px; width: 390px; }
td.break5 { height: 2px; width: 40px; }



td.listwide { height: 30px; width: 700px; }


td.lesson1 { height: 65px; width: 70px; }
td.lesson2 { height: 65px; width: 40px; }
td.lesson3 { height: 65px; width: 550px; }


/* 数字　レッスン　覚え方　表　始まり*/

td.lesson11 { height: 65px; width: 120px; text-align: center; font-size: xx-large;}
td.lesson22 { height: 65px; width: 40px; text-align: center;}
td.lesson33 { height: 65px; width: 450px; text-align: center;}


/* 数字　レッスン　覚え方　表　終わり*/



/* Level4 の表始まり*/
td.lesson4 { height: 30px; width: 250px; }
td.lesson5 { height: 30px; width: 200px; }
td.lesson6 { height: 30px; width: 200px; }
/* Level4 の表終わり*/











td.link1 { height: 30px; width: 150px; }
td.link2 { height: 30px; width: 500px; }


td.l1l11 { height: 60px; width: 180px; }
td.l1l13 { height: 60px; width: 300px; font-size:xx-large;}
td.l1l14 { height: 60px; width: 320px; font-size:xx-large;}
td.l1l15 { height: 60px; width: 30px; }
td.l1l16 { height: 60px; width: 30px; }


td.l1l11b { height: 2px; width: 250px; }
td.l1l13b { height: 2px; width: 250px; }
td.l1l14b { height: 2px; width: 250px; }
td.l1l15b { height: 2px; width: 30px; }
td.l1l16b { height: 2px; width: 30px; }


td.aline { background-color: #a9a9a9; text-align:center; font-size:xx-large;}
td.kline { height: 40px; width: 120px; background-color: #ffb6c1; text-align:center; font-size:xx-large;}
td.sline { height: 40px; width: 120px; background-color: #b0e0e6; text-align:center; font-size:xx-large;}
td.xline { height: 40px; width: 120px;}


td.vcer { height: 5px; width: 150px; }



/* Exercises Sentence patterns　の表　始まり*/
td.list4 { height: 30px; width: 200px; }
/* Exercises Sentence patterns　の表　終わり　*/

/* Sentence patterns　の表　始まり*/
td.list11 { height: 30px; width: 220px; }
td.list22 { height: 30px; width: 330px; }
td.list33 { height: 30px; width: 350px; }
/* Sentence patterns　の表　終わり*/


/* Shopping amazon list　の表　始まり*/
td.amz { height: 30px; width: 150px; }
td.amz2 { height: 30px; width: 550px; }
/* Shopping amazon list　の表　終わり*/


/* Japanese FAQ 「から」　の表　始まり*/
td.from { height: 30px; width: 220px; border: 1px #000000 solid;}
td.from2 { height: 30px; width: 130px; border: 2px #000000 solid;}
td.from3 { height: 30px; width: 550px; border: 1px #000000 solid;}
/* Japanese FAQ 「から」　の表　終わり*/




/* Particles　表　始まり*/
td.par { text-align: center; height: 20px; width: 350px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #ffb6c1;
}
td.par2 { text-align: center; height: 20px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #f5deb3;
}

/* Particles　表　終わり*/



/* shopping　表　始まり*/
td.spg {  height: 20px; width: 150px; border-collapse: collapse; padding: 3px 3px; }
td.spg2 {  height: 20px; width: 550px; border-collapse: collapse; padding: 3px 3px; }
/* shopping　表　終わり*/





/* Weak, Strong, Irregular verb　表　見出し　始まり*/
td.wv { text-align: center; height: 30px; width: 150px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #ffb6c1;
}
td.wv2 { text-align: center; height: 30px; width: 150px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #f5deb3;
}
td.wv4 { text-align: center; height: 30px; width: 130px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #f5deb3;
}
td.wv5 { text-align: center; height: 30px; width: 190px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #ffb6c1;
}
/* Weak, Strong, Irregular verb 表　見出し　終わり*/



/* Weak, Strong, Irregular verb 表 ２段目以降　始まり*/
td.wv3 { text-align: center; height: 30px; width: 150px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; 
}

td.wv44 { text-align: center; height: 30px; width: 130px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; 
}
td.wv55 { text-align: center; height: 30px; width: 190px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; 
}


/* Weak, Strong, Irregular verb 表　２段目以降　終わり*/

td.form { height: 30px; width: 100px; border: 2px #000000 solid;
border-collapse: collapse;
}
td.form2 { height: 30px; width: 380px; border: 2px #000000 solid;
border-collapse: collapse;
 }
td.form3 { height: 30px; width: 420px; border: 2px #000000 solid;
border-collapse: collapse;
}

/*辞書形から、他のplain formを作るときの表　始まり*/

td.form4 { height: 30px; width: 100px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}
td.form5 { height: 30px; width: 380px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}
td.form6 { height: 30px; width: 420px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}


td.form7 { height: 30px; width: 200px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px;
}
td.form8 { height: 30px; width: 650px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px;
}


/*た形 Strong verb 表　始まり*/
td.form9 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #ffb6c1;
}
td.form11 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #f0e68c;
}
td.form12 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #e0e0e0;
}
td.form13 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #add8e6;
}
td.form14 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #90ee90;
}
td.form10 { height: 30px; width: 600px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px;
}
/*た形 Strong verb 表　終わり*/

/*辞書形から、他のplain formを作るときの表　終わり*/





/*forms内　how to make each form　表の色　始まり*/

td.form15 { height: 30px; width: 100px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #add8e6;
}
td.form16 { height: 30px; width: 100px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #e0ffff;
}
td.form17 { height: 30px; width: 100px; border: 1px #000000 solid;
border-collapse: collapse; padding: 5px 10px; background-color: #ffffe0;
}

/*forms内　how to make each form　表の色　終わり*/



/*forms内　strong,weak,adjective　How to makeのコラム　始まり*/


td.form22 { height: 30px; width: 200px; border: 2px #000000 solid;
border-collapse: collapse;
 }

td.form55 { height: 30px; width: 200px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}
/*forms内　strong,weak,adjective　How to makeのコラム　終わり*/










/*　辞書形からます形への変化、練習問題　答の表　始まり*/


td.ans { height: 30px; width: 250px; border: 2px #000000 solid;
border-collapse: collapse;
}
td.ans2 { height: 30px; width: 200px; border: 2px #000000 solid;
border-collapse: collapse;
 }
td.ans3 { height: 30px; width: 200px; border: 2px #000000 solid;
border-collapse: collapse;
}



td.ans4 { height: 30px; width: 250px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}
td.ans5 { height: 30px; width: 200px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}
td.ans6 { height: 30px; width: 200px; border: 1px #000000 solid;
border-collapse: collapse; padding: 10px 20px;
}


/*　辞書形からます形への変化、練習問題　答の表　終わり*/



/*　単語　数字の表　始まり*/

td.num  { height: 30px; width: 90px; font-size:x-large;}
td.num2  { height: 30px; width: 100px; font-size:xx-large;}
td.num3 { height: 30px; width: 200px; font-size:x-large;}
td.num4  { height: 30px; width: 200px; font-size:xx-large;}
td.num5  { height: 30px; width: 200px; }

/*　単語　数字の表　終わり*/



/*　動詞のグループ表　始まり*/
td.vg { text-align: center; height: 30px; width: 200px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #ffb6c1;
}
td.vg2 { text-align: center; height: 30px; width: 400px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; background-color: #f5deb3;
}
/*　動詞のグループ表　終わり*/

/*　旧映画字幕付　始まり*/
td.mwt { text-align: center; height: 30px; width: 150px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; }
td.mwt2 { text-align: center; height: 30px; width: 100px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; }
td.mwt3 { text-align: center; height: 30px; width: 400px; border: 1px #000000 solid;
border-collapse: collapse; padding: 3px 3px; }
/*　旧映画字幕付　終わり*/







td.sp  { height: 30px; width: 450px; }
td.sp2  { height: 30px; width: 200px; }


/*　映画字幕付　始まり*/
td.sp3  { text-align: center; height: 50px; width: 200px; }
/*　映画字幕付　終わり*/



/*　各レッスン　会話　始まり*/
td.conv  { height: 60px; width: 50px; }
td.conv1  { height: 60px; width: 200px; }
td.conv2  { height: 60px; width: 300px; }
td.conv3  { height: 60px; width: 150px; }

tr.a  { background-color: #98fb98; }
tr.b  { background-color: #b0e0e6; }

/*　各レッスン　会話　終わり  #ffc0cb;  #ffe4c4;  */




/*　JLPT　答　始まり*/
td.jlpta { height: 30px; width: 150px; }
/*　JLPT　答　終わり*/



#main div.normal table.sp {
border: 1px #2b2b2b solid;
}

#main div.normal table.form {
border: 2px #000000 solid;
border-collapse: collapse;
}


}



/* 注釈 */
#main div.normal p.notes {
text-indent: -3.5em;
margin-left : 5.1em;
}

#main div.normal p.note {
text-indent: -2.8em;
margin-left : 5.1em;
}



/* ---（2カラムメインコンテント内のリスト）--- */
#main ul { 
list-style-type: square; 
}

li { 
margin-bottom: 10px;
}

ol { 
list-style-type: upper-alpha; 
}






/* --- （3カラム用） --- */
#content #main {
float: right; /* （上書き） */
width: 700px; /* メインカラムの幅（上書き） */ /* 元来は500px */
margin-bottom: 0; /* メインカラムの下マージン（上書き） */
}

/* --- ページタイトル（下層ページ） --- */
#main h1.pageTitle {
padding: 8px 10px; /* ページタイトルのパディング（上下、左右） */
background-color: #e0e0e0; /* ページタイトルの背景色 */
font-size: 160%; /* ページタイトルの文字サイズ */
}
/* --- （2カラム用） --- */
#main h1.pageTitle {
margin: 0 15px 15px 0; /* ページタイトルのマージン（上右下左） */
}
/* --- （3カラム用） --- */
#content #main h1.pageTitle {
margin: 0 15px 15px; /* ページタイトルのマージン（上書き） */
}

/* --- セクション（共通設定） --- */
/* --- （2カラム用） --- */
#main div.section {
margin: 0 15px 1.5em 0; /* セクションのマージン（上右下左） */
}

/* --- （3カラム用） --- */
#content #main div.section {
margin: 0 15px 1.5em; /* セクションのマージン（上書き） */
}

/* --- 標準セクション --- */
/* 見出し */
#main div.normal h2 {
margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
background-color: #e0e0e0; /* 見出しの背景色 */
font-size: 130%; /* 見出しの文字サイズ */
}

#main div.normal h3 {
margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
padding: 4px 20px; /* 見出しのパディング（上下、左右） */
background-color: #ffe4b5; /* 見出しの背景色 */
font-size: 110%; /* 見出しの文字サイズ */
}

#main div.normal h3.form {
margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
padding: 4px 20px; /* 見出しのパディング（上下、左右） */
background-color: #bfefdf; /* 見出しの背景色 */
font-size: 110%; /* 見出しの文字サイズ */
}

#main div.normal h3.form2 {
margin: 0 0 0.6em; /* 見出しのマージン（上、左右、下） */
padding: 4px 20px; /* 見出しのパディング（上下、左右） */
background-color: #00bfff; /* 見出しの背景色 */
font-size: 110%; /* 見出しの文字サイズ */
}



/*リスト*/
#main div.normal li.form {
list-style-type: decimal;
}

#main div.normal li.form2 {
list-style-type: disc;
}








/* 段落 */
#main div.normal p {
margin: 0 5px 1em; /* 段落のマージン（上、左右、下） */
line-height: 160%; /* 行の高さ */
}

/* --- 強調セクション --- */
#main div.emphasis {
padding: 1.1em 15px 0; /* セクションのパディング（上、左右、下） */
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
 /* 見出し */
#main div.emphasis h2 {
margin: 0 0 0.8em; /* 見出しのマージン（上、左右、下） */
font-size: 130%; /* 見出しの文字サイズ */
color: #ff8000; /* 見出しの文字色 */
}
 /* 段落 */
#main div.emphasis p {
margin: 0 0 1em; /* 段落のマージン（上、左右、下） */
line-height: 150%; /* 行の高さ */
}

/* --- 新着情報（トップページ） --- */
#main div.update dl {
width: 470px; /* 新着情報の幅（メインカラム（3カラム用）の幅から30px引いた値） */ /* 元来は470px */
margin: 0 auto; /* センタリング */
}
/* 日付エリア */
#main div.update dt {
width: 6.7em; /* 日付エリアの幅 */
float: left;
padding: 7px 0 6px 3px; /* 日付エリアのパディング（上右下左） */
line-height: 120%; /* 行の高さ */
}
/* 本文エリア */
#main div.update dd {
margin: 0;
padding: 7px 3px 6px 6.6em; /* 本文エリアのパディング（上右下左） */
border-bottom: 1px #c0c0c0 dotted; /* 本文エリア下境界線 */
line-height: 120%; /* 行の高さ */
}

/* --- ▲メインカラム内の設定終了 --- */


/* --- ▼サイドバー(A)内の設定開始 --- */
/* このサンプルでは左サイドバー（3カラム用） */

/* --- サイドバー(A) --- */
#nav {
float: right;
width: 180px; /* サイドバー(A)の幅 */
}

/* --- セクション（共通設定） --- */
#nav div.section {
margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#nav div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* 段落 */
#nav div.section p {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
line-height: 130%; /* 行の高さ */
}

/* --- 強調セクション1（水色） --- */
#nav div.emphasis {
border: 1px #92c2dc solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.emphasis h2 {
background-color: #a7dcfc; /* 見出しの背景色 */
}

/* --- 強調セクション2（トップページ左側の一番上のボックス） --- */
#nav div.strong {
border: 1px #90ee90 solid; /* セクションの境界線 */
}
/* 見出し */
#nav div.strong h2 {
background-color: #90ee90; /* 見出しの背景色 */
}

/*
#ffce68

#f4c24d
*/



/* --- サブメニュー（インデックス（トップ）ページの左側にあるメニュー） --- */
/* サブメニュー内の見出し */
#nav div.subMenu h2 {
margin: 0; /* 見出しのマージン（上書き） */
background-color: #a7dcfc; /* 見出しの背景色 */
border: 1px #92c2dc solid; /* 見出しの境界線 */
}
/* メニューエリア */
#nav div.subMenu ul.nl {
margin: 0 0 3px; /* メニューエリアのマージン（上、左右、下） */
padding: 0;
background-color: #f9f9f9; /* メニューエリアの背景色 */
border-left: 1px #c0c0c0 solid; /* メニューエリアの左境界線 */
border-right: 1px #c0c0c0 solid; /* メニューエリアの右境界線 */
list-style-type: none;
}
/* メニュー項目 */
#nav div.subMenu ul.nl li {
border-bottom: 1px #c0c0c0 solid; /* 項目の下境界線 */
}
/* リンクエリア */
#nav div.subMenu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 8px; /* リンクエリアのパディング（上下、左右） */
text-decoration: none; /* テキストの下線（なし） */
}
/* ポイント時の設定 */
#nav div.subMenu ul.nl li a:hover {
/*
background-color: #f0ffff; /* ポイント時の背景色 */
*/
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- ▲サイドバー(A)内の設定終了 --- */


/* --- 罫線（3カラム用） --- */
#content hr.clear {
clear: right; /* 右フロートのクリア */
width: 100%;
margin: 0;
visibility: hidden; /* 非表示 */
}

/* --- ▲コンテンツ内の設定終了 --- */


/* --- ▼サイドバー(B)内の設定開始 --- */
/* このサンプルでは右サイドバー */

/* --- サイドバー(B) --- */
#aside {
float: left;
width: 270px; /* サイドバー(B)の幅 */
margin-bottom: 10px; /* サイドバー(B)の下マージン */
}

/* --- セクション（共通設定） --- */
#aside div.section {
margin-bottom: 10px; /* セクションの下マージン */
}
/* 見出し */
#aside div.section h2 {
margin: 0 0 0.7em; /* 見出しのマージン（上、左右、下） */
padding: 5px 8px; /* 見出しのパディング（上下、左右） */
font-size: 120%; /* 見出しの文字サイズ */
}
/* 段落 */
#aside div.section p {
margin: 0 10px 0.7em; /* 段落のマージン（上、左右、下） */
line-height: 130%; /* 行の高さ */
}

/* --- 標準セクション（グレー） --- */
#aside div.normal {
border: 1px #c0c0c0 solid; /* セクションの境界線 */
}
/* 見出し */
#aside div.normal h2 {
background-color: #e0e0e0; /* 見出しの背景色 */
}

/* --- 強調セクション1（水色） --- */
#aside div.emphasis {
border: 1px #92c2dc solid; /* セクションの境界線 */
}
/* 見出し */
#aside div.emphasis h2 {
background-color: #a7dcfc; /* 見出しの背景色 */
}

/* --- 強調セクション2（オレンジ） --- */
#aside div.strong {
border: 1px #f4c24d solid; /* セクションの境界線 */
}
/* 見出し */
#aside div.strong h2 {
background-color: #ffce68; /* 見出しの背景色 */
}

/* --- ピックアップリスト --- */
/* ピックアップリスト内の見出し */
#aside div.pickup h2 {
margin: 0; /* 見出しのマージン（上書き） */
background-color: #b0d85f; /* 見出しの背景色 */
border: 1px #94b849 solid; /* 見出しの境界線 */
}
/* リストエリア */
#aside div.pickup ul {
margin: 0;
padding: 0;
border-left: 1px #94b849 solid; /* リストエリアの左境界線 */
border-right: 1px #94b849 solid; /* リストエリアの右境界線 */
list-style-type: none;
}
/* リスト項目 */
#aside div.pickup ul li {
padding: 10px 10px; /* 項目のパディング（上下、左右） */
border-bottom: 1px #94b849 solid; /* 項目の下境界線 */
}

/* --- お問い合わせ --- */
#aside div.contact {
padding: 0 0 0.3em; /* パディング（上、左右、下） */
}
/* お問い合わせ内の段落 */
#aside div.contact p {
margin: 0 10px 0.4em; /* 段落のマージン（上書き） */
}

/* --- 罫線 --- */
#aside hr.none {
display: none; /* 表示形式（なし） */
}

/* --- ▲サイドバー(B)内の設定終了 --- */


/* --- ▼フッタ内の設定開始 --- */

/* --- フッタ --- */
#footer {
clear: left; /* 左フロートのクリア */
width: 100%;
padding: 15px 0 20px; /* フッタのパディング（上、左右、下） */
border-top: 1px #c0c0c0 solid; /* フッタの上境界線 */
}

/* --- フッタメニュー --- */
#footer ul.nl {
margin: 0 0 10px; /* フッタメニューのマージン（上、左右、下） */
padding: 0;
list-style-type: none;
text-align: center;
}
/* --- メニュー項目 --- */
#footer ul.nl li {
padding: 0 4px 0 8px; /* 項目のパディング（上右下左） */
background: url("../../image/menu_line.gif") no-repeat left; /* 項目の背景（区切り線） */
display: inline;
}
/* 最初の項目 */
#footer ul.nl li.first {
background-image: none; /* 区切り線なし */
}
/* ガイドメニュー */
#footer ul.guide {
margin: 0 0 15px; /* ガイドメニューのマージン（上書き） */
}

/* --- アドレス・コピーライト --- */
#footer address {
font-style: normal;
text-align: center;
line-height: 140%; /* 行の高さ */
}

/* --- ▲フッタ内の設定終了 --- */


/* --- ▼その他の設定開始 --- */

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}

/* --- ▲その他の設定終了 --- */


