@charset "utf-8";

*{
	margin:0px;
	padding:0px;
	margin-bottom:0px;
	color: #999999;
	line-height: 20px;
}	

body {
	margin-top:0;
	padding:0px;
	background-image: url(images/bg.jpg);
	background-repeat: repeat;
	font-size:12px;
}

#pagewrap{
	width:950px;
	height:auto;
	background-color: #007c51;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 3px;

	padding-left: 3px;
}
#header{
	height:180px;
	width:auto;
	background-image: url(images/togo-header.jpg);
	
}
#topbar
{
	height:40px;
	width:auto;
	background-image: url(images/top-bg.jpg);
}

#contentwrap
{
	float:left;
	width:auto;
	height:auto;
	background-color: #FFFFFF;

}
#sidebar
{
	float:left;
	width:220px;
	height:auto;
	background-color: #FFFFFF;
	
}
#sidebarMenuBox {
	height: 500px;
	width: 190px;
	float:right;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}

#leftcolumnwrap
{
	float:right;
	width:690px;
	height:auto;
	padding: 20px;
	background-color: #FFFFFF;
}
#contentBox1 {
	height: auto;
	width: auto;
	background-color: #FFFFFF;
}
#titleBox {
	height: 50px;
	width: auto;
	background-image: url(images/title.jpg);
	background-repeat: no-repeat;
}
#content1-1 {
	background-color: #FFFFFF;
	height: auto;
	width: auto;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 30px;
}
.normalfont {
	color: #999999;
	font-size: 14px;
	line-height: 5px;
}

#contentBox2 {
	background-image: url(images/content2-box.jpg);
	height: 515px;
	width: auto;
	background-color: #FFFFFF;
}
#contentBox2-bottom {
	width: auto;
	padding-top: 330px;
	padding-bottom: 20px;
	padding-left: 90px;
	height: 165px;
	
}
#contentBox3 {
	background-image: url(images/content3-box.jpg);
	height: 552px;
	width: auto;
	background-color: #FFFFFF;
}

#contentBox3-bottom {
	width: auto;
	padding-top: 450px;
	padding-left: 90px;
	padding-bottom: 20px;
	height: 80px;
	
}


#contentBox4 {
	background-image: url(images/content4-box.jpg);
	height: 340px;
	width: auto;
	background-repeat: no-repeat;
}
#contentBox4-vSplitL {
	height: 340px;
	width:500px;
	float:left;
	padding-right: 20px;
	
}
#contentBox4-vSplitL-T {
	width:480px;
	float:left;
	padding-top: 80px;
	height: 80px;
	padding-left: 40px;
	padding-right: 0px;
	
}
#contentBox4-vSplitL-T-L {
	width:210px;
	float:left;

	
}
#contentBox4-vSplitL-T-R {
	width:200px;
	float:right;

}
#contentBox4-vSplitL-B {
	width:480px;
	float:left;
	height: 200px;
	padding-left: 20px;
	padding-right: 15px;
	
}
#contentBox4-vSplitR {
	height: 280px;
	width: 160px;
	padding-right:5px;
	float:right;
	padding-top: 60px;
	
}

#content1-2 {
	height: auto;
	width: auto;
	background-image: url(images/oshirase1.jpg);
	background-repeat: no-repeat;
}
#content1-2-center {
	height: auto;
	width: auto;
	background-image: url(images/oshirasecenter.jpg);
	background-repeat: repeat;
	padding-left: 45px;
	padding-right: 30px;
}
#content1-2-footer {
	height: 12px;
	width: auto;
	background-image: url(images/oshirasebottom.jpg);
	background-repeat: no-repeat;
}

#content1-2-bottom {
	height: 95px;
	width: auto;
	padding-top: 50px;
	padding-bottom: 35px;
	margin-left: 40px;
}

