/* 共通要素の設定 */
body {
	position: relative;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}

dl, dt, dd, p, li, h1, h2, h3, h4, h5, h6, form, input, table, tr, th, td {
	margin: 0px;
	padding: 0px;
}

p, dl, table {
	color: #666666;
}

.paragraph a {
	border-bottom: dashed 1px #224422;
	color: #224422;
}

.paragraph a:hover {
	border-bottom: solid 1px #669966;
	text-decoration: none;
	color: #669966;
}

ul, ol, blockquote {
	color: #666666;
	margin-bottom: 23px;
	padding-bottom: 0px;
}

ul li, ol li {
	margin-bottom: 6px;
}

#mainContents ul ul, #mainContents ul ol,
#mainContents ol ul, #mainContents ol ol {
	font-size: 100% !important;
}

.paragraph .relatedLink {
	_font-size: 100%;
}

a:link { 
	color: #336633;
	text-decoration: none;
}
a:active { 
	color: #669966;
	text-decoration: none;
}
a:visited { 
	color: #224422;
	text-decoration: none;
}
a:hover { 
	color: #669966;
	text-decoration: underline;
}

hr {
	display: none;
}

p.lead {
	margin-top: 12px;
}

img, table, tr, th, td {
	border: 0px;	
}

img.arrow01 {
	margin: 0px 0px 1px 0px;
	vertical-align: middle;
}

br.paragraph {
	font-size: 18px;
	clear: both;
}

br.clear_noie {
	display: inline !important;
	display: none;
	clear: both;
	line-height: 0px;
}

div.clear_noie {
	margin-top: -1px;
	height: 1px;
	clear: both !important;
	clear /**/: none;
	overflow: hidden;
}

/* HEADERの設定 */
#container {
	width: 760px;
	background: url(/newsite/main/common/images/bg_tesol01.gif) repeat-y top left;
}

body.wide #container {
	background: url(/newsite/main/common/images/bg_tesol02.gif) repeat-y top left;
}

body.topPage #container {
	background: none;
}

#header {
	position: relative;
	background: url(/newsite/main/common/images/header_tesol_border.gif) no-repeat bottom left;
	width: 760px;
	height: 87px;
	z-index: 10;
}

#header h2 {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(/newsite/main/common/images/header_tesol01.gif) no-repeat top left;
	width: 573px;
	height: 78px;
}

#header h2 span {
	position: absolute;
	top: 16px;
	left: 16px;
	width: 216px;
	height: 53px;
	display: block;
	overflow: hidden;
}

#header h2 a {
	padding-top: 53px;
	width: 216px;
	height: 0px !important;
	height /**/: 53px;
	font-size: 12px;
	display: block;
	overflow: hidden;
}

#headerNavi {
	z-index: 20;
	height: 22px;
}

#headerNavi ul.baseList {
	position: absolute;
	top: 0px;
	left: 573px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	background: url(/newsite/main/common/images/header_global_navi03.gif) no-repeat top left;
	width: 187px;
	height: 22px;
}

#headerNavi ul.baseList li {
	position: absolute;
	top: 0px;
}

#headerNavi ul.baseList li.top {
	left: 89px;
	width: 55px;
}

#headerNavi ul.baseList li.maps {
	left: 144px;
	width: 42px;
}

#headerNavi ul.baseList li.quick {
	left: 0px;
	width: 89px;
}

#headerNavi ul.baseList a:hover {
	background-position: 0px -20px;
}

#headerNavi ul.baseList a {
	padding-top: 20px;
	height: 0px !important;
	height /**/: 20px;
	font-size: 10px;
	display: block;
	overflow: hidden;
}

#headerNavi ul.baseList li.top a {
	background: url(/newsite/main/common/images/nav_h_top.gif) no-repeat top left;
	width: 55px;
}

#headerNavi ul.baseList li.maps a {
	background: url(/newsite/main/common/images/nav_h_maps.gif) no-repeat top left;
	width: 42px;
}

#headerNavi ul.baseList li.quick a {
	background: url(/newsite/main/common/images/nav_h_quick.gif) no-repeat top left;
	width: 89px;
}

#headerNavi div.targetObj {
	position: relative;
	z-index: 100;
	float: left;
}

#quick-target {
	position: absolute;
	top: 18px;
	left: 573px;
	visibility: hidden;
	z-index: 100;
}

#quick-target div {
	background: url(/newsite/main/common/images/bg_nav_h.gif) no-repeat top left;
	background-color: #a09fa0;
	border-left: solid 1px #c7c6c7;
	border-bottom: solid 1px #666666;
	border-right: solid 1px #666666;
	padding: 4px;
	width: 177px;
}

/* IE lte 6/Win Hack */
* html body #quick-target div {
	width: 187px;
}

