/* --- raw element styles --- */
html, body {height:100%;}
body {font-family:MS PGothic, Arial, Verdana, sans-serif;font-size:12px;margin:0px;padding:0px;color:#666;background:#1C2C3F;}
a{color:#0000aa;text-decoration:none;cursor:pointer;}
a:hover {text-decoration:underline;}
a img {border:none;}
td {vertical-align:top;}
/* --- /raw element styles -- */

/* --- logo theme --- */
#page {
	width:100%;
	padding:0px;
	float:left;
	background:#ffffff url(../img/tb_top_bg.gif) repeat-x;
}
#header {
	width:800px;
	height:129px;
	margin:auto;
	padding:0px;
	position:relative;
	background:url(../img/tb_top.gif) no-repeat;
}
#header h1 {
	position:absolute;
	top:0;
	left:10px;
	color:#ffffff;
	margin:0px;
	padding:0px;
	font-size:10px;
	line-height:26px;
	font-weight:normal;
}
#header .menu {
	position:absolute;
	top:27px;
	left:0px;
	height:25px;
	overflow:hidden;
}
#header .menu a {
	line-height:26px;
	font-size:11px;
	padding:0px 20px 0px 20px;
	display:block;
	float:left;
	color:#ffffff;
}
/* --- /logo theme --- */

#header .menu span {
	float:left;
	display:block;
	line-height:25px;
	font-size:11px;	
}
#header .menu a:hover {
	color:#660000;
	background:#ffe698;
	text-decoration:none;
}
#header .menu a.selected, #header .menu a.selected:hover {
	font-weight:bold;
	background:none;
	color:#ffffff;
	text-decoration:none;
}
#button-onlineShop, #button-login {
	text-indent:-9999px;
}
#button-onlineShop {
	position:absolute;
	top:7px;
	left:552px;
	display:block;
	width:124px;
	height:38px;
	background-image:url(../img/top_onlineShop.gif);	
}

#button-login {
	position:absolute;
	top:7px;
	left:683px;
	display:block;
	width:109px;
	height:38px;
	background-image:url(../img/top_login.gif);	
}
#button-onlineShop:hover, #button-login:hover {
	background-position:0px -38px;
}
#button-pamphlet {
	display:block;
	position:absolute;
	width:76px;
	height:29px;
	top:73px;
	left:501px;
	background-position:0px 0px;
	background-image:url(../img/button_pamphlet.gif);
}
#button-pamphlet:hover {background-position:-76px 0px;}
#button-trial-form {
	display:block;
	position:absolute;
	width:93px;
	height:29px;
	top:73px;
	left:389px;
	background-position:0px 0px;
	background-image:url(../img/button_trial_form.gif);
}
#button-trial-form:hover {background-position:top right;}
#button-modelLesson {
	display:block;
	position:absolute;
	width:104px;
	height:29px;
	top:73px;
	left:382px;
	background-position:0px 0px;
	background-image:url(../img/button_trial_lesson.gif);
}
#button-modelLesson:hover {background-position:-104px 0px;}
/* --- /header -- */


.button-applicant {
	display:block;
	position:absolute;
	top:73px;
	left:382px;
	width:75px;
	height:29px;
	background-position:0px 0px;
	background-image:url(../img/button_applicant.gif);
}
.button-applicant:hover {background-position:-75px 0px;}

.button-reg {
	display:block;
	position:absolute;
	top:73px;
	left:490px;
	width:91px;
	height:29px;
	background-position:0px 0px;
	background-image:url(../img/button_reg.gif);
}
.button-inquiry {
	display:block;
	position:absolute;
	top:73px;
	left:490px;
	width:91px;
	height:29px;
	background-position:0px 0px;
	background-image:url(../img/button_inquiry.gif);
}
.button-reg:hover, .button-inquiry:hover {background-position:-91px 0px;}


