@charset "utf-8";
/* ============================================================
table of contents

1.title
2.index
3.other
	3-1-1.mantoman
	3-1-2.lessonplan
	3-1-3.instructor
	3-1-4.textbook
	3-2-1.easy
	3-2-2.review
	3-2-3.selectable
	3-2-4.relax
	3-3-1.counsellor
	3-3-2.quality
	3-3-3.fm

============================================================ */

.aboutgaba #main {
	float: right;
	width: 706px;
	padding: 0 10px 60px 0;
}

/******************************************
	1.title
******************************************/
#index #pageTtl {
	background: url(/aboutgaba/img/bg_h1_index.jpg) center center no-repeat;
}
#mantoman #pageTtl {
	background: url(/aboutgaba/img/bg_h1_mantoman.jpg) center center no-repeat;
}
#lessonplan #pageTtl {
	background: url(/aboutgaba/img/bg_h1_lessonplan.jpg) center center no-repeat;
}
#instructor #pageTtl {
	background: url(/aboutgaba/img/bg_h1_instructor.jpg) center center no-repeat;
}
#textbook #pageTtl {
	background: url(/aboutgaba/img/bg_h1_textbook.jpg) center center no-repeat;
}
#beginner #pageTtl {
	background: url(/aboutgaba/img/bg_h1_beginner.jpg) center center no-repeat;
}
#seminar #pageTtl {
	background: url(/aboutgaba/img/bg_h1_seminar.jpg) center center no-repeat;
}
#easy #pageTtl {
	background: url(/aboutgaba/img/bg_h1_easy.jpg) center center no-repeat;
}
#review #pageTtl {
	background: url(/aboutgaba/img/bg_h1_review.jpg) center center no-repeat;
}
#selectable #pageTtl {
	background: url(/aboutgaba/img/bg_h1_selectable.jpg) center center no-repeat;
}
#relax #pageTtl {
	background: url(/aboutgaba/img/bg_h1_relax.jpg) center center no-repeat;
}
#counsellor #pageTtl {
	background: url(/aboutgaba/img/bg_h1_counsellor.jpg) center center no-repeat;
}
#quality #pageTtl {
	background: url(/aboutgaba/img/bg_h1_quality.jpg) center center no-repeat;
}
#fm #pageTtl {
	background: url(/aboutgaba/img/bg_h1_fm.jpg) center center no-repeat;
}

#main h2 {
	margin-bottom:20px;
	background:url(/common/img/bg_h2_top.gif) left top no-repeat;
	padding: 5px 0 0 0;
	width: 696px;
}
#main h2 span {
	color:#118029;
	font-size: 203%;
	background:url(/common/img/bg_h2_bottom.gif) left bottom no-repeat;
	padding: 0 20px 6px 20px;
	display: block;
	line-height: 1.2;
}
#main h3 {
	clear: both;
	margin-bottom:24px;
	background:#00690D url(/common/img/bg_h2.gif) left center no-repeat;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	padding:9px 22px;
	font-size: 138.5%;
	font-weight: bold;
	color:#FFFFFF;
	behavior: url(/common/css/PIE.htc);/* for IE */
 *position:relative;
	width: 652px;
}
#main h4 {
	clear: both;
	background-color:#D8EEBF;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	padding:6px 13px;
	font-size: 131%;
	font-weight: bold;
	color:#003300;
	behavior: url(/common/css/PIE.htc);/* for IE */
 *position:relative;
 margin: 0 0 18px 12px;
 width: 646px;
}
#main h4 a {
	background: url(/common/img/icon_h3link.gif) left center no-repeat;
	padding-left: 20px;
	color: #003300;
}
#main h5 {
	clear: both;
	background: url(/common/img/bg_dotline.gif) left bottom repeat-x;
	padding-bottom:4px;
	margin-bottom:18px;
	color:#666666;
	font-weight: bold;
}
#main h5 span {
	border-left:4px solid #B2B4BF;
	padding-left:8px;
}


/******************************************
	2.index
******************************************/

