@charset "utf-8";


/* Common Parts ============================================================ */
#main h2{
background:url(/images/common/tt_bg.gif) no-repeat 0 0;
padding:4px 0 0 36px;
height:24px;
border-bottom:1px solid #6d7ea7;
}
#main h1,
#home #main h2{
background:#6d7ea7;
border-top:4px solid #5d6b9a;
padding:0;
height:auto;
border-bottom:none;
}
p.center{
	text-align:center;
}

.callan {
	width:630px;
	height:auto;
	margin:30px auto;
	padding:10px 20px;
	background-color: #E8E4F3;
	border-radius: 15px;
	}
.callan_img {
	width:170px;
	height:155px;
	float:right;
	margin:5px 0px 5px 10px;
	border:#FFF solid 2px;
	}

/* Header ============================================================ */
div#header{background:#b3b3b3 url(/images/common/header/header_bg01.gif) repeat-x 0 0;}
div#header div.inr{
width:950px;
padding:80px 0 5px;
margin:0 auto;
position:relative;
z-index:1;
background:url(/images/common/header/header_bg02.jpg) no-repeat 100% 0;
}
div#header p#logo{
position:absolute;
left:3px;
top:13px;
}
div#header p#copy{
position:absolute;
right:0;
top:36px;
width:395px;
height:35px;
text-indent:-9999px;
overflow:hidden;
}

#home div#header{background:url(/images/home/home_kv_bg.jpg) repeat-x 0 0;}
#home div#header div.inr01{background:url(/images/home/home_kv.jpg) no-repeat 50% 0;}
#home div#header div.inr02{
padding-top:361px;
width:950px;
margin:0 auto;
position:relative;
z-index:1;
background:url(/images/home/home_kv.jpg) no-repeat 50% 0;
padding-bottom:3px;
}

div#header ul#gnav{
border-right:1px solid #fdfdfd;
border-left:1px solid #c6c6c6;
}
div#header ul#gnav:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html div#header ul#gnav{display:inline-block;}/* for IE6 */ 
*:first-child+html div#header ul#gnav{display:inline-block;}/* for IE7 */

div#header ul#gnav li{float:left;}
div#header ul#gnav li dl{position:relative;}
div#header ul#gnav li dt a,
div#header ul#gnav li dt strong a{
display:block;
width:158px;
height:50px;
text-indent:-9999px;
overflow:hidden;
background:url(/images/common/header/gnav.gif) no-repeat;
}
div#header ul#gnav li#gnav01 dt a{background-position:0 0;}
div#header ul#gnav li#gnav02 dt a{background-position:-158px 0;}
div#header ul#gnav li#gnav03 dt a{background-position:-316px 0;}
div#header ul#gnav li#gnav04 dt a{background-position:-474px 0;}
div#header ul#gnav li#gnav05 dt a{background-position:-632px 0;}
div#header ul#gnav li#gnav06 dt a{background-position:-790px 0;}

div#header ul#gnav li#gnav01 dt a.cur{background-position:0 -50px;}
div#header ul#gnav li#gnav02 dt a.cur{background-position:-158px -50px;}
div#header ul#gnav li#gnav03 dt a.cur{background-position:-316px -50px;}
div#header ul#gnav li#gnav04 dt a.cur{background-position:-474px -50px;}
div#header ul#gnav li#gnav05 dt a.cur{background-position:-632px -50px;}
div#header ul#gnav li#gnav06 dt a.cur{background-position:-790px -50px;}

div#header ul#gnav li#gnav01 strong a{background-position:0 -100px!important;}
div#header ul#gnav li#gnav02 strong a{background-position:-158px -100px!important;}
div#header ul#gnav li#gnav03 strong a{background-position:-316px -100px!important;}
div#header ul#gnav li#gnav04 strong a{background-position:-474px -100px!important;}
div#header ul#gnav li#gnav05 strong a{background-position:-632px -100px!important;}
div#header ul#gnav li#gnav06 strong a{background-position:-790px -100px!important;}

div#header ul#gnav li dd{
position:absolute;
left:-2px;
display:none;
background:url(/images/common/header/drop_bg01.png) no-repeat 0 100%;
padding-left:10px;
}
div#header ul#gnav li dd div.drop01{
background:url(/images/common/header/drop_bg02.png) no-repeat 100% 100%;
padding-right:7px;
}
div#header ul#gnav li dd div.drop02{
background:url(/images/common/header/drop_bg03.png) repeat-x 0 100%;
padding-bottom:5px;
}
div#header ul#gnav li dd ul{
background-color:#FFF;
padding:5px 0;
}
div#header ul#gnav li dd li{float:none;}
div#header ul#gnav li dd li a{
display:block;
white-space:nowrap;
padding:2px 6px;
min-width:137px;
margin-right:-3px;
color:#475b88;
font-weight:bold;
text-decoration:none;
}
div#header ul#gnav li dd li a:hover{background-color:#d3def8;}