#content {
	width:800px;
	margin:auto;
}
#pageContent{
	width:100%;
	padding:10px 0px 30px 0px;
	line-height:1.8em;
	float:left;
	z-index:10;
}
#flashContainer {
	margin:0px 0px 0px 0px;
	padding:0px;
	width:800px;
	height:250px;
	background:#ffffff;
}
#imageContainer {
	width:800px;
	height:250px;
	overflow:hidden;
	margin:0px;
	clear:both;
}
/* --- bottom menu --- */
#menu2 {
	z-index:0;
}
.bottomMenu, .bottomMenu ul {
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
.bottomMenu {
	position:relative;
	height:65px;
	font-size:12px;
	line-height:22px;
	width:790px;
	padding-left:10px;
	background:url(../img/bottomMenu_top.gif) no-repeat;
	border-top:1px solid #999;
	z-index:0;
}
.bottomMenu li {
	float:left;
}
.bottomMenu li ul {
	position:absolute;
	top:23px;
	left:0px;
	height:29px;
	width:785px;
	padding:3px 5px 0px 10px;
	display:none;
	background:url(../img/bottomMenu_bottom.gif) no-repeat;
}
.bottomMenu li a {
	text-decoration:none;
	display:block;
	height:27px;
	padding:0px 13px 0px 13px;
	line-height:26px;
	color:#595959;
	float:left;
}

.bottomMenu li a:hover{
	background:#ffe698;
	color:#660000;
	height:26px;
	text-decoration:none;
}

.bottomMenu li.hvr{
	border:solid #979797;
	border-width:0px 1px 0px 1px;
	background:#e5e5e5;
	padding:1px 1px 0px 1px;
}
.bottomMenu li.hvr a, .bottomMenu li.hvr a:hover{
	padding:0px 9px 0px 9px;
	background:#b4b4b4;
	color:#000;
	position:relative;
	z-index:2;
	height:27px;
}
.bottomMenu li.hvr ul {
	display:block;
}
.bottomMenu li.hvr ul li a{
	margin-top:0px;
	color:#595959;
	background:none;
	border:none;
	height:27px;
	padding-top:2px;	
}
.bottomMenu li.hvr ul li a:hover{
	background:#ffe698;
	color:#660000;
	text-decoration:none;
	height:26px;
	padding-top:1px;
	margin-top:1px;
}

.bottomMenu li.hvr ul li.selected{
	/*background:url(../img/bottomMenu_selected.gif) no-repeat;*/
	background:url(../img/bottomMenu_selected__.gif) repeat-x;
	position:relative;
	z-index:3;
}
.bottomMenu li.hvr ul li.selected a, .bottomMenu li.hvr ul li.selected a:hover{
	/*background:url(../img/bottomMenu_selected_.gif) top right no-repeat;*/
	background:none;
	color:#fff;
	padding:2px 14px 7px 14px;
	margin:0px;
	text-decoration:none;
}
.bottomMenu li.nosub {
	padding:0px 0px 1px 0px;
	background:#ffffff;
}

.bottomMenu li.nosub a, .bottomMenu li.nosub a:hover{
	border-bottom:1px solid #ffffff;
	height:25px;
	background:#ffffff;
}
.bottomMenu p{
	display:none;
}
/* --- /bottom menu -- */

/* --- top menu --- */
.topMenu, .topMenu ul {
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
.topMenu {
	position:relative;
	height:26px;
	font-size:11px;
	line-height:25px;
	width:790px;
	padding-left:10px;
	background:#999999;
	z-index:0;
}
.topMenu li {
	float:left;
}
.topMenu li a {
	text-decoration:none;
	display:block;
	height:25px;
	padding:0px 14px 0px 14px;
	line-height:26px;
	color:#fff;
	float:left;
	border-top:1px solid #999999;
}
.topMenu li a:hover{
	background:#E5E5E5;
	color:#000;
	height:25px;
	text-decoration:none;
}

.topMenu li.hvr{
}
.topMenu li.hvr a{
	border:1px solid #979797;
	padding:0px 13px 0px 13px;
	background:#fff;
	color:#000;
}
/* --- /top menu -- */



/* --- side menu --- */
.sideMenu {
	list-style:none;
	padding:0px 0px 0px 0px;
	margin:0px;
}
.sideMenu a {
	height:22px;
	line-height:22px;
	padding:4px 2px 6px 25px;
	display:block;
	color:#777;
	text-decoration:none;
	background:#ffffff url(../img/arrow.gif) 5px center no-repeat;
}
.sideMenu a:hover {
	color:#000;
	background:#ffffff url(../img/arrow_orange.gif) 5px center no-repeat;
	text-decoration:none;
}
.sideMenu .podcast-link a {
	width:155px;
	height:25px;
	padding:0px;
	margin-bottom:4px;
	background:url(../img/podcast_link.gif) no-repeat;
	text-indent:-9999px;
}
.sideMenu .podcast-link a:hover {
	background-position:0px -25px;
}
.sideMenu .listenclub-link a {
	width:155px;
	height:25px;
	padding:0px;
	margin-bottom:4px;
	background:url(../img/listenclub_link.gif) no-repeat;
	text-indent:-9999px;
}
.sideMenu .listenclub-link a:hover {
	background-position:0px -25px;
}
.sideMenu .travel-link a {
	width:155px;
	height:25px;
	padding:0px;
	margin-bottom:4px;
	background:url(../img/travel_link.gif) no-repeat;
	text-indent:-9999px;
}
.sideMenu .travel-link a:hover {
	background-position:0px -25px;
}
.sideMenu li.selected {
	background:#ffffff url(../img/sideMenu_select.gif) -4px top no-repeat;
	height:32px;
}
.sideMenu li.selected a, .sideMenu li.selected a:hover{
	background:url(../img/sideMenu_select_.gif) right top no-repeat;
	color:#000;
	text-decoration:none;
}
.sideMenu .line {
	border-top:1px dotted #999;
	margin-top:8px;
}
.sideMenu li.back a {
	background:url(../img/arrow_left.gif) 5px center no-repeat;
}
.sideMenu li.back a:hover{
	color:#000;
	background:url(../img/arrow_left_green.gif) 5px center no-repeat;
	text-decoration:none;
}
.sideMenu li.header {
	border-bottom:1px dotted #999;
	padding:4px 0px 4px 5px;
	font-weight:bold;
}
.multi-advert {
	text-align:center;
	line-height:14px;
	font-size:10px;
	margin-bottom:10px;
}
/* --- /side menu -- */
/*
.style0_content {
	float:left;
	width:780px;
	padding:0px 10px 0px 10px;
}
*/
.style1_menu {
	float:left;
	width:155px;
}

.style1_content {
	width:624px;
	margin-left:10px;
	padding:0px 0px 0px 10px;
	border-left:1px solid #ddd;
	background:#fff;
	overflow:hidden;
	float:left;
}
.style2_menu {
	float:left;
	width:180px;
	padding-left:20px;
}

.style2_content {
	float:left;
	width:579px;
	padding-right:20px;
	border-right:1px solid #ddd;
	background:#fff;
	overflow:hidden;
}

/* --- toeic page --- */
/*
.toeic {
	table-layout:fixed;
	margin-left:-15px;
	width:830px;
}
.toeic td {
	border:1px solid #ddd;
	padding:20px;
	color:#777;
	vertical-align:top;
	position:relative;
}
.toeic img {
	margin-top:5px;
}
.toeic td .tl, .toeic td .tr, .toeic td .bl, .toeic td .br{
	position:absolute;
	background:url(../img/summary_corners.gif) -10px -10px no-repeat;
	width:10px;
	height:10px;
}
.toeic td .tl{
	top:-1px;
	left:-1px;
}
.toeic td .tr{
	top:-1px;
	right:-1px;
	background-position:0px -10px;
}
.toeic td .bl{
	bottom:-1px;
	left:-1px;
	background-position:-10px 0px;
}
.toeic td .br{
	bottom:-1px;
	right:-1px;
	background-position:0px 0px;
}
*/
#toeic {
	width:604px;
	margin:0 10px;
}
#toeic div.top2 {
	width:290px;
	height:10px;
	background:url(/site/img/toeic/top2.gif) no-repeat;
	overflow:hidden;
}
#toeic div.top {
	width:290px;
	height:10px;
	background:url(/site/img/toeic/top.gif) no-repeat;
	overflow:hidden;
}
#toeic div.top604 {
	width:604px;
	height:10px;
	background:url(/site/img/toeic/top_604.gif) no-repeat;
	overflow:hidden;
}
#toeic div.btm {
	width:290px;
	height:10px;
	background:url(/site/img/toeic/btm.gif) no-repeat;
	overflow:hidden;
}
#toeic div.btm2 {
	width:290px;
	height:10px;
	background:url(/site/img/toeic/btm2.gif) no-repeat;
	overflow:hidden;
}
#toeic div.btm604 {
	width:604px;
	height:10px;
	background:url(/site/img/toeic/btm_604.gif) no-repeat;
	overflow:hidden;
}
#toeic div.line {
	width:290px;
	background:url(/site/img/toeic/line.gif) repeat-y;
	overflow:hidden;
}
#toeic div.line2 {
	width:290px;
	background:url(/site/img/toeic/line2.gif) repeat-y;
	overflow:hidden;
}
#toeic div.line604 {
	width:604px;
	background:url(/site/img/toeic/line_604.gif) repeat-y;
	overflow:hidden;
}
#toeic p {
	margin:0px 20px;
}
#toeic div.clear {
	clear:both;
}
#toeic p.text {
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	background:#e6f8ff;
	padding:0px;
	margin:0px 2px;
	text-align:center;
	color:#005b92;
	line-height:24px;
}
#toeic p.text2 {
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	padding:0px;
	margin:0px 2px;
	text-align:center;
	color:#fff;
	line-height:22px;
}
#toeic p.title {
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	background:#e6f8ff;
	padding:0 0 8px 0;
	margin:0px 2px;
	text-align:center;
	color:#005b92;
}
strong.toeic {
	font-weight:normal;
}
h2.toeic {
	font-size:14px;
	margin:0px 0px 6px 0px;
}
ul.toeicPayment {
	list-style-type:none;
	margin:0px 0px 20px -18px;
}
/* --- /toeic page -- */