#index #main #ftLink {
	clear: both;
	background: url(/aboutgaba/img/index_bg_feature.png) left bottom no-repeat;
	width: 696px;
	height: 438px;
	overflow: hidden;
	margin-bottom: 15px;
	position: relative;
}
#index #main #ftLink .fl01 {
	position: absolute;
	top: 0;
	left: 2px;
}
#index #main #ftLink .fl02 {
	position: absolute;
	top: 43px;
	left: 234px;
}
#index #main #ftLink .fl03 {
	position: absolute;
	top: 0;
	left: 474px;
}
#index #main .weekBtn {
	text-align: right;
	margin-bottom: 35px;
	width: 696px;
}
#index #main .section {
	clear: both;
	width: 696px;
	margin-bottom: 0px;
	padding-bottom: 20px;
	float: left;
	background: url(/aboutgaba/img/index_bg_section.gif) left bottom no-repeat;
}
#index #main .lastChild {
	margin-bottom: 60px;
}
#index #main .section h3 {
	clear: both;
	margin: 0;
	background: none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius: 0px;
	padding: 0;
	width: 696px;
}
#index #main .section p {
	padding: 20px 23px;
}
#index #main .section ul {
	padding: 0 3px 0 23px;
}
#index #main .section li {
	width: 318px;
	float: left;
	margin-right: 12px;
	margin-bottom: 15px;
}
#index #main .section li a {
	border: #CDCDCD 1px solid;
	display: block;
	margin-bottom: 5px;
}
#index #main .section li a img {
	border: #FFFFFF 2px solid;
}
#index #main .next {
	clear: both;
	text-align: center;
	padding: 10px;
	width: 676px;
}


/******************************************
	3.other
******************************************/
#main #tab {
	padding-bottom: 24px;
}
#main #tab li {
	display: inline;
}
/* otherCtgy */
#main #otherCtgy {
	clear: both;
	width: 696px;
	float: left;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
    border-radius: 4px;
	background:#F9F9F4;
	behavior: url(/common/css/PIE.htc);/* for IE */
 *position:relative;
 margin-bottom: 24px;
 padding-bottom: 12px;
}
#main #pageNav {
	float: left;
	width: 676px;
	font-size: 108%;
	font-weight: bold;
	padding: 10px;
	border-bottom: #DADABA 1px solid;
	overflow: hidden;
}
#main #pageNav li.prev {
	float: left;
	width: 45%;
}
#main #pageNav li.prev a {
	background: url(/aboutgaba/img/icon_prev.gif) left center no-repeat;
	padding: 5px 5px 5px 28px;
	display: inline-block;
}
#main #pageNav li.next {
	float: right;
	width: 45%;
	text-align: right
}
#main #pageNav li.next a {
	background: url(/aboutgaba/img/icon_next.gif) right center no-repeat;
	padding: 5px 28px 5px 5px;
	display: inline-block;
}
#main #otherLink {
	clear: both;
	border-top: #FFFFFF 1px solid;
	padding: 10px 0 10px 12px;
}
#main #otherLink dl {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
  border-radius: 4px;
	background:#FFFFFF;
	behavior: url(/common/css/PIE.htc);/* for IE */
 *position:relative;
 
	float: left;
	width: 208px;
	padding: 4px;
	margin-right: 12px;
  *border-radius: 0px;
}
#main #otherLink dl.lastChild {
	margin-right: 0;
}
#main #otherLink dl dt {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
    border-radius: 3px;
	background:#118029;
	behavior: url(/common/css/PIE.htc);/* for IE */
 *position:relative;
 padding: 4px;
 text-align: center;
 font-weight: bold;
 color: #FFFFFF;
 margin-bottom: 5px;
}
#main #otherLink dl dd {
	padding: 3px 6px;
}
#main #otherLink dl dd a {
	margin: 0;
	background: url(/common/img/icon_link.gif) left 4px no-repeat;
	padding: 0 0 0 18px;
	display: inline-block;
}
#mantoman #main #otherLink dl .mantoman a,
#lessonplan #main #otherLink dl .lessonplan a,
#instructor #main #otherLink dl .instructor a,
#textbook #main #otherLink dl .textbook a,
#beginner #main #otherLink dl .beginner a,
#easy #main #otherLink dl .easy a,
#review #main #otherLink dl .review a,
#selectable #main #otherLink dl .selectable a,
#relax #main #otherLink dl .relax a,
#counsellor #main #otherLink dl .counsellor a,
#quality #main #otherLink dl .quality a,
#fm #main #otherLink dl .fm a {
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
/* mygabaDetail = /aboutmygaba/index.html */
#main .mygabaDetail {
	display: none;
}
/******************************************
	3-1-1.mantoman
******************************************/
#mantoman #main .txt {
	float: left;
	width: 325px;
	margin-bottom: 24px;
}
#mantoman #main .pic {
	float: right;
	margin-bottom: 24px;
}


