/* CSS Document */

/* Common */
/* ====================================================================== */

* {
	margin: 0;
	padding: 0;
}
	
body {
	text-align: center;
	color: #333;
	font-family: 'MS PGothic', 'Osaka', sans-serif;
	background: top url(../images/header.gif) repeat-x #FFF;
	font-size: 16px;
	line-height: 1.4;
}

a {
	color: #003366;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

#layout {
	margin: 0 auto;
	width: 950px;
	text-align: left;
}

#header {
	position: relative;
	height: 75px;
}

#header h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 200px;
	height: 75px;
	text-indent: -3000px;
	background: url(../images/logo.gif) no-repeat;
}

#header h1 a {
	display: block;
	width: 200px;
	height: 75px;
	background: url(../images/logo.gif) no-repeat;
}

#login {
	padding: 5px;
	text-align: right;
	font-size: 64%;
	color: #FFF;
}

#login a {
	color: #FFF;
}

/* Menu */
/* ====================================================================== */

#global_menu {
	position: absolute;
	top: 48px;
	left: 210px;
	list-style: none;
}

#menu_consultation {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_consultation.gif) no-repeat;
}

#menu_consultation a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_consultation.gif) no-repeat;
}

#menu_consultation.current a {
	background: url(../images/menu_consultation_h.gif) no-repeat;
}

#menu_document {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_document.gif) no-repeat;
}

#menu_document a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_document.gif) no-repeat;
}

#menu_document.current a {
	background: url(../images/menu_document_h.gif) no-repeat;
}

#menu_newsletter {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_newsletter.gif) no-repeat;
}

#menu_newsletter a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_newsletter.gif) no-repeat;
}

#menu_newsletter.current a {
	background: url(../images/menu_newsletter_h.gif) no-repeat;
}

#menu_system {
	float: left;
	width: 138px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_system.gif) no-repeat;
}

#menu_system a {
	display: block;
	width: 138px;
	height: 27px;
	background: url(../images/menu_system.gif) no-repeat;
}

#menu_system.current a {
	background: url(../images/menu_system_h.gif) no-repeat;
}

#menu_education {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_education.gif) no-repeat;
}

#menu_education a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_education.gif) no-repeat;
}

#menu_education.current a {
	background: url(../images/menu_education_h.gif) no-repeat;
}

#menu_contact {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_contact.gif) no-repeat;
}

#menu_contact a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_contact.gif) no-repeat;
}

#menu_contact.current a {
	background: url(../images/menu_contact_h.gif) no-repeat;
}

#menu_sales {
	float: left;
	width: 88px;
	height: 27px;
	text-indent: -3000px;
	background: url(../images/menu_sales.gif) no-repeat;
}

#menu_sales a {
	display: block;
	width: 88px;
	height: 27px;
	background: url(../images/menu_sales.gif) no-repeat;
}

#menu_sales.current a {
	background: url(../images/menu_sales_h.gif) no-repeat;
}

/* Header */
/* ====================================================================== */

#head_consultation {
	margin: 10px 0 15px 0;
	position: relative;
	width: 910px;
	height: 60px;
	padding: 20px;
	color: #FFF;
	background: url(../images/head_consultation01.jpg) no-repeat;
}

#head_consultation span {
	position: absolute;
	width: 95px;
	height: 50px;
	top: -50px;
	left: 875px;
	background: url(../images/head_consultation02.jpg) no-repeat;
}

#head_document,
#head_mailform {
	margin: 10px 0 15px 0;
	position: relative;
	width: 910px;
	height: 60px;
	padding: 20px;
	color: #FFF;
	background: url(../images/head_document01.jpg) no-repeat;
}

#head_document span,
#head_mailform span {
	position: absolute;
	width: 95px;
	height: 50px;
	top: -50px;
	left: 875px;
	background: url(../images/head_document02.jpg) no-repeat;
}

#head_education,
#head_sales {
	margin: 10px 0 15px 0;
	position: relative;
	width: 910px;
	height: 60px;
	padding: 20px;
	color: #FFF;
	background: url(../images/head_education01.jpg) no-repeat;
}

#head_education span,
#head_sales span {
	position: absolute;
	width: 95px;
	height: 50px;
	top: -50px;
	left: 875px;
	background: url(../images/head_education02.jpg) no-repeat;
}

#head_contact {
	margin: 10px 0 15px 0;
	position: relative;
	width: 910px;
	height: 60px;
	padding: 20px;
	color: #FFF;
	background: url(../images/head_contact01.jpg) no-repeat;
}

#head_contact span {
	position: absolute;
	width: 95px;
	height: 50px;
	top: -50px;
	left: 875px;
	background: url(../images/head_contact02.jpg) no-repeat;
}
/* Content */
/* ====================================================================== */