/* IE5/Mac \*//*/
#quick-target div {
	float: left;
}
/**/

#quick-target ul {
	margin: 0px;
	padding: 0px;
	width: 177px;
	list-style-type: none;
	font-size: 12px;

}

#quick-target ul.line {
	background: url(/newsite/main/common/images/line_nav_h.gif) no-repeat 0px 4px;
	padding-top: 8px;
}

#quick-target li {
	display: inline;

}

#quick-target li a:hover {
	border: solid 1px #666666;
	background-color: #8e8d8e;
	text-decoration: none;
}

#quick-target li a {
	border: solid 1px #a09fa0;
	margin: 0px;
	padding: 3px;
	color: #ffffff;
	display: block;
}

/* IE lte 6/Win Hack */
* html body #quick-target li a {
	width: 177px;
}

#headerLocal {
	position: relative;
	left: 573px;
	background: url(/newsite/main/common/images/header_tesol_local_back.gif) no-repeat top right;
	width: 187px;
	height: 56px;
	font-size: 14px;
}

#headerLocal p.text {
	position: absolute;
	top: 9px;
	*top: 8px;
	left: 7px;
	z-index: 50;
}

#headerLocal p.text input {
	background-color: #FFFFFF;
	border: solid 1px #CECBCE;
	height: 18px;
	width: 117px;
}

/* IE lte 6/Win Hack */
* html body #headerLocal p.text input {
	height: 20px;
	width: 119px;
}

#headerLocal p.button {
	position: absolute;
	top: 9px;
	left: 129px;
	z-index: 50;
}

/* IE5/Mac \*//*/
#headerLocal p.text input,
#headerLocal p.button input {
	float: left;
}
/**/

#headerLocal ul {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#headerLocal li.english {
	position: relative;
	top: 30px;
	left: 129px;
	background: url(/newsite/main/common/images/header_tesol_local_english.gif) no-repeat top left;
	width: 58px;
	height: 20px;
}

#headerLocal li.japanese {
	position: relative;
	top: 30px;
	left: 115px;
	background: url(/newsite/main/common/images/header_tesol_local_japanese.gif) no-repeat top left;
	width: 72px;
	height: 20px;
}

#headerLocal ul a {
	padding-top: 20px;
	height: 0px !important;
	height /**/: 20px;
	font-size: 10px;
	display: block;
	overflow: hidden;
}

/* CONTENTSの設定 */
#pageBody {
	position: relative;
	background: url(/newsite/main/tesol/images/promotion.jpg) no-repeat top left;
	width: 760px;
	min-height: 161px;
	z-index: 0;
}
/* IE5/Mac \*//*/
#pageBody {
	height: 161px;
}
/**/

body.tokyo #pageBody {
	background: url(/newsite/main/tesol/images/top_tokyo.jpg) no-repeat top left;
}

body.osaka #pageBody {
	background: url(/newsite/main/tesol/images/top_osaka.jpg) no-repeat top left;
}

body.fukuoka #pageBody {
	background: url(/newsite/main/tesol/images/top_fukuoka.jpg) no-repeat top left;
}

#contents {
	width: 619px;
	float: right;
}


body.topPage #contents {
	width: 760px;
}

/* globalNavigationの設定 */
#globalNavigation {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 110;
}
#globalNavigation ul {
	position: absolute;
	top: 160px;
	left: 0px;
	background: url(/newsite/main/tesol/images/bg_g_navigation.gif) no-repeat 0px 1px;
	background-color: #FFFFFF;
	height: 32px;
	width: 760px;
	list-style-type: none;
	margin: 0px;
}
body.topPage #globalNavigation ul {
	position: absolute;
	top: 160px;
	left: 0px;
	background: url(/newsite/main/tesol/images/bg_gt_navigation.gif) no-repeat 6px 6px;
	height: 67px;
	width: 760px;
	list-style-type: none;
	margin: 0px;
}
#globalNavigation li {
	position: absolute;
	top: 4px;
	height: 24px;
	width: 184px;
}

body.topPage #globalNavigation li {
	position: absolute;
	top: 6px;
	height: 56px;
	width: 243px;
}
#globalNavigation li.tokyo {
	left: 3px;
}
body.topPage #globalNavigation li.tokyo {
	left: 6px;
}
#globalNavigation li.osaka {
	left: 193px;
}
body.topPage #globalNavigation li.osaka {
	left: 259px;
}
#globalNavigation li.fukuoka {
	left: 383px;
}
body.topPage #globalNavigation li.fukuoka {
	left: 512px;
}
#globalNavigation a:hover {
	background-position: 0px -24px !important;
}
body.topPage #globalNavigation a:hover {
	background-position: 0px -56px !important;
}
#globalNavigation a.active:hover {
	background-position: 0px 0px !important;
}
#globalNavigation a {
	background-position: 0px 0px;
	height: 24px;
	width: 184px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
