@charset "UTF-8";

/* Default configurations
-------------------------------------------------------------------*/
* {
	font-family: "メイリオ",Meiryo,"ＭＳ ゴシック",'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size: 12px;
	line-height: 140%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	outline: none;
	vertical-align: middle;
}

body {
	background: #D9D9D0 url(../img/bg.gif) repeat-x;
}

b {
	font-weight: bold !important;
}

a {
	color: #004080;
	text-decoration: none;
	padding: 0 3px;
}

a:hover {
	background-color: #CCCCFF;
	background-color: rgba(204, 204, 255, 0.6);
	*background-color: #CCCCFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	padding: 0 3px;
	transition: 0.5s;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
}

a.no_deco {
	display: inline-block; /display: inline; /zoom: 1;
	padding: 0;
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}

a.no_deco:hover {
	background: none;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
}

a img {
	border: none;
}

ul li {
	list-style-type: none;
}

#contents span.br1 {
	display: block;
	height: 6px;
	_line-height: 6px;
}

#contents span.br2 {
	display: block;
	height: 10px;
	_line-height: 10px;
}

#contents span.underline1 {
	background: url(../img/underline1.gif) repeat-x bottom;
}

#contents span.underline2 {
	background: url(../img/underline2.gif) repeat-x bottom;
}

#contents span.underline3 {
	background: url(../img/underline3.gif) repeat-x bottom;
}


/* BASE
-------------------------------------------------------------------*/
#base {
	width: 800px;
	background-color: #FFF;
	border: 1px solid #666;
	margin: 85px auto 0px auto;
}

#wrap {
	float: left;
	background: url(../img/side_base.gif) repeat-y left;
	padding: 5px;
}


/* HEADER
-------------------------------------------------------------------*/
#header {
	position: relative;
	width: 800px;
	margin: 0 auto;
}

#header h1, #header h2 {
	display: inline-block; /display: inline; /zoom: 1;
	font-size: 10px;
	line-height: 18px;
	color: #999;
	padding: 0 8px;
}

#header #logo {
	clear: both;
	position: absolute;
	top: 20px;
	left: 8px;
}

#header #url {
	position: absolute;
	top: 30px;
	top: 31px\9;
	right: 8px;
}
#header #url #loginBtn {
	display: inline-block;
	width: 90px;
	height: 18px;
	background: #FFF url(../img/members_btn.gif) no-repeat left top;
}
#header #url #loginBtn:hover {
	background: #FFF url(../img/members_btn.gif) no-repeat left bottom;
}

#header #head_ul {
	position: absolute;
	top: 15px;
	right: 8px;
}

#header #head_ul li {
	display: inline;
}

#header #head_reg {
	position: absolute;
	top: 49px;
	top: 50px\9;
	right: 8px;
}


/* CONTENTS
-------------------------------------------------------------------*/
#top_img {
	background-color: #D9D9D0;
	padding: 5px;
}

#contents {
	width: 596px;
	float: right;
	margin: 0 0 0 17px;		/* for IE8 and FF */
	*margin: 0 0 0 0;		/* for IE7 and below */
}

#side {
	float: left;
	width: 175px;
	background-color: #DFDFD2;
	margin-left: 2px;
	_margin-left: 1px;
	padding-bottom: 3px;
}

#contents #c_pad {
	margin: 2px 7px !important;
	padding: 2px;
}

#contents h3 {
	height: 35px;
	background: #FFF url(../img/h3.gif) no-repeat left top;
	color: #000;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	margin: 5px 0 5px 2px;
	*margin: 3px 0 5px 2px;
	padding: 0px 0px 0px 25px;
}

#contents h4 {
	width: 97%;
	height: 24px;
	line-height: 27px;
	background: #DDD;
	border: 1px solid #CCC;
	border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	-o-border-radius: 8px 0 0 0;
	-ms-border-radius: 8px 0 0 0;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-shadow: 1px 1px 0px #EEE;
	margin: 5px 0 5px 3px;
	padding: 0 0 0 13px;
}

#contents h5 {
	width: 92%;
	height: 20px;
	line-height: 22px;
	background: #DEE;
	border: 1px solid #CEE;
	border-radius: 20px 500px 0 0/ 20px 20px 0 0;
	-moz-border-radius: 20px 500px 0 0/ 20px 20px 0 0;
	-webkit-border-radius: 20px 500px 0 0/ 20px 20px 0 0;
	-o-border-radius: 20px 500px 0 0/ 20px 20px 0 0;
	-ms-border-radius: 20px 500px 0 0/ 20px 20px 0 0;
	color: #899;
	font-size: 14px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #DFF;
	margin: 5px 0 5px 10px;
	padding: 0 0 0 20px;
}

#contents h6 {
	color: #333;
	font-size: 12px;
	height: 18px;
	line-height: 16px;
	font-weight: bold;
	background: #FFF url(../img/li.gif) no-repeat left center;
	margin: 0 0 0 20px;
	padding: 0 0 0 7px;
}

#contents p {
	line-height: 145%;
	margin: 0px 5px 10px 2px;
	padding: 2px 3px 2px 3px;
}

#contents p a {
	line-height: 20px;
}

#contents p strong {
	color: #333;
	font-weight: bold;
	line-height: 20px;
	background-color: #EDE;
}

#contents .chui_s {
	font-size: 10px;
}

#contents .chui_m {
	font-size: 12px;
}

#contents .fb {
	color: #000;
}

#contents .fr {
	color: #FF3300;
}

#contents .fg {
	color: #999;
}

#contents textarea {
	width: 45%;
	padding: 5px;
}

#contents .img_left {
	float: left;
	background-color: #FFF;
	margin: 0px 10px 10px 0px;
}

#contents .img_right {
	float: right;
	background-color: #FFF;
	margin: 0px 0px 10px 10px;
	border: 4px solid #004080;
}
#contents .list {
	margin-bottom: 5px;
}

#contents .list li {
	line-height: 25px;
	vertical-align: bottom;
	background: #F7F7F7 url(../img/li.gif) no-repeat 6px 11px;
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
	margin: 0 13px -1px 3px;
	padding: 0 0 0 15px;
}

#contents ul.list {
	margin-left: 5px;
}

#contents .list li a {
	line-height: 25px;
	text-decoration: none;
}

#contents .list li:hover {
	background-color: #FFF;
}

#contents ul.list li span#new {
	display: inline-block;
	width: 50px;
	height: 12px;
	background: url(../img/new.gif) no-repeat left center;
	margin: 0 0 0 10px;
}

#contents p.list_text {
	display: inline;
}

#contents p.list_link {
	display: block;
	float: right;
}

#contents #top_rank {
	text-align: center;
}

#contents #top_rank img {
	*margin: 0 0 -5px 0 !important;
}

/* Default table config
-------------------------------------------------------------------*/

#contents table {
	border-collapse: collapse;
	margin: 5px auto;
}

#contents table, td, th {
	border-color: #999;
	padding: 2px 3px;
}

#contents table caption {
	font-weight: bold;
}

#contents table span.ex {
	color: #999;
	font-size: 10px;
}


/* Common table
-------------------------------------------------------------------*/
#contents table.blue th {
	background: #2424BA url(../img/th_cal.gif) repeat-x;
	border: 1px solid #999;
	color: #FFF;
	text-align: center;
	line-height: 16px;
}

#contents table.blue td {
	background: url(../img/td_cal.gif) repeat-x;
	border: 1px solid #999;
	text-align: center;
	line-height: 16px;
	padding: 3
}

#contents table.td_left td {
	text-align: left;
}

#contents table.dashed {
	border-bottom: 1px dashed #999;
	margin-bottom: 10px;
}

