@CHARSET "UTF-8";

/* start - don't change */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

body {
	font-family: arial, tahoma, sans-serif;
	font-size: 11px;
	color: #000000;
	background: #ffffff url('images/background.gif') top center repeat-y;
}

div {
	overflow: hidden;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { 
	border: none; 
}

address,caption,cite,code,dfn,em,strong,th,var{ 
	font-style: normal; 
	font-weight: normal;
}

strong { 
	font-weight: bold;
}

ol,ul { 
	list-style: none;
}

h1,h2,h3,h4,h5,h6 { 
	font-size: 100%;
	font-weight: normal;
}

abbr,acronym { 
	border: 0; 
}

.clear { 
	clear: both; 
	height: 0;
	font-size: 0;
}

a img{ border: none; }

a { text-decoration: none; }

.fleft { float: left; }
.fright { float: right; }
.cboth { clear: both; }
.vmid { vertical-align: middle; }
.f9 { font-size: 9px; }
.f12 { font-size: 12px; }
.blue { color: #0023cf; }

/* content */
div#global {
	clear: both;
	padding-top: 50px;
	margin: auto;
	width: 900px;
}

div#logos, div#banner, div#menu-top, div#content, div#footer, div#banners {
	clear: both;
}

div#logos {
	margin-bottom: 5px;
}

div#logos .choice {
	float: left;
	padding-left: 125px;
}

div#logos .toeic {
	float: right;
	padding-right: 40px;
}

div#menu-top {
	width: 900px;
	height: 46px;
	background: url('images/button-bottom.gif') bottom left no-repeat;
}

div#menu-top .business-english {
	display: block;
	float: left;
	width: 451px;
	height: 42px;
	background: url('images/button-business-english.gif') top left no-repeat;
}

div#menu-top .business-english:hover {
	background: url('images/button-business-english-hover.gif') top left no-repeat;
}

div#menu-top .be-active {
	background: url('images/button-business-english-hover.gif') top left no-repeat;
}

div#menu-top .check-business-english {
	display: block;
	float: left;
	width: 449px;
	height: 42px;
	background: url('images/button-japanese.gif') top left no-repeat;
}

div#menu-top .check-business-english:hover {
	background: url('images/button-japanese-hover.gif') top left no-repeat;
}

div#menu-top .bec-active {
	background: url('images/button-japanese-hover.gif') top left no-repeat;
}

/*
div#menu-top .japanese:hover {
	background: url('images/button-japanese-hover.gif') top left no-repeat;
}

div#menu-top .jap-active {
	background: url('images/button-japanese-hover.gif') top left no-repeat;
}
*/

div#content {
	margin: 0px 0px 10px 2px;
}

div#content .left {
	float: left;
	width: 221px;
}

div#content .right {
	float: right;
	margin-top: 15px;
	width: 677px;
}

div#content .right .content-top {
	clear: both;
	width: 677px;
	height: 12px;
	background: url('images/content-top.gif') top left no-repeat;
}

div#content .right .content-mid {
	clear: both;
	padding: 5px 28px 5px 30px;
	background: url('images/content-mid.gif') top center repeat-y;
}

div#content .right .content-mid .title {
	clear: both;
	padding: 15px 0px 15px 0px;
}

div#content .right .content-btm {
	clear: both;
	width: 677px;
	height: 12px;
	background: url('images/content-btm.gif') top left no-repeat;
}

/* start menu */
div#content div.menu {
	float: left;
	width: 216px;
	background-color: #fbfbf7;
	border-bottom: 3px solid #b1b1b1;
}

div#content div.menu-sub {
	clear: both;
	width: 216px;
	background-color: #fbfbf7;
	border-bottom: 3px solid #b1b1b1;
}

div#content div.menu .top, div#content div.menu-sub .top {
	clear: both;
	width: 216px;
	height: 17px;
	background-color: #f7f5f2;
}

div#content div.menu .text, div#content div.menu-sub .text {
	clear: both;
	padding: 13px 0px 13px 0px;
	width: 216px;
	background-color: #e2e1d4;
}

div#content div.menu .text .element, div#content div.menu-sub .text .element {
	clear: both;
	padding-left: 30px;
	font-weight: bolder;
}

div#content div.menu .text .element a, div#content div.menu-sub .text .element a {
	display: block;
	padding: 7px 0px 7px 22px;
	color: #33261c;
	background: url('images/menu-arrow.gif') center left no-repeat;
}

div#content div.menu .text .element a:hover, div#content div.menu-sub .text .element a:hover {
	background: url('images/menu-arrow-hover.gif') center left no-repeat;
}

div#content div.menu .text .element a.active, div#content div.menu-sub .text .element a.active {
	display: block;
	padding: 7px 0px 7px 22px;
	color: #0023cf;
	background: url('images/menu-arrow-active.gif') center left no-repeat;
}

div#content div.menu .text .element a.active:hover, div#content div.menu-sub .text .element a.active:hover {
	background: url('images/menu-arrow-hover-active.gif') center left no-repeat;
}

div#content div.menu .text .spacer, div#content div.menu-sub .text .spacer {
	margin-left: 30px;
	width: 170px;
	height: 3px;
	background: url('images/menu-spacer.gif') top left repeat-x;
}

div#content div.menu .text .spacer-clear, div#content div.menu-sub .text .spacer-clear {
	margin-left: 30px;
	width: 170px;
	height: 31px;
}