body.topPage #globalNavigation a {
	background-position: 0px 0px;
	height: 56px;
	width: 243px;
	display: block;
	overflow: hidden;
	text-indent: -999px;
}
/* IE5/Mac \*//*/
#globalNavigation a {
	padding-top: 24px;
}
body.topPage #globalNavigation a {
	padding-top: 56px;
}
/**/
#globalNavigation li.tokyo a {
	background: url(/newsite/main/tesol/images/nav_g_tokyo.gif) no-repeat;
}
body.topPage #globalNavigation li.tokyo a {
	background: url(/newsite/main/tesol/images/nav_gt_tokyo.gif) no-repeat;
}

#globalNavigation li.osaka a {
	background: url(/newsite/main/tesol/images/nav_g_osaka.gif) no-repeat;
}
body.topPage #globalNavigation li.osaka a {
	background: url(/newsite/main/tesol/images/nav_gt_osaka.gif) no-repeat;
}

#globalNavigation li.fukuoka a {
	background: url(/newsite/main/tesol/images/nav_g_hukuoka.gif) no-repeat;
}
body.topPage #globalNavigation li.fukuoka a {
	background: url(/newsite/main/tesol/images/nav_gt_hukuoka.gif) no-repeat;
}

#globalNavigation li.tokyo a.active {
	background: url(/newsite/main/tesol/images/nav_g_tokyo_on.gif) no-repeat;
}
#globalNavigation li.osaka a.active {
	background: url(/newsite/main/tesol/images/nav_g_osaka_on.gif) no-repeat;
}
#globalNavigation li.fukuoka a.active {
	background: url(/newsite/main/tesol/images/nav_g_hukuoka_on.gif) no-repeat;
}

/* mainContentsの設定 */
#mainContents {
	padding: 202px 0px 0px 10px;
	width: 412px !important;
	width /**/: 422px;
	float: left;
}

body.topPage #mainContents {
	padding: 175px 0px 0px 14px;
	width: 488px !important;
	width /**/: 502px;
	float: left;
}

body.wide #mainContents {
	overflow: visible;
	float: none !important;
}

#mainContents p.widecol {
	width: 600px;
}

#mainContents ul.widecol {
	width: 555px;
}

#mainContents p.withselection {
	margin-bottom: 7px;
}

/* mainContents h1の設定 */
#mainContents h1 {
	border-bottom: solid 2px #003300;
	margin-bottom: 6px;
	padding-bottom: 5px;
	font-family: Georgia;
	color: #003300;
}

body.topPage #mainContents h1 {
	border-bottom: none;
} 

body.wide #mainContents h1 {
	width: 600px;
}

/* mainContents h2の設定 */
#mainContents h2 {
	padding-top: 31px;
	width: 412px;
	height: 0px !important;
	height /**/: 31px;
	font-size: 14px;
	overflow: hidden;
}

/* mainContents h3の設定 */
#mainContents h3.subHead {
	margin-bottom: 9px;
	font-family: Georgia;
	color: #003300;
}

/* mainContents [categoryLink]の設定 */
#mainContents div.categoryLink {
	padding-top: 6px;
}

#mainContents div.categoryLink div.block {
	margin-top: 8px;
	background-color: #F3F3F3;
	border: solid 2px #F3F3F3;
}

#mainContents div.categoryLink div.block:hover {
	background-color: #F9F9F9;
	border: solid 2px #DDDDDD;
}

#mainContents div.categoryLink div.block div {
	border: solid 1px #DFDFDF;
	padding: 3px 6px 6px 6px;
}

#mainContents div.categoryLink div.block div:hover {
	border: solid 1px #CCCCCC;
}

#mainContents div.categoryLink ul.link {
	background: url(/newsite/main/tesol/images/icn_categorylink.gif) no-repeat 0px 5px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-family: Georgia;
	width: 394px;
}

#mainContents div.categoryLink li {
	margin: 0px;
	padding-left: 11px;
}

#mainContents div.categoryLink p {
	margin: 3px 0px 0px 0px;
	padding-left: 11px;
}

/* mainContents [Link (Related)]の設定 */
#mainContents ul.relatedLink {
	margin: 14px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

/* mainContents [Link (Alphabet)]の設定 */
#mainContents ol.alphabetLink {
	list-style-type: upper-alpha;
}

#mainContents ul.relatedLink li {
	background: url(/newsite/main/tesol/images/icn_relatedlink.gif) no-repeat 4px 5px;
	margin: 0px;
	padding: 0px 0px 0px 18px;
	width: 394px !important;
	width /**/: 412px;
}