#contents table.dashed th {
	border-top: 1px dashed #999;
	font-waight: bold;
	text-align: right;
	padding: 3px 10px 3px 20px;
}

#contents table.dashed td {
	border-top: 1px dashed #999;
	text-align: left;
	padding: 3px 20px 3px 10px;
}

#contents table.price {
	margin-top: -3px;
}

#contents table.price th {
	height: 40px;
	padding: 0 8px;
}

#contents table.price td {
	height: 30px;
	font-weight: bold;
	text-align: right;
	padding: 0 8px;
}

#contents table.price th span,
#contents table.price td span {
	color: #666;
	font-size: 11px;
	margin-left: 3px;
}


/* INDEX page
-------------------------------------------------------------------*/
table.sp_menu {
	width: 540px;
}

.sp_menu a {
	display: block;
	width: 150px;
	height: 50px;
	margin: 5px 0px;
}

.sp_menu a.sp1 {
	background: #FFF url(../img/bnr_1.gif) no-repeat left top;
}

.sp_menu a.sp2 {
	background: #FFF url(../img/bnr_2.gif) no-repeat left top;
}

.sp_menu a.sp3 {
	background: #FFF url(../img/bnr_3.gif) no-repeat left top;
}

.sp_menu a.sp4 {
	background: #FFF url(../img/bnr_4.gif) no-repeat left top;
}

.sp_menu a.sp5 {
	background: #FFF url(../img/bnr_5.gif) no-repeat left top;
}

.sp_menu a:hover {
	background-position: left bottom;
}


/* Twitter and RSS ul design
-------------------------------------------------------------------*/
#contents .rss li {
	line-height: 15px;
	background: #EEE url(../img/li.gif) no-repeat 8px 15px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 7px 10px 0 10px;
	padding: 10px 10px 10px 20px;
}


/* Twitter
-------------------------------------------------------------------*/
#contents #twitter_update_list span {
	background-image: none!important;
	padding: 0 0 0 0;
}

#contents #twitter_update_list a {
	display: block;
	text-align: right;
	line-height: 14px;
	margin: 0px;
}

#contents #twitter_update_list span a {
	display: inline;
	text-decoration: underline;
}

#contents #twitter_update_list span a[href^="http://twitpic.com/"] {
	display: block;
	text-align: left;
	margin: 5px 0 0 20px;
}

#contents #twitter_update_list span a[href^="http://twitpic.com/"]:before {
	content: url(../img/tw_pic.gif) " ";
}

#contents #twitter_update_list span a[href^="http://twitter.com/"]:after {
	content: " " url(../img/tw_chat.gif) "\A";
	white-space: pre;
}

#contents #twitter_update_list a:hover {
	background: #EEE;
}


/* RSS news
-------------------------------------------------------------------*/
#contents .rss ul li a.titlefield {
	display: block;
	font-size: 14px;
	font-weight: bold;
}

#contents .rss ul li a:hover {
	background: none;
}

#contents .rss ul li span.datefield {
	display: block;
	width: 100%;
	font-size: 11px;
	text-align: right;
	border-bottom: 1px solid #CCC;
	margin-bottom: -12px;
}

#contents div.demo span {
	font-size: 10px;
	color: #003399;
	font-weight: normal;
}

#contents .point ul {
	list-style-type: square;
	margin: 0px 10px 10px 15px;
}

#contents .point li {
	color: #FF0000;
	background: url(../img/li.gif) no-repeat left center;
	padding-left: 10px;
}

#contents .subjects dt {
	font-weight: bold;
	line-height: 20px;
	background: url(../img/check.gif) no-repeat left center;
	margin-left: 20px;
	_margin-left: 10px;
	padding-left: 25px;
}

#contents .subjects dd {
	margin: 0px 20px 10px 45px;
	_margin: 0px 15px 10px 35px;
}

#contents .subjects dd#file a {
	background: url(../img/li.gif) no-repeat 5px 6px;
	margin: 0px 40px 0px 0px;
	padding: 0 5px 0 13px;
}

#contents .subjects dd#file a:hover {
	background-color: #CCCCFF;
	text-decoration: none;
}


/* Tooltip for CV/Resume, Cover Letter
-------------------------------------------------------------------*/
/* Easy CSS Tooltip - by Koller Juergen [www.kollermedia.at] */
/*BG color is a must for IE6*/
#contents .tooltip span {
	display: none;
	padding: 5px;
	margin-left: 8px;
}

#contents #Lvl .tooltip span {
	margin: -50px 0 0 0px;
	width: auto!important;
}

#contents .tooltip:hover span {
	display: inline;
	position: absolute;
	width: 200px;
	background: #000;
	opacity: 0.7;
	color: #FFF;
	border: 1px solid #E3E3E3;
}

#contents .tooltip:hover span b {
	color: #FFF;
}

#contents .tip {
	width: 180px;
	text-align: right;
}

/* Boxes on VOICE page
-------------------------------------------------------------------*/
#contents .voice_man {
	position: relative;
	width: 550px;
	height: 140px;
	background: url(../img/man_voice.gif.png) no-repeat;
	text-align: left;
	margin: 0px 5px 10px 15px;
	_margin-left: 5px;
	padding: 0px;
}

#contents .voice_man .voice {
	width: 405px;
	height: 105px;
	border: 0px;
	line-height: 17px;
	margin: 0px 0px 0px 120px;
	padding: 10px 10px 5px 13px;
}

#contents .voice_man .name {
	position: absolute;
	top: 120px;
	left: 140px;
	width: 360px;
	border: 0px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}

#contents .voice_woman {
	position: relative;
	width: 550px;
	height: 140px;
	background: url(../img/woman_voice.gif.png) no-repeat;
	text-align: left;
	margin: 0px 5px 10px 15px;
	_margin-left: 5px;
}

#contents .voice_woman .voice {
	width: 405px;
	height: 105px;
	border: 0px;
	line-height: 17px;
	margin: 0px;
	padding: 10px 10px 5px 13px;
}

#contents .voice_woman .name {
	position: absolute;
	top: 120px;
	left: 20px;
	width: 360px;
	border: 0px;
	line-height: 16px;
	font-size: 13px;
	font-weight: bold;
	text-align: right;
}


/* Boxes on INSTRUCTORS page
-------------------------------------------------------------------*/
#contents .inst {
	float: left;
	position: relative;
	width: 270px;
	background: #FFF url(../img/box_bg.gif) repeat-x bottom;
	border: 1px solid #E3E3E3;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-o-border-radius: 10px;
	-ms-border-radius: 10px;
	margin: 5px 2px;
	_margin: 5px 4px 5px 0px;
	padding: 5px 3px 5px 3px;
}

#contents .inst h4 {
	width: 265px;
	height: 45px;
	background-color: #004080;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 45px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#contents .inst table {
	margin: 5px 0px 3px 0px;
}

#contents .inst table th {
	width: 135px;
	text-align: left;
}

#contents .inst table td {
	text-align: right;
}

#contents .inst table td#td_pic {
	width: 135px;
	background: #FFF url(../instructors/img/pola_pic_base.gif) no-repeat left 50%;
	text-align: center;
}

#contents .inst table td#td_pic span.pic_name {
	display: block;
	color: black;
	font-weight: bold;
	margin-top: 3px;
}


/* Boxes on TEXTBOOK page
-------------------------------------------------------------------*/
#contents .text_bk {
	float: left;
	position: relative;
	width: 270px;
	background: #FFF url(../img/box_bg.gif) repeat-x bottom;
	border: 1px solid #E3E3E3;
	margin: 5px;
	_margin: 5px 4px 5px 0px;
	padding: 3px;
}

