@charset "Shift_JIS";

/* 
---------------------- common CSS */
body {
	color: #000000;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 130%;
}

#wrapper {
	width: 750px;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}
a:link {
	color: #3366ff;
	background: transparent;
}
a:visited {
	color: #800080;
	background: transparent;
}
a:hover, a:active {
	color: #ff9933;
	background: transparent;
}

strong {
	color: #990000;
	font-weight: bold;
}
em {
	color: #3366CC;
	font-weight: bold;
	font-style: normal;
	}
/* 
---------------------- header */
#header {
	width: 750px;
	height: 80px;
	line-height: 0;
	margin: 0;
	padding: 0;
	background: url(../images/navi_bg.gif) top left repeat-y;
}
h1 {
	margin: 0;
	padding: 0;
	width: 750px;
	height: 61px;
	line-height: 0;
	font-size: 0.1em;
	font-style: normal;
	text-indent: -9999px;
	background: url(../images/header.gif) top left no-repeat;
	font-weight: normal;
}
h1 a {
	display: block;
	margin:0;
	padding: 0;
	width: 750px;
	height: 61px;
	text-decoration: none;
}
#header p {
	margin: 0 0 0 655px;
	padding: 0;
	width: 80px;
	height: 19px;
	background: url(../images/mail.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#header p a {
	margin:0;
	padding: 0;
	display: block;
	width: 80px;
	height: 19px;
	text-decoration: none;
}

/*   */
#pagebody {
	clear: both;
	position: relative;
	width: 750px;
	background: url(../images/navi_bg.gif) top left repeat-y;
	border-top: solid 1px #ffffff;
	margin: 0;
	padding: 0;
}

/* 
---------------------- navigation */
#navigation {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	background: url(../images/navi_bg.gif) top left repeat-y;
}
#navigation table {
	margin: 0;
	padding: 0;
	width: 170px;
	line-height: 0;
}
#navigation td {
	margin: 0;
	padding: 0;
	width: 170px;
	line-height: 0;
}
#navigation td a {
	margin: 0;
	padding: 0;
	text-decoration: none;
	line-height: 0;
}

#navigation p.contact {
	margin: 10px 45px 10px 45px;
	padding: 0;
	width: 80px;
	height: 19px;
	background: url(../images/mail2.gif) top left no-repeat;
	text-indent: -9999px;
	text-decoration: none;
}
#navigation p.contact a {
	display: block;
	width: 80px;
	height: 19px;
	text-decoration: none;
}
#navigation #banners {
	width: 170px;
	margin: 0;
	padding: 0;
}
#navigation #banners p {
	width: 170px;
	margin: 0 0 10px 0;
	padding: 0;
}


/* 
---------------------- footer */
/*#footer {
	clear: both;
	margin: 0;
	padding: 0;
	width: 750px;
	height: 75px;
}*/
#footer address {
	width: 750px;
	height: 61px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/footer_ad.gif) top left no-repeat;
}
#footer p#copyright  {
	width: 750px;
	height: 14px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	background: url(../images/footer_copy.gif) top left no-repeat;
}


/* 
---------------------- top CSS */
body#top a:link, body#shinchaku a:link {
	color: #000000;
	text-decoration: none;
}
body#top a:visited, body#shinchaku a:visited {
	color: #333333;
	text-decoration: none;
}
body#top a:hover, body#top a:active, body#shinchaku a:hover, body#shinchaku a:active {
	color: #666666;
	text-decoration: underline;
}

body#top #content {
	/*position: relative;*/
	padding: 230px 0 0 0;
	margin: 0 0 0 195px;
	width: 540px;
	background: url(../images/top_img.jpg) top left no-repeat;
}
body#top #content h2 {
	margin: 0;
	padding: 0;
	width: 260px;
	height: 30px;
	line-height: 1.0;
	font-style: normal;
	text-indent: -9999px;
}
body#top #content h2 a  {
	display: block;
	width: 260px;
	height: 30px;
	text-decoration: none;
}
body#top #content .box {
	padding: 0;
	margin: 0;
	width: 540px;
	height: 320px;
}
body#top #content #boxnews {
	float: left;
	padding: 0;
	margin: 0 0 20px 0;
	width: 260px;
	height: 280px;
}
body#top #content #boxnews h2 {
	background: url(../images/top_news.gif) top left no-repeat;
}
body#top #content #boxnews h2 a:hover {
	background: url(../images/top_news.gif) no-repeat -260px 0px;
}
/*body#top #content #boxnews ul {
	margin: 0;
	padding: 10px 0 0 0;
	width: 260px;
	height: 140px;
	background: url(../images/top_news_bg.jpg) top left no-repeat;
} */
/*body#top #content #boxnews li {
	margin: 0 0 10px 90px;
	padding: 0;
	font-size: 12px;
	text-align: left;
	line-height: 130%;
}*/
body#top #content #boxnews td.bg {
	height: 150px;
	background: url(../images/top_news_bg.jpg) top left no-repeat;
}
body#top #content #boxnews iframe {
	margin: 10px 0 0 0;
}