/* mainContents [Link (PDF/PPT)]の設定 */
#mainContents ul.pdfLink, #mainContents ul.pptLink {
	margin: 12px 0px 0px 20px;
	padding: 0px;
	list-style-type: none;
}

#mainContents ul.pdfLink img, #mainContents ul.pptLink img {
	margin-left: -20px;
	vertical-align: middle;
}

/* mainContents [List (link)]の設定 */
#mainContents ul.listLink {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#mainContents ul.listLink li {
	background: url(/newsite/main/tesol/images/icn_listlink.gif) no-repeat 0px 4px;
	margin-top: 5px;
	padding-left: 12px;
	font-family: Georgia;
	width: 400px !important;
	width /**/: 412px;
}

/* mainContents [SiteMap (link)]の設定 */
#mainContents ul.sitemapLink {
	margin: 20px 0px 0px 0px;
	padding: 0px;
	list-style-type: none;
}

#mainContents ul.sitemapLink li {
	background: url(/newsite/main/tesol/images/icn_listlink.gif) no-repeat 0px 6px;
	margin: 5px 0px 5px 0px;
	padding-left: 12px;
}

#mainContents ul.sitemapLink ul {

	margin-top: 10px;
}

#mainContents ul.sitemapLink ul li {
	background: none;
	padding-left: 0px;
}

/* mainContents [List(pageNotes)]の設定 */
#mainContents dl.pageNotes {
	border-top: solid 1px #CCCCCC;
	margin: 0px;
	padding: 9px 0px 0px 0px;
	width: 412px;
}

/* mainContents [List(Notes)]の設定 */
#mainContents dl.notes {
	background: url(/newsite/main/tesol/images/lin_notes.gif) no-repeat top left;
	margin: 0px;
	padding: 8px 0px 0px 0px;
	width: 412px;
}

#mainContents dl.pageNotes dt,
#mainContents dl.notes dt {
	margin-bottom: 6px;
	float: left;
}

#mainContents dl.pageNotes dd,
#mainContents dl.notes dd {
	margin-bottom: 6px;
	margin-left: 32px;
	width: 377px;
}

#mainContents dl.list-in {
	width: 372px;
	font-size: 12px !important;
	font-size /**/: 90%;
}

#mainContents dl.list-in dd {
	width: 337px;
}

#mainContents dl.pack-in {
	width: 388px;
}

#mainContents dl.pack-in dd {
	width: 316px;
}

/* mainContents [List(Question)]の設定 */
#mainContents dl.listQuestion {
	margin: 0px;
	padding: 0px;
}

#mainContents dl.listQuestion dt {
	margin-bottom: 12px;
	float: left;
}

#mainContents dl.listQuestion dd {
	margin-bottom: 12px;
	margin-left: 32px;
	width: 377px;
}

/* mainContents [noticeBox] */
#mainContents div.noticeBox {
	margin-bottom: 3px;
	padding: 5px !important;
	background-color: #FEEECF;
	border: solid 1px #FF6600;
	width: 400px !important;
	width /**/: 412px;
}

#mainContents div.noticeBox p.paragraph {
	color: #660000;
}

#mainContents div.noticeBox h3.subHead {
	color: #600;
}

#mainContents div.nb-widecol {
	width: 589px !important;
}

/* mainContents [ContactBox]の設定 */
#mainContents div.contactBox {
	margin-top: 25px;
	padding: 1px;
	border: dashed 1px #DDDDDD;
	width: 408px !important;
	width /**/: 412px;
}
body.topPage #mainContents div.contactBox {
	width: 484px !important;
	width /**/: 488px;
}

#mainContents div.contactBox p {
	padding: 7px;
	color: #666666;
}

#mainContents div.contactBox ul.listLink:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#mainContents div.contactBox ul.listLink {
	background-color: #EEEEEE;
	margin: 0px;
	padding: 2px 0px 2px 7px;
	width: 401px !important;
	width /**/: 408px;
	list-style-type: none;
	float: left !important;
	float /**/: none;
}
body.topPage #mainContents ul.listLink {
	width: 477px !important;
	width /**/: 484px;
}

#mainContents div.contactBox ul.listLink li {
	background: url(/newsite/main/tesol/images/icn_relatedlink.gif) no-repeat 0px 5px;
	margin: 0px 18px 0px 0px;
	padding: 0px 0px 0px 11px;
	font-family: Arial;
	float: left;
	width: auto !important;
}

/* mainContents BOXエレメント共通[ParagraphBox][EventListBox][EventBox][CourseBox][AddressBox][ImageBox]の設定 */
#mainContents div.imageBox,
#mainContents div.paragraphBox,
#mainContents div.eventListBox,
#mainContents div.eventBox,
#mainContents div.courseBox,
#mainContents div.addressBox {
	margin-bottom: 3px;
	padding: 5px 5px 0px 5px !important;
	background-color: #F6F6F6;
	border: solid 1px #DDDDDD;
	width: 400px !important;
	width /**/: 412px;
}