#contents .text_bk h5 {
	width: 100%;
	height: 40px;
	background: #CCCCCC;
	border: none;
	border-radius: 0;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-o-border-radius: 0px;
	-ms-border-radius: 0px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	margin: 0px;
	padding: 5px 0 0 0;
}

#contents .text_bk table {
	margin: 5px 0px 3px 0px;
}


/* Boxes on SERVICES page
-------------------------------------------------------------------*/
#contents .service {
	float: left;
	height: 109px;
	width: 270px;
	position: relative;
	text-align: left;
	_margin-left: 3px;
	padding: 0px;
}

#contents .service p {
	width: 220px;
	line-height: 17px;
	margin: 29px 0px 10px 10px;
}

#contents .service0 {
	background: url(../img/service0.gif) no-repeat bottom;
	margin: 5px 5px 5px 20px;
	_margin: 5px 5px 5px 0px;
}

#contents .service1 {
	background: url(../img/service1.gif) no-repeat bottom;
	margin: 5px 5px 5px 0px;
}

#contents .service2 {
	background: url(../img/service2.gif) no-repeat bottom;
	margin: 5px 5px 5px 20px;
	_margin: 5px 5px 5px 0px;
}

#contents .service3 {
	background: url(../img/service3.gif) no-repeat bottom;
	margin: 5px 5px 5px 0px;
}

#contents .service4 {
	background: url(../img/service4.gif) no-repeat bottom;
	margin: 5px 5px 5px 20px;
	_margin: 5px 5px 5px 0px;
}

#contents .service5 {
	background: url(../img/service5.gif) no-repeat bottom;
	margin: 5px 5px 5px 0px;
}

#contents .service6 {
	background: url(../img/service6.gif) no-repeat bottom;
	margin: 5px 5px 5px 20px;
	_margin: 5px 5px 5px 0px;
}

#contents .service7 {
	background: url(../img/service7.gif) no-repeat bottom;
	margin: 5px 5px 5px 0px;
}


/* Tables on ONLINE TESTS pages
-------------------------------------------------------------------*/
#contents table.test1 {
	margin-bottom: -1px;
}

#contents table.test1 th {
	width: 40px;
	padding: 0px!important;
}

#contents table.test1 td {
	width: 499px;
	font-weight: bold;
	text-align: left;
	padding: 2px 4px 2px 4px;
}

#contents table.test2 {
	margin-top: 0px;
}

#contents table.test2 th {
	width: 40px;
	padding: 0px!important;
}

#contents table.test2 td {
	width: 120px;
	text-align: left;
}

#contents table.test3 {
	margin-top: 0px;
}

#contents table.test3 th {
	width: 40px;
	padding: 0px!important;
}

#contents table.test3 td {
	text-align: left;
}

#contents table.test4 {
	width: 550px;
}

#contents table.test4 th {
	width: 40px;
	padding: 0px!important;
}

#contents table.test4 td {
	text-align: left;
}

#contents table.test5 {
	width: 550px;
	margin-top: -2px;
}

#contents table.test5 th {
	width: 40px;
	padding: 0px!important;
}

#contents table.test5 td {
	width: 205px;
	text-align: left;
}

#contents input.ts {
	height: 20px;
	vertical-align: middle;
}


/* Tables on INSTRUCTORS page
-------------------------------------------------------------------*/
#contents #message {
	background: url(../instructors/img/back_paper.jpg) no-repeat;
	width: 562px;
	height: 817px;
	margin: 10px 0px 0px 15px;
	_margin: 10px 0px 0px 6px;
}

#contents #message table.outer_message {
	width: 515px;
	margin: 0px 0px 0px 20px;
}

#contents #message table th {
	font-family: "verdana","メイリオ","ＭＳ ゴシック",sans-serif;
	font-size: 15px;
	font-weight: bold;
}

#contents #message table th.ms_ttl {
	width: 325px;
	text-align: right;
	padding: 40px 50px 20px 0px;
}

#contents #message table th.ms_fot {
	text-align: right;
	padding: 50px 50px 0px 0px;
}

#contents #message table td {
	font-family: "verdana","メイリオ","ＭＳ ゴシック",sans-serif;
	font-size: 15px;
	vertical-align: top;
	padding: 0px 50px 0px 50px;
}

#contents #message table td.ms_pht {
	width: 130px;
	background: url(../instructors/img/pola_pic_base2.gif) no-repeat 7px 16px;
	text-align: center;
	padding: 0px 5px 0px 5px;
}

#contents #message table td.ms_dtl {
	padding-right: 5px;
}

#contents #message table.inner_message {
	margin-bottom: 30px;
}

#contents #message table.inner_message th {
	width: 160px;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	vertical-align: top;
}

#contents #message table.inner_message td {
	width: 300px;
	font-size: 14px;
	font-weight:bold;
	color: #004080;
	padding: 0px 0px 0px 5px;
}

#contents #message table.outer_message td.ms_pht img {
	width: 100px;
	height: 100px;
	margin: 53px 0 0 2px;

}

#contents #message table.outer_message td.ms_pht span.pic_name {
	display: block;
	color: black;
	font-weight: bold;
	margin-top: 3px;
}


/* Tables on ANALYTICS page
-------------------------------------------------------------------*/
#contents table.analy_outer {
	margin-bottom: 15px;
}

#contents table.analy_outer th {
	border: 1px solid #CCC;
}

#contents table.analy_outer td {
	border: 1px solid #CCC;
	padding: 0px !important;
}

#contents table.analy_inner {
	border: none;
	margin: 0px !important;
}

#contents table.analy_inner th {
	height: 30px;
	border: none;
	padding: 0px;
}

#contents table.analy_inner td {
	background: #E8EEF6 none;
	border: 0px;
	text-align: left;
}


/* Configs for STEPS page
-------------------------------------------------------------------*/

#contents #steps h4 {
	width: 500px;
	height: 50px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: left bottom;
	border: none;
	cursor: pointer;
	margin: 0px 0px 0px 30px;
	padding: 0;
}

#contents #steps h4#step1 {
	background-image: url(../img/step1a.gif);
}

#contents #steps h4#step2 {
	background-image: url(../img/step2a.gif);
}

#contents #steps h4#step3 {
	height: 30px;
	background-image: url(../img/step3a.gif);
}

#contents #steps h4.inactive {
	background-position: left top;
}

#contents #steps dl {
	margin: 5px 20px 10px 20px;;
}

#contents #steps dt {
	width: 200px;
	height: 20px;
	background: #DDDDDD;
	border-left: 6px solid #004080;
	margin: 0px 0px 2px 20px;
	padding: 4px 10px 0 13px;
	_padding-top: 6px;
}

#contents #steps dd {
	margin: 0px 30px 5px 30px;
}

#contents #steps dd#dwn {
	width: 20px;
	margin-left: 120px;
}

#contents #steps span {
	color: #FF0000;
}

#contents #steps a:hover {
	background: none;
	text-decoration: none;
}


/*- Tables on CALC page
-------------------------------------------------------------------*/
#contents table.calc {
	width: 565px;
	border: 1px solid #E3E3E3;
	margin-left: 0px;
}

#contents table.calc th {
	width: 95px;
	height: 50px;
}

#contents table.calc td {
	border: none;
	border-bottom: 1px solid #E3E3E3;
	text-align: left;
}

#contents table.calc td label {
	line-height: 20px;
}

#contents table#calc_rs * {
	margin: 0px;
	padding: 0px;
}

#contents ul.calc {
	width: 140px;
	height: 200px;
}

#contents ul.calc1 {
	background: url(../img/calc1_bk.gif) no-repeat;
}