/* --- topic menu --- */
.topicMenu {list-style:none;padding:0px;margin:0px;line-height:16px;font-size:12px;}
.topicMenu .head {display:block;color:#00597f;padding:2px 8px 0px 25px;background:#ebf9ff}
.topicMenu .cont {display:block;padding:0px 8px 10px 25px;color:#555}
.topicMenu .title {display:block;font-weight:bold;}
.topicMenu .new .title{padding-left:40px;background:url(../img/btn_new.gif) left 4px no-repeat;}
.topicMenu .date {float:right;font-weight:bold;}
.topicMenu a {line-height:23px;display:block;color:#555;text-decoration:none;border-bottom:1px dotted #4098bf;background:#ffffff url(../img/arrow.gif) 5px 5px no-repeat;}
.topicMenu a:hover {text-decoration:none;color:#660000;background:#fff2cc url(../img/arrow_orange.gif) 5px 5px no-repeat;border-color:#004975;}
.topicMenu a:hover .head {background:#ffe698;color:#660000}
.topicMenu a:hover .cont {color:#000000}
.topicMenu li {width:100%;margin-bottom:0px;}
.topicMenu .podcast {
	display:block;
	margin-left:auto;
	margin-right:0px;
	width:163px;
	height:20px;
	background:url(../img/podcast/link_text.gif);
}
.topicMenu a:hover .podcast {
	background-position:-163px 0;	
}

.content-body .topicMenu .head {background:#F8FFEB;color:#558000;}
.content-body .topicMenu a {border-color:#95BF41}

.podcastSii {
	display:block;
	margin-left:auto;
	margin-right:0px;
	width:209px;
	height:20px;
	background:url(../img/podcast/link_text_sii.gif);
}
a:hover .podcastSii {
	background-position:-209px 0;	
}
/* --- /topic menu -- */


.plain td {
	border:none;
	font-size:12px;
	padding:0px;
}

h2.main {
	width:800px;
	height:56px;
	background:url(../img/tb_large_header.gif);
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
	text-align:center;
	margin:0px;
}

/* --- numbered headers --- */
.h-h, .h-0, .h-1, .h-2,.h-3,.h-4,.h-5,.h-6,.h-7,.h-8,.h-9{color:#b2243b;font-weight:bold;line-height:30px;padding-left:31px;padding-bottom:8px;text-align:left;font-size:16px;background-repeat:no-repeat;}
.h-h {background-image:url(../img/point.gif)}
.h-0 {padding-left:0px;color:#555}
.h-1 {background-image:url(../img/point1.gif)}
.h-2 {background-image:url(../img/point2.gif)}
.h-3 {background-image:url(../img/point3.gif)}
.h-4 {background-image:url(../img/point4.gif)}
.h-5 {background-image:url(../img/point5.gif)}
.h-6 {background-image:url(../img/point6.gif)}
.h-7 {background-image:url(../img/point7.gif)}
.h-8 {background-image:url(../img/point8.gif)}
.h-9 {background-image:url(../img/point9.gif)}
/* --- /numbered headers -- */


.h-h-big, .h-0-big, .h-1-big, .h-2-big, .h-3-big, .h-4-big ,.h-5-big ,.h-6-big ,.h-7-big, .h-8-big,.h-9-big {color:#b2243b;font-weight:bold;line-height:24px;padding-left:80px;padding-bottom:8px;text-align:left;font-size:16px;background-repeat:no-repeat;background-position:0px 3px;margin-bottom:5px;height:48px;}
.h-h-big {background-image:url(../img/point.gif)}
.h-0-big {padding-left:0px;color:#555}
.h-1-big {background-image:url(../img/point1_big.gif)}
.h-2-big {background-image:url(../img/point2_big.gif)}
.h-3-big {background-image:url(../img/point3_big.gif)}
.h-4-big {background-image:url(../img/point4_big.gif)}
.h-5-big {background-image:url(../img/point5_big.gif)}
.h-6-big {background-image:url(../img/point6_big.gif)}
.h-7-big {background-image:url(../img/point7_big.gif)}
.h-8-big {background-image:url(../img/point8_big.gif)}
.h-9-big {background-image:url(../img/point9_big.gif)}
.oneline {line-height:41px}
/* --- /numbered headers -- */




.tuition {
	border-bottom:1px solid #999999;
	font-size:13px;
	line-height:1.2em;
	table-layout:fixed;
}
.tuition a {
	text-decoration:none;
	color:#fff;
}
.tuition td {
	background:#ffffff;
	text-align:center;
	border-top:1px solid #999999;
	padding:10px;
}
.tuition td.light {
	background:#eeeeee;
}
.tuition td.dark {
	background:#999999;
}

.h-grid {
	border-bottom:1px solid #999999;
	font-size:13px;
	line-height:1.2em;
}
.h-grid a {
	text-decoration:none;
	color:#fff;
}
.h-grid td {
	background:#ffffff;
	border-top:1px solid #999999;
	padding:10px;
}
.h-grid td.light {
	background:#eeeeee;
}
.h-grid td.dark {
	background:#999999;
}

.teacher {
	float:right;
	border-left:10px solid #ffffff;
}

.bullet {
	margin-top:0px;
	margin-left:20px;
}
.bullet li {
	border-bottom:1px dotted #ddd;
}


/* --- --- summary --- --- */
.summary {
	table-layout:fixed;
	width:100%;
	background:red;
}
.summary td {
	padding:0px 6px 20px 6px;
	color:#777;
	vertical-align:top;
	position:relative;
	background:red;
}
.summary img {
	margin-top:5px;
}
.summary a {
	color:#777;
}
/* --- /summary -- */

.expression {
	width:100%;
	background-color:#76B209;
}
.expression td {
	background:#ffffff;
	padding:5px;
}
.expression td.light {
	background:#EEF7E0;
}

a.link {
	padding:4px 2px 6px 25px;
	line-height:22px;
	color:#777;
	text-decoration:none;
	background:#ffffff url(../img/arrow.gif) 5px center no-repeat;
}
a.link:hover {
	color:#000;
	background:#ffffff url(../img/arrow_orange.gif) 5px center no-repeat;
	text-decoration:none;
}

.content-box {
	padding:10px;
	clear:both;
}
.footnote {
	font-size:10px;
}

/* --- main-header --- */
.main-header, .main-header2, .main-header3, .main-header4{
	width:100%;	
	height:32px;
	position:relative;
	line-height:30px;
	font-weight:bold;
	padding:0px;
	color:#fff;
	text-align:center;
	background:url("../img/header_blue.gif") -4px top repeat-x;
	clear:both;
	}
.main-header .ur, .main-header2 .ur, .main-header3 .ur, .main-header4 .ur{
	position:absolute;
	top:0px;
	right:0px;
	width:2px;
	height:32px;
	overflow:hidden;
	background:url("../img/header_blue.gif") no-repeat;
}
.main-header2, .main-header2 .ur {
	background-image:url("../img/header_red.gif");
}
.main-header3, .main-header3 .ur {
	background-image:url("../img/header_green.gif");
}
.main-header4, .main-header4 .ur {
	background-image:url("../img/header_orange.gif");
}
/* --- /main-header -- */

/* --- footer --- */
a.big_pamphlet, a.big_trial, a.big_form, a.big_trialcourse, a.big_applicant, a.big_reg, a.big_trial_form, a.big_inquiry {
	float:right;
	width:155px;
	height:55px;
}
a.big_trial {margin:0px 40px 0px 0px;background:url("../img/button_big_trial.gif");}
a.big_trial_form {margin:0px 40px 0px 0px;background:url("../img/button_big_trial_form.gif");}
a.big_form {margin:0px 40px 0px 0px;background:url("../img/button_big_form.gif");}
a.big_trialcourse {margin:0px 40px 0px 0px;background:url("../img/button_big_trialcourse.gif");}
a.big_pamphlet {background:url("../img/button_big_pamphlet.gif");}
a.big_applicant {margin:0px 40px 0px 0px;background:url("../img/button_big_applicant.gif");}
a.big_inquiry {margin:0px 40px 0px 0px;background:url("../img/button_big_inquiry.gif");}
a.big_reg {background:url("../img/button_big_reg.gif");}
a.big_pamphlet:hover, a.big_trial:hover, a.big_form:hover, a.big_trialcourse:hover, a.big_applicant:hover, a.big_reg:hover, a.big_trial_form:hover, a.big_inquiry:hover {background-position:-155px 0px;}

.footer {
	width:100%;
	background:url(../img/footer.gif) repeat-x;
	font-size:10px;
	line-height:1.8em;
	float:left;
	color:#fff;
	border-top:1px solid #000;
	}
.footer a {
	color:#ffffff;
	text-decoration:none;
	display:block;
	clear:both;
}
.footer a:hover {
	color:#FFA500;
}
/* --- /footer -- */


/* --- simple-grid --- */
	.simple-grid {
		table-layout:fixed;
		width:100%;
	}
	.simple-grid td {
	padding:0px 5px 5px 5px;
}
	.simple-grid .indication {
		
	}
/* --- /simple-grid -- */

/* --- link-box --- */
a.link-box {
	display:block;
	float:left;
	cursor:pointer;
	background:#ffffff;
	color:#666;
	width:100%;
}
a.link-box:hover {
	background:#fefefe;
	color:#000000;
	text-decoration:none;
}	
.link-box .header, .link-box .header2, .link-box .header3, .link-box .header4 {
	height:32px;
	width:100%;
	position:relative;
	line-height:30px;
	font-weight:bold;
	padding:0px;
	color:#fff;
	text-align:center;
	background:url("../img/link_header_blue.gif") -22px top no-repeat;
	float:left;
	margin-bottom:5px;
}
.link-box .header .ur, .link-box .header2 .ur, .link-box .header3 .ur, .link-box .header4 .ur {
	position:absolute;
	top:0px;
	right:0px;
	width:20px;
	height:32px;
	overflow:hidden;
	background:url("../img/link_header_blue.gif") no-repeat;
}
.link-box .header2, .link-box .header2 .ur {
	background-image:url("../img/link_header_green.gif");
}
.link-box .header3, .link-box .header3 .ur {
	background-image:url("../img/link_header_orange.gif");
}
.link-box .header4, .link-box .header4 .ur {
	background-image:url("../img/link_header_red.gif");
}	
a.link-box:hover .header, a.link-box:hover .header .ur, a.link-box:hover .header2, a.link-box:hover .header2 .ur, a.link-box:hover .header3, a.link-box:hover .header3 .ur, a.link-box:hover .header4, a.link-box:hover .header4 .ur {
	background-image:url("../img/link_header_dred.gif");
}
/* --- /link-box -- */

a.login {display:block;width:121px;height:24px;background:url(../img/button_login.gif);margin-top:2px}
a.login:hover {background-position:-121px 0px;}

a.trial {display:block;width:90px;height:29px;background:url(../img/button_trial.gif);}
a.trial:hover {background-position:-90px 0px;}

a.form {display:block;width:103px;height:29px;background:url(../img/button_form.gif);}
a.form:hover {background-position:-103px 0px;}

a.add {display:block;width:132px;height:29px;background:url(../img/button_add.gif);}
a.add:hover {background-position:-132px 0px;}
/*a.form {display:block;width:86px;height:24px;background:url(../img/button_form.gif);}
a.form:hover {background-position:-86px 0px;}*/

a.travel {display:block;width:155px;height:55px;background:url(../img/button_travel.gif);text-indent:-9999px;}
a.monthly {display:block;width:155px;height:55px;background:url(../img/button_monthly.gif);text-indent:-9999px;}
a.subsidized {display:block;width:155px;height:55px;background:url(../img/button_subsidized.gif);text-indent:-9999px;}
a.travel:hover, a.monthly:hover, a.subsidized:hover {background-position:-155px 0px;}


.agreement {
	padding:10px;border:1px solid #ddd;overflow-y:scroll;width:600px;height:300px;margin:0 auto;margin-bottom:15px;
}
a.agreement_button {
	margin:0 auto;
	width:60px;
	padding:5px;
	border:1px solid #ddd;
	display:block;
	text-align:center;
}
.chart {
	background:#dddddd;
	width:100%;
	table-layout:fixed;
}
.chart td {
	padding:5px 15px 5px 15px;
	background:#ffffff;
}
.chart img {
	margin:5px;
}
.chart .title {
	text-align:center;
	font-weight:bold;
	background:#eeeeee;
}
/* --- corp ---*/
.process .title {
	white-space:nowrap;
	border:1px solid #cccccc;
	background:#dfdfdf;
	vertical-align:middle;
	text-indent:6px;
	font-size:16px;
	font-weight:bold;
	height:40px;
}

.process .content {
	border:solid #cccccc;
	border-width:1px 1px 1px 0px;
	background:#eeeeee;
	vertical-align:middle;
	text-indent:6px;
}
.casestudy_waku {
	margin:0 0 0 16px;
}
.casestudy_left {
	float:left;
	width:60px;
}
.casestudy_middle {
	float:left;
	width:20px;
}
.casestudy_right {
	float:left;
	width:500px;
}
/* --- podcast --- 
.podcast-item {
	float:left;
	width:100%;
	border-bottom:1px solid #dddddd;
	padding-bottom:10px;
	margin-bottom:15px;
}
.podcast-item .lesson, .podcast-item .title {
	font-size:16px;
	font-weight:bold;
}
.podcast-item .date {color:red;float:left;font-weight:bold;}
.podcast-item .lesson {font-weight:bold;color:#000000}
.podcast-item .title {color:#000099}
.podcast-item .content {
	float:left;
	position:relative;
	padding:5px 0px 27px 0px;
	width:100%;
}
.podcast-item a {
	background:url('../img/podcast/link_text.gif');
	width:150px;
	height:27px;	
	display:block;
	position:absolute;
	right:0px;
	bottom:0px;
}
 --- /podcast -- */

/* --- popup styles --- */
#popup_mask {
	display:none;
	position:fixed;
	background:#000000;
	filter:alpha(opacity=25);
	opacity:.25;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1000;
}
#popup_div {
	display:none;
	position:fixed;
	background:#ffffff;
	border:2px solid #666;
	width:400px;
	height:400px;
	z-index:1000;
}

#popup_frame {
	display:none;
	width:100%;
	height:375px;
	border:none;
}
#popup_image {
	display:none;
}
#popup_closebar {
	display:block;
	width:100%;
	height:25px;
	line-height:25px;
	overflow:hidden;
	background:#999999;
	color:#ffffff;
	border-top:2px solid #666;
}
#popup_closebar span{
	cursor:pointer;
}

/* --- /popup styles -- */

/* --- tuition --- */
.tuition-title1 {
	font-size:15px;
	font-weight:bold;
	color:#333333;
	padding:0 20px 0 20px;
	background:url(../img/bullet_blueSquare.gif) no-repeat;
}
.tuition-title2 {
	font-size:12px; text-align:left; padding-top:2px;
}
.tuition_a {
	color:#333333;
}
.tuition_table {
	text-align:center; background:#999999;
}
.tuition-en-menu1 {
	width:20%; background:#EEEEEE;
}
.tuition-en-menu2 {
	width:15%; background:#EEEEEE;
}
.tuition-en-menu3 {
	width:35%; background:#EEEEEE;
}
.tuition-en-menu4 {
	background:#FFFFFF;
}
.tuition-en-menu4b {
	background:#FFFFFF; font-weight:bold;
}
.tuition-menu1 {
	width:40%; background:#EEEEEE;
}
.tuition-menu2 {
	width:20%; background:#EEEEEE;
}
.tuition-menu3 {
	background:#FFFFFF; vertical-align:middle;
}
.tuition-menu4 {
	width:40%; padding:5px; background:#EEEEEE;
}
.tuition-menu5 {
	width:60%; background:#FFFFFF;
}
.tuition-menu6 {
	width:30%; background:#FFFFFF;
}
.tuition-dotted {
	margin:30px 0 10px 0; width:100%; line-height:0px; border-top:1px dotted #999999;
}
.tuition-comment {
	line-height:16px; margin-top:2px;
}
/* --- /tuition --- */

/* --- info company --- */
.info_company_left {
	float:left;width:100px;margin:7px;font-weight:bold;
}
.info_company_left_c {
	clear:left;float:left;width:100px;margin:7px;font-weight:bold;
}
.info_company_right {
	float:left;width:450px;margin:7px;
}
a.info_company {
	color:#777;
	text-decoration:none;
}
a.info_company:hover {
	color:#000;
}
/* --- /info company --- */

/* --- sitemap --- */
#sitemap	{
	width: 855px; font-size:13px; color:#333333;
}

#sitemap .menu1	{
	padding:0px 20px 4px 20px; color:#333333; font-weight:bold; background:url(../img/bullet_blueSquare.gif) no-repeat;
}
#sitemap .menu2	{
	padding:0 20px 0 20px; color:#333333;
}
#sitemap .menu3	{
	padding:0 20px 0 30px; color:#333333;
}
.sitemap {
	list-style:none; padding:0px 0px 0px 0px; margin:0px;
}
.sitemap a {
	height:18px; line-height:18px; padding:0 2px 0 25px; display:block; color:#777; text-decoration:none; background:#ffffff url(../img/arrow.gif) 5px center no-repeat;
}
.sitemap a:hover {
	color:#000; background:#ffffff url(../img/arrow_orange.gif) 5px center no-repeat;
}
/* --- /sitemap ---*/

.breadcrumbs {
	padding:2px;
	margin-bottom:4px;
	font-size:10px;
}
.breadcrumbs a {
	color:#666666;
	margin:0px 10px 0px 10px;
}
.breadcrumbs a:hover {
	color:#990000;
	text-decoration:underline;
}

#header .breadcrumbs {
	position:absolute;	
	top:103px;
	left:71px;
	color:#4d8da9;
	}
#header .breadcrumbs a {
	color:#4d8da9;	
}
#header .breadcrumbs a:hover {
	color:#990000;
	text-decoration:underline;
}