body#shinchaku #boxnews ul {
	margin: 0 0 0 18px;
	padding: 0;
}
body#shinchaku #boxnews li {
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 12px;
	text-align: left;
	line-height: 130%;
}

body#top #content #boxetec {
	float: right;
	padding: 0;
	width: 260px;
	height: 280px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
}
body#top #content #boxetec h2 {
	background: url(../images/top_etec.gif) top left no-repeat;
}
body#top #content #boxetec h2 a:hover {
	background: url(../images/top_etec.gif) no-repeat -260px 0px;
}

body#top #content #boxetec ul {
	margin: 0;
	padding: 10px 0 0 0;
	width: 260px;
	height: 140px;
	background: url(../images/top_etec_bg.jpg) top left no-repeat;
}
body#top #content #boxetec li {
	margin: 0 0 10px 90px;
	padding: 0;
	font-size: 12px;
	text-align: left;
	line-height: 130%;
}

/* 
---------------------- pages CSS */
body#pages #content {
	/*position: relative;*/
	padding: 0 0 20px 0;
	margin: 0 0 0 195px;
	width: 540px;
}
body#pages #content h2 {
	width: 540px;
	height: 40px;
	margin: 0 0 12px 0;
	padding: 0;
	line-height: 1.0;
	text-indent: -9999px;
}
body#pages #content h3 {
	width: 540px;
	height: 15px;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 1.0;
	text-indent: -9999px;
}
body#pages #content h4 {
	width: 529px;
	height: 18px;
	margin: 0 0 15px 11px;
	padding: 0;
	line-height: 1.0;
	text-indent: -9999px;
}
body#pages #content p {
	width: 529px;
	margin: 0 0 24px 11px;
	padding: 0;
	font-size: 12px;
	line-height: 130%;
}
body#pages #content ul {
	width: 529px;
	margin: 0 0 24px 11px;
	padding: 0;
	font-size: 12px;
	line-height: 130%;
}
body#pages #content li {
	margin: 0 0 6px 24px;
	padding: 0;
}

/* 
---------------------- company CSS */
#company {
}
#company h2 {
	background: url(../images/title_company.gif) top left no-repeat;
}
#embedded h2 {
	background: url(../images/title_embedded.gif) top left no-repeat;
}
#company h3#greet {
	background: url(../images/titles_greet.gif) top left no-repeat;
}
#embedded h3#ittoet {
	background: url(../images/titles_ittoet.gif) top left no-repeat;
}
#company h3#outline {
	background: url(../images/titles_outline.gif) top left no-repeat;
}
#embedded h3#etec {
	background: url(../images/titles_etec.gif) top left no-repeat;
}
#company h3#staff {
	background: url(../images/titles_staff.gif) top left no-repeat;
}

#company p.sighn {
	margin: 20px 0 0 0;
	padding: 0;
	text-align: right;
}

#company table#outlinet {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
}
#company table#outlinet td {
	margin: 0;
	padding: 10px;
}
#company table#outlinet td.heading {
	background-color: #96E3F3;
}
#company table#outlinet p {
	width: 400px;
	margin: 0 0 10px 0;
	padding: 0;
}

/* 
---------------------- enterprise CSS */
#enterprise {
	padding-bottom: 120px;
}
#enterprise h2 {
	background: url(../images/title_enterprise.gif) top left no-repeat;
}
#enterprise h3#exam {
	background: url(../images/titles_exam.gif) top left no-repeat;
}
#enterprise h3#edu {
	background: url(../images/titles_edu.gif) top left no-repeat;
}
#enterprise h3#pub {
	background: url(../images/titles_pub.gif) top left no-repeat;
}

/* 
---------------------- etec CSS */
#etec {
	padding-bottom: 200px;
}
#etec h2 {
	background: url(../images/title_etec.gif) top left no-repeat;
}

/* 
---------------------- partner CSS */
#partner {
	padding-bottom: 220px;
}
#partner h2 {
	background: url(../images/title_partner.gif) top left no-repeat;
}
#partner h4 {
	background: url(../images/titless_partner.gif) top left no-repeat;
}
/* 
---------------------- news CSS */
#news {
	padding-bottom: 20px;
}
#news h2 {
	background: url(../images/title_news.gif) top left no-repeat;
}
#news ul#newslist li {
	margin-bottom: 18px;
}
/* 
---------------------- book CSS */
.c2 { color: maroon; font-size: 16px; font-weight: bold }
/* 
---------------------- embedded CSS */
.c1 { color: #3366cc; font-size: 14px; font-style: normal; font-weight: bold }