/******************************************
	3-1-2.lessonplan
******************************************/
#lessonplan #main .block .txt {
	float: left;
	width: 375px;
	margin-bottom: 24px;
}
#lessonplan #main .step .txt {
	width: 425px;
	margin-bottom: 0px;
}
#lessonplan #main .step4 .txt {
	width: 425px;
	margin-bottom: 24px;
}
#lessonplan #main .block .pic {
	float: right;
	margin-bottom: 24px;
}
#lessonplan #main .step .pic {
	margin-bottom: 0px;
}
#lessonplan #main .step4 .pic {
	margin-bottom: 24px;
}
#lessonplan #main p.next {
	clear: both;
	text-align: center;
}

/* exArea = /lesson/price.html */
#main #exArea dl {
	clear: both;
	margin-bottom: 24px;
	*zoom: 1; /*forIE6,7*/
}
#main #exArea dl:after {
	content: "";
	display: block;
	clear: both;
}
#main #exArea dt {
	font-size: 123.1%;
	font-weight: bold;
	padding: 10px 50px;
}
#main #businessLink dt {
	background: url(/charge/img/icon_business.gif) left top no-repeat;
}
#main #dailyLink dt {
	background: url(/charge/img/icon_daily.gif) left top no-repeat;
}
#main #travelLink dt {
	background: url(/charge/img/icon_travel.gif) left top no-repeat;
}

#main #exArea dd {
	clear: both;
	float: left;
	width: 636px;
	padding: 12px 0 0 12px;
	*padding: 12px 0 12px 12px;
	background: url(/common/img/bg_dotline.gif) left top repeat-x #F9F9F4;
}

#main #exArea li {
 width: 200px;
 margin: 0 12px 12px 0;
 _margin: 0 8px 12px 0;
 float: left;
 zoom:1;
}
#main #businessLink li {
	background: url(/charge/img/bg_businesslink_top.gif) left top no-repeat;
}
#main #dailyLink li {
	background: url(/charge/img/bg_dailylink_top.gif) left top no-repeat;
}
#main #travelLink li {
	background: url(/charge/img/bg_travellink_top.gif) left top no-repeat;
}
#main #businessLink li:hover {
	background: url(/charge/img/bg_businesslink_top_on.gif) left top no-repeat;
}
#main #dailyLink li:hover {
	background: url(/charge/img/bg_dailylink_top_on.gif) left top no-repeat;
}
#main #travelLink li:hover {
	background: url(/charge/img/bg_travellink_top_on.gif) left top no-repeat;
}

#main #exArea li a {
	display: block;
	padding: 20px 10px;
	color: #333333;
	text-decoration: none;
	zoom: 1;
}
#main #businessLink li a {
	background: url(/charge/img/bg_businesslink_bottom.gif) left bottom no-repeat;
}
#main #dailyLink li a {
	background: url(/charge/img/bg_dailylink_bottom.gif) left bottom no-repeat;
}
#main #travelLink li a {
	background: url(/charge/img/bg_travellink_bottom.gif) left bottom no-repeat;
}
#main #businessLink li a:hover {
	color: #1E5875;
	background: url(/charge/img/bg_businesslink_bottom_on.gif) left bottom no-repeat;
}
#main #dailyLink li a:hover {
	color: #D35501;
	background: url(/charge/img/bg_dailylink_bottom_on.gif) left bottom no-repeat;
}
#main #travelLink li a:hover {
	color: #4D980E;
	background: url(/charge/img/bg_travellink_bottom_on.gif) left bottom no-repeat;
}

#main span.stepColor {
	color: #00AF28;
}

/******************************************
	3-1-3.instructor
******************************************/
#instructor #main h5 {
	clear: both;
	background: url(/common/img/bg_dotline.gif) left bottom repeat-x;
	padding-bottom:4px;
	margin-bottom:18px;
	color:#666666;
	font-weight: bold;
}
#instructor #main h5 span {
	border-left:4px solid #B2B4BF;
	padding-left:8px;
	font-size: 123.1%;
	display: block;
	color:#333333;
}
#instructor #main h5 span span.sub {
	border: none;
	display: inline-block;
	padding:0 2.0em 0 0;
	font-size: 70%;
	font-weight: normal;
}
#instructor #main .txt {
	float: right;
	width: 465px;
}
#instructor #main .pic {
	float: left;
}

#instructor #main #ist-list {
	font-size: 93%;
	text-align: right;
	margin-bottom: 12px;
}

#instructor #main .ist-2cont{
	float: left;
}

#instructor #main dl.ist-cont{
	float: left;
	margin-right: 9px;
	margin-bottom: 15px;
}

#instructor #main dl.Right-cont{
	margin-right: 0px;
}

#instructor #main dl.ist-cont{
	width: 154px;
}

#instructor #main dl.ist-cont dd{
	background: #E3F2E6;
	padding: 8px 8px 2px 8px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
}

#instructor #main dl.ist-cont dd b{
	font-size: 93%;
}