#contents ul.calc2 {
	background: url(../img/calc2_bk.gif) no-repeat;
}

#contents ul.calc_down {
	background: url(../img/calc_down.gif) no-repeat;
	width: 87px;
	height: 200px;
}

#contents ul.calc0 li {
	width: 190px;
	height: 35px;
	line-height: 15px;
	font-size: 14px;
	font-weight: bold;
	color: #000;
	text-align: center;
	margin: 3px 5px 0px 5px!important;
	padding-top: 3px;
	border-bottom: 1px dashed #999;
}

#contents ul.calc0 li span {
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	color: #666;
}

#contents ul.calc li {
	width: 140px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
}

#contents ul.calc_down li {
	width: 87px;
	height: 38px;
	line-height: 38px;
	font-size: 18px;
	font-weight: bold;
	color: #004080;
	text-align: center;
	margin: 1px 0px 2px 0px;
}

#contents ul.calc0 li.th {
	font-size: 16px;
	color: #FF3300;
	line-height: 18px;
	padding: 2px 0px 3px 0!important;
}

#contents ul.calc_down li.td {
	font-size: 25px;
	margin-top: 82px!important;
	_margin-top: -10px!important;
}

#contents ul.calc1 li.td {
	color: #FFB300;
}

#contents ul.calc2 li.td {
	color: #FFCCFF;
}

#contents ul.calc li input {
	text-align: right;
	width: 110px;
	height: 38px;
	line-height: 38px;
	color: #FFF;
	font-family: "Tahoma",sans-serif;
	font-size: 20px;
	font-weight: bold;
	border: 0px solid red;
	background: none;
	margin: 1px 5px 1px 5px!important;
	_margin: -2px 5px 1px 5px!important;
}

#contents ul.calc_down li input {
	text-align: right;
	width: 75px;
	height: 38px;
	color: #004080;
	font-family: "Tahoma",sans-serif;
	font-size: 30px;
	font-weight: bold;
	border: 0px solid red;
	background: none;
	margin: 85px 1px 1px 1px!important;
}

#contents ul.calc1 li.td input {
	color: #FF6666;
	font-family: "Tahoma",sans-serif;
}

#contents ul.calc2 li.td input {
	color: #FFCCCC;
	font-family: "Tahoma",sans-serif;
}


/* Tables on OTHER_LANG page
-------------------------------------------------------------------*/
#contents table.lang {
	width: 230px;
	margin: 0px 10px 5px 10px;
	_margin: 0px 0px 10px 8px;
}


/* Tables on FAQ page
-------------------------------------------------------------------*/
#contents dl.faq {
	margin: 0 20px 5px 10px;
}

#contents dl.faq dt {
	line-height: 32px;
	background: #FFF url(../img/q.gif) no-repeat 2% 2px;
	_background-position: 2% 3px;
	font-size: 14px;
	color: #004080;
	border: 1px solid #FFF;
	padding: 0 10px 0 45px;
}

#contents dl.faq dt.faq_trigger {
	cursor: pointer;
}

#contents dl.faq dt:hover {
	background-color: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#contents dl.faq dd {
	background: #EEE url(../img/a.gif) no-repeat 2% 5px;
	font-size: 13px;
	line-size: 17px;
	margin: 0 0px 10px 10px;
	padding: 5px 10px 5px 45px;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#contents dl.faq dd span.ex {
	display: block;
	color: #004080;
	font-size: 11px;
	line-height: 12px;
	margin: 0 0 0 15px;
}

#contents dl.faq dd span.ex:first-letter {
	margin-left: -15px;
	border: 1px solid #FFF;
}


/* Tables on SITEMAP page
-------------------------------------------------------------------*/
#contents table.sitemap {
	width: 550px;
}

#contents table.sitemap tr {
	height: 20px;
}

#contents table.sitemap th {
	width: 150px;
}

#contents table.sitemap tr {
	width: 420px;
}


/* Configs for SITEMAPVIEW page
-------------------------------------------------------------------*/
#contents .site_view {
	float: left;
	width: 130px;
	margin: 3px 3px 10px 10px;
	_margin: 3px 3px 10px 5px;
	text-align: center;
}

#contents .site_view img {
	width: 120px;
}

#contents .site_view span {
	margin-top: 1px;
	font-weight: bold;
	line-height: 13px;
}


/* for pages of useful
-------------------------------------------------------------------*/
#contents table.useful {
	width: 550px;
}

#contents table.useful th {
	width: 130px;
	text-align: left;
	padding-left: 5px;
}

#contents table.useful td {
	width: 400px;
	padding-right: 0px;
}

#contents table.useful td.icon {
	width: 20px;
}


/* for pages of aboutus
-------------------------------------------------------------------*/
#contents table.aboutus th {
	padding-left: 0px;
}

#contents table.aboutus td {
	padding-right: 0px;
}


/* Tables on INQUIRY page
-------------------------------------------------------------------*/
#contents table.inquiry {
	width: 520px;
	border-bottom: none;
	margin-bottom: 0px;
}

#contents table.inquiry th {
	width: 140px;
	height: 20px;
	text-align: left;
	vertical-align: top;
	padding: 10px 0px 3px 30px;
}

#contents table.inquiry td {
	vertical-align: top;
}

#contents table.inquiry2 {
	width: 520px;
	margin-top: 0px;
}

#contents table.inquiry2 td {
	border-top: none;
	padding: 3px 2px;
}


/* Tables on POLICY and AGREEMENT page
-------------------------------------------------------------------*/
#contents table.helpdesk {
	margin-left: 80px;
}

#contents table.helpdesk th {
	text-align: left;
	border-bottom: 1px dashed #999;
}

#contents table.helpdesk td {
	font-size: 14px;
	font-weight: bold;
	padding-left: 20px;
}


/* Tables on COMPARE page
-------------------------------------------------------------------*/
#contents table.comp {
	margin: 0px auto 5px auto;
}

#contents table.comp th {
	height: 40px;
}

#contents table.comp span {
	font-weight: normal;
	display: block;
}

#contents table.comp th span {
	color: #999;
}

#contents table.comp td {
	height: 25px;
}

#contents td.hi {
	font-weight: bold;
	background: #FFFF66 url(../img/td_cal_y.gif) repeat-x !important;
}

#contents table.comp td.hihi {
	font-size: 15px;
	font-weight: bold;
	background: #990033 url(../img/td_cal_r.gif) repeat-x;
}


/* DL for Rules
-------------------------------------------------------------------*/
#contents dl.rule {
	margin: 0px 20px 0px 35px;
	font-weight: bold;
}

#contents dt {
	background: url(../img/li.gif) no-repeat left center;
	margin: 0px 0px 0px 10px;
	padding-left: 10px;
	font-weight: normal;
}

#contents dd {
	margin: 0px 0px 8px 30px;
	font-weight: normal;
}


/* Browser page
-------------------------------------------------------------------*/
#contents ul#instruction {
	margin-left: 20px;
	_margin-left: 10px;
}

#contents ul#instruction li#dir {
	margin-top: 5px;
}


/* PAN
-------------------------------------------------------------------*/
#contents #pan {
	height: 20px;
	border-bottom: 1px solid #E3E3E3;
	margin: 0px 0px 0px 0px;
	_margin-left: 0px;
}

#contents #pan ul {
	_margin-bottom: 0px;
}

#contents #pan li {
	display: inline;
	background: url(../img/pan_right.gif) no-repeat right center;
	margin: 0px;
	padding-right: 19px;
	padding-left: 3px;
}

#contents #pan li strong {
	font-weight: bold;
	background: #FFF none;
	text-decoration: none;
}