/* --- adverts shop --- */
span.ranking_1 {
	float:left;margin:0 20px 10px 0;font-weight:bold;
}
span.ranking {
	clear:left;float:left;margin:0 20px 10px 0;font-weight:bold;
}
span.list {
	float:left;
}
div.list {
	width:100%;margin:5px 0;text-decoration:none;
}
a.ranking {
	text-decoration:none;
}
/* --- adverts shop --- */

/* --- promise --- */

.control-back-next {
	
}

a.next, a.back {
	line-height:22px;
	color:#777;
	text-decoration:none;	
	border:1px solid #999;
}
a.next {
	float:right;
	text-align:right;
	padding:5px 25px 5px 10px;
	background:#ffffff url(../img/arrow.gif) right center no-repeat;
}
a.next:hover {
	color:#000;
	background-image:url(../img/arrow_orange.gif);
}

a.back {
	float:left;
	padding:5px 10px 5px 25px;
	background:url(../img/arrow_left.gif) 5px center no-repeat;
}
a.back:hover{
	color:#000;
	background-image:url(../img/arrow_left_green.gif);
}
/* --- /promise -- */

/* --- what --- */

div.what  {
	width:300px;
}
a.what_next {
	float:left;
	line-height:22px;
	color:#777;
	text-decoration:none;
	border:1px solid #999;
	text-align:right;
	padding:5px 25px 5px 10px;
	margin:0 0 0 10px;
	background:#ffffff url(../img/arrow.gif) right center no-repeat;
}
a.what_next:hover {
	color:#000;
	background-image:url(../img/arrow_orange.gif);
}