#mainContents div.imageBox div {
	padding-bottom: 5px;
	text-align: center;
}

#mainContents div.pack {
	margin-bottom: 5px;
	padding: 5px 5px 0px 5px;
	background-color: #FFFFFF;
	border: solid 1px #DDDDDD;
	width: 388px !important;
	width /**/: 400px;
}
/* IE5/Mac \*//*/
#mainContents div.pack {
	float: none !important;
}
/**/
#mainContents div.pack p {
	margin-bottom: 5px;
}

#mainContents ul.backTo {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	font-size: 10px;
	text-align: right;
}

#mainContents ul.backTo li {
	margin-left: auto;
	background: url(/newsite/main/tesol/images/arrow02.gif) no-repeat top left;
	width: 10px;
	height: 12px;
}

#mainContents ul.backTo li a {
	padding-top: 12px;
	width: 10px;
	height: 0px !important;
	height /**/: 12px;
	font-size: 12px;
	display: block;
	overflow: hidden;
}

#mainContents div.imageBox h3,
#mainContents div.paragraphBox h3,
#mainContents div.eventListBox h3,
#mainContents div.eventBox h3,
#mainContents div.courseBox h3,
#mainContents div.addressBox h3 {
	margin: 0px;
	padding: 0px;
}

#mainContents div.paragraphBox ul.paragraph,
#mainContents div.eventListBox ul.paragraph,
#mainContents div.eventBox ul.paragraph,
#mainContents div.courseBox ul.paragraph,
#mainContents div.addressBox ul.paragraph {
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

#mainContents div.paragraphBox dl,
#mainContents div.eventListBox dl,
#mainContents div.eventBox dl,
#mainContents div.courseBox dl,
#mainContents div.addressBox dl {
	margin: 0px;
	padding: 0px;
}

#mainContents div.paragraphBox dt,
#mainContents div.eventListBox dt,
#mainContents div.eventBox dt,
#mainContents div.courseBox dt,
#mainContents div.addressBox dt {
	margin-bottom: 3px;
	float: left;
}

#mainContents dl.px30 dd {
	margin-bottom: 3px;
	margin-left: 30px;
	width: 355px;
}

#mainContents dl.px58 dd {
	margin-bottom: 3px;
	margin-left: 58px;
	width: 327px;
}

#mainContents dl.px70 dd {
	margin-bottom: 3px;
	margin-left: 70px;
	width: 315px;
}

#mainContents dl.px88 dd {
	margin-bottom: 3px;
	margin-left: 88px;
	width: 297px;
}

#mainContents dl.px120 dd {
	margin-bottom: 3px;
	margin-left: 120px;
	width: 265px;
}

#mainContents dl.px160 dd {
	margin-bottom: 3px;
	margin-left: 160px;
	width: 225px;
}

/* mainContents [CourseBox]の設定 */
#mainContents div.courseBox h3 {
	margin-bottom: 15px;
}

#mainContents div.courseBox p.credits {
	margin-bottom: 15px;
}

#mainContents div.courseBox dl {
	margin-top: 15px;
}

#mainContents div.courseBox dt {
	font-weight: bold;
}

#mainContents div.courseBox ul.backTo li {
	background: url(/newsite/main/tesol/images/arrow03.gif) no-repeat top left;
}

/* mainContents [blockquoteBox]の設定 */
#mainContents div.blockquoteBox {
	margin-top: 10px;
	padding: 5px 5px 5px 5px;
	background-color: #EFEFEF;
	border: solid 2px #CCCCCC;
}

#mainContents div.blockquoteBox dl {
	margin: 0px;
	padding: 0px;
}

#mainContents div.blockquoteBox dt {
	margin-bottom: 3px;
	float: left;
}

#mainContents div.blockquoteBox dd {
	margin-bottom: 3px;
	margin-left: 200px;
	width: 180px;
}

/* mainContents [answerBox]の設定 */
#mainContents div.answerBox h3 {
	margin: 0px;
	padding: 0px;
}

#mainContents div.answerBox {
	margin-bottom: 5px;
	padding: 5px 5px 0px 5px !important;
	background-color: #F6F6F6;
	border: solid 1px #DDDDDD;
	width: 400px !important;
	width /**/: 412px;
}

#mainContents dl.question {
	margin: 0px;
	padding: 0px;
}

#mainContents dl.question dt {
	margin-bottom: 8px;
	float: left;
}

#mainContents dl.question dd {
	margin-bottom: 8px;
	margin-left: 32px;
	width: 348px;
}