#footer{
	height:45px;
	width:950px;
	float:right;
	background-image: url(images/footer-bg.jpg);
	background-color: #FFFFFF;
	
}
#footerbox{
	width:950px;
	float:right;
	padding-top:15px;
	padding-bottom:15px;
	
}
.buttonbox
{
	width:182px;
	height:53px;
	margin-top: 5px;
	margin-bottom: 5px;
	float:right;
}
#arrayholder
{
	background-image: url(images/array.jpg);
	float: none;
	height: 130px;
	width: auto;
	background-repeat: no-repeat;
	margin-right: 80px;
	margin-left: 120px;
}
#tableholder {
	height: auto;
	width: 550px;
	margin-left: auto;
	margin-right: auto;
}
.facetitle {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/titlebg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}
.faceimg {
	height: 168px;
	width: auto;
	background-image: url(images/face1.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 140px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#faceimg2
{
	height: 168px;
	width: auto;
	background-image: url(images/face2.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 140px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#faceimg3
{
	height: 168px;
	width: auto;
	background-image: url(images/face3.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 140px;
	margin-top: 15px;
	margin-bottom: 5px;
}
#faceimg4
{
	height: 168px;
	width: auto;
	background-image: url(images/face4.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 100px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.facetxt {
	height: 40px;
	width: auto;
	padding-left: 75px;
}
#facetitle2 {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/bar2-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}
#facetitle3 {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/bar3-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}

#facetitle4 {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/bar4-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}
#facetitle5 {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/bar5-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}
#faceimg5
{
	height: 168px;
	width: auto;
	background-image: url(images/face5.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#facetitle6 {
	height: 20px;
	width: auto;
	margin-top: 10px;
	background-image: url(images/bar6-bg.jpg);
	background-repeat: no-repeat;
	margin-left: 40px;
}
#faceimg6
{
	height: 168px;
	width: auto;
	background-image: url(images/face6.jpg);
	background-repeat: no-repeat;
	margin-right: auto;
	margin-left: 60px;
	margin-top: 15px;
	margin-bottom: 5px;
}
.facetxt-l {
	height: auto;
	width: 200px;
	float:left;
	
}
.facetxt-r {
	height: auto;
	width: 200px;
	float:right;
	margin-right: 50px;
	margin-left: 30px;
	
}
.facetxtbottom {
	height: 80px;
	width: auto;
	padding-left: 75px;
}
.partwrap {
	height: auto;
	width: auto;
}
.part1content {
	height: auto;
	width: 541px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	color: #000000;
}
.part1c4subcontent {
	height: auto;
	width: 400px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: 50px;
	color: #000000;
}
#part1c1 {
	height: 32px;
	width: 551px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(images/p1c1.jpg);
}
#part1c2 {
	height: 32px;
	width: 551px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(images/p1c2.jpg);
}
#part1c3 {
	height: 32px;
	width: 551px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(images/p1c3.jpg);
}
#part1c4 {
	height: 32px;
	width: 551px;
	margin-top: 2px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-image: url(images/p1c4.jpg);
}
#part1c4s1 {
	height: 17px;
	width: 205px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 40px;
	background-image: url(images/p1c4sub1.jpg);
}
#part1c4s2 {
	height: 17px;
	width: 205px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: 40px;
	background-image: url(images/p1c4sub2.jpg);
}
.part2rowc {
	height: 280px;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;

}
#maru1{height:280px;width:280px;float:left;background-image: url(images/maru1.jpg);}
#maru3{height:280px;width:280px;float:left;background-image: url(images/maru3.jpg);}
#maru5{height:280px;width:280px;float:left;background-image: url(images/maru5.jpg);}
#maru7{height:280px;width:280px;float:left;background-image: url(images/maru7.jpg);}

#maru2{height:280px;width:280px;float:right;background-image: url(images/maru2.jpg);}
#maru4{height:280px;width:280px;float:right;background-image: url(images/maru4.jpg);}
#maru6{height:280px;width:280px;float:right;background-image: url(images/maru6.jpg);}
#maru8{height:280px;width:280px;float:right;background-image: url(images/maru8.jpg);}
.marucontent
{
	height: 175px;
	width: 220px;
	margin-top: 75px;
	margin-right: 30px;
	margin-bottom: 30px;
	margin-left: 30px;
	color: #000000;
}.course {
	background-image: url(images/courseHD-1.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
.course-content {
	height: auto;
	width: 520px;
	margin-right: auto;
	margin-left: 40px;
	color: #666666;
}
#course2 {
	background-image: url(images/courseHD-2.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#course3 {
	background-image: url(images/courseHD-3.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#course4 {
	background-image: url(images/courseHD-4.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#course5 {
	background-image: url(images/courseHD-5.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}
#course6 {
	background-image: url(images/courseHD-6.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 580px;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}