a.middle {
	line-height:22px;
	color:#777;
	text-decoration:none;
	border:1px solid #999;
}
a.middle {
	float:left;
	padding:5px 10px 5px 10px;
	margin:0 0 0 10px;
}
a.middle:hover {
	color:#000;
}
/* --- /what -- */

/* --- --- */
.level-chart {
	position:relative;
	width:610px;
	height:270px;
	background:url(../img/level_multi.gif) no-repeat;
}
.level-chart1 {
	position:relative;
	width:610px;
	height:270px;
	background:url(../img/level_multi1.gif) no-repeat;
}
.level-chart2 {
	position:relative;
	width:610px;
	height:270px;
	background:url(../img/level_multi_2.gif) no-repeat;
}
.level-chart3 {
	position:relative;
	width:610px;
	height:270px;
	background:url(../img/level_multi_3.gif) no-repeat;
}
/* --- -- */

.info-box {
	padding:10px;
	border:1px dotted #999999;
	background:url(../img/topic_menu_item.gif) bottom left repeat-x;
}
.info-box h1 {
	margin:5px 0;
	font-size:12px;
	line-height:10px;
}
.info-box p {
	font-size:11px;
	line-height:16px;
}

/* --- 以下追加（2008/10/09） --- */

.info-box h2 {
	margin:5px 0;
	font-size:12px;
	line-height:10px;
}
.h-1 h2, .h-2 h2, .h-3 h2 {
	font-size:16px;
	margin:0;
}
.addText {
	margin:3em 0 0;
	padding:10px;
	border:1px dotted #999999;
	background:url(../img/topic_menu_item.gif) bottom left repeat-x;
}
.addText h2 {
	margin:0 0 0.5em;
	font-size:14px;
}
.addText p {
	margin:0;
	font-size:12px;
}
.addText2 {
	margin:0;
}

/* ---  --- */
a.kids-trial {
	float:right;
	display:block;
	width:161px;
	height:30px;
	background:url('../img/jr/trial_link.gif') no-repeat;
}
a.kids-trial:hover {background-position:0px -30px}
/* --- Quality --- */
#container {
	width:800px;
	color:#444444;
}
#container a.trial {
	float:left;
	display:inline;
	width:366px;
	height:55px;
	display:block;
	background:url(../img/en/quality_trial.gif);
	text-indent:-9999px;
	margin:0px 44px 0px 12px;
}
#container a.trial:hover {
	background-position:0 -55px;
}
#container a.pamphlet {
	float:left;
	width:366px;
	height:55px;
	display:block;
	background:url(../img/en/quality_pamphlet.gif);
	text-indent:-9999px;
	margin:0px;
}
#container a.pamphlet:hover {
	background-position:0 -55px;
}
#quality {
	float:left;
	background:url(../img/quality_bg.gif);
	margin-bottom:20px;
}
/*
#quality h2 {
	width:800px;
	height:52px;
	margin:0px;
	padding:0px;
	background:#ffffff url(../img/en/quality_h2.gif);
	text-indent:-9999px;
}*/
#quality p {
	padding:0px;
	margin:0px;
}
#quality .flash {
	border:1px solid #4098bf;
	width:340px;
	height:260px;
	padding:0px;
	margin-left:12px;
}
#quality .top {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_top.gif) repeat-x;
}
#quality .btm {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_btm.gif) repeat-x;
}
#quality .box1 {
	float:left;
	display:inline;
	width:366px;
	margin:7px 44px 10px 12px;
}
#quality .box2 {
	float:left;
	width:366px;
	margin:7px 0px 10px 0px;
}

#quality h3, #quality2 h3 {
	width:366px;
	height:49px;
	text-indent:-9999px;
	margin:0px 0px 10px 0px;
	background-repeat:no-repeat;
}
#quality .box1 .text01 {
	padding-right:12px;
	text-align:right;
}

#quality .box2 .text01, #quality .box2 .text02{
	text-indent:-9999px;
}
#quality .box2 .text01 {
	width:366px;
	height:95px;
	background-image:url(../img/en/quality2_text01.gif);
	margin:15px 0px 13px 0px;
}
#quality .box2 .text02 {
	width:366px;
	height:74px;
	background-image:url(../img/en/quality2_text02.gif);
	margin:0px 0px 13px 0px;
}
#quality .footnote, #quality2 .footnote {
	font-size:10px;
}

#quality .box1 h3 {background-image:url(../img/en/quality1_h3.gif);}
#quality .box2 h3 {background-image:url(../img/en/quality2_h3.gif);}
#quality2 .box1 h3 {background-image:url(../img/en/quality3_h3.gif);}

#quality2 .box1_b h3 {background-image:url(../img/en/quality3_b_h3.gif);}

#quality2 .box2 h3 {background-image:url(../img/en/quality4_h3.gif);}
#quality2 .box3 h3 {background-image:url(../img/en/quality5_h3.gif);}

#quality2 .box2 h3.bus {background-image:url(../img/en/quality4_h3_b.gif);}
#quality2 .box3 h3.bus {background-image:url(../img/en/quality5_h3_b.gif);}