#instructor #main dl.ist-cont dd ul li{
	font-size: 85%;
	margin-left: 1em;
    text-indent: -1em;
}

#ist-day {
	clear:both;
	text-align: right;
}

/******************************************
	3-1-4.textbook
******************************************/
#textbook #main .txt {
	float: left;
	width: 330px;
	margin-bottom: 24px;
}
#textbook #main .pic {
	float: right;
	margin-bottom: 24px;
}
#textbook #main .pic p {
	margin-bottom: 0;
}

#textbook #main .section {
	width: 710px;
}
#textbook #main .onetopic {
	width: 224px;
	float: left;
	padding: 0 0 10px 0;
	margin: 0 12px 12px 0;
	_margin: 0 9px 12px 0;
	border-top: #00690D 3px solid;
	background: #F9F9F4;
}
#textbook #main .onetopic:hover a {
	text-decoration: none;
}
#textbook #main .onetopic h4 {
	clear: both;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius: 0px;
 _position:none;
	font-size: 123.1%;
	font-weight: bold;
	text-align: center;
	color:#333333;
	padding: 10px 5px;
	margin: 0 0 12px 0;
	background: url(/feel/img/bg_dotline.gif) left bottom repeat-x #F9F9F4;
	width: 214px;
}
#textbook #main .onetopic .txt {
	float: none;
	width: 100%;
	margin-bottom: 0;
}
#textbook #main .onetopic .txt p {
	margin-bottom: 1.0em;
	padding: 0 10px;
}
#textbook #main .onetopic .pic {
	float: none;
	margin-bottom: 5px;
	text-align: center;
}

#textbook #main .levelA,
#textbook #main .levelB,
#textbook #main .levelC,
#textbook #main .levelD,
#textbook #main .levelS {
	float:left;
/*	margin-bottom:24px;
	border-top:1px solid #999999;
	border-right:1px solid #999999;*/
}

#textbook #main .levelA div,
#textbook #main .levelB div,
#textbook #main .levelC div,
#textbook #main .levelD div,
#textbook #main .levelS div {
	float:left;
	margin-bottom:24px;
	border-top:1px solid #999999;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;

}
#textbook #main .levelA .level,
#textbook #main .levelB .level,
#textbook #main .levelC .level,
#textbook #main .levelD .level,
#textbook #main .levelS .level {
	clear:left;
	float:left;
	width: 320px;
}
#textbook #main .levelA .daily,
#textbook #main .levelB .daily,
#textbook #main .levelC .daily,
#textbook #main .levelD .daily {
	float:left;
	width: 160px;
}
#textbook #main .levelS .dailybiz {
	float:left;
	width: 320px;
	border-right:1px solid #999999;
}

#textbook #main .levelA .biz,
#textbook #main .levelB .biz,
#textbook #main .levelC .biz,
#textbook #main .levelD .biz {
	float:left;
	width: 160px;
	border-right:1px solid #999999;
}

#textbook #main .levelA h2,
#textbook #main .levelB h2,
#textbook #main .levelC h2,
#textbook #main .levelD h2,
#textbook #main .levelS h2 {
	margin-bottom:0;
	background:none;
	padding: 5px 0;
	width: auto;
	border-bottom:1px solid #999999;
	text-align:center;
}
#textbook #main .level h3 {
	clear: both;
	float:left;
	margin:0;
	padding:8px 0 0;
	background:none;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
    border-radius: 0px;
	width: 88px;
	text-align:center;
}
#textbook #main .levelA .level h2,
#textbook #main .levelB .level h2,
#textbook #main .levelC .level h2,
#textbook #main .levelD .level h2,
#textbook #main .levelS .level h2{
	background: #F9F9F4;
}
#textbook #main .levelA .daily h2,
#textbook #main .levelB .daily h2,
#textbook #main .levelC .daily h2,
#textbook #main .levelD .daily h2,
#textbook #main .levelS .dailybiz h2 {
	background: #D9EEBF;
}
#textbook #main .levelA .biz h2,
#textbook #main .levelB .biz h2,
#textbook #main .levelC .biz h2,
#textbook #main .levelD .biz h2 {
	background: #D1EAD5;
}
#textbook #main .levelA p,
#textbook #main .levelB p,
#textbook #main .levelC p,
#textbook #main .levelD p,
#textbook #main .levelS p {
	padding:8px;
	background-color:#FFFFFF;
}
#textbook #main .level p {
	float:left;
	width: 215px;
	margin:0;
	border-left:1px solid #999999;
}
#textbook #main .level p strong {
	font-size: 116%;
	display: block;
	line-height: 1.2;
	padding-bottom: 0.25em;
}
#textbook #main .levelA .level {
	background: #F9BD22;
}
#textbook #main .levelB .level {
	background: #83B9E4;
}
#textbook #main .levelC .level {
	background: #A5D92B;
}
#textbook #main .levelD .level {
	background: #CB954B;
}
#textbook #main .levelS .level {
	background: #FFE600;
}
#textbook #main .level h2.none,
#textbook #main .daily h2.none,
#textbook #main .biz h2.none {

}
#textbook #main .backLink {
	clear: both;
	margin: 5px 0 30px;
}

