@charset "utf-8";


/* ////////////////////////////////////////////////////////////////////////// lesson_num ///////// */
#nav #sub .lesson_num{
width:65px;
margin-left:0px;
margin-right:0px;
text-align:center;
}
#nav #sub .lesson_num.final{
width:100px;
margin-left:15px;
}
/* ////////////////////////////////////////////////////////////////////////// lesson_num ///////// */



/* //////////////////////////////////////////////////////////////////////////   h   ///////////////// */

/* ------------------------------------------ h1 */
h1{padding-left:70px;}
h1.h1_hg00{background:url(../images/h/h1_hg00.png) no-repeat;}
h1.h1_hg01{background:url(../images/h/h1_hg01.png) no-repeat;}
h1.h1_hg02{background:url(../images/h/h1_hg02.png) no-repeat;}
h1.h1_hg03{background:url(../images/h/h1_hg03.png) no-repeat;}
h1.h1_hg04{background:url(../images/h/h1_hg04.png) no-repeat;}
h1.h1_hg05{background:url(../images/h/h1_hg05.png) no-repeat;}
h1.h1_hg06{background:url(../images/h/h1_hg06.png) no-repeat;}
h1.h1_hg07{background:url(../images/h/h1_hg07.png) no-repeat;}
h1.h1_hg08{background:url(../images/h/h1_hg08.png) no-repeat;}
h1.h1_hg09{background:url(../images/h/h1_hg09.png) no-repeat;}
h1.h1_hg10{background:url(../images/h/h1_hg10.png) no-repeat;}
h1.h1_hg11{background:url(../images/h/h1_hg11.png) no-repeat;}
h1.cha_hg{background:url(../images/h/h1_cha_hg.jpg) no-repeat;}
h1.h1_cv{background:url(../images/h/h1_hg_cv.png) no-repeat;}

/* ------------------------------------------ h2 */
#main h2.h2_outline{background:url(../images/h/h2_outline.gif) no-repeat 0px 7px;
margin-top:50px;
margin-bottom:10px;
}
#main h2.h2_contents{background:url(../images/h/h2_contents.gif) no-repeat 0px 7px;}
#main h2.h2_how_to_study{background:url(../images/h/h2_how_to_study.gif) no-repeat 0px 7px;}
#main h2.h2_reading{background:url(../images/h/h2_reading.gif) no-repeat 0px 7px;
margin-top:50px;
}
#main h2.h2_writing{background:url(../images/h/h2_writing.gif) no-repeat 0px 7px;
margin-top:50px;
}
#main h2.h2_typing{background:url(../images/h/h2_typing.gif) no-repeat 0px 7px;
margin-top:50px;
}
#main h2.h2_references{background:url(../images/h/h2_references.gif) no-repeat 0px 7px;}

/* ------------------------------------------ h3 */
#main h3{
height:23px;
padding-top:2px;
background:url(../../images/h/h3.jpg) no-repeat;
}
#main h3.h3_goal{background:url(../images/h/h3_goal.jpg) no-repeat;}
#main h3.h3_structure{background:url(../images/h/h3_structure.jpg) no-repeat;}
#main h3.h3_reading{background:url(../images/h/h3_reading.jpg) no-repeat;}
#main h3.h3_writing{background:url(../images/h/h3_writing.jpg) no-repeat;}
#main h3.h3_typing{background:url(../images/h/h3_typing.jpg) no-repeat;}
#main h3.h3_before{background:url(../images/h/h3_before.jpg) no-repeat;}
#main h3.h3_practice_makes{background:url(../images/h/h3_practice_makes.jpg) no-repeat;}
#main h3.h3_curriculum{background:url(../images/h/h3_curriculum.jpg) no-repeat;}
#main h3.h3_preparation{background:url(../images/h/h3_preparation.jpg) no-repeat;}
#main h3.h3_how_to_read{background:url(../images/h/h3_how_to_read.jpg) no-repeat;}
#main h3.h3_how_to_write{background:url(../images/h/h3_how_to_write.jpg) no-repeat;}
#main h3.h3_how_to_type{background:url(../images/h/h3_how_to_type.jpg) no-repeat;}
#main h3.h3_mark{background:url(../images/h/h3_mark.jpg) no-repeat;}
#main h3.h3_vowel{background:url(../images/h/h3_vowel.jpg) no-repeat;}
#main h3.h3_text-input{background:url(../images/h/h3_text_input.jpg) no-repeat;}
#main h3.h3_writing_practice{background:url(../images/h/h3_writing_practice.jpg) no-repeat;}
#main h3.h3_font{background:url(../images/h/h3_sample_font.jpg) no-repeat;}
#main h3.h3_quiz{background:url(../images/h/h3_quiz.jpg) no-repeat;}
#main h3.h3_irregular{background:url(../images/h/h3_irregular.jpg) no-repeat;}
#main h3.h3_dakuon{background:url(../images/h/h3_dakuon.jpg) no-repeat;}
#main h3.h3_sokuon{background:url(../images/h/h3_sokuon.jpg) no-repeat;}
#main h3.h3_cv{background:url(../images/h/h3_cv.jpg) no-repeat;}
#main h3.h3_related_topics{background:url(../images/h/h3_related_topics.jpg) no-repeat;}
#main h3.h3_youtube{background:url(../images/h/h3_youtube.jpg) no-repeat;}
#main h3.h3_voice_actors{background:url(../images/h/h3_voice_actors.jpg) no-repeat;}
/* //////////////////////////////////////////////////////////////////////////   h   ///////////////// */



