@charset "UTF-8";

/*----------------------  COMMON CSS   -----------------------------*/
body {
	margin: 0;
	padding: 0;
	background-color: #F2F2F2;
	text-align: center;
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 75%;
	line-height: 130%;
	color: #333333;
}

input,
textarea {
	font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
	font-size: 100%;
}

a {
	color: #FF9900;
}

a:hover {
	color: #CCCCCC;
}

a:visited {
	color: #3366CC;
}

img {
	border: none;
}

#container {
	margin: 0;
	margin: auto;
	padding: 0 25px;
	width: 750px;
 	background: url(../images/bg.jpg) repeat-y left top;
	text-align: left;
}

#addressArea {
	margin-top: 0;
	margin-bottom: 0;
	margin: auto;
	padding: 0 25px;
	width: 750px;
	height: 85px;
 	background: url(../images/bg.jpg) repeat-y left top;
	text-align: right;
}

#addressArea p {
	margin-top: 0;
	padding-top: 15px;
	margin-right: 50px;
	margin-bottom: 15px;
} 

#copyright {
	margin-top: 0;
	margin-bottom: 0;
	margin: auto;
	width: 800px;
	text-align: left;
}

#header {
	padding-top: 13px;
	width: 700px;
	height: 100px;
	_height: 80px;	
}

#header h1 {
	float: left;
	margin-top: 20px;
	padding: 0;
}

#header h1 img{
	border: none;
}

#hederOthers {
	margin-top: 0;
	float: right;
	text-align: right;
}

#hederOthers p {
	margin-bottom: 10px;
}

#flag {
	_margin-top: 50px;
	margin-left: 300px;
	float: right;
	margin-bottom: 10px;
}

#flag li#ca{
	text-align: right;
	list-style-type: none;
	float: right;
	margin-left: 10px;
	padding-left: 20px;
	background-image: url(../images/ca.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#flag li#jp{
	text-align: right;
	list-style-type: none;
	float: right;
	margin-left: 10px;
	padding-left: 20px;
	background-image: url(../images/jp.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

#headerLinks {
	_margin-top: 70px;
	margin-left: 300px;
	float: right;
	margin-bottom: 10px;

}

#headerLinks ul {
	margin: 0;
	padding: 0;
}

#headerLinks li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#headerLinks .faq a {
	width: 32px;
	heigh: 15px;
	background: url(../images/btn_faq.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#headerLinks .contact a {
	margin-left: 10px;
	width: 80px;
	heigh: 15px;
	background: url(../images/btn_contact.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav {
	width: 700px;
}

#gNav ul {
	margin: 0;
	padding: 0;
}

#gNav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#gNav .toefl {
	background: url(../images/btn_toefl_on.jpg) no-repeat left top;
}

#gNav .toefl a {
	width: 63px;
	height: 40px;
	background: url(../images/btn_toefl.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .toefl a:hover {
	background: url(../images/btn_toefl_on.jpg) no-repeat left top;
}

#gNav .toeic {
	background: url(../images/btn_toeic_on.jpg) no-repeat left top;
}

#gNav .toeic a {
	width: 61px;
	height: 40px;
	background: url(../images/btn_toeic.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .toeic a:hover {
	background: url(../images/btn_toeic_on.jpg) no-repeat left top;
}

#gNav .aboutus {
	background: url(../images/btn_aboutus_on.jpg) no-repeat left top;
}

#gNav .aboutus a {
	width: 93px;
	height: 40px;
	background: url(../images/btn_aboutus.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .aboutus a:hover {
	background: url(../images/btn_aboutus_on.jpg) no-repeat left top;
}

#gNav .trial {
	background: url(../images/btn_trial_on.jpg) no-repeat left top;
}

#gNav .trial a {
	width: 218px;
	height: 40px;
	background: url(../images/btn_trial.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .trial a:hover {
	background: url(../images/btn_trial_on.jpg) no-repeat left top;
}

#gNav .start {
	background: url(../images/btn_start_on.jpg) no-repeat left top;
}

#gNav .start a {
	width: 129px;
	height: 40px;
	background: url(../images/btn_start.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .start a:hover {
	background: url(../images/btn_start_on.jpg) no-repeat left top;
}

#gNav .student {
	background: url(../images/btn_student_services_on.jpg) no-repeat left top;
}