/******************************************
	3-1-5.beginner
******************************************/
#beginner #main .block .txt.graph  {
	float: left;
	width: 420px;
	margin-bottom: 24px;
}
#beginner #main .block .pic.graph  {
	float: right;
	width: 210px;
	margin-bottom: 24px;
}

#beginner #main .block .txt {
	float: left;
	width: 375px;
	margin-bottom: 24px;
}
#beginner #main .reason .txt {
	width: 425px;
	margin-bottom: 0px;
}

#beginner #main .block .pic {
	float: right;
	margin-bottom: 24px;
}
#beginner #main .reason .pic {
	margin-bottom: 0px;
}

#main em {
	font-weight: bold;
	font-style: normal;
	font-size: 123.1%;
}

/******************************************
	3-1-6.seminar
******************************************/
#seminar #main ul.list_merit li {
	background: url("/lesson/img/icon_arrow_orange.gif") no-repeat scroll left top rgba(0, 0, 0, 0);
	line-height: 18px;
	list-style: none outside none;
	margin-bottom: 9px;
	padding-left: 25px;
}

#seminar #main .txt {
	float: left;
	width: 330px;
	margin-bottom: 24px;
}
#seminar #main .pic {
	float: right;
	margin-bottom: 24px;
}
#seminar #main .pic p {
	margin-bottom: 0;
}

/******************************************
	3-2-1.easy
******************************************/
#easy #main .txt {
	float: left;
	width: 360px;
	margin-bottom: 24px;
}
#easy #main .pic {
	float: right;
	margin-bottom: 24px;
}
#easy #main .ac {
	text-align: center;
	padding: 24px 0;
}

/******************************************
	3-2-2.review
******************************************/

/* .hsList = /aboutmygaba/ */
#main .hsList {
	float: left;
	margin-bottom: 24px;
}
#main .hsList li {
	width: 208px;
	float: left;
	padding-right: 12px;
}
#main .hsList li strong {
	display: block;
}
#main .hsList li span {
	margin-top: 5px;
	border: #9A9A9A 1px solid;
	display: block;
}
#main .hsList li img {
	border: #FFFFFF 2px solid;
}

#review #main .ac {
	text-align: center;
	padding: 24px 0;
}

/******************************************
	3-2-3.selectable
******************************************/
#selectable #main .txt {
	float: left;
	width: 370px;
	margin-bottom: 24px;
}
#selectable #main .pic {
	float: right;
	margin-bottom: 24px;
}
#selectable #main .laList {
	float: left;
	margin-bottom: 24px;
}
#selectable #main .laList li {
	width: 206px;
	float: left;
	margin-right: 12px;
	border: #CCCCCC 1px solid;
}
#selectable #main .laList li img {
	border: #FFFFFF 2px solid;
}

/******************************************
	3-2-4.relax
******************************************/
#relax #main .txt {
	float: left;
	width: 330px;
	margin-bottom: 24px;
}
#relax #main .pic {
	float: right;
	margin-bottom: 20px;
	text-align: center;
}

/******************************************
	3-3-1.counsellor
******************************************/

#counsellor #main .txt {
	float: left;
	width: 360px;
	margin-bottom: 24px;
}
#counsellor #main .txtW {
	float: left;
	width: 410px;
	margin-bottom: 24px;
}
#counsellor #main .pic {
	float: right;
	margin-bottom: 24px;
}


/******************************************
	3-3-2.quality
******************************************/
#quality #main .txt {
	float: left;
	width: 425px;
	margin-bottom: 24px;
}
#quality #main .pic {
	float: right;
	margin-bottom: 24px;
}

/******************************************
	3-3-3.fm
******************************************/

#fm #main .block .txt {
	float: left;
	width: 435px;
	margin-bottom: 0;
}
#fm #main .block .pic {
	float: right;
	margin-bottom: 0;
}
#fm #main .block .pic p {
	text-align: center;
}
#fm #main p.next {
	clear: both;
	text-align: center;
}
#fmMovie {
    margin-bottom:15px;
}