/* /////////////////////////////////////////////////////////////////////////  table  /////////////// */

/* ------------------------------------------ content_list */
table.content_list{
margin:0px 0px 10px 0px;
}
table.content_list th{
text-align:center;
}
table.content_list td{
padding:9px 10px 8px 10px;
}
table.content_list td a, .content_list td .no_link{
font-size:100%;
}


/* ------------------------------------------ writing */
table.writing{
margin-top:15px;
margin-bottom:20px;
}
table.writing th{
width:75px;
padding:5px 5px 5px 5px;
border:1px solid #BFBFAE;
border-right:none;
border-left:none;
background-color:#EDEDED;
}
table.writing th.th_nsg{
background-color:#CCCCCC;
}
table.writing th.th_bad{
background-color:#999999;
}
table.writing th.th_other{
background-color:#666666;
}
table.writing td{
padding:5px 10px 5px 15px;
}
table.writing td.td_grey{
background-color:#FCFCFC;
}
table.writing th.border_r{
border-right:solid 1px #BFBFAE;
}



/* ------------------------------------------ typing */
table.typing{
table-layout:fixed;
text-align:center;
margin:10px 0px 20px 0px;
}
table.typing th{
font-size:85%;
letter-spacing:0.08em;
text-align:left;
}
table.typing td{
text-align:center;
font-size:140%;
}
table.typing td img{
padding-top:6px;
padding-bottom:6px;
}
table.typing td.td_grey{
background-color:#FCFCFC;
}



/* ------------------------------------------ download_print */
.download_print table{
margin-top:0px;
margin-bottom:20px;
}
.download_print table th{
text-align:center;
font-size:85%;
}
.download_print table td{
font-size:90%;
}


/* ------------------------------------------ table_layout */
table.table_layout{
border:0px solid #FFFFFF;
}
table.table_layout th{
padding:0px 0px 0px 0px;
border:0px solid #FFFFFF;
background-color:#FFFFFF;
text-align:center;
vertical-align:top;
font-weight:normal;
}
table.table_layout td{
padding:0px 0px 0px 0px;
border:0px solid #FFFFFF;
text-align:left;
vertical-align:top;
}
table.table_layout th img{
margin:0px auto;
}
table.table_layout td img{
margin:0px;
}
table img.border{
margin:0px auto;
border:1px solid #dedecd;
}


/* ------------------------------------------ cv_works */
table.cv_works{
font-size:90%;
}
table.cv_works td{
vertical-align:top;
}
/* /////////////////////////////////////////////////////////////////////////  table  /////////////// */



/* //////////////////////////////////////////////////////////////////////////  kana course  /////// */

/* hg course */
/* ------------------------------------------------------------------------------- tab */
#main #tab{
clear:both;
height:46px;
background:url(../../images/tab/tab.jpg) no-repeat;
margin-top:25px;
margin-bottom:70px;
}
#tab ul{
margin-left:28px;
list-style:none;
}
#tab li{
float:left;
width:217px;
height:46px;
text-align:center;
font-size:115%;
font-weight:bold;
}
#tab li a{
height:46px;
padding-top:13px;
display:block;
color:#FFFFFF;
}
#tab li a:hover{
color:#EAD475;
text-decoration:none;
}
#tab li.current, #tab li.current_link a{
height:46px;
padding-top:14px;
color:#EAD475;
background:url(../../images/tab/tab_current.gif) no-repeat;
}

/* ------------------------------------------------------------------------------- tab_bottom */
#main #tab_bottom{
clear:both;
height:46px;
background:url(../../images/tab/tab.jpg) no-repeat;
margin-top:70px;
margin-bottom:10px;
}
#tab_bottom ul{
margin-left:28px;
list-style:none;
}
#tab_bottom li{
float:left;
width:217px;
height:46px;
text-align:center;
font-size:115%;
font-weight:bold;
}
#tab_bottom li a{
height:46px;
padding-top:13px;
display:block;
color:#FFFFFF;
}
#tab_bottom li a:hover{
color:#EAD475;
text-decoration:none;
}
#tab_bottom li.current, #tab li.current_link a{
height:46px;
padding-top:14px;
color:#EAD475;
background:url(../../images/tab/tab_current.gif) no-repeat;
}
/* hg course - end */



/* ------------------------------------------ sample_block */
.kana .sample_block{
height:250px;
margin-top:15px;
margin-bottom:10px;
}
.sample_left{
float:left;
width:500px;
margin-bottom:5px;
padding:0px 0px 0px 0px;
}
.sample_left img{
margin-bottom:15px;
}
.sample_right{
float:right;
width:180px;
height:220px;
}
.sample_right p{
padding:0px 0px 20px 0px;
}


/* ------------------------------------------ quiz_block */
.quiz_block{
width:708px;
height:160px;
margin:0px 0px 20px 0px;
padding:25px 0px 0px 0px;
background-color:#F5F5ED;
}
.quiz_block img{
float:left;
margin:0px 9px 0px 15px;
}
/* ///////////////////////////////////////////////////////////////////////////////////////////////// */


/* ////////////////////////////////////////////////////////////////////////////////////// side ///// */

	
/* ------------------------------------------ tw_midsummer */
#tw_midsummer{
width:200px;
height:740px;
margin:10px 0px 20px 28px;
background-color:#FFFFFF;
text-align:center;
}