/* Lesson Map
-------------------------------------------------------------------*/
#contents #map_canvas {
	width: 100%;
	height: 449px;
	width: 350px;
	float: left;
	position: relative;
	z-index: 30 !important;
	margin: 0px 0px 5px 0;
	_margin: 0px 0px 5px 5px;		/* for IE6 */
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
}

#contents #locations {
	list-style: none;
	float: left;
	clear: both;
	width: 100%;
	margin: 0 0 5px 0;
	_margin: 0px 10px 5px 5px;		/* for IE6 */
	padding: 0px;
}

#contents #locations h2 {
	display: block;
	float: left;
	background: #DDD url(../img/down.gif) no-repeat 98% center;
	border: 1px solid #CCC;
	border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	-o-border-radius: 8px 0 0 0;
	-ms-border-radius: 8px 0 0 0;
	width: 98%;
	height: 25px;
	line-height: 25px;
	color: #666;
	text-shadow: 1px 1px 0px #EEE;
	font-weight: bold;
	margin: 5px 5px 5px 0;
	padding: 0 0 0 8px;
	cursor: pointer;
}

#contents #locations h2#blank {
	background: #FFF;
	border: none;
	height: 2px;
	margin: 0px 0px 5px 0px;
	cursor: default;
}

#contents #locations div.station {
	width: 100px;
	height: 25px;
	display: inline-block; /display: inline; /zoom: 1;
	margin: 0px -3px 6px 10px;
	*margin: 0px 1px 6px 10px;

}

#contents #locations div.station h3 {
	width: 100px;
	height: 21px;
	line-height: 21px;
	font-size: 14px;
	font-weight: normal;
	background: #DFF;
	border: 1px solid #CCC;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	color: #004080;
	text-align: center;
	margin: 0px;
	padding: 4px 0 0 0;
	cursor: pointer;
}

#contents #locations div.station:hover h3, #locations div.station.hover h3 {
	background: #FEE;
	color: red;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}

#contents #more-info {
	float: right;
	width: 195px;
	background: #DDD;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	_margin: 0px 4px 0px 0px;		/* for IE6 */
	padding: 5px 10px 5px 10px;
}

#contents #more-info * {
	position: relative;
	z-index: 40;
}

#contents #more-info h2 {
	display: block;
	width: 100%;
	color: #888;
	text-shadow: 1px 1px 0px #EEE;
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	margin: -1px 0px 1px -2px;
	paddign: 0px;
}

#contents #more-info div {
	height: 405px;
	background: #FFF;
	-moz-box-shadow: 0px 0px 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0px 0px 14px rgba(70, 49, 1, 0.5);
	margin-bottom: 5px;
	padding: 3px 3px 3px 3px;
}

#contents #more-info p {
	margin: 0px;
	paddign: 0px;
	font-weight: normal;
	line-height: 15px;
	font-size: 13px;
}

#contents #more-info span {
	margin: 0px 0px 5px -5px;
	_margin: 0px 0px 5px 0px;
	paddign: 0px;
	font: bold 16px Helvetica, Arial, Sans-Serif;
	color: #004080;
}

#contents #more-info img {
	float: left;
	margin: 0px 10px 5px 0px;
	width: 50px;
}

#contents #more-info img#button {
	width: 98%;
	margin: 0px;
	border: 2px solid #004080;
	-moz-box-shadow: 0px 0px 14px rgba(70, 49, 1, 0.5);
	-webkit-box-shadow: 0px 0px 14px rgba(70, 49, 1, 0.5);
}

#contents .longdesc {
	display: none;
}


/* RESUME/CV PAGER
-------------------------------------------------------------------*/
#contents ul#b_navi {
	display: inline-block; /display: inline; /zoom: 1;
	width: 560px;
}

#contents ul#b_navi li {
	display: inline;
	margin: 0px;
	padding: 0px;
}

#contents ul#b_navi li#prev {
	float: left;
}

#contents ul#b_navi li#next {
	float: right;
}


/* HOSPI PAGER
-------------------------------------------------------------------*/
#contents ul.hospi_arrow {
	height: 330px;
	background: url(../img/hosp_back.jpg) no-repeat right bottom;
}

#contents .hospi_arrow li {
	background: url(../img/li.gif) no-repeat 0px 6px;
	margin: 10px 10px 8px 15px;
	padding-left: 10px;
}

#contents ul li strong {
	font-weight: bold;
	background-color: #FFCCCC;
}

#contents #dialog_sample li {
	display: inline-block; /display: inline; /zoom: 1;
	width: 100px;
	height: 30px;
	line-height: 30px;
	background: #EEF;
	border: 1px solid #CCC;
	border-radius: 5px;
	font-weight: bold;
	text-align: center;
}

#contents #dialog_sample li.right_side {
	float: right;
	background: #FEF;
	*margin-top: -32px;
}

/*------------------------------------------------*/
#contents #dialog li.left_role,
#contents #dialog li.right_role {
	display: inline-block; /display: inline; /zoom: 1;
	background: #DDF;
	border: 1px solid #449;
	border-radius: 5px;
	width: 150px;
	height: 30px;
	line-height: 30px;
	color: #449;
	font-weight: bold;
	text-shadow: 1px 1px 0 #FFF;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 3px 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

#contents #dialog li.right_role {
	float: right;
	background: #FDF;
	border: 1px solid #949;
	color: #949;
	*margin-top: -57px;
}


#contents #dialog li.left span.tip {
	float: left;
	display: block;
	width: 25px;
	height: 33px;
	background: #EEF url(../img/dialog_left.gif) no-repeat left top;
	margin: 0 0 0 0;
	z-index: 5;
}

#contents #dialog li.left span.text {
	display: block;
	background: #EEF;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 0px 70px 10px 20px;
	*margin: -17px 70px 10px 20px;
	padding: 5px 10px 5px 10px;
	z-index: 4;
}

#contents #dialog li.right span.tip {
	float: right;
	display: block;
	width: 25px;
	height: 33px;
	background: #FEF url(../img/dialog_right.gif) no-repeat left top;
	margin: 0 0 0 0;
	z-index: 2;
	clear: both;
}

#contents #dialog li.right span.text {
	display: block;
	background: #FEF;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: 0px 20px 10px 70px;
	*margin: -17px 20px 10px 70px;
	padding: 5px 10px 5px 10px;
	z-index: 1;
}








/* BLOG PAGER
-------------------------------------------------------------------*/
#contents div.blog_page {
	border-top: 1px solid #CCC;
}

#contents div.blog_page table {
	margin-top: 5px;
}

#contents div.blog_page table th img {
	height: 14px;
	margin: 0px 7px 0px 7px;
}

#contents div.blog_page table td a {
	display: inline-block;
	text-align: center;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px 0px 5px 0px;
	-moz-border-radius: 5px 0px 5px 0px;
	-webkit-border-radius: 5px 0px 5px 0px;
	-o-border-radius: 5px 0px 5px 0px;
	-ms-border-radius: 5px 0px 5px 0px;
	padding: 0 5px;
}

#contents div.blog_page table td a:hover {
	color: #CCC;
	background: #004080;
	background: linear-gradient(top, #0C5F85, #0B5273 50%, #024869 51%, #003853);
	background: -moz-linear-gradient(top, #0C5F85, #0B5273 50%, #024869 51%, #003853);
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0C5F85), color-stop(.5, #0B5273), color-stop(.51, #024869), to(#003853));
	border: 1px solid #CCC;
	border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;
	-o-border-radius: 0px 5px 0px 5px;
	-ms-border-radius: 0px 5px 0px 5px;
}

#contents div.blog_page table td b {
	display: inline-block;
	text-align: center;
	color: #CCC;
	background: #004080;
	background: linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));
	border: 1px solid #BBB;
	border-radius: 0px 5px 0px 5px;
	-moz-border-radius: 0px 5px 0px 5px;
	-webkit-border-radius: 0px 5px 0px 5px;
	-o-border-radius: 0px 5px 0px 5px;
	-ms-border-radius: 0px 5px 0px 5px;
	padding: 0 5px;
}