/* --- quality 2 --- */
#quality2 {
	float:left;
	margin-bottom:20px;
	background:url(../img/quality_bg.gif);
}
#quality2 .area {
	float:left;
	background:url(../img/quality5_en_bg.gif) bottom right no-repeat;
}
#quality2 div.left {
	float:left;
	display:inline;	
	margin:0px 20px 0px 0px;
	width:390px;
}
#quality2 div.right {
	float:left;
	margin:0px;
	width:390px;
}
#quality2 p.top {
	width:390px;
}
#quality2 div.right p.btm{
	width:390px;
	background-repeat:no-repeat;
	background-color:#ffffff;
	padding-bottom:20px;
}
#quality2 p {
	padding:0px;
	margin:0px;
}
#quality2 .top {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_top.gif) repeat-x;
}
#quality2 .btm {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_btm.gif) repeat-x;
}
#quality2 .box1 {
	float:left;
	display:inline;
	width:366px;
	margin:7px 0px 10px 12px;
}
#quality2 .box1 .text01, #quality2 .box1 .text02, #quality2 .box1 .text03{
	width:366px;
	height:35px;
	background-position:left center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:dotted #999999;
	border-width:0px 0px 1px 0px;
}
#quality2 .box1 .text01{
	background-image:url(../img/en/quality3_text01.gif);
	border-width:1px 0px 1px 0px;
}
#quality2 .box1 .text02{background-image:url(../img/en/quality3_text02.gif);}

#quality2 .box1 .text03{
	background-image:url(../img/en/quality3_text03.gif);
	border-width:1px 0px 1px 0px;
	margin-top:20px;
}
#quality2 .box1 .text04{
	margin-top:20px;
}
#quality2 .box1 .text05{
	border:dotted #999999;
	color:#005b92;
	border-width:1px 0px 1px 0px;
	font-size:14px;
	font-weight:bold;
	margin:20px 0px 10px 0px;
}

/* --- ft english quality 3 ---*/
#quality3 {
	float:left;
	margin-bottom:20px;
	background:url(../img/quality_bg_full.gif);
}
#quality3 h3 {
	width:776px;
	margin:7px 12px 12px; 12px;
	float:left;
	background:url(../img/en/qualityn3_h3.gif) no-repeat;
	height:47px;
	text-indent:-9999px;
}
#quality3 h1 {
	width:350px;
	height:23px;
	line-height:23px;
	float:left;
	padding:2px 0px 2px 25px;
	margin:0px;
	font-size:14px;
	color:#006dae;
	border:dotted #999999;
	border-width:1px 0px 1px 0px;
	background:url(../img/en/quality_beginner.gif) 0px 2px no-repeat;
}
#quality3 .box1 {
	width:375px;
	float:left;
	padding:0px 12px 0px 12px;
	border-right:1px solid #4098bf;
}
#quality3 .box2 {
	width:376px;
	float:left;
	padding:0px 12px 0px 12px;
}
#quality3 .footnote {
	width:376px;
	float:left;
	padding:0px 12px 0px 12px;
}
#quality3 .top {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_top_full.gif) no-repeat;
}
#quality3 .btm {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	background:url(../img/quality_btm_full.gif) no-repeat;
}
/* --- business quality 3 --- */
#quality2 .box1_b {
	float:left;
	display:inline;
	width:366px;
	margin:7px 0px 10px 12px;
}
#quality2 .box1_b .text01, #quality2 .box1_b .text02, #quality2 .box1_b .text03{
	width:366px;
	height:35px;
	background-position:left center;
	background-repeat:no-repeat;
	text-indent:-9999px;
	border:dotted #999999;
	border-width:1px 0px 1px 0px;
}
#quality2 .box1_b .text01{background-image:url(../img/en/quality3_b_text01.gif);}
#quality2 .box1_b .text02{background-image:url(../img/en/quality3_b_text02.gif);margin-top:20px;}
#quality2 .box1_b .text03{background-image:url(../img/en/quality3_b_text03.gif);margin-top:20px;}

/* --- /business quality 3 --- */
#quality2 .box2 {
	float:left;
	width:366px;
	padding:7px 0px 10px 12px;
}
#quality2 .box3 {
	float:left;
	width:366px;
	padding:7px 0px 10px 12px;
}
#quality2 .box3 .text {
	/*margin-right:160px;*/
}
#quality2 .box3 .footnote {
	padding:10px 160px 0px 0px;
}
#container h2 {
	float:left;
	width:800px;
	height:56px;
	background:url(../img/tb_large_header.gif) no-repeat;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
	text-align:center;
	padding-bottom:5px;
}

#type h2 {
	margin:30px 0px 0px 0px;	
}
#type h3{
	width:390px;
	height:30px;
	margin:0px;
	padding:0px;
	text-indent:-9999px;
}
#type .box1 {
	float:left;
	width:390px;
	margin-right:20px;
	background:url(../img/quality_bg.gif);
}
#type .box1 p.text {
	float:left;
	width:186px;
	padding:10px 10px 10px 12px;
	
}
#type .box1 p.img {
	float:left;
	width:160px;
	height:155px;
	padding:0px;
	margin:0px;
	background:url(../img/en/mtm_app.gif) center bottom no-repeat;
	text-indent:-9999px;
}
#type .box2 {
	float:left;	
	width:390px;
	background:url(../img/quality_bg.gif);
}
#type .box2 p.text {
	float:left;
	width:186px;
	padding:10px 10px 10px 12px;
}
#type .box2 p.img {
	float:left;
	width:160px;
	height:155px;
	padding:0px;
	margin:0px;
	background:url(../img/en/group_app.gif) center bottom no-repeat;	
	text-indent:-9999px;
}
#type .box1 h3 {background-image:url(../img/en/quality_mtm.gif);}
#type .box2 h3 {background-image:url(../img/en/quality_group.gif);}

#type .top {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	margin:0px;
	padding:20px 0px 0px 0px;
	background:#ffffff url(../img/quality_top_full.gif) left bottom no-repeat;
}
#type .btm {
	float:left;
	font-size:0;
	width:800px;
	height:5px;
	padding:0px;
	margin:0px;
	background:url(../img/quality_btm_full.gif);
}
#type .box1 p.btm, #type .box2 p.btm {
	float:left;
	font-size:0;
	width:390px;
	height:5px;
	padding:0px;
	margin:0px;
	background:url(../img/quality_btm.gif);
}
#type .box3 {
	float:left;
	width:800px;
	padding:7px 0px 0px 0px;
	margin-bottom:20px;
}
#campaign1 {
	float:left;
	background:url(../img/campaign/091001banner800.gif) center center;
	background-repeat:no-repeat;
	height:206px;
	margin:0px 0 10px 0;
	text-indent:-9999px;
	width:800px;
}
#campaign2 {
	float:left;
	background:url(../img/campaign/discount.gif) center center;
	background-repeat:no-repeat;
	height:108px;
	margin:3px 0 30px 0px;
	text-indent:-9999px;
	width:800px;
}
#voice h2 {
	margin:0px;
}
#voice h3.business {
	float:left;
	width:800px;
	height:58px;
	margin:0px;
	background:url(../img/en/voice1.gif);
	text-indent:-9999px;
}
#voice h3.freetime1 {
	float:left;
	width:800px;
	height:58px;
	margin:0px;
	background:url(../img/en/voice1_ft1.gif);
	text-indent:-9999px;
}
#voice h3.freetime2 {
	float:left;
	width:800px;
	height:58px;
	margin:0px;
	background:url(../img/en/voice1_ft2.gif);
	text-indent:-9999px;
}
#voice .box1 {
	float:left;
	border:solid #cccccc;
	border-width:0px 1px 1px 1px;
	width:798px;
	overflow:hidden;
}
#voice .img {
	float:left;
	display:inline;
	width:128px;
	margin:10px 20px 0px 15px;
}
#voice .text {
	float:left;
	width:620px;
	margin:10px 0px 0px 0px;
}
/* --- --- */
#business {}
#business h3 {
	height:38px;
	margin:0px 0px 10px 0px;
	overflow:hidden;
	text-indent:-9999px;
}
#business h3.h301 {
	background:url(../img/en/business1.gif);
}
#business h3.h302 {
	background:url(../img/en/business2.gif);
}
#business h3.h303 {
	background:url(../img/en/business3.gif);
}
#business .notice {font-size:10px}
#business .area01 {
	float:left;
	width:438px;
	margin-right:20px;
}
#business .flash {
	float:left;
	border:1px solid #4098bf;
	width:340px;
	height:260px;
	padding:0px;
	margin:0px;	
}
#business .area02 {
	float:left;
	width:800px;
	margin-bottom:20px;
}
/* --- All tuition & trial --- */
#en_tuition {
	color:#333333;
}
#en_tuition h3 {
	float:left;
	display:inline;
	position:relative;
	width:800px;
	height:30px;
	padding:0px 0px 8px 0px;
	margin:0px;
	background-position:center left;
	background-repeat:no-repeat;
	background-position:12px 0px;
	text-indent:-9999px;
	background-color:#ffffff;
}
#en_tuition p {
	padding:0px;
	margin:0px;
}
#en_tuition p.top {
	float:left;
	display:inline;
	width:800px;
	height:14px;
	background:url('../img/quality_top_full.gif') no-repeat;
	overflow:hidden;
}
#en_tuition p.btm {
	width:800px;
	height:5px;
	background:url(../img/quality_btm_full.gif) no-repeat;
	overflow:hidden;
}
#en_tuition p.notice {
	font-size:10px;
	text-indent:0px;
}
#en_tuition h3 p.point {
	position:absolute;
	font-size:12px;
	top:5px;
	left:200px;
	display:inline;
	text-indent:0px;
	float:left;
}
#en_tuition h3 p.notice {
	position:absolute;
	font-size:10px;
	top:5px;
	left:350px;
}
#en_tuition .box1 p.text {
	margin-bottom:1em;
	width:690px;
	margin-left:55px;
}
#en_tuition table {
	table-layout:fixed;
	width:100%;
	background:#666666;
	margin-bottom:20px;
}
#en_tuition table td {
	background:#ffffff;
	padding:5px;
	text-align:center;
}
#en_tuition table td.light, #en_tuition table tr.light td {
	background:#e5e5e5;
}
#en_tuition .box1, #en_tuition .box2, #en_tuition .box3, #en_tuition .box4 {
	float:left;
	width:800px;
	margin-bottom:30px;
	background:url(../img/quality_bg_full.gif);
}
#en_tuition .box2 {
	background:url(../img/quality_bg.gif);
}

