@charset "UTF-8";

body { 
	background: url(/site/images/02_eng/main/bg_body.jpg) no-repeat left top;
	color: #666;
	height: 100%; 
	width: 100%; 
}

/* main_contents */
#main_container {
	background: url(/site/images/02_eng/main/bg_container.gif) no-repeat left bottom;
	float: left;
	padding: 0 40px 0 0;
	position: relative;
	width: 910px;
	height: 480px;
}

.visual {
	left: 0;
	height: 480px;
	position: absolute;
	top: 17px;
	width: 550px;
	z-index: 0;
}

#main_container div.content {
	position: absolute;
	left: 338px;
	top: 62px;
	z-index: 2;
}

div.edu {
	background: url(/site/images/02_eng/main/bg_edu.gif) no-repeat right bottom; 
	float: left;
	height: 147px;
	margin: 0 25px 0 0;
	overflow: hidden;
	position: relative;
	width: 323px;
	z-index: 100;
}

div.edu h3 {
	position: absolute;
	right: 57px;
	bottom: 8px;
}

div.edu p {
	position: absolute;
	left: 19px;
	top: 8px;

}

.edu01 {
	position: absolute;
	left: 8px;
	top: 76px;
}

.edu02 {
	position: absolute;
	left: 56px;
	top: 51px;
}

.edu03 {
	position: absolute;
	left: 91px;
	top: 30px;
}

.edu04 {
	position: absolute;
	left: 139px;
	top: -7px;
}

#tabcontainer {
	float: left;
	padding: 0 0 17px 0;
	position: relative;
	width: 224px;
}

#tabcontainer h3 {
	display: inline;
	float: left;
}

#main_container #tabcontainer div.tabcontent {
	color: #555;
	font-size: .95em;
	height: 96px;
	left: 7px;
	overflow: hidden;
	padding-top: 10px;
	position: absolute;
	top: 30px;
	width: 219px;
}

#tabcontainer div.tabcontent li {
	background: url(/site/images/02_eng/main/ico_news.gif) no-repeat left 8px; 
	float: left;
	font-size: 12px;
	letter-spacing: -1px;
	line-height: 1.6em;
	padding: 0 0 0 6px;
}

.w95 {
	width: 95px;
}

.w105 {
	width: 105px;
}

#news {
	float: left;
	margin: 0 25px 0 0;
	overflow: hidden;
	position: relative;
	width: 323px;
}

#news h3 {
	display: block;
	padding: 7px 0 7px 1px;
	width: 322px;
}

div.banner {
	float: left;
	width: 323px;
}

div.banner p {
	float: left;
}

#news div.banner ul {
	float: right;
	margin: 15px 0 0 0;
	width: 158px;
}

#news div.banner ul li {
	width: 158px;
}

#news div.banner ul li a {
	background: none;
	padding: 0;
}

#news {
	float: left;
	margin: 0 25px 0 0;
	overflow: hidden;
	position: relative;
	width: 323px;
}

#news h3 {
	display: block;
	padding: 7px 0 7px 1px;
	width: 322px;
}

#news ul {
	margin-bottom: 15px;
	width: 323px;
}

#news li {
	height: 20px;
	padding: 0 0 1px 0;
	text-align: right;
	width: 323px;
}

#news li a {
	background: url(/site/images/02_eng/common/ico_li.gif) no-repeat left 50%;
	display: block;
	float: left;
	padding-left: 8px;
}

#news li span {
	color: #a8a4a4;
	font-size: .95em;
	text-align: right;
}

div.admin {
	float: left;
	width: 224px;
}

div.admin h3 {
	padding: 7px 0 14px 1px;
	width: 223px;
}

div.admin ul {
	background: url(/site/images/02_eng/main/bg_admin.gif) no-repeat left top;
	height: 159px;
	overflow: hidden;
	padding: 17px 0 0 11px;
	width: 213px;
}