#contents .arrow li {
	background: url(../img/li.gif) no-repeat 0px 6px!important;
	margin: 0px 10px 8px 30px;
	padding-left: 10px;
}

#contents .arrow li strong {
	background-color: #FFCCCC;
}


/* Blog Calender
-----------------------------------------------------------------*/
#contents .blog_entry {
	border: 1px solid #DDD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 0 0 15px 0;
	padding: 5px 0;
}

#contents  .blog_content {
	margin: 0px 8px 0px 8px;
}

#contents .blog_entry .blog_content .entry_date {
	width: 50px;
	height: 50px;
	float: left;
	background: url(../blog/img/Calender_bk.gif) no-repeat;
	margin: 0px 8px 0px -3px;
}

#contents .blog_entry .blog_content .entry_date span {
	width: 50px;
	position: absolute;
	font-family: 'Century Gothic';
	text-align: center;
}

#contents .blog_entry .blog_content .entry_date span.year {
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	padding-top: 5px;
}

#contents .blog_entry .blog_content .entry_date span.month {
	font-weight: bold;
	font-size: 13px;
	line-height: 13px;
	padding-top: 17px;
}

#contents .blog_entry .blog_content .entry_date span.day {
	height: 23px;
	font-weight: bold;
	font-size: 23px;
	line-height: 23px;
	padding-top: 27px;
}

#contents .blog_entry .blog_footer {
	text-align: right;
	clear: both;
	margin: 10px 5px 6px 5px;
}

#contents .blog_entry .blog_footer table {
	width: 420px;
	margin: 0px 0px 0px 140px;
}

#contents .blog_entry .blog_content strong {
	color: #333;
	font-weight: bold;
	line-height: 20px;
	background-color: #FFCCCC;
}

#contents .blog_entry .blog_content h4 {
	margin-left: -3px;
	margin-right: 5px;
}

#contents .blog_entry .blog_content h5 {
	margin-left: -3px;
	margin-right: 5px;
}

#contents div#to_top {
	dispaly: block;
	float: right;
}


/* SIDE MENU
-------------------------------------------------------------------*/
#side img {
	border: none;
}

.side_d {
	width: 160px;
	border: 1px solid #E3E3E3;
	background-color: #EFEFE9;
	margin: 5px auto 5px auto;
	padding: 5px 0px 5px 0px;
}

.side_d h2 {
	width: 150px;
	height: 24px;
	cursor: pointer;
	margin-left: 5px;
}

.side_d_ttl {
	width: 150px;
	height: 24px;
	margin-left: 5px;
	*margin-bottom: -5px;
}

div#main.side_d h2.sidemenu_trigger {
	background-image: url(../img/side_main.gif);
}

div#sub.side_d h2.sidemenu_trigger {
	background-image: url(../img/side_sub.gif);
}

div#site.side_d h2.sidemenu_trigger {
	background-image: url(../img/side_site.gif);
}

h2.sidemenu_trigger.active {
	background-position: left bottom;
}

h2.sidemenu_trigger.inactive {
	background-position: left top;
}

.side_d li a {
	display: block;
	background: #EEEEEE url(../img/side_li.gif) no-repeat;
	width: 120px;
	height: 24px;
	font-size: 12px;
	color:#111;
	line-height: 24px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 20px;
	text-decoration: none;
	overflow: hidden;
}

.side_d li a:hover {
	background: #FFFFCC url(../img/side_li_ov.gif) no-repeat;
}

.side_d li a.selected {
	background: #FFFFCC url(../img/side_li_ov.gif) no-repeat;
	width: 125px;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 15px;
}

.side_d div a {
	 font-size: 10px;
}

#side #side_pr {
	margin: 10px;
	padding: 10px;
	border: 1px solid #E3E3E3;
	background-color: #F8F8F5;
}

.side_d a.no_deco:hover {
	background-color: transparent;
	text-decoration: none;
}


/* FOOTER MENU
-------------------------------------------------------------------*/
#f_menu {
	clear: both;
	border: 1px solid #E3E3E3;
	background: #F5F4F0 url(../img/foot_bg.gif) repeat-x bottom;
	text-align: center;
	padding-top: 3px;
}

#f_menu ul {
	margin: 0 0 3px 0;
	padding: 0px;
}

#f_menu li {
	height: 9px;
	*height: 16px;
	list-style-type: none;
	display: inline-block; /display: inline; /zoom: 1;
	margin: 0;
	padding: 0px;
}

#f_menu li a {
	font-size: 9px;
	line-height: 9px;
}

#f_menu li a.selected {
	color: #333;
	font-size: 9px;
	line-height: 9px;
	font-weight: bold;
	text-decoration: underline overline;
}


/* COPYRIGHTS
-------------------------------------------------------------------*/
address {
	width: 800px;
	height: 23px;
	background: #004080 url('../img/copyright.gif') no-repeat;
	color: #FFF;
	font-size: 10px;
	font-style: normal;
	padding: 0px;
}


/* Schedule
-------------------------------------------------------------------*/
#contents table.schedule {
	width: 550px;
}

#contents table.schedule th {
	border: 1px solid #E3E3E3;
}

#contents table.schedule th.wkd {
	color: #333;
	background: #CCCCFF;
}

#contents table.schedule th.sat {
	color: #333;
	background: #FFFFCC;
}

#contents table.schedule th.sun {
	color: #333;
	background: #FFCCCC;
}

#contents table.schedule td {
	border: 1px solid #E3E3E3;
}

#contents table.schedule td.not {
	background: #DDDDDD;
}

#contents table.schedule td.neg {
	background: #FFFFCC;
}

#contents table.schedule td.bkd {
	background: #FFCCCC;
}

#contents table.schedule td.abl {
	background: #CCCCFF;
}


/* Progress
-------------------------------------------------------------------*/
#contents ul#prgA {
	width: 550px;
	height: 120px;
	margin: 5px auto 10px auto;
	padding: 0px;
}

#contents ul#prgA li {
	display: inline-block; /display: inline; /zoom: 1;
	width: 100px;
	height: 120px;
	background-image: url(../img/progsAof.gif);
	margin: 0px 0px 0px -4px;
	*margin: 0px 0px 0px 0px;
	padding: 0px;
}

#contents ul#prgA li.arw {
	width: 50px;
	background: #FFF url(../img/progs_arw.gif) no-repeat 0px 0px;
}

#contents li.pr1 {
	background-position: 0px 0px;
}

#contents li.pr2 {
	background-position: -100px 0px;
}

#contents li.pr3 {
	background-position: -200px 0px;
}

#contents li.pr4 {
	background-position: -300px 0px;
}

#contents li.pr5 {
	background-position: -400px 0px;
}

#contents li.a {
	background-image: url(../img/progsAon.gif)!important;
}


/* Level
-------------------------------------------------------------------*/
#contents ul#Lvl {
	width: 550px;
	height: 120px;
	margin: 5px auto 10px auto;
	padding: 0px;
}

#contents ul#Lvl li {
	display: inline-block; /display: inline; /zoom: 1;
	width: 100px;
	height: 120px;
	background-image: url(../img/level1of.gif);
	margin: 0px 0px 0px 4px;
	/margin: 0px 0px 0px 8px;
	padding: 0px;
}