#en_tuition .box2 p {
	padding:0px 6px 0px 6px;
	margin:0px 30px 1em 30px;
}
#en_tuition .box2 p.top {
	padding:0px;
	margin:0px;
	height:5px;
	background:#e6f8ff url('../img/quality_top.gif') repeat-x;
}
#en_tuition .box2 p.btm {
	margin:0px 0px 0px 0px;
	padding:0px;
	float:left;
	background:url('../img/quality_btm.gif') repeat-x;
}
#en_tuition .box2 p.text01 {
	background:#e6f8ff;
	padding:3px 0px 6px 0px;
	margin:0px 0px 5px 0px;
	text-align:center;
	font-weight:bold;
	color:#005b92;
	border-bottom:1px solid #8bc5df;
}
#en_tuition .box2 p.button {
	border:1px solid #005b92;
	padding:4px;
	text-align:center;
	background-color:#f2f2f2;
}
#en_tuition .box2 div.left {
	float:left;
	display:inline;
	width:386px;
	margin:0px 22px 0px 2px;
}
#en_tuition .box2 div.right {
	float:left;
	display:inline;
	width:386px;
	margin:0px 0px 0px 2px;
}

#en_tuition .box3 div {
	margin:0px 55px 0px 55px;
}
#en_tuition .box3 p.btm {
	margin:20px 0px 0px 0px;
}
#en_tuition .box1 h3 {background-image:url(../img/tuition/tuition01_freetime.gif);}
#en_tuition .box2 h3 {background-image:url(../img/tuition/tuition02_freetime.gif);}
#en_tuition .box3 h3 {background-image:url(../img/tuition/tuition03_freetime.gif);}
#en_tuition .box4 h3 {background-image:url(../img/tuition/tuition04_freetime.gif);}
#en_tuition .box4 div {
	margin:0px 55px 0px 55px;
}
#en_tuition .box4 p.btm {
	margin:20px 0px 0px 0px;
}
/* --- trial --- */
#en_tuition div.header-image {
	position:relative;
	background:url(/site/img/trial/trial_banner.gif) no-repeat;
	width:800px;
	height:207px;
}
#en_tuition .trial1 {
	color:#b2243b;
	font-weight:bold;
	font-size:16px;
}
#en_tuition .trial2-1 {
	text-align:left;
	width:150px;
	padding:10px 20px;
	background:#eef0f8;
}
#en_tuition .trial2-1-1 {
	width:90px;
	text-align:left;
	background:#f8f8fc;
}
#en_tuition .trial2-1-2 {
	text-align:left;
	background:#f8f8fc;
}
#en_tuition .trial2-2 {
	text-align:left;
	padding:10px 20px;
	background:#f8f8fc;
}
#en_tuition .trial4 {
	border:1px solid #666;
	padding:8px 10px 8px 24px;
	margin-right:20px;
}
a.trial_banner_button {
	position:absolute;
	background:url(/site/img/trial/trial_banner_button.gif);
	width:181px;
	height:80px;
	right:30px;
	bottom:28px;
	text-indent:-9999px;
}
a.trial_banner_button:hover {
	position:absolute;
	background:url(/site/img/trial/trial_banner_button.gif);
	background-position:0px -80px;
	width:181px;
	height:80px;
	right:30px;
	bottom:28px;
	text-indent:-9999px;
}

