*{margin:0;padding:0;}

body {
	margin: 0;
	padding: 0;
	font-family:'Meiryo','メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#181818;
/*	line-height:140%;*/
	/*text-align:justify;*/
	}
	
/*body.content{ overflow-y:hidden; overflow:hidden;}*/
	
h1,h2,h3,h4,h5,h6{ font-size:100%; color:#282828; }

img {
	vertical-align: top;
	border: none;
	text-decoration:none;
	}

p{
	margin:0;
	padding:0;
	letter-spacing:0.2px;
	line-height:148%;
	word-wrap:break-word;
	}

li{ list-style: none;}

table{ empty-cells:show;}

td {vertical-align:top;}

input{ padding:3px;}

#stepFrame{ /*overflow:hidden;*/ min-height:600px;}

table{ text-align:left;}

/*=======================================================*/
#bg_header{
	margin:0 auto;
	padding:0;
	text-align:left;
	background-color:#FFF;
	}

#header{
	padding:0;
	margin:0 auto;
	width:900px;
	height:68px;
	}
.logo_area{
	clear:both;
	float:left;
	width:410px;
	margin:5px 0 0;
}



.hd_link{ float:right; margin:5px 0;
	}
.hd_link li{ float:left; }

.hd_link li a{ 
	display:block; 
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 15px; 
	text-decoration:none;
	background-image: url(/images/arw_bk.gif);
	background-position:left 4px;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
	}