#gNav .student a {
	width: 136px;
	height: 40px;
	background: url(../images/btn_student_services.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#gNav .student a:hover {
	background: url(../images/btn_student_services_on.jpg) no-repeat left top;
}

#mainImgArea {
	width: 700px;
	margin-top: 10px;
}	

#contentsWrap {
	margin-top: 10px;
	padding: 0;
	width: 700px
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix { 
	display: inline-block;
}

/* Hides from IE-mac \*/
*html .clearfix {
	heigh: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */

#contentsWrap #mainContents {
	float: left;
	margin-left: 0;
	margin-bottom: 10px;
	padding: 0;
	width: 480px;
	border: none;
}

#contentsWrap #sideContents {
	float: right;
	margin-bottom: 10px;
	margin: 0;
	padding-right: 20px;
	_padding-right: 0;
	width: 180px;
	border: none;
}

#footer {
	margin: auto;
	margin-bottom: 0;
	padding: 0 25px 10px 25px;
	width: 750px;
 	background: url(../images/bg_footer.jpg) repeat-y left top;
	text-align: left;
	clear: both;
}

#footerLinks {
	width: 300px;
	height: 30px;
	text-align: left;
	background-color: #FFFFFF;
	padding-top: 5px;	
}

#footerLinks ul {
	margin: 0;
	padding: 0;
}

#footerLinks li {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
}

#footer #footerLinks .sitemap a {
	margin-left: 15px;
	width: 58px;
	heigh: 15px;
	background: url(../images/btn_sitemap.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#footer #footerLinks .privacy a {
	margin-left: 15px;
	width: 100px;
	heigh: 15px;
	background: url(../images/btn_privacy.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#footer #footerLinks .contact a {
	margin-left: 15px;
	width: 80px;
	heigh: 15px;
	background: url(../images/btn_contact.gif) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

h1, h2, h3 {
	margin: 0px;
	padding: 0px;
}

h4 {
	margin-top: 30px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 5px;
	width: 480px;
	vertical-align: middle;
	border-left: 5px solid #F68C1F;
	font-size: 16px;
	font-weight: bold;
	color: #3366CC;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.gotoTop {
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	text-align: right;
	clear: both;
}

.gotoTop img {
	border: none;
}

/*----------------------  TOP PAGE   -----------------------------*/

/*LEFT SIDE*/

#contentsWrap #mainContents #bnrCourse {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	width: 480px;
	border: none;
	border-collapse: collapse;
}

#contentsWrap #mainContents #bnrCourse td {
	margin: 0;
	padding: 0;
	width: 240px;
	border: none;
	border-collapse: collapse;
}

#contentsWrap #mainContents #bnrCourse td#toeic {
	text-align: right;
	border: none;
	border-collapse: collapse;
}

#contentsWrap #mainContents #bnrCourse img {
	border: none;
}

#contentsWrap #mainContents #gettingStartedTable {
	margin: 0;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 0;
	width: 478px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#contentsWrap #mainContents #gettingStartedTable td {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
	width: 239px;
	height: 140px;
	vertical-align: top;
	text-align: center;
	font-size: 11px;
	color: #333333;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

#contentsWrap #mainContents #gettingStartedTable div {
	margin: 0;
	padding: 0;
	vertical-align: middle;
	height: 30px;
}	

/*RIGHT SIDE*/

#contentsWrap #sideContents #download {
	padding: 5px;
	margin: 0;
	width: 190px;
	border: 1px solid #CCCCCC;
}

#contentsWrap #sideContents #download ul {
	margin: 0;
	padding: 0;
	width: 190px;
}

#contentsWrap #sideContents #download li {
	margin: 0;
	padding-top: 5px;
	padding-left: 10px;
	padding-right: 10px;
	width: 170px;
	height: 25px;
	_height: 30px;
	background-color: #F2F2F2;
	list-style-type: none;
	border-bottom: 1px solid #FFFFFF;
}

#contentsWrap #sideContents #download li a {
	color: #3366CC;
	font-weight: bold;
}

#contentsWrap #sideContents #linkBnrArea {
	text-align: center;
	width: 180px;
	border: none;
	margin-left: 10px;
}

#contentsWrap #sideContents #linkBnrArea img {
	margin-top: 13px;
}	

/*----------------------  OTHER PAGES   -----------------------------*/