#mainContents dl.answer {
	margin: 0px;
	padding: 0px;
}

#mainContents dl.answer dt {
	margin-bottom: 3px;
	float: left;
}

#mainContents dl.answer dd {
	margin-bottom: 3px;
	margin-left: 32px;
	width: 348px;
}

/* mainContents [listLink2Col]の設定 */
#mainContents div.listLink2Col {
	width: 600px;
}

#mainContents div.listLink2Col div.Column1 {
	width: 280px;
	float: left;
}

#mainContents div.listLink2Col div.Column2 {
	width: 280px;
	float: right;
}

/* mainContents [courseTable]の設定 */
#mainContents div.TableArea {
	margin: 7px 0px 0px 0px;
}

#mainContents div.TableArea ul {
	font-size: 1.0em;
}

#mainContents table.courseTable {
	border-left: solid 1px #CACACA;
	border-top: solid 1px #CACACA;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 3px;
	width: 412px;
}

#mainContents table.courseTable th {
	background-color: #EFEFEF;
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	padding: 3px 5px;
	font-weight: normal;
	vertical-align: top;
	word-wrap: break-word;
}

#mainContents table.courseTable th.data,
#mainContents table.courseTable th.instructor,
#mainContents table.courseTable th.title {
	text-align: left;
}

#mainContents table.courseTable td {
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	padding: 3px 5px 6px 5px;
	vertical-align: top;
	word-wrap: break-word;
}

#mainContents table.courseTable td.title {
	width: 155px;
}

#mainContents table.courseTable td.credits {
	width: 50px;
	text-align: center;
}

#mainContents table.courseTable td.instructor {
	width: 110px;
}

#mainContents table.courseTable td.data {
	width: 95px;
}


#mainContents img.rightaligned {
	float: right;
	border: 4px solid #EDEDED;
	margin: 0px 0px 5px 5px;
}

#mainContents img.centeraligned {
	margin: 0px; 
	border: 0px;
}


/* subContentsの設定 */
#subContents {
	width: 187px;
	float: right;
}

body.topPage #subContents {
	width: 253px;
	float: right;
}

body.wide #subContents {
	position: absolute;
	top: 0px;
	left: 573px;
	width: 187px;
	float: none;
}

#banners {
	position: relative;
	padding: 5px 5px 0px 5px;
	background: url(/newsite/main/tesol/images/buttons.gif) no-repeat top left;
	width: 177px !important;
	width /**/: 187px;
	height: 187px !important;
	height /**/: 192px;
}

body.topPage #banners {
	margin-bottom: 0px;
	margin-left: 66px;
	height: 160px !important;
	height /**/: 165px;
}

body.wide #banners {
	margin-top: 0px;
}

#banners h4 {
	margin-bottom: 5px;
	width: 177px;
	height: 34px;
}

#banners div.form_contact h4 {
	height: 33px;
}

#banners a {
	padding-top: 34px;
	height: 0px !important;
	height /**/: 34px;
	font-size: 12px;
	display: block;
	overflow: hidden;
}

#banners div.form_contact h4 a {
	padding-top: 33px;
	height: 0px !important;
	height /**/: 33px;
}


/* subContents [Box]の設定 */
#subContents div.subContentBox {
	margin: 15px 5px 0px 5px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	width: 175px !important;
	width /**/: 177px;
}

body.topPage #subContents div.subContentBox {
	margin: 15px 5px 0px 5px;
	background-color: #FFFFFF;
	border: solid 1px #CCCCCC;
	width: 241px !important;
	width /**/: 243px;
}

#subContents div.subContentBox2 {
	margin: 10px 5px 0px 5px;
	padding: 1px;
	background-color: #FFFFFF;
	border: solid 1px #490700;
	width: 173px !important;
	width /**/: 174px;
}

#subContents div.subContentBox h4 {
	background-color: #F3F3F3;
	border-top: solid 1px #FFFFFF;
	border-left: solid 1px #FFFFFF;
	border-bottom: solid 1px #CCCCCC;
	padding: 2px 4px 4px 4px;
	font-family: Georgia;
}

#subContents div.subContentBox div.button {
	padding: 10px 4px 0px 4px;
	text-align: right;
}

#subContents div.subContentBox2 p.paragraph,
#subContents div.subContentBox p.paragraph {
	padding: 4px 4px 6px 4px;
}

#subContents div.subContentBox2 ul.listLink,
#subContents div.subContentBox ul.listLink {
	margin: 0px 4px;
	padding: 0px;
	list-style-type: none;
}

/* subContents [QuoteBox]の設定 */
#subContents div.quoteBox {
	margin: 12px 5px 0px 5px;
	background: url(/newsite/main/cep/images/bg_quotebox_bottom.gif) no-repeat bottom left;
	width: 177px;
}