/* --- --- */
.boxes {
	float:left;
	width:100%;
	background:url(../img/quality_bg_fade.gif) bottom left repeat-x;
	margin-bottom:20px;
}
.boxes p {
	margin:0px;
}
.boxes a {
	display:block;
	width:100px;
	line-height:25px;
	text-align:center;
	border:1px solid #006dae;
	color:#005b92;
	background:#f1fcfe;
	margin:0px 0px 0px 133px;
}
.boxes a:hover {
	color:#006dae;
	background:#d8f8fe;
	text-decoration:none;
}
.boxes .title {
	margin:12px 0px 0px 0px;
	color:#005b92;
	font-size:24px;
	line-height:25px;
	font-weight:bold;
	text-align:center;
}
.boxes .detail {
	margin:6px 0px 6px 0px;
	color:#b2243b;
	font-size:20px;
	line-height:33px;
	font-weight:bold;
	text-align:center;
}
.boxes .top {
	float:left;
	width:100%;
	height:5px;
	overflow:hidden;
	background:url(../img/quality_top.gif);
	margin:0px;
}
.boxes .btm {
	float:left;
	width:100%;
	height:5px;
	overflow:hidden;
	background:url(../img/quality_btm.gif);
	margin:0px;
}
.boxes .left {
	float:left;
	width:366px;
	padding:8px 12px 5px 12px;
	margin-right:20px;
}
.boxes .right {
	float:left;
	width:366px;
	padding:8px 12px 5px 12px;
}
/* --- --- */
#listen-header {
	position:relative;
	width:696px;
	height:84px;
	background:url(../img/listen/login_header.gif);
	margin:0 auto;
	text-indent:-9999px;
}
#listen-header a {
	position:absolute;
	display:block;
	width:121px;
	height:43px;
	left:554px;
	top:17px;
	text-indent:-9999px;		
}
#listen-header a:hover {
	background:url(../img/listen/login_h.gif);		
}
#listen {
	margin:0 auto;
	width:566px;		
}
.l-header {
	width:600px;
	padding:4px 0px 4px 0px;
	/*background:#ddd;*/
	border-bottom:1px solid #7fa0ae;
	font-size:18px;
	font-weight:bold;
	line-height:35px;
	color:#005275;
	margin:0 auto;
	font-family:ms gothic;
}
#listen-footer {
	position:relative;
	margin:0 auto;
	width:600px;
	height:100px;
	background:url(../img/listen/listen_footer.gif) no-repeat;
}
#listen-footer a {
	position:absolute;
	left:0px;
	top:0px;
	width:600px;
	height:89px;
	text-indent:-9999px;
}
#listen-footer a:hover {
	background:url(../img/listen/new_member_h.gif);
}
#listen ul {
	list-style:none;
	margin:10px 0px 0px 0px;
	padding:0px
}
#listen li {
	color:#005275;
	font-weight:bold;
	font-size:15px;
	line-height:33px;
	padding-left:40px;
	height:35px;
	overflow:hidden;
	background-position:0px -35px;
	background-repeat:no-repeat;
	margin-bottom:15px;
}
div.voice {border:1px solid #cccccc;margin-bottom:20px;float:left;padding:0px 20px 20px 20px;}
div.voice h2 {font-size:18px;font-weight:bold;color:#B2243B;background:url(../img/voice.gif) left center no-repeat;line-height:25px;padding:16px 0px 16px 75px;margin:0px 0px 20px 0px;border-bottom:1px solid #9FCBDF;}
div.voice h2 span{float:right}
div.voice img {float:left;margin:0px 20px 10px 0px;}


.menu-body {width:145px;border:solid #bfbfbf;border-width:0px 1px 0px 1px;padding:0px 4px 0px 4px;float:left;}
/*.menu-footer {position:relative;font-size:13px;width:155px;height:7px;overflow:hidden;background:url(../img/shop/content_footer.gif) -5px 0px;margin-bottom:15px}
.menu-footer div {position:absolute;overflow:hidden;top:0px;right:0px;width:5px;height:7px;background:url(../img/shop/content_footer.gif) 0px 0px no-repeat;}
*/
/* --- */
.content-top, .content-top-plain, .content-top-yellow, .content-top-blue {width:100%;height:5px;overflow:hidden;background:#F9FFEB url(../img/content_top_green.gif) no-repeat;}
.menu-header, .content-header, .content-header-plain, .content-header-yellow, .content-header-blue {position:relative;width:100%;height:28px;font-size:13px;overflow:hidden;background:#77B300 url(../img/content_header_green.gif) -5px 0px repeat-x;text-align:center;line-height:28px;color:#ffffff;float:left;font-weight:bold}
.menu-header div, .content-header div, .content-header-plain div, .content-header-yellow div, .content-header-blue div {position:absolute;overflow:hidden;top:0px;right:0px;width:5px;height:5px;background:url(../img/content_header_green.gif) 0px 0px no-repeat;}
.content-body, .content-body-plain, .content-body-yellow, .content-body-blue {width:603px;border:solid #77b300;border-width:0px 1px 0px 1px;padding:10px 10px 8px 10px;float:left;background:#F9FFEB;color:#000000;overflow:hidden;}
.menu-footer, .content-footer, .content-footer-plain, .content-footer-yellow, .content-footer-blue {position:relative;width:100%;height:7px;overflow:hidden;background:#FBFFF2 url(../img/content_footer_green.gif) -5px 0px no-repeat;margin-bottom:15px;float:left}
.menu-footer div, .content-footer div, .content-footer-plain div, .content-footer-yellow div, .content-footer-blue div {position:absolute;overflow:hidden;top:0px;right:0px;width:5px;height:7px;background:url(../img/content_footer_green.gif) 0px 0px no-repeat;}

/* --- */
.content-top-plain {background:#F5F5F5 url(../img/content_top.gif) no-repeat;}
.content-top-yellow {background:#fffbeb url(../img/content_top_yellow.gif) no-repeat;}
.content-top-blue {background:#ebf9ff url(../img/content_top_blue.gif) no-repeat;}

/* --- */
.menu-header {font-weight:normal}
.menu-header, .menu-header div, .content-header-plain, .content-header-plain div {color:#404040;background-color:#bfbfbf;background-image:url(../img/content_header.gif);}
.content-header-yellow, .content-header-yellow div {color:#402d00;background-color:#ffb400;background-image:url(../img/content_header_yellow.gif);}
.content-header-blue, .content-header-blue div {background-color:#007db3;background-image:url(../img/content_header_blue.gif);}

/* --- */
.content-body-plain {border-color:#bfbfbf;background:#F5F5F5}
.content-body-yellow {border-color:#ffb400;background:#fffbeb}
.content-body-blue {border-color:#007db3;background:#ebf9ff}

/* --- */
.menu-footer {background-color:#ffffff;background-image:url(../img/content_footer.gif);}
.content-footer-plain {background-color:#F5F5F5;background-image:url(../img/content_footer.gif);}
.content-footer-yellow {background-color:#fffbeb;background-image:url(../img/content_footer_yellow.gif);}
.content-footer-blue  {background-color:#ebf9ff;background-image:url(../img/content_footer_blue.gif);}

.menu-footer div {background:url(../img/content_footer.gif);}
.content-footer-plain div {background:url(../img/content_footer.gif);}
.content-footer-yellow div {background-image:url(../img/content_footer_yellow.gif);}
.content-footer-blue div {background-image:url(../img/content_footer_blue.gif);}

/* footer_common */
#footer_common {font-size:10px;color:#666;line-height:15px;}
#footer_common ul {text-align:left;margin:0;padding:0;}
#footer_common li.title {display:inline;list-style-type:none;color:#222;}
#footer_common li.menu {display:inline;list-style-type:none;}
#footer_common a {color:#555;}

/* --- COMMON --- */
.two-boxes, .one-box {float:left;margin-bottom:20px;width:800px;overflow:hidden}
.two-boxes {background:url(../img/quality_bg.gif);}
.one-box {background:url(../img/quality_bg_full.gif);}

.two-boxes p, .one-box p {padding:0px 0px 0px 12px;margin:0px;float:left;}
.two-boxes p {width:366px}
.one-box p {width:776px}

.two-boxes div, .one-box div {float:left;}

.two-boxes .top, .one-box .top {font-size:0;width:800px;height:5px;}
.two-boxes .top {background:url(../img/quality_top.gif) repeat-x;}
.one-box .top {background:url(../img/quality_top_full.gif) repeat-x;}

.two-boxes .btm, .one-box .btm {float:left;font-size:0;width:800px;height:5px;}
.two-boxes .btm {background:url(../img/quality_btm.gif) repeat-x;}
.one-box .btm {background:url(../img/quality_btm_full.gif) repeat-x;}


.two-boxes .left {padding:7px 44px 10px 12px;width:366px;}
.two-boxes .right {padding:7px 0px 10px 0px;width:366px;}

.two-boxes h3, .one-box h3 {float:left;margin:7px 0px 10px 0px;height:47px;text-indent:-9999px;overflow:hidden;background-repeat:no-repeat;background-position:12px 0px;}
.two-boxes h3 {width:366px;}
.one-box h3 {width:776px;}



/* --- CUSTOM --- */
.business-quality6 h3 {background-image:url(../img/en/business_quality6_header.gif);}
.freetime-quality7 h3 {background-image:url(../img/en/freetime_quality7_header.gif);}
.freetime-quality7, .business-quality6 {background:url(../img/en/freetime_quality7_bg.gif) bottom left no-repeat;}

h3.en-quality7, h3.en-quality8, h3.en-b-quality6, h3.en-b-quality7 {text-indent:-9999px;height:49px;background-position:top left;background-repeat:no-repeat;}

h3.en-quality7 {background-image:url(../img/en/quality7_h3.gif);}
h3.en-quality8 {background-image:url(../img/en/quality8_h3.gif);}

h3.en-b-quality6 {background-image:url(../img/en/qualityb6_h3.gif);}
h3.en-b-quality7 {background-image:url(../img/en/qualityb7_h3.gif);}