#breadcrumb{
padding:8px 5px 0;
color:#FFF;
word-spacing:3px;
}
#breadcrumb strong{font-weight:bold;}
#breadcrumb a{color:#FFF;}


/* Content ============================================================ */
#content{
background:#c9c9c9 url(/images/common/content_bg.jpg) repeat-x 0 0;
min-height:264px;
padding-bottom:17px;
padding-top:5px;
}



/* Key Visual ============================================================ */
#kv{
padding-right:637px;
width:321px;
height:296px;
position:relative;
z-index:0;
margin:0 auto 5px;
background:url(/images/common/kv/lnav_bg03.gif) no-repeat 0 8px;
}
#kv .inr{background:url(/images/common/kv/lnav_bg04.gif) repeat-y 5px 0;}
#kv p.pic{
position:absolute;
right:0;
top:0;
}
#kv .inr p{
background:url(/images/common/kv/lnav_bg01.gif) no-repeat 0 0;
padding:22px 0 0 20px;
height:75px;
}
#kv ul{
height:185px;
padding:0 6px 14px 5px;
background:url(/images/common/kv/lnav_bg02.gif) no-repeat 0 100%;
line-height:1.1;
}
#kv ul li a,
#kv ul li strong{
display:block;
padding:2px 0 2px 16px;
color:#FFF;
text-decoration:none;
}
#kv ul li.current_page_item,
#kv ul li strong{
background-color:#69758f;
border-left:8px solid #b4bac7;
}
#kv ul li.current_page_item a{
margin-left: -8px;
}
#kv ul li a:hover{background-color:#69758f;}

#kv ul.children{
	display:none;
}
#gnav02 ul.children{
	display:none;
}

/* Wrap ============================================================ */
#wrap{
background:url(/images/common/wrap_bg03.gif) repeat-y 0 0;
width:956px;
margin:0 auto;
}
#wrap .inr01{background:url(/images/common/wrap_bg01.gif) no-repeat 0 0;}
#home #wrap .inr01,
.others #wrap .inr01{background:url(/images/common/wrap_bg01_home.gif) no-repeat 0 0;}

#wrap .inr02{
background:url(/images/common/wrap_bg02.gif) no-repeat 0 100%;
padding:13px;
min-height:200px;
}
#wrap .inr02:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #wrap .inr02{display:inline-block;height:200px;}/* for IE6 */ 
*:first-child+html #wrap .inr02{display:inline-block;}/* for IE7 */

#main{
width:680px;
float:left;
}
#side{
width:240px;
float:right;
}