#subContents div.quoteBox p.paragraph {
	background: url(/newsite/main/cep/images/bg_quotebox_top.gif) no-repeat top left;
	padding: 6px;
	width: 165px !important;
	width /**/: 177px;
	color: #838E7A;
}

/* subContents [List (link)]の設定 */
#subContents ul.listLink li {
	background: url(/newsite/main/tesol/images/icn_sub_listlink.gif) no-repeat 0px 4px;
	border-bottom: dashed 1px #DDDDDD;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 13px;
	width: 152px !important;
	width /**/: 165px;
}

#subContents ul.listLink li.noBorder,
body.topPage #subContents ul.listLink li{
	width: 218px !important;
	width /**/: 231px;
}

#subContents ul.listLink li.noBorder {
	background: url(/newsite/main/tesol/images/icn_sub_listlink.gif) no-repeat 0px 4px;
	border-bottom: dashed 0px #DDDDDD;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 5px 13px;
	width: 152px !important;
	width /**/: 165px;
}

#subContents p.listLink {
	background: url(/newsite/main/tesol/images/icn_sub_listlink.gif) no-repeat 0px 4px;
	margin: 5px 0px 0px 0px;
	padding: 0px 3px 5px 13px;
	float: right;
}


/* Formページの設定 */
#mainContents div.FormArea {
	margin: 0px 0px 0px 0px;
}

#mainContents table.formTable {
	border-collapse: collapse;
	border-spacing: 0px;
	border: 0px;
	margin-bottom: 3px;
	width: 599px;
}

#mainContents table.formTable td, th {
	border-bottom: solid 2px #FFFFFF;
	padding: 3px 5px 4px 5px;
	vertical-align: top;
	text-align: left;
	word-break: normal;
}

#mainContents table.formTable th {
	background: #003300;
	color: #FFFFFF;
	border-top: solid 20px #FFFFFF;
	font-weight: bold;
}

#mainContents table.CourseError th {
	background: #FF9900;
}

#mainContents table.formTable td.required {
	width: 5px;
	background: #CCCCCC;
	color: #FF0000;
	font-weight: bold;
	border-right: solid 2px #FFFFFF;
}

#mainContents table.formTable td.nor_required {
	width: 5px;
	background: #EFEFEF;
	border-right: solid 2px #FFFFFF;
}

#mainContents table.formTable td.err_required {
	width: 5px;
	background: #FF9900;
	color: #FF0000;
	font-weight: bold;
	border-right: solid 2px #FFFFFF;
}

#mainContents table.formTable td.title {
	width: 165px;
	border-right: solid 2px #FFFFFF;
	background: #DDDDDD;
}

#mainContents table.formTable td.nor_title {
	width: 165px;
	border-right: solid 2px #FFFFFF;
	background: #EFEFEF;
}

#mainContents table.formTable td.err_title {
	width: 165px;
	border-right: solid 2px #FFFFFF;
	background: #FFCC66;
}

#mainContents table.formTable td.title_2col {
	border-right: solid 2px #FFFFFF;
	background: #DDDDDD;
}

#mainContents table.formTable td.nor_title_2col {
	border-right: solid 2px #FFFFFF;
	background: #EFEFEF;
}

#mainContents table.formTable td.err_title_2col {
	border-right: solid 2px #FFFFFF;
	background: #FFCC66;
}

#mainContents table.formTable td.field {
	background: #EFEFEF;
}

#mainContents table.formTable td.field dl {
	margin: 0px;
	padding: 0px;
}

#mainContents table.formTable td.field dt {
	float: left;
}

#mainContents table.formTable td.field dd {
	margin-left: 140px;
	margin-bottom: 1px;
	width: auto;
}

#mainContents table.formTable td.field dl.radio_major dd {
	margin-left: 20px;
	margin-bottom: 4px;
	width: auto;
}

#mainContents table.formTable td.field dl.radio_major span {
	color: #999999;
}

#mainContents table.formTable,
#mainContents table.CourseList {
	font-size: 0.8em;
	line-height: 125%;
}

/* Course List Table */
#mainContents table.CourseList {
	border-left: solid 1px #CACACA;
	border-top: solid 1px #CACACA;
	border-collapse: collapse;
	border-spacing: 0px;
	margin-bottom: 3px;
	width: 599px;
}

#mainContents table.CourseList td,
#mainContents table.CourseList th {
	border-right: solid 1px #CACACA;
	border-bottom: solid 1px #CACACA;
	padding: 3px 5px 6px 5px;
	vertical-align: top;
	word-wrap: break-word;
}

#mainContents table.CourseList th {
	background: #EEE;
}

#mainContents table.CourseList .credit {
	text-align: center;
}