#contents ul#Lvl li:hover {
	background-image: url(../img/level1on.gif);
}

#contents #symbol span.icon {
	display: inline-block; /display: inline; /zoom: 1;
	width: 60px;
	height: 60px;
	background: url(../img/symbols.gif) no-repeat;
	margin: 10px 0px 0px 30px;
	padding: auto 0px auto 0px;
}

#contents #symbol span.code {
	display: inline;
	position: relative;
	top: -25px;
	left: 10px;
	font-size: 20px;
	font-weight: bold;
	line-height: 20px;
	margin: 0px;
}

#contents #symbol span.sy1 {
	background-position: left top;
}

#contents #symbol span.sy2 {
	background-position: -60px top;
}

#contents #symbol span.sy3 {
	background-position: -120px top;
}

#contents #symbol span.sy4 {
	background-position: -180px top;
}

#contents #symbol span.sy5 {
	background-position: -240px top;
}

#contents #symbol span.sy6 {
	background-position: -300px top;
}

#contents #symbol span.sy7 {
	background-position: -360px top;
}

#contents #symbol p {
	margin-left: 95px;
}


/* For service page
------------------------------------*/
#contents table th.svc, table td.svc {
	width: 75px;
	height: 58px;
	text-align: center;
	padding: 0px;
}


/* For listening test page
------------------------------------*/
#contents table td.2c {
	width: 247px;
}


/* For service time
------------------------------------*/
#contents ul#time li {
	display: inline-block; /display: inline; /zoom: 1;
	width: 160px;
	margin: 0 0 5px 20px;
}

#contents ul.lst_chui {
	margin-left: 30px;
}

#contents ul.lst_chui li {
	font-size: 11px;
}

#contents ul.lst_chui li:first-letter {
	margin-left: -1em;
}



/* For announcement
------------------------------------*/
p#anno {
	background: #FFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin-bottom: 15px;
	padding: 10px 20px !important;
}

p#anno span.title {
	width: 100%;
	display: block;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
}

p#anno.blue {
	background: #FFF url(../img/td_cal.gif) repeat-x;
}

p#anno.red {
	background: #FFF url(../img/td_cal_r.gif) repeat-x;
}


/* for part time job
-------------------------------------------------------------------*/
#contents dl.arrow {
	margin: 0px 20px 0px 20px;
}

#contents dl.arrow dt {
	background: url(../img/li.gif) no-repeat 0px 6px!important;
	font-weight: bold;
	margin: 5px 10px 0px 10px;
	padding-left: 10px;
}

#contents dl.arrow dd {
	margin-left: 30px;
}

#contents table.example th {
	width: 150px;
	text-align: right;
	padding: 
}

#contents table.example td {
	width: 400px;
	font-weight: bold;
	padding-left: 20px;
}


/* for Yahoo Search
---------------------------------------------------*/
#side #srchBox {
	margin: 2px 5px 0 5px;
}

#side #srchBox #srchInput {
	width: 70%;
	color: #000;
	border: 1px solid #CCC;
	background: #FFCC99;
	margin: 0 0 0 2px;
}

#side #srchBox ul#srchToggle li {
	display: inline-block; /display: inline; /zoom: 1;
	margin: 0 10px 0 5px;
}

#side #srchBox ul#srchToggle li input {
	vertical-align: middle;
}

#contents #srchBox table {
	width: 90%;
}

#contents #srchBox input#srchInput {
	width: 350px;
	height: 30px;
	border: 1px solid #666;
	background: #FFCC99;
}

#contents #srchBox input#srchBtn {
	height: 30px;
	font-weight: bold;
}


/* for ShowMessage function
---------------------------------------------------*/
#Msg,
#MsgBrowser {
	position: absolute;
	display: none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 60px;
	background-color: #000;
	background-color: rgba(0, 0, 0, 0.8);
	*background-color: #000;
	z-index: 100;
}

#MsgBrowser {
	height: 80px;
}

#Msg p.caution,
#MsgBrowser p.caution {
	width: 700px;
	height: 36px;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	margin: 10px auto;
	padding: 0 0 0 60px;
	background: url(../img/caution.gif) no-repeat;
	background-position: left 3px;
}

#Msg p.caution a,
#MsgBrowser p.caution a {
	color: #CCC;
}

#Msg p.caution a:hover,
#MsgBrowser p.caution a:hover {
	color: #000;
}

#Msg span#MsgClose,
#MsgBrowser span#MsgClose {
	position: absolute;
	top: 10px;
	left: 95%;
	display: block;
	width: 30px;
	height: 34px;
	background: url(../img/close.gif) no-repeat 3px bottom;
	font-size: 9px;
	color: #FFF;
	cursor: pointer;
}


/* for Inst Carousel
---------------------------------------------------*/
#carouselWrap {
	margin: 10px auto 20px auto;
	width: 550px;
	height: 132px;
	padding: 5px;
	background: url("../img/background.gif");
	position: relative;
}

#carouselWrap p {
	margin: 0;
	padding: 0;
}

#carouselWrap ul {
	margin: 0;
}

#carouselWrap li {
	margin: 0;
}

#carouselPrev {
	display:  block;
	position: absolute;
	top: 61px;
	left: -16px;
	cursor: pointer;
}

#carouselNext {
	display:  block;
	position: absolute;
	top: 61px;
	right: -16px;
	cursor: pointer;
}

#carouse {
	width: 544px;
	height: 126px;
	overflow: hidden;
	margin: 3px 0px 0px 3px;
}

#carouselInner ul.column {
	width: 540px;
	padding: 2px 0 2px 7px;
	list-style-type: none;
	float: left;
}

#carouselInner ul.column li {
	display: inline;
	float: left;
	background: url(../instructors/img/cur_base.gif) no-repeat;
	width: 110px;
	height: 120px;
	margin: 0px -3px 0px 0px;
}

#carouselInner ul.column li img {
	border: none;
	width: 90px;
	margin: 10px 0 0 10px;
}

#carouselInner ul.column li a {
	height: 100%;
}


/* Custom Button
-------------------------------------------------------------------*/
/*
.btn {
	display: inline-block; /display: inline; /zoom: 1;
	height: 22px;
	_height: 20px;
	background: url(../img/btn_bg.png) repeat-x left top;
	border: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	-o-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	-ms-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
	color: #666;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.8);
	cursor: pointer;
	padding: 8px 13px 0px 13px;
	_padding: 8px 13px 0px 13px;
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}

input.btn {
	height: 32px;
	font-size: 13px;
	font-weight: bold;
	line-height: 14px;
	padding: 3px 13px 3px 13px;
}

.s {
	border: 1px solid #666!important;
	height: 14px!important;
	color: #333;
	font-size: 10px!important;
	font-weight: normal;
	line-height: 14px!important;
	padding: 4px 10px;
	_padding: 4px 10px 2px 10px;
}

.btn:hover {
	background: url(../img/btn_bg.png) repeat-x left bottom;
	color: #DDDDDD;
	text-shadow: 1px 1px 0px rgba(170, 170, 170, 0.5);
	transition: 0s;
	-moz-transition: 0s;
	-webkit-transition: 0s;
	-o-transition: 0s;
	-ms-transition: 0s;
}

.r {
	background: url(../img/btn_bg.png) repeat-x left bottom;
	color: #FFF;
	text-shadow: 0px 0px 10px #FF3300, 1px 1px #666;
}

.r:hover {
	color: #FFF;
	text-shadow: 1px 1px 0px #666;
}
*/