#mainContentsWrap {
	margin: 0;
	padding: 0;
	width: 700px
}

#sideMenu {
	float: left;
	width: 185;
	margin: 0;
	padding: 0;
}

#detailContentWrap {
	float: right;
	width: 500px;
	margin-right: 0;
	margin-top: 15px;
}

#detailContentWrapNoSide,
#detailContentWrapStart {
	width: 700px;
	margin: 0;
	margin-top: 15px;
}

#detailContent {
	margin: 15px 10px;
}

#detailContentWrapNoSide #detailContent {
	margin: 15px 10px;
	width: 680px;
}

#detailContentWrapStart #detailContent {
	margin: 15px 10px;
	width: 680px;
	text-align: center;
}

#sideMenu ul {
	margin: 0;
	padding: 0;
	width: 185px;
}

#sideMenu li {
	margin: 0;
	padding: 0;
	width: 185px;
	list-style: none;
}

/*ABOUT TLC*/

#sideMenu .aboutus {
	background: url(../../about/images/b_about_on.jpg) no-repeat left top;
}

#sideMenu .aboutus a {
	width: 185px;
	height: 35px;
	background: url(../../about/images/b_about.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .aboutus a:hover {
	background: url(../../about/images/b_about_on.jpg) no-repeat left top;
}

#sideMenu .aboutusOn a,
#sideMenu .aboutusOn a:hover {
width: 185px;
	height: 35px;
	background: url(../../about/images/b_about_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .believe {
	background: url(../../about/images/b_believe_on.jpg) no-repeat left top;
}

#sideMenu .believe a {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_believe.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .believe a:hover {
	background: url(../../about/images/b_believe_on.jpg) no-repeat left top;
}

#sideMenu .believeOn a,
#sideMenu .believeOn a:hover {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_believe_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .method {
	background: url(../../about/images/b_method_on.jpg) no-repeat left top;
}

#sideMenu .method a {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_method.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .method a:hover {
	background: url(../../about/images/b_method_on.jpg) no-repeat left top;
}

#sideMenu .methodOn a,
#sideMenu .methodOn a:hover {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_method_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .location {
	background: url(../../about/images/b_location_on.jpg) no-repeat left top;
}

#sideMenu .location a {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_location.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .location a:hover {
	background: url(../../about/images/b_location_on.jpg) no-repeat left top;
}

#sideMenu .locationOn a,
#sideMenu .locationOn a:hover {
	width: 185px;
	height: 30px;
	background: url(../../about/images/b_location_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .contact {
	background: url(../../about/images/b_contact_on.jpg) no-repeat left top;
}

#sideMenu .contact a {
	width: 185px;
	height: 45px;
	background: url(../../about/images/b_contact.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .contact a:hover {
	background: url(../../about/images/b_contact_on.jpg) no-repeat left top;
}

#sideMenu .contactOn a,
#sideMenu .contactOn a:hover {
	width: 185px;
	height: 45px;
	background: url(../../about/images/b_contact_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#detailContent .img01 {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#detailContent .img02 {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

/*CONTACT FORM*/

#contactForm {
	margin: 5px 0 0 0;
	padding: 0px; 
	width: 480px;
	border: none;
}

#contactForm th {
	width: 160px;
	text-align: left;
	padding: 5px;
	font-size: 12px;
}

#contactForm td {
	padding: 5px;
	font-size: 12px;
	word-break: break-all;
}

#contactForm textarea {
	width: 280px;
	word-break: break-all;
}


/*TOEFL*/