.hd_link li a:link{ color:#AE3571; }

.hd_link li a:visited{ color:#AE3571; }

.hd_link li a:hover{ color:#CE86AA; text-decoration:underline; }

.hd_link li a.hdli_active{ color:#CE86AA; }

#langbox {
	float:right;
	width:300px;
	text-align:right;
	margin:5px 0;
	}
#langbox select{ padding:3px; font-size:14px; } 
/*--  GNAV -------------------------------------------------------------*/
#bg_gnav{
	clear:both;
	margin:0;
	padding:0;
	}

.gnav{
	margin:10px auto;
	width:900px;
	background-image: url(/images/blackback.gif);
	}
	
.gnav li{
	float:left;
	height:42px;
	}
	
.gnav li a{
	display:block;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	line-height:42px;
	padding:0 12px;
	/*background-image: url(/images/blackback.gif);*/
	border-right:1px solid #484848;
	}

.gnav li a:link{ color:#FFF; }

.gnav li a:visited{ color:#FFF; }

.gnav li a:hover{ color:#CE86AA; }

.gnav li a.gnavli_active{ 
	color:#FFF;
	background:#38362D url(/images/arw_gnav.gif) bottom center no-repeat;
	background:#AE3571 url(/images/arw_gnav.gif) bottom center no-repeat;
	}

.submenu{ background-color:#AE3571; padding:2px 0px 2px;}

.submenu li{ float:left; height:23px; }

.submenu li a{
	display: inline;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:23px;
	padding:0 24px;
	background:none;
	border-right:none;}


.submenu li a:link{ color:#F0F0F5; }

.submenu li a:visited{ color:#F0F0F5; }

.submenu li a:hover{ color:#FFF; text-shadow:0 1px 3px #CE86AA; }

/*-- MAIN -------------------------------------------------------------------*/

#main{
	clear:both;
	margin:0 auto;
	width:900px;
	padding:15px;
	}
#mainMobile{
	clear:both;
	margin:0 auto;
	width:200px;
	padding:15px;
	}

/*-- LEFT -------------------------------------------------------------------*/	
#left{ float:left;	width:210px; }

.sidemenu{ /*border:1px solid #282828;*/ }

.login_area{ 
	padding:1px;
	border:1px solid #A0A4AA;
	border-radius:5px;
	margin:0 0 5px;
	}

.tt_login_myaccount{
	height:23px;
	background:#F0F0F5;
	border-bottom:1px solid #D1D3D3;
	}

.tt_login_myaccount h2{
	background:none;
	border:none;
	padding:0;
	margin:0;/*RESET*/
	font-size:14px;
	line-height:23px;
	padding-left:7px;
	}

.login_warning{ color:#C00; padding:0 7px; margin:5px 0 0; font-size:12px;}

span.sp_login_err{ font-weight:bold; font-size:15px; color:#C00;}

.dl_login{ margin:5px; }

dt.myAccountDos{ padding:1px 0;}

dd.myAccountDosa input { width:186px; font-size:14px; padding:1px 3px; }

p.topLoginButton{
	text-align:center;
	}
	
p.topLoginButton input[type="submit"]{
	background:#AE3571;
	background: -moz-linear-gradient(top, #AE3571, #641B35);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#AE3571), to(#641B35));
	padding:4px 33px;
	border-radius:5px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	cursor:pointer;
	margin:0 0 7px;
	}
p.topLoginButton input[type="submit"]:hover{
	background:#DDA4BE;
	background: -moz-linear-gradient(top, #DDA4BE, #AE3571);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#DDA4BE), to(#AE3571));
}


/*-------------------------*/
p.topLoginButton a{
	display:block;
	background:#AE3571;
	background: -moz-linear-gradient(top, #AE3571, #641B35);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#AE3571), to(#641B35));
	padding:5px 0px;
	border-radius:5px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	cursor:pointer;
	margin:10px 20px;
	text-decoration:none;
	}
	
p.topLoginButton a:hover{
	background:#DDA4BE;
	background: -moz-linear-gradient(top, #DDA4BE, #AE3571);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#DDA4BE), to(#AE3571));
}
/*------------------------*/
p.topPurchaseButton{
	text-align:center;
	}
p.topPurchaseButton a{
	display:block;
	background:#3195FA;
	background: -moz-linear-gradient(top, #85BFFB, #3195FA);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#85BFFB), to(#3195FA));
	padding:10px 0px;
	border-radius:3px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	cursor:pointer;
	margin:10px 20px;
	text-decoration:none;
	}
p.topPurchaseButton a:hover{
	background:#85BFFB;
	background: -moz-linear-gradient(top, #A6D0FC, #3195FA);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#A6D0FC), to(#3195FA));
	}
/*------------------------*/
p.topLogoutButton{
	text-align:center;
	}
p.topLogoutButton a{
	display:block;
	background:#333333;
	background: -moz-linear-gradient(top, #4C4C4C, #333333);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#333333));
	padding:0px 0px 1px;
	border-radius:3px;
	font-weight:bold;
	color:#FFF;
	border:1px solid #666;
	cursor:pointer;
	margin:10px 20px;
	text-decoration:none;
	}
p.topLogoutButton a:hover{
	background:#4C4C4C;
	background: -moz-linear-gradient(top, #666666, #333333);　/* Firefox用 */  
    background: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#333333));
	}

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


.tb_login{ margin:0px auto 0;}

.tb_login td{ padding:5px 0; font-size:12px;}

.logOut{ padding:0px 10px;}

a.alink_pw{ 
	font-size:11px;
	margin:5px 0;
	 }


div.bt_area{ border:none; text-align:center; }

.abt_sign a{
	display:block;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	height:38px;
	line-height:38px;
	text-decoration:none;
	border:1px solid #E0B8CA;
	border-radius:3px;
	text-shadow:1px 2px 2px #FFF;
}

.abt_sign a:link{ background-color:#F9F1F4; color:#641B35;}
.abt_sign a:visited{ background-color:#F9F1F4; color:#641B35;}
.abt_sign a:hover{ background-color:#FFF3E9; color:#FF8A26; border-color:#FFBF87;}

.icon_ninja{ position:relative; bottom:20px; left:160px; width:50px;/*input button 領域エラー*/}

.abt_sign{ margin:0 0 10px;}

.bnlink_area{
	background-color:#EEE;
	border:1px solid #E0B8CA;
	margin:10px 0;
	padding:1px 
	}

.bnlink_area a{
	display:block;
	font-weight:bold;
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:4px center;
	padding:1px 0 1px 12px;
	margin:0px 0 0;
	}
	
.bnlink_area a:link{ background-color:#F9F1F4; color:#641B35;}
.bnlink_area a:visited{ background-color:#F9F1F4; color:#641B35;}
.bnlink_area a:hover{ background-color:#D35492; color:#FFF; }

.sidemenu ul { display:block;}

.sidemenu ul li{ 
	padding:0 5px 5px 15px;
	background-image:url(/images/arw_bl.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	margin:0 0 0 1px;
	text-align:left;
	}

.sidemenu ul li a{
	text-decoration:none;
	font-size:12px;
	padding:0;
	margin:0;
	}

.sidemenu ul li a:link{ color:#383838; }

.sidemenu ul li a:visited{ color:#383838; }

.sidemenu ul li a:hover{
	color:#0099FF;
	text-decoration:underline;
	}

ul.usermenu{
	display:block;
	/*border:1px solid #BCBCBC;
	border-radius:5px;
	padding:1px 1px;*/
	border-bottom:1px solid #CCC;
	padding:1px;
	}

ul.usermenu li{ 
	margin:0 0 0 0;
	text-align:left;
	border-top:1px solid #CCC;
	background:none;
	padding:8px 0;
	}
/*ul.usermenu li:last-child{ border:none; }*/

ul.usermenu li a{
	display:block;
	text-decoration:none;
	font-size:12px;
	border-left:3px solid #AE3571;
	background-image:url(/images/arw_menu_2g.png);
	background-position:right center;
	background-repeat:no-repeat;
	padding:0 15px 0 8px;
	margin:0;
	}


.sidemenu h3{
	margin:10px 0 5px;
	font-size:14px;
	text-align:left;/*RESET*/
	}


.tt_left { 
	background-color:#F0F0F5;
	border:1px solid #C0C0D8;
	/*border-bottom:2px solid #17D1D1;*/
	margin:10px 0;
	padding:4px
	}
.tt_left h3{
	background:none;
	font-size:12px;
	margin:0;/*RESET*/
	text-align:left;/*RESET*/
	border-left:4px solid #17D1D1;
	padding:0 0 0 6px;
	}
	
.bn_link{ margin:10px 0;}
	
.bn_link a{
	display:block;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	height:24px;
	line-height:24px;
	text-decoration:none;
	border:1px solid #BCBCBC;
	border-radius:3px;
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:8px center;
	padding:0 0 0 18px;
}

.bn_link a:link{ background-color:#F0F0F5; color:#3E4259;}
.bn_link a:visited{ background-color:#F0F0F5; color:#3E4259;}
.bn_link a:hover{ background-color:#F5F5F5; color:#17D1D1; border-color:#17D1D1;}


.bn_link2{ margin:10px 0;}
	
.bn_link2 a{
	display:inline;
	font-size:13px;
	font-weight:bold;
	text-align:left;
	height:24px;
	line-height:24px;
	text-decoration:none;
	border:1px solid #BCBCBC;
	border-radius:3px;
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:8px center;
	padding:0 15px 0 18px;
}

.bn_link2 a:link{ background-color:#F0F0F5; color:#3E4259;}
.bn_link2 a:visited{ background-color:#F0F0F5; color:#3E4259;}
.bn_link2 a:hover{ background-color:#F5F5F5; color:#17D1D1; border-color:#17D1D1;}
	
	
	
/*-- CONTENTS -------------------------------------------------------------------*/
#contents{
	float:right;
	width:660px;
	min-height:480px;
}
#contentsMobile{
	float:right;
	width:200px;
	min-height:200px;
}

/*#tt_page{ border:1px solid #D8D8D8; padding:14px;}*/
#tt_page{ 
	border:1px solid #C9CBCB;
	padding:14px;
	background-image:url(/images/bg_ttpage.png);
	background-repeat:repeat-x;
	background-position:bottom;
	}

#tt_page h2 {
	background:none;
	border:none;
	margin:0;/*RESET*/
	border-left:5px solid #AE3571;
	font-size:18px;
	padding:0 0 0 8px;
	line-height:30px;
	}
#tt_page h2 img{ height:30px;}

.inner_contents{ margin:15px 0 15px;}

.inner_contents h3{
	clear:both;
	padding: 3px 10px 3px 1px;
	margin:2.6em 0 1.6em;
	background-color:#FFF;
	text-align:left;/*RESET*/
	font-size:14px;
	letter-spacing:.2px;
	border-top:3px solid #74E3E3;
	border-bottom:1px dotted #C0C0D8;
	}
	
.inner_contents h4{
	clear:both;
	font-size:14px;
	margin:0 0 5px;
	text-decoration:none;/*RESET*/
	}

.inner_area{ padding:15px; border-bottom:2px solid #8D8D8D;}

.inner_area h3{ background:none; padding:0; margin:0; text-align:left;}

.inner_area p{ padding:10px 0;}


.inner_test{ margin:15px 0 15px;}

.inner_test h3{
	clear:both;
	padding: 3px 10px 3px 1px;
	margin:0 0 1px;
	background-color:#FFF;
	text-align:left;/*RESET*/
	font-size:14px;
	letter-spacing:.2px;
	border-bottom:2px solid #74E3E3;
	}


.left_area{ float:left;}
.right_area{ float:right;}

p.tx_totop{ text-align:right; padding:10px; clear:both;}

p.tx_totop a{
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	padding:1px 12px;
	}

p.tx_totop a:link{ background-color:#F0F0F5; color:#ACACAC;}
p.tx_totop a:visited{ background-color:#F0F0F5; color:#ACACAC;}
p.tx_totop a:hover{ background-color:#D376A3; color:#FFF;}



/*-- FOOTER -------------------------------------------------------------------*/
#bg_footer{
	clear:both;
	margin:0;
	padding:0;
	background-color:#F0F0F5;
	border-top:1px solid #E0E2E2;
	}

#footer{
	padding:15px 0;
	text-align:left;
	}

.footer_line{
	margin:0 auto;
	width:900px;
	}
	
.footer_line a{ 
	text-decoration:none; 
	margin:0 15px 0 0;
	background-image: url(/images/arw_bk.gif);
	background-position:left 3px;
	background-repeat:no-repeat;
	padding:0 0 0 18px;
	 }

.footer_line a:link{ color:#3E4259;}
.footer_line a:visited{ color:#3E4259;}
.footer_line a:hover{ color:#AE3571;}
	

.copyright_area{
	background-color:#A0A4AA;
	text-align:center;
	padding:15px;
	color:#FFF;
	}

/*===================================
 CLEARFIX
====================================*/
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*===================================
 PAGE
====================================*/
/*-- INDEX -------------------------*/

#main_visual{ /*index.tpl*/
	margin:0 0 30px;
	}
	
	
#topsv_l{
	float:left;
	width:315px;
}
		
#topsv_r{
	float:right;
	width:315px;
}

table#tb_topsv{
	background-color:#F0F0F5;
	width:100%;
}

#tb_topsv td{
	background-color:#FFF;
	padding:0px 10px 0 5px;
	width:50%;
}

#tb_topsv h2{
	border-bottom:3px solid #AE3571;
	background:#FFF;
	margin:0 0 10px;
	padding:0 0 5px;
}

p.tx_topsv{ text-align:left; margin:0 0 8px;}

p.tx_svmore{
	text-align:right; margin:8px 0;
	}
	
.tb_top_recomend{ 
	width:300px;
	float:left;
	margin:15px;
	}
.tb_top_recomend th{
	vertical-align:top;
	}

.tb_top_recomend td{
	vertical-align:top;
	padding:0 15px;
	}


/*-- eSUN --------------------------*/
.width_70{ width:69%;}
.width_30{ width:30%;}

.tb_non {
	width:100%;
	background-color:#FAFAFA;
	padding:0;
	margin:0 0 10px;
	border-bottom:1px dotted #DEDEDE;
	}
.tb_non td{ padding:3px; vertical-align:top; }
.tb_non img{ border:1px solid #999;}



table.tb_3col{
	width:100%;
	background-color:#FAFAFA;
	padding:5px;
	margin:15px 0 0;
	}

.col3_us{
	border:1px solid #DEDEDE;
	border-bottom:none;
	padding:10px;
	margin:0;
	background-color:#FFF;
	width:30%;
	}
	
.col3_ds{
	border:1px solid #DEDEDE;
	border-top:none;
	padding:10px;
	margin:0;
	background-color:#FFF;
	text-align:center;
	}

td.td_sp{ width:1%; background:none; border:none;}

.col3_us h4{ margin: 0 0 5px; background:none;}

.col3_ds img{ height:75px; width:100px; border:1px solid #999;}

table.tb_2col{
	width:100%;
	background-color:#FAFAFA;
	margin:15px 0 0;
	}
	
.tb_2col tr{ margin:0 0 10px;}
.tb_2col td{ padding:0; }
.tb_2col img { border:1px solid #999; background-color:#FFF; padding:1px;}

.td_cap { vertical-align: top;}

.td_cap img{ width:120px; height:90px;}

.tb_2col h4{ margin:0 0 5px;}

.tb_2col li{
	background-image:url(/images/arw_bl.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	padding:0 0 0 13px;
	margin:0 0 1px;
	}
/*-- ONLINE CLASS --------------------------*/

.provided_area{ 
	border:1px solid #D5D5D5;
	padding:13px 14px;
	border-radius:5px;
	margin:5px 0 25px;
	}

.tb_provided{
	margin:0;
	border:none;
	}

.tb_provided th{
	background-color:#DDDDEA;
	width:100px;
	text-align: center;
	border-radius:4px;
	padding:1px 0;
	}

.tb_provided td{
	padding:1px 10px;
	font-weight:bold;
	vertical-align:middle;
	}

a.alink_todetail{
	color:#A62163;
	text-decoration:underline;
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 8px;
	}

a.alink_todetail:link{}

a.alink_todetail:visited{}

a.alink_todetail:hover{ color:#FF4D99; }



a.alink_go{
	font-weight:bold;
	border:1px solid #A62162;
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:4px center;
	background-color:#D35492;
	color:#FFF;
	padding:0 5px 0 13px;
	text-decoration:none;
	}

a.alink_go:link{}

a.alink_go:visited{}

a.alink_go:hover{ background-color:#EBC1D5; color:#6C0B3A; }

.provided_area p{ margin:0 0 10px;}

.bg_meetinstructor{ 
	background-image:url(/images/bglink_onlinelesson.jpg);
	background-position: right;
	background-repeat:no-repeat;
	height:115px;
	width:230px;
}

.bg_meetinstructor a{
	display:block;
	position:relative;
	top:94px;
	padding:0 0 0 25px;
	font-weight:bold;
	text-decoration:none;
	}
	
.bg_meetinstructor a:link{ color:#FFF;}
.bg_meetinstructor a:visited{ color:#FFF;}
.bg_meetinstructor a:hover{ color:#D376A3;}

.tb_esundetail{}

.tb_esundetail th{ width:120px; font-weight:normal;}


/*skype*/

.skype_area{
	clear:both;
	border:2px solid #00B0F6;
	padding:10px;
	margin:0 0 15px;
	border-radius:5px;
	}

div.skype_area h4{
	font-size:14px;
	padding:0 0 0 8px;
	border-left:5px solid #00B0F6;
	margin:0 0 5px;
	color:#008FD7;
	}

div.skype_area table{
	border-top:1px dotted #CCC;
	padding:5px 0 0;
	}

div.gr_area{
	background-color:#F0F0F5;
	padding:2px;
	border:1px solid #DDD;
	margin:0;
	}

div.gr_area h5{
	background-color:#999;
	color:#FFF;
	padding:2px 9px 1px;
	margin:0 0 5px;
	line-height:110%;
	}
div.gr_area p{ letter-spacing:0; line-height:128%; margin:0 10px;}

td.spec_tx{ }

td.spec_pc{
	background-color:#FFF;
	width:110px;
	text-align:center;
	padding:5px;
	border:1px solid #C8C8C8;
	border-top:none;
	border-left:none;
	}

td.spec_line{ 
	background-color:#FFF;
	width:110px;
	text-align:center;
	padding:5px;
	border:1px solid #C8C8C8;
	border-top:none;
	border-left:none;
	}

.td_bt_skype{ width:38%; padding:0 0 0 5px;}


a.bt_blue{ 
	display:block;
	padding:5px 0px;
	border:1px solid #74D3F7;
	border-radius:16px;
	font-weight:bold;
	text-align:center;
	}
	
a.bt_blue:link{
	background-color:#E8F8FE;
	color:#00AFF0;
	}
a.bt_blue:visited{
	background-color:#E8F8FE;
	color:#00AFF0;
	}
a.bt_blue:hover{
	background-color:#A2E2FA;
	color:#FFF;
	}



/*onlineflow*/

.tb_onlineflow{
	margin:0 0 15px;}
	
.tb_onlineflow tr{
	border:1px solid #17D1D1;
	padding:9px 9px;
	}

.tb_onlineflow th{
	text-align:center;
	width:205px;
	vertical-align:middle;
	padding:0 10px 0 0;
	}

.tb_onlineflow th span{
	display:block;
	border:2px solid #FF8A26;
	background-color:#FFD887;
	font-size:15px;
	color:#484848;
	padding:10px 5px;
	border-radius:5px;
	text-shadow:1px 1px 1px #FFF;
	}

.tb_onlineflow td{
	padding:0;
	vertical-align:middle;
	}

.tb_onlineflow ul{
	padding:0 0 0 15px;
	}

.tb_onlineflow li{
	list-style:outside square;
	padding:5px 0 0;
	}

table.tb_price{
	width:100%;
	border:2px solid #86A2E7;
	border-collapse:collapse;
	margin:15px 0;
	text-align:right;
	font-size:14px;
	}

.tb_price th{ 
	padding:8px 10px; 
	border:1px solid #A0A4AA;
	border-right:none;
	text-align:center; 
	vertical-align:middle;
	}

.tb_price td{ 
	padding:8px 10px; 
	border:1px solid #86A2E7; 
	vertical-align:middle;
	background-color:#F4F7FD;
	border-bottom:1px solid #A0A4AA;
	}

p.bt{ text-align:left; }
p.bt{ text-align:center; }

p.bt input{
	border:2px solid #6388E7;
	background-color:#86A2E7;
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	width:180px;
	padding:5px;
	}
p.bt input:hover{ 
	background-color:#DEE6F8;
	color:#103286;
	cursor:pointer;
	}
	
	
/*popup*/

#popinner{ padding:15px;}

table.tb_esundetail{
	border-collapse:collapse;
	width:100%;
	font-size:13px;
}

table.tb_esundetail th{
	border:1px solid #BBB;
	padding:5px 10px;
	background-color:#EEEDE7;
	color:#8E8800;
	width:90px;
	text-align: center;
}

table.tb_esundetail td{
	border:1px solid #BBB;
	padding:5px 10px;
	background-color:#FFF;
	vertical-align:middle;
	}
	
/*補足説明*/	
span.ex_notice{ color:#900; font-size:11px; }

.ex_area{ padding:15px 0 0; }

.ex_area h6{ }

.ex_area p{ margin:0 0 15px;}

.theme_box{ background-color:#F5F5F5; border:1px solid #C0C0C0; border-radius:3px; padding:12px; margin:0 0 10px; }
		

/*-- BOOKS --------------------------*/
.tb_base{ width:100%; margin:15px 0;}

.tb_base th{
	text-align:center;
	vertical-align:top;
	padding:10px;
	width:200px;
	background-color:#F0F0F5;
	border-bottom:1px dotted #999;
	}

.tb_base th img{ border:1px solid #CCC; margin-top:10px; }

.tb_base td{
	vertical-align:top;
	padding:10px;
	border-bottom:1px dotted #999;
}

.tb_base ul{ display:block; margin:10px 0 0; font-weight:bold;}


.tx_buybtm{ text-align:center; margin:10px 0 0;}

.tx_buybtm span{
	background-image:url(/images/arw_bt_wh.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 0 0 10px;
	}

.tx_buybtm a{
	text-decoration:none;
	text-align:center;
	padding:1px 10px;
	font-weight:bold;
	text-shadow:1px 1px 1px #888;
	}

.tx_buybtm a:link{ border:1px solid #6C8707; background-color:#A8D015;	color:#FFF;}
.tx_buybtm a:visited{ border:1px solid #6C8707; background-color:#A8D015;	color:#FFF; }
.tx_buybtm a:hover{ border:1px solid #A54806; background-color:#FE7412;	color:#FFF;}




/*-- ABOUT ICI --------------------------*/
.ul_column{
	display:block;
	margin:5px 0 15px; 
	padding:10px 15px;
	background-color:#FAFAFA;
	border:1px dotted #DDD;
	}

.ul_column li{ 
	background-image:url(/images/arw_bl.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:5px 0 5px 18px;
	margin:0 0 1px;
	}
.tx_mkp_yomiuri{
	position:relative;
	bottom:78px;
	left:488px;
	}
	
/*-- COMMENTS --------------------------*/	
.levelChoice{ 
	margin:15px 0;
	border-bottom:1px solid #999;
	padding:0;
}

.levelChoice td{ padding:10px; clear:both; font-style:italic; font-weight:bold;}
	
/*-- FAQ --------------------------*/
.contents_q li{
	padding:0 0 5px;
	margin:0 0 0 10px;
}

div.contents_q h4{
	background-color:#E8F6FF;
	padding:2px 5px;
	border-left:5px solid #8BD1FF;
	font-size:14px;
	margin:0 0 15px;
	}

div.contents_a h4{
	background-color:#FFECF1;
	padding:2px 5px;
	border-left:5px solid #FFA2B9;
	font-size:14px;
	margin:0 0 15px;
	}

.contents_a dt{ padding:0 10px; margin:15px 0 0; font-weight:bold; }

.contents_a dd{
	background-color:#F8F8F8;
	padding:10px;
	border:1px dotted #DDD;
	margin:0;
}
	
/*-- KATAKANA/HIRAGANA --------------------------*/
span.intt_kana{ padding:1px 5px; background-color:#17D1D1; color:#FFF; border:2px solid #3E4259;}

.image_box{ background-color:#F5F5F5; margin:15px 0 30px; padding:10px;}

img.img_kana{ float:left; width:431px; }

ul.ul_otherlink{ float:right; width:190px;}

.ul_otherlink li{ }

.ul_otherlink a { 
	display:block;
	background-image:url(/images/arw_bl.png);
	background-position:5px center;
	background-repeat:no-repeat;
	padding:10px 5px 10px 20px; 
	}

.ul_otherlink a:link { text-decoration:none; background-color:#FFF; border:1px solid #A0A4AA;}

.ul_otherlink a:visited{ text-decoration:none; background-color:#FFF; border:1px solid #A0A4AA;}

.ul_otherlink a:hover{ text-decoration: underline; background-color:#17D1D1; border:1px solid #A0A4AA; color:#FFF;}

/*-- SUPPORT ------------------------------*/

.dl_support dt{
	float:left;
	clear:both;
	background-color:#FFCCE5;
	border-right:8px;
	padding:5px 10px;
	width:165px;
	margin:0 0 10px;
	}

.dl_support dd{
	float:left;
	padding:5px 10px;
	width:455px;
	margin:0 0 10px;
	}

table.tb_mtx{
	margin:0 0 24px;
	}

table.tb_mtx th{
	background-color:#FFCCE5;
	padding:5px 8px;
	}
table.tb_mtx td{
	padding:5px 7px 5px 5px;
	border-bottom:1px dotted #BCBCBC;
	border-right:1px solid #CCC;
	}
.tb_mtx td label{
	display:block;
	background-color:#666;
	color:#FFF;
	padding:0 5px;
	}
table.tb_mtx thead th{
	background-color:#383838;
	color:#F5F5F5;
	}


/*-- STUDENT TOP --------------------------*/

#tt_login h2{ background:none; border:none; margin:0 0 15px; padding:0; font-size:14px;} 

.wlayout h4{ margin:0; padding:0; font-size:14px; background:none;}

.wlayout_l{
	float: left;
	width:300px;
	border-right:1px dashed #CCC;
	padding:0 20px 0 0;
}

.wlayout_r{
	float:right;
	width:320px;
	padding:0;
	/*background-color:#F5F5F5;*/
}

.sv_block{ margin:0 0 30px; }

.sv_block h3{ background:none; text-shadow:none;
	font-size:21px;
	color:#212121;
	border-left:5px solid #AE3571;
	padding:0 0 0 5px;
	margin:0 0 10px;
	border-bottom:none;/*RESET*/
	border-top:none;/*RESET*/
	line-height:normal;/*RESET*/
	}

.sv_area{ margin:0 0 15px; border:1px solid #ACACAC; padding:1px;}

.tt_step{ background-color:#F8F8F8; color:#808080; padding:1px 5px 0; margin:1px 0 0; border-top:1px solid #ACACAC; }

.tt_step h4{ float:left; margin:0;}

.tx_per{ float:right;}

.tb_report{ float:left; color:#000; width:124px;}

.tb_report td{ border:1px solid #555; padding:0px; text-align:center; }

.td_progress{ background-color:#00FFFF;}

.td_progress_non{ background-color:#FFFFFF;}

.tx_expired{ float:right; width:160px; text-align:right; line-height:123%; font-size:12px; }
.tx_expired2{ clear:both; text-align:right; line-height:123%; font-size:12px; }

.tt_step_biz{ clear:both;}

.tt_step_biz h4{ float:left; margin:5px 0 0;  }
	
.tb_report_biz{ float:left; color:#000;}
	
.tb_report_biz th{ width:25px;}


.tb_report_biz td{ border:1px solid #555; padding:0 5px; text-align:center; }

.online_area {
	border:1px solid #ACACAC;
	border-radius:12px;
	padding:5px;
	margin:0 0 15px;
	background-color:#FFF;
}

.online_area h4{ 
	padding:1px 10px;
	background-color:#80B925;
	margin:0 0 5px;
	text-align:center;
	border-radius:8px;
	color:#FFF;
	text-shadow:1px 1px 1px #2D8493;
	}

p.tx_day{ font-size:21px; text-align:center; /*font-family:Arial, Helvetica, sans-serif;*/}

.inner_blue{ background-color:#F2F7F9; padding:5px 15px; border-radius:8px; margin:10px; }
.inner_blue ul{ margin:2px 0px 0;}
.inner_blue li a{
	background-image:url(/images/arw_red.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 8px;
	text-decoration:underline;
	}
	
.inner_blue li a:link{ color:#154978;}
.inner_blue li a:visited{ color:#154978;}
.inner_blue li a:hover{ color:#95B804; text-decoration:none;
}

.tb_veiw{ 
	border-collapse:collapse;
	border:2px solid #DDD;
	text-align:center;
	width:100%;
}

.tb_veiw th{
	border:1px solid #DDD;
	border-collapse:collapse;
	padding:5px 10px;
}

.tb_veiw td{
	border:1px solid #DDD;
	border-collapse:collapse;
	padding:5px 10px;
}

.tb_veiw_rp{ 
	border-collapse:collapse;
	border:2px solid #DDD;
	text-align:center;
	width:50%;
	font-size:13px;
}

.tb_veiw_rp th{
	border:1px solid #DDD;
	border-collapse:collapse;
	padding:5px 10px;
}

.tb_veiw_rp td{
	border:1px solid #DDD;
	border-collapse:collapse;
	padding:2px 10px;
}

.tb_onlinesv{ font-weight:bold; width:100%; padding:0 5px; }

.tb_onlinesv th{
	text-align:left; width:192px;
	}

.tb_onlinesv td{ padding:2px 0; text-align:right;}

.tb_onlinesv td input{ padding:1px; }


.dl_onlinesv{ margin:0 10px; }

.dl_onlinesv dt{
	text-align:left;
	font-weight:bold;
	}

.dl_onlinesv dd{  padding:2px 0;}

.dl_onlinesv dd input{ padding:3px 5px; width:275px; font-size:16px; margin:0 0 5px; border:1px solid #529BBF; }


.rsv_bt{
	float:left;
	border:1px solid #AAA;
	border-rudius:3px;
	width:88px;
	margin:10px 5px;
	height:60px;
	padding:1px;
	}

.rsv_bt a{ display:block; text-align:center; font-weight:bold; line-height:60px; text-decoration:none; color:#383838; text-shadow:1px 1px 1px #EEE;}

.btlink_calendar a{ background-color:#D376A3;}
.btlink_calendar a:hover{ background-color:#D35492; color:#6C0B3A; text-shadow:0px -1px 1px #EEE;}

.btlink_course a{ background-color:#E4B57F;}
.btlink_course a:hover{ background-color:#E4A45B; color:#824C0D; text-shadow:0px -1px 1px #EEE;}

.btlink_instructor a{ background-color:#6FA5BF;}
.btlink_instructor a:hover{ background-color:#529BBF; color:#0A3B52; text-shadow:0px -1px 1px #EEE;}

.rsv_bt span{ display:block; text-align:center; font-weight:bold; line-height:60px; text-decoration:none; color:#7D7D7D;}

.btlink_calendar span{ background-color:#C9ABB9;}

.btlink_course span{ background-color:#EDDDCA;}

.btlink_instructor span{ background-color:#89989F;}

.tb_historylist{
	width:100%;
	line-height:132%;
	}

.tb_historylist th{
	vertical-align:top;
	font-weight:normal;
	width:96px;
	padding:1px 0;
	}
.tb_historylist td{
	text-align:right;
	background-color:#F8F8F8;
	border:1px solid #D5D5D5;
	padding:1px 10px 1px 0;
	border-radius:3px;
	}
.tb_historylist tr{
	margin:0 0 5px;
	}

/*--- INSTRUCTOR ---------------------------------------------------------------------------------------*/
p.tx_outline{
	float:left;
	width:470px;
	margin:0 0 15px;
}

p.tx_img{ 
	float:left;
	margin:0 0 15px 30px;
}


.instructor_section{
	float:left;
	width:198px;
	border:1px solid #DDD;
	text-align:center;
	padding:1px;
	margin:0 9px 18px;
	height:254px;
}
	
.instructor_section h4{
	margin:0 0 1px;
	font-size:14px;
	height:28px;
	line-height:28px;
	}
	
.instructor_section li{
	padding:5px 0 5px 5px;
	}

p.instructor_country_area{
	/*background-color:#F1F0E9;*/
	padding:0 1px;
	margin:0 0 1px;
	text-align: right;
	height:16px;
	color:#6E642E;
	font-size:13px;
	font-weight:bold;
	}
.instructor_country_area label{
	color:#154978;
	font-size:10px;
	font-style:italic;
	padding:4px 10px 0 0;
	font-weight:normal;
	}



div.instructor_lesson_area{ 
	background-color:#F1F0E9;
	margin:1px 0;
	text-align:left;
	height:88px;
	}

div.instructor_lesson_area h5{
	background-color:#6E642E;
	color:#FFF;
	height:22px;
	line-height:22px;
	margin:0 0 5px;
	padding:0 0 0 5px;
	}

div.instructor_lesson_area li{
	float:left;
	width:41px;
	height:23px;
	line-height:23px;
	text-align:center;
	margin:0 3px 6px;
	/*border:1px solid #6E642E;*/
	border:1px solid #BCBCBC;
	background-color:#DDDABE;
	color:#154978;
	padding:0;/* reset */
	}



/*--- SIGNUP ---------------------------------------------------------------------------------------*/

.tb_signup{
	width:660px;/*100%NG->Chrom*/
	margin:10px 0;
	padding:10px;
	border:1px solid #BDBDBD;
	border-radius:3px;
	background-color:#FAFAFA;
	width:100%;
}

.tb_signup th{
	padding:5px 0;
	text-align:right;
	width:125px;
}

.tb_signup span{ color:#EE6600;}

.tb_signup td{
	padding:5px 5px;
}

.tb_signup input{ padding:3px; font-size:14px; /*width:226px; */}

.tb_signup textarea{ padding:3px; font-size:14px; }


.tb_purchase{ padding:5px; margin:15px 0; background-color:#F8F8F8;}

.tb_purchase th{
	background-color:#FFF;
	padding:5px 10px;
	width:180px;
	text-align:left;
	border-bottom:1px dotted #AAA;
	border-top:1px solid #FFF;
}

.tb_purchase td{
	padding:5px 10px;
	text-align:right;
	border-bottom:1px dotted #AAA;
	border-top:1px solid #FFF;
}

.tb_purchase td select{ width:180px; text-align:left; padding:1px 3px;}

.td_price { font-size:14px; font-weight:bold; width:120px; }
/*---------------------------------------------------------------------*/
.tb_purchase_conf{
	margin:10px 0;
	padding:10px;
	border:1px solid #BDBDBD;
	border-radius:3px;
	background-color:#FAFAFA;
	width:100%;
	}
.tb_purchase_conf th{
	width:110px;
	text-align:right;
	}

.tb_purchase_conf td{
	padding:3px 5px;
	border:1px solid #D5D5D5;
	background-color:#FFF;
	height:18px;
	}
/*---------------------------------------------------------------------*/
.tb_purchase_conf2{
	margin:12px 0;
	padding:12px;
	border:1px solid #BDBDBD;
	border-radius:3px;
	background-color:#FAFAFA;
	width:100%;
	}
.tb_purchase_conf2 th{
	width:110px;
	padding:3px 5px;
	text-align:right;
	}

.tb_purchase_conf2 td{
	padding:3px 5px;
	border-bottom:1px dotted #BCBCBC;
	background-color:#FFF;
	height:23px;
	}
/*---------------------------------------------------------------------*/
.agree_area{
	margin:10px 0;
	border:1px solid #CCC;
	padding:15px;
	background-color:#FDFDFD;
	}

.h3_process{ 
	font-size:18px;
	margin:0 0 30px;
	}

.tx_process{ margin:10px 0;}

.td_signup_address{ width:440px; line-height:120%;}

p.tx_agreenext{ margin:30px 0;}

ol.signup_step{ padding:0 0 0 20px;}

ol.signup_step li{
	list-style:decimal outside;
	margin:5px 0;
	padding:5px;
	border:1px solid #CCC;
	border-radius:8px;
	}

span.steps_flow{ font-weight:bold; color:#AE3571;}

#term_area{ height:420px; overflow-y:scroll; border:3px solid #EEE; border-right:none; padding:5px 5px; }

#term_area h3{ margin-top:0;}


/*--- EXAM ---------------------------------------------------------------------------------------*/
#main_ex{
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:center;
	/*width:100%;*/ /* WARNNING lessonpage heighterror*/
	}
	
#wrap_result{ width:780px; margin:0 auto;}	

#examResults { text-align:left;}

#examResults h3 {
	clear:both;
	padding: 2px 10px 2px 10px;
	/*border-top: 2px solid #484848;*/
	margin:15px 0 15px;
	/*background: url(/images/patternbak.gif) fixed top left;*/
	background:#0099FF;
	text-align:left;/*RESET*/
	font-size:14px;
	color:#FFF;
	text-shadow:1px 1px 1px #2D8493;
	letter-spacing:.8px;
	}
#examResults h4{
	clear:both;
	margin:15px 0;
	padding:15px;
	border:1px solid #DDD;
	font-size:16px;
	}

#examResults h5{
	clear:both;
	margin:10px 0;
	font-size:18px;
	color:#0099FF;
	}
	

table.tb_result{ 
	float:left; 
	border:2px solid #0066FF; 
	border-collapse:collapse; 
	width:525px; 
	font-size:12px; 
	margin:0 0 15px;
	}

.tb_result td{ padding:5px; border:1px solid #0066FF;}

.tb_grammar{ text-align:center; width:100%; }

.reportComments{ clear:both; font-size:15px;}
	


table.scoreDetail{ float:left; width:400px; border-collapse:collapse; font-size:13px; margin:0 0 15px; text-align:center;}

.scoreDetail td{ padding:5px; }

#speaking{ font-size:16px;}


table.lessonChoice {
	border-collapse:collapse;
	margin:0 0 18px;
	width:100%;
	border:3px solid #F0F0F5;
}

.lessonChoice td{
	border-bottom:1px dotted #C8C8C8;
	padding:5px 5px;
	text-align:left;
	border-collapse:collapse;
	font-size:14px;
}

.lessonChoice td a{
	display:block;
	text-decoration:underline;
	background-image:url(arw_red.gif);
	background-repeat:no-repeat;
	background-position:left center;
	padding:0 0 0 8px;
	font-weight:bold;
	}
.lessonChoice td a:link{ color:#0033FF;}

.lessonChoice td a:visited{ color:#0033FF;}

.lessonChoice td a:hover{ color:#FF6600;}
	
.left_box{ float:left;}

.lessonchoice_area{ width:360px;}

.right_box{ float:right;}

.lesson_maptext{ 
	width:265px;
	padding:10px;
	border:1px solid #CCC;
	background-color:#F5F5F9;
	border-radius:3px;
	margin:23px 0 0;
	}

span.sp_intb{ padding:0 0 0 8px;}

a.lessonLink2{ 
	padding:2px 5px;
	border-radius:2px;
	}
a.lessonLink2:link 
{ 
	color: #FFF;
	background-color:#FF6666; 
	text-decoration: none;
	font-weight: bold;
}
a.lessonLink2:visited 
{ 
	color: #FFF;
	background-color:#FF6666; 
	text-decoration: none;			
	font-weight: bold;
}
a.lessonLink2:active 
{ 
	color: #FF6666; 
	background-color:#CCC; 
	text-decoration: none;
	font-weight: bold;
}
a.lessonLink2:hover 
{
	color: #FF6666;
	background-color:#CCC;
	text-decoration: none;
	font-weight: bold;
}

.inner_left{}

.inner_left ol{ display:block; padding:10px;}

.inner_left li{ 
	padding:0 5px 5px 15px;
	background-image:url(/images/arw_bl.png);
	background-position:left 5px;
	background-repeat:no-repeat;
	
	}

.inner_left li a{
	text-decoration:none;
	font-size:12px;
	padding:0;
	margin:0;
	}

.inner_left li a:link{ color:#383838; }

.inner_left li a:visited{ color:#383838; }

.inner_left li a:hover{
	color:#0099FF;
	text-decoration:underline;
	}

/*--- FOOTER LINK ---------------------------------------------------------------------------------------*/

/*--- DISCLOSURE ---*/

.tb_disclosure{
	width:100%;
	}

.tb_disclosure th{
	background-color:#D1D3D3;
	border-radius:3px;
	padding:5px 0;
	width:150px;
	text-align:center;
}

.tb_disclosure td{
	padding:5px 0;
}

/*--- TERM ---*/
dl.term_inner{}

dl.term_inner dt{
	font-weight:bold;
	}
dl.term_inner dd{
	margin:0 0 15px;
}

dl.term_inner ol{ padding:0 0 0 26px;}

.term_inner ol li{
	list-style-type: decimal;
	list-style-position: outside;
}

.term_inner ol ul li{
	list-style-type: none;
	list-style-position: outside;
}

/*--- PRIVACY ---*/
.tx_right{ text-align:right; padding:2px 0;}

#privacy_inner{ margin:15px 0;}

#privacy_inner h4{ font-size:18px; margin:15px 0 15px; }

#privacy_inner h5{ font-size:16px; margin:10px 0; }

#privacy_inner p{ margin:0 0 15px;}

#privacy_inner ol {	padding:0 0 0 20px;}
	
#privacy_inner ol li{
	list-style-type: decimal;
	list-style-position: outside;
}


#privacy_inner dt{
	margin:10px 0;
	}
	
#privacy_inner dd{
	padding:0 18px;
	}




/*--- The Nihongo Way -----------------------------------------------------------------------------------*/

div.inner_float{
	margin:15px -15px 15px 0;
	overflow:hidden;
	}

div.pdf_block{
	position:relative;
	float:left;
	border:1px solid #A0A4AA;
	border-radius:3px;
	padding:8px;
	margin:0 15px 15px 0;
	width:135px;
	text-align:center;
	}

div.pdf_block h4{ font-size:12px;}

html > body p.alink a{
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	text-indent:-999px;
	/*background:#EEE;*/
	filter:alpha(opacity=0);
	opacity:0;
	}
div.pdf_block:hover{
	background-color:#F5F5F5;
	border-color:#74E3E3;
	box-shadow: 1px 1px 3px #AAA;
	}





/*--- OTHERINFOMATION -----------------------------------------------------------------------------------*/

.info_area{
	padding:10px 0;
	}

.info_area p{ margin:0 0 15px;}

.info_area a{
	font-weight:bold;
	text-decoration:none;
	padding:1px 18px;
	border-radius:2px;
	font-size:12px;
	}

.info_area a:link{ background-color:#AE3571; color:#FFF; }
.info_area a:visited{ background-color:#AE3571; color:#FFF; }
.info_area a:hover{ background-color:#BCBCBC; color:#AE3571; }


/*====== JAPANTIME ================================*/
.jptime_area{
	/*background-color:#150600;*/
	text-align:center;
	padding:0;
	float:right;
	margin:0 0 0 10px;
	}
	
.jptime_area h4{
	font-style:italic;
	color:#7FA341;
	}

input.jptime{
	font-family:'Meiryo','メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',Arial,Helvetica,sans-serif;
	font-size:16px;
	border:none;
	padding:0px 0px;
	text-align:center;
	width:100%;
}

input.jptime2{
	font-family:'Meiryo','メイリオ','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック','Osaka',Arial,Helvetica,sans-serif;
	font-size:12px;
	border:none;
	padding:0px 0px;
	text-align:center;
	width:100%;
}


.error_comment{
	color:#CC0000;
	padding:5px 0;
	font-size:12px;
	}

.error_comment_wide{
	background-color:#D35492;
	padding:5px 0;
	margin:0 0 15px;
	}
.error_comment_wide h4{ color:#FFF; font-size:21px; text-align:center;}

.error_comment_wide2{
	background-color:#D35492;
	padding:2px 0;
	margin:0 5px 5px;
	text-align:center;
	color:#FFF;
	}




.frametop {/*  width: 100%; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px*/}

#tabmenu {  color: #FFFFFF; background-image: url('/images/blackback.gif'); background-repeat: repeat; border-style: none; padding: 0; margin: 0; white-space: nowrap; border-spacing: expression(cellSpacing=0); }/* for IE */
#tabmenu th {	border-spacing: 0; border-style: none; padding: 0px 4px 0px 4px; margin: 0; font-size: 12pt; font-weight: normal }
#tabmenu td {	border-spacing: 0; border-style: none; padding: 0; margin: 0; font-size: 12pt }
#tabmenu a { color: #FFFFFF; text-decoration: none}
#tabmenu a:hover { color: #FFA0A0; text-decoration: underline}
#submenu {  font-family: "Arial", "Helvetica", "sans-serif"; font-size: 12px; color: #FFFFFF; text-decoration: none; white-space: nowrap; margin: 10px 15px 10px 150px}
#submenu a { color: #FFFFFF; text-decoration: none }
#submenu a:hover { color: #FFA0A0; text-decoration: underline }

/*.sidemenu { border-left-style: solid; border-left-width: 2px; border-bottom-style: solid; border-bottom-width: 2px; border-right-style: solid; border-right-width: 2px}*/
/*.sidemenu div {  padding: 5px;*/ /*border-bottom: 1px solid #000000 }*/
/*.sidemenu div div { padding: 0px; border-bottom: 0px }*/
/*.sidemenu ul { list-style:none; font-size:12pt; margin: 0px 0px 0px 0px; padding-left: 5px}*/
/*.sidemenu ul li { list-style:none; font-size:12pt; margin: 0px 0px 0px 0px }*/
/*.sidemenu input { width:105px; font-size:13px; padding:3px; }*/

#content { display: table-cell; padding: 5px 5px 5px 20px; width: 620px; min-width: 620px}


form { margin: 0px; padding: 0px }
/*h1 { font: bold Arial 16px; border-bottom: 1px solid #000000 }*/
/*h2 { font-weight: bold; padding: 2px 10px 2px 10px; border-top: 2px solid #000000; margin-top: 30px; margin-bottom: 0px; clear:both; background: url('/images/patternbak.gif') fixed top left}*/
h2.subheading { font-weight: normal; border-top: none; font-size: 12pt; padding: 0px 0px 0px 100px; margin-top: 0px; clear:both; white-space: normal; }
/*h3 { font-weight: bold; border-top: none; font-size: 12pt; padding: 5px; margin-bottom: 0px; margin-left: 10px; margin-right: 10px; clear:both; white-space: normal; background: url('/images/patternbak.gif') fixed top left; text-align: center }
h4 { font-weight: bold; font-size: 12pt; text-decoration: underline }
.totop { }*/




/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:240px;
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    height: 240px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 240px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/* REAL ----------------------------------------------*/

.tb_lesson_history{ width:100%; margin:15px 0; border:1px solid #BCBCBC; /*border-right:none;*/ }

.tb_lesson_history th{
	text-align:center;
	vertical-align:top;
	padding:5px 0;
	background-color:#F0F0F5;
	border-bottom:1px solid #999;
	/*border-left:1px solid #FFF;*/
	border-right:1px solid #CCC;
	}

.tb_lesson_history td{
	text-align:center;
	padding:5px 0;
	border-bottom:1px dotted #999;
	border-right:1px solid #CCC;
}


/* SORRY.TPL ----------------------------------------------*/
#frame_notice{
	margin:30px 0;
	padding:15px;
	border:1px dashed #808080;
	}
	

#frame_notice h3{
	margin:0 0 15px;
	padding:0 0 3px;
	font-size:23px;
	border-bottom:4px double #FCA700;
	}
	

#frame_notice p{
	font-size:13px;
	}

p.tx_NotCompleted{
	background-image:url(/images/icon_notice.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:1px 0 0 18px;
	font-size:12px;
	font-weight:bold;
	}

p.tx_flash{
	text-align: left;
	color: #AE3571;
	margin: 1em 0;
}