/* Custom Button
-------------------------------------------------------------------*/
.button {
	font-family: "メイリオ", Meiryo, Arial, helvetica;
	height: 45px;
	line-height: 45px !important;
	color: white;
	text-decoration: none;
	font-size: 20px;
	font-weight: bold;
	display: inline-block;
	text-align: center;
	position: relative;
	padding: 0 15px !important;
	*padding: 0 10px !important;

	/* BACKGROUND GRADIENTS */
	background: #014464;
	background: linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	background: -moz-linear-gradient(top, #0D658E, #0C577A 50%, #014D71 51%, #003E5C);
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0E658E), color-stop(.5, #0C577A), color-stop(.5, #014D71), to(#003E5C));

	/* BORDER RADIUS */
	border: 1px solid #368DBE;
	border-top: 1px solid #c3d6df;
	border-radius: 8px !important;
	-moz-border-radius: 8px !important;
	-webkit-border-radius: 8px !important;
	-o-border-radius: 8px !important;
	-ms-border-radius: 8px !important;

	/* TEXT SHADOW */
	text-shadow: 1px 1px 1px black;

	/* BOX SHADOW */  
	-moz-box-shadow: 0 1px 3px black;
	-webkit-box-shadow: 0 1px 3px black;
	box-shadow: 0 1px 3px black;
	cursor: pointer;
}
input.button[disabled] {
	background: #DDD;
	border: 1px solid #CCC;
	cursor: default !important;
}

/* WHILE HOVERED */
.button:hover {
	background: #014464;
	background: linear-gradient(top, #0C5F85, #0B5273 50%, #024869 51%, #003853);
	background: -moz-linear-gradient(top, #0C5F85, #0B5273 50%, #024869 51%, #003853);
	background: -webkit-gradient(linear, left top, left bottombottom, color-stop(0, #0C5F85), color-stop(.5, #0B5273), color-stop(.51, #024869), to(#003853));
}

/* WHILE BEING CLICKED */
.button:active {
	-moz-box-shadow: 0 2px 6px black;
	-webkit-box-shadow: 0 2px 6px black;
}

/* FONT GLYPH (MOSTLY FOR FUN) */
.tw {
	width: 180px;
}

.tw:before {
	font-family: EfonRegular;
	content: url(../img/tw_bt_bk.gif);
	color: #09232F;
	font-size: 90px;
	float: left;
	margin: 0 -15px 0 20px;
	padding: 5px 0 0 0;
	text-shadow: 0 1px 0 #4190AF;
}

.m_size {
	height: 35px;
	line-height: 35px !important;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	margin: 0 auto !important;
	padding: 0 10px !important;
}

.ms_size {
	width: 60px;
	height: 30px;
	line-height: 30px !important;
	margin: 0 auto;
}

.s_size {
	height: 20px;
	*height: 22px;
	line-height: 20px !important;
	font-size: 12px;
	font-weight: normal;
	border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-o-border-radius: 5px !important;
	-ms-border-radius: 5px !important;
	margin: 0 auto;
	padding: 0 10px !important;
	*padding: 0 5px !important;
}

/*
.topw {
	width: 45px;
	height: 25px;
	line-height: 25px;
	color: #09232F;
	font-size: 16px;
	font-weight: bold;
	/* TEXT SHADOW */
	text-shadow: 0 1px 0 #4190AF;
}
*/

/* For new prices */
#contents div#menuopt {
	width: 530px;
	display: block;
	margin: 10px auto 20px auto;
}

#contents div#menuopt div {
	display: inline-block;
	text-align: center;
	position: relative;
	font-weight: bold;
}

#contents div#menuopt div.d1 {
	width: 570px;
}

#contents div#menuopt div.d2 {
	width: 270px;
	height: 80px;
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 10px 0 10px 0;
	color: #004080;
	font-size: 15px;
	font-weight: bold;
	margin: 0 0 7px 7px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
#contents div#menuopt div.d2 a {
	display: block;
	width: 250px;
	height: 60px;
	color: #666;
	text-shadow: 1px 1px 0px #FFF;
	font-size: 15px;
	font-weight: bold;
	padding: 10px;
}
#contents div#menuopt div.d2 a:hover {
	background: none;
}

#contents div#menuopt div.d4 {
	width: 108px;
	height: 60px;
	font-weight: normal;
	background: #EFF;
	border: 1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	margin: 0 0 7px 7px;
	padding: 10px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
#contents div#menuopt div span.prc,
#contents div#menuopt div a span.prc {
	display: block;
	position: absolute;
	bottom: 3px;
	width: 100%;
	height: 30px;
	line-height: 30px;
	color: red;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	margin-left: -11px;
}

#contents div#menuopt div span.chui_s,
#contents div#menuopt div a span.chui_s {
	display: block;
	color: #333;
	margin: 5px 0 25px 0;
}

#contents #priceTable {
	margin-top: -10px;
}
#contents #priceTable tr {
	border-bottom: 1px solid #999;
}
#contents #priceTable tr td table.blue {
	margin: 10px 0 20px 0;
}
#contents #priceTable tr td ul.lst_chui {
	margin-left: 10px;
}

#contents #priceTable span.basicPlan,
#contents #priceTable span.duePlan,
#contents #priceTable span.grpPlan {
	display: block;
	width: 180px;
	height: 45px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	line-height: 30px;
	text-shadow: 1px 1px 0px #FFF;
	font-size: 13px;
	font-weight: bold;
	border-radius: 10px 0 10px 0;
	margin-right: 15px;
	text-align: center;
}
#contents #priceTable span.basicPlan+span,
#contents #priceTable span.duePlan+span {
	display: block;
	width: 180px;
	text-align: center;
}

#contents #priceTable span.basicPlan {
	height: 45px;
	line-height: 45px;
	background: #EEE;
	border: 1px solid #AAA;
	color: #666;
	margin-top: 10px;
}
#contents #menuopt div.d2.duePlan,
#contents #priceTable span.duePlan {
	background: #DDF;
	border: 1px solid #449;
	color: #449;
}
#contents #menuopt div.d2.grpPlan,
#contents #priceTable span.grpPlan {
	background: #FDF;
	border: 1px solid #949;
	color: #949;
}
#contents #menuopt div.d2.duePlan,
#contents #menuopt div.d2.grpPlan {
	text-shadow: 1px 1px 0px #FFF;
	border-radius: 10px 0 10px 0;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


#contents #priceTable span span.aside {
	display: block;
	line-height: 20px;
	font-size: 11px;
	font-weight: normal;
	text-shadow: none;
	margin-top: -5px;
}
#contents #priceTable span span.aside strong {
	display: inline-block;
	line-height: 20px;
	color: #F30;
	font-size: 18px;
	font-weight: bold;
	text-shadow: none;
	margin-top: -5px;
}


/* Affili table
-------------------------------------------*/

#contents table#affili_table th {
	height: 35px;
}

#contents table#affili_table td {
	text-align: left;
	padding: 0 6px;
}

#contents pre {
	background: #EEE;
	border: 1px solid #CCC;
	border-radius: 5px;
	margin: -10px 0 10px 0;
	padding: 10px;

	overflow: auto !important;
	white-space: -moz-pre-wrap !important; /* Mozilla */
	white-space: -pre-wrap !important;     /* Opera 4-6 */
	white-space: -o-pre-wrap !important;   /* Opera 7 */
	white-space: pre-wrap !important;      /* CSS3 */
	word-wrap: break-word !important;      /* IE 5.5+ */
}

#contents pre strong {
	background: #FCC;
	font-weight: bold;
}

#contactBan {
	display: block;
	width: 450px;
	height: 103px;
	background: #FFF url(../img/contact_new.gif) no-repeat left top;
	margin: 0 auto 10px auto;
}
#contactBan:hover {
	background: #FFF url(../img/contact_new.gif) no-repeat left bottom;
}