#sideMenu .offeringToefl a {
	width: 185px;
	height: 35px;
	background: url(../../toefl/images/b_offering.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .offeringToefl a:hover {
	background: url(../../toefl/images/b_offering_on.jpg) no-repeat left top;
}

#sideMenu .offeringToeflOn a,
#sideMenu .offeringToeflOn a:hover {
width: 185px;
	height: 35px;
	background: url(../../toefl/images/b_offering_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .scheduleToefl a {
	width: 185px;
	height: 45px;
	background: url(../../toefl/images/b_schedule.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .scheduleToefl a:hover {
	background: url(../../toefl/images/b_schedule_on.jpg) no-repeat left top;
}

#sideMenu .scheduleToeflOn a,
#sideMenu .scheduleToeflOn a:hover {
	width: 185px;
	height: 45px;
	background: url(../../toefl/images/b_schedule_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

/*TOEIC*/

#sideMenu .offeringToeic a {
	width: 185px;
	height: 35px;
	background: url(../../toeic/images/b_offering.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .offeringToeic a:hover {
	background: url(../../toeic/images/b_offering_on.jpg) no-repeat left top;
}

#sideMenu .offeringToeicOn a,
#sideMenu .offeringToeicOn a:hover {
width: 185px;
	height: 35px;
	background: url(../../toeic/images/b_offering_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .scheduleToeic a {
	width: 185px;
	height: 45px;
	background: url(../../toeic/images/b_schedule.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .scheduleToeic a:hover {
	background: url(../../toeic/images/b_schedule_on.jpg) no-repeat left top;
}

#sideMenu .scheduleToeicOn a,
#sideMenu .scheduleToeicOn a:hover {
	width: 185px;
	height: 45px;
	background: url(../../toeic/images/b_schedule_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

/*SCHEDULE TABLE*/

.schedule {
	margin: 15px 0 0 0;
	padding: 0;
	width: 480px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	font-size: 100%;
}

.schedule th {
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	text-align: left;
	background-color: #F2F2F2;
	width: 130px;
	color: #3366CC;
	font-weight: nomal;
}

.schedule td {
	padding: 5px;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}

.schedule td.time {
	width: 70px;
}

.schedule td.class {
	width: 80px;
}

/*TRIAL LESSON & EVALUATION TEST*/

#sideMenu .scheduleTrial a {
	width: 185px;
	height: 35px;
	background: url(../../trial/images/b_schedule.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .scheduleTrial a:hover {
	background: url(../../trial/images/b_schedule_on.jpg) no-repeat left top;
}

#sideMenu .scheduleTrialOn a,
#sideMenu .scheduleTrialOn a:hover {
width: 185px;
	height: 35px;
	background: url(../../trial/images/b_schedule_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .appointment a {
	width: 185px;
	height: 45px;
	background: url(../../trial/images/b_appointment.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#sideMenu .appointment a:hover {
	background: url(../../trial/images/b_appointment_on.jpg) no-repeat left top;
}

#sideMenu .appointmentOn a,
#sideMenu .appointmentOn a:hover {
width: 185px;
	height: 45px;
	background: url(../../trial/images/b_appointment_on_2.jpg) no-repeat left top;
	display: block;
	text-indent: -9999px;
}

#trialForm {
	margin: 0;
	padding: 0; 
	width: 480px;
	border: none;
}

#trialForm th {
	width: 220px;
	text-align: left;
	padding: 7px;
	font-size: 12px;
}

#trialForm th.title {
	background-color: #F2F2F2;
 	color: #3366CC;
}

#trialForm td {
	padding: 7px;
	font-size: 12px;
}

#trialForm td#subject {
	font-size: 14px;
}

#trialForm td.description {
	font-size: 11px;
}

#trialForm td#TrialT {
	background-color: #D2E9FF;
}

#trialForm td#EvaluT {
	background-color: #FFDEAC;
}

/* Error */
#errorWrap ul {
	margin: 0;
	padding 0;
}

#errorWrap li {
	width: 400px;
	height: 30px;
	margin: 5px;
	background-image: url(../images/bg_form.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 35px;
	list-style-type: none;
	padding-top: 5px;
}


/* Q AND A */

.question {
	padding: 10px;
	margin: 0;
	background-color: #D2DDF4;
	font-weight: bold;
	color: #000000;
}

.answer {
	margin-top: 0;
	margin-bottom: 30px;
	padding: 10px;
	background-color: #F2F2F2;
}

/* GETTING STARTED */

#detailContentWrapStart #detailContent h4 {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
}

#detailContentWrapStart #detailContent p {
	margin-bottom: 30px;
}

/* SITE MAP */

#detailContentWrapNoSide #sitemap {
	margin: auto;
	width: 450px;
}

#detailContentWrapNoSide #sitemap h3 {
	margin-top: 20px;
	font-size: 110%;
	height: 25px;
	border-bottom: 1px solid #DDDDDD;
}

#detailContentWrapNoSide #sitemap ul {
	margin-left: 20px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#detailContentWrapNoSide #sitemap li {
	list-style: none;
	margin-left: 0;
}