ul.banner{
	background:#ededed;
	border:solid 1px #c6c6c6;
	padding:6px 6px 0 6px;
	margin-bottom:10px;
}
ul.banner:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html ul.banner{display:inline-block;height:200px;}/* for IE6 */ 
*:first-child+html ul.banner{display:inline-block;}/* for IE7 */
ul.banner li{
	float:left;
	width:328px;
	display:inline-block;
	padding-bottom:10px;
	position:relative;
}
ul.banner li img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}
ul.banner li:hover img {
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
ul.banner li.mr10{
	margin-right:10px;
}
ul.banner li.toeic p{
color:#FFF;
text-align:center;
position:absolute;
left:120px;
top:70px;
font-size:14px;
font-weight:bold;
line-height:1.8;
cursor:pointer;
}
#side .sidebox2{
margin-top:0;
border:1px solid #c3c3c3;
padding:1px;
}
#side .sidebox2 h2{
background:url(/images/common/side/side_tt_bg.gif) repeat-x 0 0;
padding:0 6px;
}
.bannertop{
	margin-top:0;
}
/* Side ============================================================ */
#side #toeic{
width:296px;
height:135px;
position:relative;
margin-top:10px;
}
#side #toeic p{
width:210px;
color:#FFF;
text-align:center;
position:absolute;
left:15px;
top:104px;
font-size:14px;
font-weight:bold;
line-height:1.1;
cursor:pointer;
}
#side #twitter{
	margin-top:10px;
}
#side #newwords{
border:1px solid #adbccc;
margin-top:10px;
}
#side #newwords h2{background:url(/images/common/side/newwords_bg01.jpg) no-repeat 100% 0;}
#side #newwords .inr{
background:url(/images/common/side/newwords_bg03.gif) no-repeat 0 100%;
margin-left:8px;
padding-bottom:10px;
}
#side #newwords .inr table{
background:url(/images/common/side/newwords_bg02.jpg) no-repeat 100% 0;
width:100%;
}
#side #newwords .inr table th,
#side #newwords .inr table td{
padding-top:10px;
vertical-align:top;
line-height:1.2;
}
#side #newwords .inr table th{
width:5em;
padding-left:10px;
font-weight:normal;
}
#side #newwords .inr table td{
padding-right:18px;
padding-left:10px;
vertical-align:top;
}
#side #newwords p{
padding:5px 8px;
text-align:right;
line-height:1.1;
}
#side .sidebox{
border:1px solid #c3c3c3;
padding:1px;
margin-top:10px;
}
#side .sidebox h2{
background:url(/images/common/side/side_tt_bg.gif) repeat-x 0 0;
padding:0 6px;
}
#side #newvoice ul{margin:0 5px;}
#side #newvoice ul li{
padding-bottom:5px;
margin-bottom:5px;
border-bottom:1px dotted #b2b2b2;
vertical-align:top;
}
#side #newvoice dl{
position:relative;
padding-left:94px;
min-height:92px;
}
*html #side #newvoice dl{height:130px;}
#side #newvoice dl dt{font-weight:bold;}
#side #newvoice dl dd{font-size:93%;}
#side #newvoice dl dd.nationality{color:#888;}
#side #newvoice dl dd.nationality img{vertical-align:-.1em;}
#side #newvoice dl dd.pic{
position:absolute;
left:0;
top:0;
}
#side #newvoice dl dd.pic img{
padding:1px;
border:1px solid #ccc;
background-color:#FFF;
}
#side #newvoice p{
padding:0 6px 5px;
text-align:right;
line-height:1.1;
}
#side #update p{
padding:0 6px 5px;
text-align:right;
line-height:1.1;
}
#side #update table{
margin:0 6px;
}
#side #update table th,
#side #update table td{
padding-bottom:5px;
line-height:1.2;
}
#side #update table th{
white-space:nowrap;
padding-right:7px;
font-weight:normal;
vertical-align:top;
}
#side .banner{
margin-top:10px;
}
#side .banner2{
margin-top:10px;
}
#side p.banner2 a img{
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
}

#sid p.banner2 a:hover img{
filter:alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}


/* Footer ============================================================ */
#footer{
margin:8px 0 62px;
background:#55678d url(/images/common/footer/footer_bg02.gif) repeat-x 0 0;
border-top:1px solid #4b566e;
border-bottom:1px solid #7887a7;
color:#FFF;
}
#footer .inr{
min-height:350px;
width:950px;
margin:0 auto;
padding-top:1px;
background:url(/images/common/footer/footer_bg03.gif) no-repeat 50% 51px;
}
#footer .inr:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #footer .inr{display:inline-block;}/* for IE6 */ 
*:first-child+html #footer .inr{display:inline-block;}/* for IE7 */

#footer a{color:#FFF;}
#footer dl{
float:left;
width:634px;
padding:10px 0 20px;
}

#footer dl:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #footer dl{display:inline-block;}/* for IE6 */ 
*:first-child+html #footer dl{display:inline-block;}/* for IE7 */
#footer dt{
clear:left;
font-weight:bold;
font-size:108%;
padding-top:10px;
color:#d5dfff;
}

#footer dd ul li{
float:left;
margin:0 10px 0 0;
display:inline;
white-space:nowrap;
background:url(/images/common/footer/footer_ar01.gif) no-repeat 0 5px;
padding-left:17px;
min-height:15px;  
}

#footer div.list{
float:right;
width:300px;
margin-top:20px;
}
#footer div.list ul{margin-bottom:10px;}
#footer div.list ul li{
background:url(/images/common/footer/footer_ar02.gif) no-repeat 0 6px;
padding-left:14px;
min-height:16px;
}
#footer div.list p{
margin-top:20px;
font-size:86%;
}

#footer div.list p#footertel{margin-top:10px; font-size:15px;}

/* Fixed Bar ============================================================ */
#fixedbar{
position:fixed;
width:100%;
left:0;
bottom:0;
z-index:100;
background:url(/images/common/fixedbar/fixedbar_bg.png) repeat-x 0 0;
height:54px;
}
#fixedbar .inr{
width:950px;
margin:0 auto;
padding-top:8px;
position:relative;
}
#fixedbar .inr:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #fixedbar .inr{display:inline-block;}/* for IE6 */ 
*:first-child+html #fixedbar .inr{display:inline-block;}/* for IE7 */

#fixedbar p#footlogo{float:left;}

#fixedbar ul#language{
float:left;
padding:9px 0 0 80px;
}
#fixedbar ul#language:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #fixedbar ul#language{display:inline-block;}/* for IE6 */ 
*:first-child+html #fixedbar ul#language{display:inline-block;}/* for IE7 */