#main {
	float: left;
	display: inline;
	width: 700px;
	margin: 0 15px 0 0;
	font-size: 84%;
}

#category_child {
	list-style: none;
}

#category_child li {
	display: inline;
	padding: 0 10px 0 0;
}

#category_title,
#article_title,
.category_title {
	margin: 10px 0;
	padding: 3px 5px;
	font-size: 120%;
	color: #FFF;
	background: #009900;
}

.category_title a {
	color: #FFF;
}

.article_title  {
	margin: 5px 0;
	font-size: 120%;
	color: #009900;
}

#article_list {
	margin: 5px 0 15px 25px;
}

#article_list li {
	padding: 0 0 8px 0;
}

.article_content {
	padding: 5px 10px 15px 10px;
	font-weight: normal;
	font-size: 92%;
	line-height: 1.6;
}

.section_title {
	margin: 5px 0;
	padding: 3px 5px;
	background: #FFFFEC;
}

.section_description {
	padding: 3px 10px 15px 10px;
}

#mail_form {
	margin: 10px 0;
	border: 1px solid #CCCCCC;
}

#mail_form th {
	text-align: left;
	width: 150px;
	color: #FFF;
	padding: 3px 5px;
	background: #003366;
}

#mail_form td {
	padding: 3px;
	background: #ECECEC;
}

#mail_form textarea {
	width: 400px;
	height: 150px;
}

#reply_title {
	margin: 5px 0;
	padding: 3px 5px;
	background: #FFFFEC;
}

.reply_body {
	margin: 0 10px 10px 10px;
	padding: 10px;
	border: 1px solid #BCBCBC;
	background: #F1F1F1;
}

#bottom_navi {
	margin: 20px 0;
	font-size: 14px;
	line-height: 1.8;
	font-weight: normal;
	text-align: center;
}

#submit_btn {
	text-align: center;
	margin: 10px 0;
}

.error_message {
	padding: 15px 0 0 0;
	text-align: center;
	font-weight: bolder;
	color: #990000;
}

#logion_block {
	margin: 20px 0 20px 220px;
	padding: 15px;
	border: 1px solid #CCCCCC;
	background: #EDEDED;
}

#login_area {
	padding: 10px 0 0 0;
	text-align: center;
}

#forget {
	text-align: center;
}

#error_block {
	margin: 10px 0 15px 0;
}

#error_block h4 {
	margin: 5px 0 0 0;
}

#error_block p {
	padding: 0 0 5px 10px;
	color: #990000;
}

.required_text {
	padding: 5px 60px 0 0;
	font-size: 12px;
	text-align: right;
}

.required {
	color: #990000;
}

.register_block {
	margin: 0 0 25px 0;
	border: 1px solid #CCC;
	width: 650px;
}

.register_block thead th {
	padding: 3px;
	text-align: center;
	background: #003366;
	color: #FFF;
}

.register_block tbody th {
	padding: 3px;
	width: 165px;
	background: #EDEDED;
}

.register_block tbody td {
	padding: 3px;
	background: #EDEDED;
}

/* Side Bar */
/* ====================================================================== */

#side {
	float: left;
	display: inline;
	width: 235px;
	font-size: 84%;
}

#side_content {
	padding: 15px;
	background: #EFE2C6;
}

#side_content h3 {
	font-size: 110%;
	color: #FF6600;
	text-align: center;
	margin: 0 0 10px 0;
}

#side_content h4 {
	color: #003366;
	font-size: 100%;
	margin: 0 0 10px 0;
}

#side_content p {
	margin: 0 5px 10px 5px;
}

#handbook01 {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #E8E8FF;
}

#handbook01 img {
	float: left;
	margin: 0 5px 5px 0;
}

#handbook02 {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #FFF4F4;
}

#handbook02 img {
	float: left;
	margin: 0 5px 5px 0;
}

#handbook03 {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #FFECF5;
}

#handbook03 img {
	float: left;
	margin: 0 5px 5px 0;
}

#handbook_btn2 {
	margin: 10px 0 10px 35px;
	width: 140px;
	height: 25px;
	text-indent: -3000px;
	background: url(../images/handbook_btn2.gif) no-repeat;
}

#handbook_btn2 a {
	display: block;
	width: 140px;
	height: 25px;
	background: url(../images/handbook_btn2.gif) no-repeat;
}

#content_banner {
	margin: 10px 0;
	padding: 0;
	text-align: center;
}

#content_banner img {
	border: none;
	margin: 0 0 15px 0;
}


/* Footer */
/* ====================================================================== */

#footer {
	clear: both;
	padding: 20px 0;
	font-size: 84%;
	text-align: center;
}