/* end menu */

div#content div.banners {
	padding-top: 20px;
	width: 900px;
}

div#content div.banners .banner {
	float: left;
	width: 300px;
}

div#content div.banners-left .banner {
	clear: both;
	margin-top: 10px;
}

div#content div.banners .banner .header .hleft, div#content div.banners .banner .header .hright,
div#content div.banners-left .banner .header .hleft, div#content div.banners-left .banner .header .hright {
	float: left;
	width: 10px;
	height: 30px;
}

div#content div.banners .banner .header .hmid {
	float: left;
	width: 279px;
	height: 30px;
	background: url('images/block-top-mid.gif') top left repeat-x;
}

div#content div.banners-left .banner .header .hmid {
	float: left;
	width: 196px;
	height: 30px;
	background: url('images/block-top-mid.gif') top left repeat-x;
}

div#content div.banners .banner .header .hmid .title {
	padding: 4px 0px 0px 6px;
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
}

div#content div.banners-left .banner .header .hmid .title {
	padding: 6px 0px 0px 6px;
	font-size: 14px;
	font-weight: bolder;
	color: #ffffff;
}

div#content div.banners .banner .header .hmid .title a, div#content div.banners-left .banner .header .hmid .title a {
	color: #ffffff;
}

div#content div.banners .banner .header .hleft, div#content div.banners-left .banner .header .hleft {
	background: url('images/block-top-left.gif') top left no-repeat;
}

div#content div.banners .banner .header .hright, div#content div.banners-left .banner .header .hright {
	background: url('images/block-top-right.gif') top left no-repeat;
}

div#content #main-banner {
	float: left;
	width: 682px;
	height: 257px;
	border-bottom: 3px solid #b1b1b1;
}

table th {
	padding: 5px 0px 5px 0px;
	font-size: 16px;
	font-weight: bolder;
	color: #ffffff;
	text-align: center;
	background: #0040d1 url('images/th-bg.gif') top left repeat-x;
	border-left: 1px solid #0023cf;
	border-right: 1px solid #0023cf;
}

table td {
	padding: 8px 0px 4px 0px;
	text-align: center;
	border-bottom: 1px solid #0023cf;
	border-left: 1px solid #0023cf;
	border-right: 1px solid #0023cf;
}

div#footer {
	padding: 5px 0px 5px 5px;
	border-top: 1px solid #aeb2b1;
	color: #917e70;
	line-height: 15px;
}

div.form {
	clear: both;
	margin: 15px auto;
	width: 418px;
}

div.form .error {
	clear: both;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ff0000;
	font-weight: bolder;
	color: #ff0000;
}

div.form .thanks {
	clear: both;
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid #ff6600;
	font-weight: bolder;
	color: #ff6600;
}

div.form .form-top {
	clear: both;
	width: 418px;
	height: 42px;
	background: url('images/formularz-kontaktowy.gif') top left no-repeat;
}

div.form .form-mid {
	clear: both;
	width: 418px;
	background: url('images/formularz-kontaktowy-mid.gif') top left repeat-y;
}

div.form .form-mid .form-element-left {
	float: left;
	padding: 5px 10px 5px 0px;	
	width: 130px;
	text-align: right;
}

div.form .form-mid .form-element-right {
	float: left;
	padding: 3px 0px 5px 0px;	
}

div.form .form-mid .form-element-right input.text {
	width: 200px;
}

div.form .form-mid .form-element-right textarea {
	width: 200px;
	height: 100px;
}

div.form .form-mid .form-submit {
	clear: both;
	text-align: center;
}

div.form .form-btm {
	clear: both;
	width: 418px;
	height: 14px;
	background: url('images/formularz-kontaktowy-bottom.gif') top left no-repeat;
}

div#footer a {
	color: #917e70;
}

/* news */
div.news_block {
	clear: both;
	margin: 10px 0px 20px;
	overflow: hidden;
}

div.news_block div {
	overflow: hidden;
}

div.news_head {
	clear: both;
	padding: 8px;
	background: #0040d1 url('images/th-bg.gif') top left repeat-x;
	color: #fff;
}

div.news_title {
	float: left;
	font-weight: bold;
	font-size: 13px;
}

div.news_date {
	float: right;
	font-size: 12px;
}

div.news_content {
	padding: 8px;
	font-size: 12px;
	line-height: 15px;
}

div.news_more {
	clear: both;
	text-align: right;
	padding: 0px 8px;
}

div.news_back {
	clear: both;
	padding: 10px 8px 0px;
}

div.news_more a, div.news_back a {
	color: #0040d1;
	font-size: 13px;
}

div.sitemap {
	clear: both;
	padding: 10px 0px;
}

div.sitemap-element {
	clear: both;
	padding: 3px;
}

div.sitemap-element-in {
	clear: both;
	padding: 3px 3px 3px 15px;
	color: #0040d1;
	font-size: 13px;
}

div.sitemap-element a, div.sitemap-element-in a {
	color: #0040d1;
	font-size: 13px;
}

div.question {
	clear: both;
	padding: 5px 0px 10px;
}

div.answer {
	clear: both;
	padding: 0px 0px 15px 10px;
}

div.answer input, div.answer span {
	vertical-align: middle;
}

div.answer span {
	padding-right: 10px;
}