#fixedbar ul#language li{
float:left;
display:inline;
margin-left:2px;
}
#fixedbar ul#language li a,
#fixedbar ul#language li strong{
display:block;
width:26px;
height:22px;
overflow:hidden;
text-indent:-9999px;
background:url(../images/common/fixedbar/language_bt.gif) no-repeat;
}
#fixedbar ul#language li#lang-en a{background-position:0 0;}
#fixedbar ul#language li#lang-ja a{background-position:-26px 0;}
#fixedbar ul#language li#lang-kr a{background-position:-52px 0;}
#fixedbar ul#language li#lang-ch a{background-position:-77px 0;}

#fixedbar ul#language li#lang-en a:hover{background-position:0 -22px;}
#fixedbar ul#language li#lang-ja a:hover{background-position:-26px -22px;}
#fixedbar ul#language li#lang-kr a:hover{background-position:-52px -22px;}
#fixedbar ul#language li#lang-ch a:hover{background-position:-77px -22px;}

#fixedbar ul#language li#lang-en strong{background-position:0 -44px;}
#fixedbar ul#language li#lang-ja strong{background-position:-26px -44px;}
#fixedbar ul#language li#lang-kr strong{background-position:-52px -44px;}
#fixedbar ul#language li#lang-ch strong{background-position:-77px -44px;}

#fixedbar ul#footnavi{float:right;}
#fixedbar ul#footnavi:after{content: ".";display:block;visibility:hidden;height:0;font-size:0;line-height:0;clear:both;}/* clearfix */
*html #fixedbar ul#footnavi{display:inline-block;}/* for IE6 */ 
*:first-child+html #fixedbar ul#footnavi{display:inline-block;}/* for IE7 */

#fixedbar ul#footnavi li{
width:130px;
float:left;
}
#fixedbar ul#footnavi li a{
display:block;
width:130px;
height:41px;
text-indent:-9999px;
overflow:hidden;
outline:none;
background:url(/images/common/fixedbar/fixebar_bt.gif) no-repeat;
}
#fixedbar ul#footnavi li.bt01 a{background-position:0 0;}
#fixedbar ul#footnavi li.bt02 a{background-position:-130px 0;}
#fixedbar ul#footnavi li.bt03 a{background-position:-260px 0;}
#fixedbar ul#footnavi li.bt04 a{background-position:-390px 0;}
#fixedbar ul#footnavi li.bt05 a{background-position:-520px 0;}
#fixedbar ul#footnavi li.bt01 a:hover{background-position:0 -41px;}
#fixedbar ul#footnavi li.bt02 a:hover{background-position:-130px -41px;}
#fixedbar ul#footnavi li.bt03 a:hover{background-position:-260px -41px;}
#fixedbar ul#footnavi li.bt04 a:hover{background-position:-390px -41px;}
#fixedbar ul#footnavi li.bt05 a:hover{background-position:-520px -41px;}

#fixedbar p#pagetop{
position:absolute;
top:12px;
right:-37px;
display:none;
}
#fixedbar p#pagetop a{
display:block;
text-indent:-9999px;
overflow:hidden;
outline:none;
width:32px;
height:32px;
background:url(/images/common/fixedbar/pagetop_bt.gif) no-repeat 0 0;
}
#fixedbar p#pagetop a:hover{background-position:-32px 0;}

/*Not found page*/
#post-0 .entry-title{
	padding:30px 0 10px 20px;
	color:#475B88;
	font-weight:bold;
	font-size:18px;
	line-height:2.3em;
}
#post-0 .entry-title img{
	padding-right:10px;
}
#post-0 .entry-content{
	padding:10px 40px;
	color:#475B88;
}

#post-0 .entry-content p{
	padding-bottom:10px;
	
}

#post-0 .entry-content ul{
	padding:20px 0;
	background-color:#FFF;
	height:60px;
}
#post-0 .entry-content li{
	float:left;
	padding-right:10px;
	text-align:center;	
}
#post-0 .entry-content a{
	text-decoration:none;
}

/* ==== START Facebook Tab ==== */
#fbtab{
background: url("/images/home/facebook.png") no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:95px;
height:122px;
width:37px;
margin:0;
padding:0;
position:fixed;
z-index:5000;}
#fbtab a{display:block;
  width:100%;
  height:100%;}
/* ==== END Facebook Tab ==== */

/* ==== START Facebook Tab ==== */
#trialtab{
background: url("/images/home/experience.png") no-repeat; /* Path to Image */
right:1px;  /* change this to left: 1px; to put it on the left of the screen */
top:220px;
height:132px;
width:37px;margin:0;
padding:0;
position:fixed;
z-index:5000;}
#trialtab a{display:block;
  width:100%;
  height:100%;}
/* ==== END Facebook Tab ==== */