#mainContents strong.caution {
	font-weight: bold;
	color: #FF0000;
}

#mainContents div.formAction {
	background: #CCCCCC;
	padding: 5px;
	margin-top: 20px;
	text-align: right;
	width: 589px !important;
	width /**/: 599px;
}

#mainContents div.formAction input.formButton {
	width: 100px;
}

#mainContents div.formAction div.disclaimer {
	width: 579px !important;
	width /**/: 589px;
	padding: 4px;
	margin-bottom: 4px;
	background: #EFEFEF;
	text-align: left;
}

#mainContents div.formAction span.forwardAction {
	border: solid 2px #336633;
	border-bottom: solid 6px #336633 !important;
	border-bottom /**/: solid 2px #336633;
	width: 100px;
}

#mainContents div.formAction span.backAction {
	border: solid 2px #CCCCCC;
	width: 100px;
}

#mainContents input.inputtext {
	height: 18px;
	padding: 1px 0px 0px 1px;
	margin: 0px;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
}

#mainContents input.names {
	width: 80px;
}

#mainContents input.withtext {
	margin-bottom: 4px;
}

#mainContents textarea.textbox {
	margin: 0px;
	font-family: sans-serif;
	font-size: 0.9em !important;
	font-size /**/: 1em;
	width: 300px;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;	
}

#mainContents textarea.hs_additional {
	margin: 0px;
	font-family: sans-serif;
	font-size: 0.9em !important;
	font-size /**/: 1em;
	width: 380px;
	border-top: #808080 1px solid;
	border-left: #808080 1px solid;
	border-bottom: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;	
}

#mainContents select.selectbox {
	margin-bottom: 4px; 
}

#mainContents div.subquestions {
	padding: 5px;
	margin: 3px;
	border: 1px dashed #CCCCCC;
	background: #DDDDDD;
	color: #666666;
	font-size: 0.9em !important;
	font-size /**/: 1em;
}

#mainContents table.formTable div.subquestions dd {
	margin-left: 160px;
}

#mainContents span.formnotes {
	color: #666666;
	font-size: 1.0em;
}

#mainContents sup {
	font-size: 0.7em;
}


/* privacy policy style */
.privsubtitle {
	font-family: arial, helvetica, san-serif;
	font-size: 100%;
	font-style: normal;
	line-height: 130%;
	font-weight: bold;
	color: #003300;
}

.privparagraph {
	font-family: arial, helvetica, san-serif;
	font-size: 80%;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	color: #666666;
}

.privgroup {
	padding: 5px 5px 0px 5px;
	margin-bottom: 15px;
	background: #F6F6F6;
	border: 1px solid #DDDDDD;
}

.privbox {
	font-family: arial, helvetica, san-serif;
	font-size: 80%;
	font-style: normal;
	line-height: 130%;
	font-weight: normal;
	color: #666666;
	padding: 4px;
	margin-bottom: 5px;
	background: #FEFEFE;
	border: 1px solid #DDDDDD;
}


/* sideNavigationの設定 */
#sideNavigation {
	margin-top: 192px;
	padding-top: 8px;
	border-top: 1px solid #beba9e;
	width: 139px;
	float: left;
}

#sideNavigation a:link { 
 color: #336633;
 text-decoration: none;
}

#sideNavigation a:active { 
 color: #336633;
 text-decoration: none;
}

#sideNavigation a:visited { 
 color: #336633;
 text-decoration: none;
}

#sideNavigation a:hover { 
 color: #336633;
 text-decoration: underline;
}

#sideNavigation h3 {
	background: url(/newsite/main/tesol/images/arrow01.gif) no-repeat 5px 6px;
	margin: 0px;
	padding: 3px 4px 2px 16px;
}

#sideNavigation ul {
	background: url(/newsite/main/tesol/images/lin_navi.gif) no-repeat bottom left;
	margin: 0px;
	padding: 0px 0px 1px 0px;
	background-color: #F4F4E0;
	list-style-type: none;
}

#sideNavigation li {
	background: url(/newsite/main/tesol/images/lin_navi.gif) no-repeat top left;
	margin: 0px;
	padding: 3px 4px 2px 16px;
}

/* FOOTERの設定 */
#footer {
	margin: 0px;
	padding-top: 36px;
	width: 760px;
	clear: both;
}

#footer a {
	margin: 0px 5px 0px 5px;
}

#footerNavi {
	border: 1px solid #666666;
	background: #8e8d8e;
	margin: 0px;
	padding: 6px 0px 7px 0px;
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
}

#footerNavi a {
	color: #FFFFFF;
}

#footer p.copyright {
	padding: 20px 0px 16px 0px;
	text-align: center;
	background: #FFFFFF;
}

#footer p.footerNavi {
	text-align: center;
	padding-bottom: 16px;
}