@charset "UTF-8";
/* CSS Document */






* {margin: 0;padding: 0}
ul, ol { list-style:none}
img { vertical-aligin:middle;}
a{text-decoration:none;}
a:hover{text-decoration: underline;}
a:hover img {opacity: 0.6;
  filter: alpha(opacity=60);
  -ms-filter: "alpha(opacity=60)";}		
a:active img {opacity: 0.4;
  filter: alpha(opacity=40);
  -ms-filter: "alpha(opacity=40)";}		
img { max-width : 100%;
        }
html { 	font-family: "Times New Roman";
font-size : 100%;
line-height : 150%;}

header {width: 100%;
	height:auto;
    margin-left: auto;
	margin-right: auto;
	margin-top:1em;
	background-color:#fff;
 text-align:left;}
 
 header h1 {margin:0;
 padding:0;
}

.he4{margin:0 0 0.3em;
	text-align:center;

}
 
 .he4 ul li{
 float:left;
margin:0.5em 0;
width:33.33333%;
line-height:120%;


	
}
 
 
  .he4 ul li a{
	  font-size:80%;
	
	  color:#C9C9C9;
	   padding:0.2em 0;
	
	  
	  display:block;
	   }
 
#he1 img{
	margin: 0.1em auto 0;
	width:80%;}
#he1{margin:0 auto;
	text-align:center;
}

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 60px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 5px #ccc;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 0 5px #ccc;
	border:  5px solid #fff;
	left: -5px;
	background: #fff;
	
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(images/controls.png) no-repeat 0 -32px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(images/controls.png) no-repeat -43px -32px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}


.wrap1031{width:100%;
background-image: url(img/sessionbg5.jpg);
background-position:center top;
background-repeat:no-repeat;

			margin:0}



.wrap1030{width:100%;
background-image: url(img/aboutbg2.jpg);
background-position:center top;
background-repeat:no-repeat;

			margin:0}

.wrap1029{width:100%;

			margin:0}
			
			.wrap1029 img{width:100%;

			margin:0}

.wrap1028{width:99%;

			margin-left:auto;
		margin-right:auto;}
.main{ margin:0 auto 0;
	text-align:center;
width:100%;
	     }	   
 .main p{
	 text-align:left;}
.main2{ margin:10px auto 0;
	text-align:center;
width:100%;
	     }	   
		
.main4{ margin:0 auto 0;
	text-align:center;
width:90%;
	     }	   		
			   		   
.sub{margin-top: 0;
	width:100%;
			margin-left:auto;
		margin-right:auto;
	}
 .sub3{ width:99%;
 text-align:center;
			margin: 10px auto 0;

} 
.sub3 a{display:block;}



h1 {font-size: 100%;

padding-bottom:0;
padding-top:0.5em;
color: #7D2C97;
}
	h2 {
	font-size:100%;
border-bottom: 1px solid #C4C2C2;
	
	color: #837E7E;
	margin:0.5em auto;
padding:0.3em 0;
	text-align:left;






}
h3 {font-size: 105%;

line-height:140%;
	color: #7D2C97;
	margin: 1em 0 ;}		
h4 {font-size: 100%;}

.infofromsite {padding: 0.4em 0;
font-weight:bold;
	color: #fff;
background-color: #33AEDB;
	text-align: center;
	margin-bottom:  0.3em;
	margin-top: 0px;}

.underline {
	height: 5px;
	border-bottom: 1px solid #C4C2C2;
	clear: both;
	margin:15px 0;}

	
	
	
.under2 {height: 10px;
	border-bottom: 0.1em solid #C4C2C2;
	margin:20px 0 10px 0;}
	
	
		.pager li{float:left;
	text-align:center;
	
	width:50%;
margin-bottom: 0.2em;
}	
	
	
.pager li a {padding:0.4em;
font-size:small;

margin-right: 0.1em;
display:block;
border: 2px solid #f4f4f4;}
	
	.pager{ margin: 0.2em auto;

	width: auto;}	

.pager a:hover{text-decoration:none;
background-color:#EEF9FA;}
.pager a:active{background-color:#f4f4f4;}




.a1{margin:0.3em 0 ;
padding:1em;
background-color:#F4F4F4;}
.a2{font-size:large;
margin:0.3em 0 ;
padding:1em;
background-color:#EEF9FA;}
.fonts{
	font-size: small;
	line-height:140%;
	
	
}


.nav1 {font-size: small;
font-weight:bold;
line-height:140%;
width:100%;
	text-align: center;
 margin-top:0;
	margin-bottom:0;}

.nav1 ul li { width :25%; 
background-color: #33AEDB;
float : left} 
.nav1 ul li a { display : block;
color: #ffffff;
padding:0.6em  0;} 

.nav1 > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #fff;
						}


#nav1 {
line-height:160%;
	float:none;
width:100%;
	text-align: center;
 margin-top:0;
	margin-bottom:0;}

#nav1 ul li { width :50%; float : left} 
#nav1 ul li a { display : block ; 
color:#7D2C97;
padding:0.2em  0;
margin:0.1em;
background-color:#f5f7e9} 

.owak{
	
}
	
	.owak2{
		clear:both;
	
}

.owakt{
	
}
	
	.owak2t{
	
}


.wak{
	margin:0;
	width:49.5%;
	float:left;
			text-align:center;
	}
	
	
	.wak2{
	margin: 0;
	width:49.5%;
			text-align:center;
	float:right;}


.level1bg {clear: both;
	padding : 0.3em;
	margin-bottom: 0.8em;
	margin-left:0.8em;
	margin-right:0.8em;
	}
	

		.level1bg h3 {
	text-align:left;


margin:0 auto;}

.level1bg p {
	text-align:left;

margin:0.3em auto;}

	
	
	.level1bgt {clear: both;
	padding : 0.5em;
	margin-bottom: 0.2em;
	background-color:#f6eeeb;
	background-image:url(../image/haikei/welcome1.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
}

	.level1bgn {clear: both;
	padding : 0.3em;
	margin-bottom: 0.4em;
	


}

			.level1bgv {clear: both;
padding :20px 0 0 0;
	margin-bottom: 0;
		background-image: url(hasabgs.jpg);
	background-position:top center;
	background-repeat: no-repeat;

	overflow:hidden;


}
			
.level1bge {clear: both;
padding :20px 0 0 0;
	margin-bottom: 0;
		background-image: url(hasabg2s.jpg);
	background-position:top center;
	background-repeat: no-repeat;

	overflow:hidden;


}
	
#level1bg {clear: both;
	padding : 0.5em;
	margin-bottom: 1em;
	border: 4px solid #F4F4F4;}
.level1bg2 {clear: both;
	padding : 0.3em;
	margin-bottom: 0.2em;
	border: 0.1em solid #C4C2C2;}
.level1bg3 {
	
	clear: both;
	padding : 0.3em;
	margin-bottom: 0.2em;
	border: 0.1em solid #C4C2C2;}
	
	
	
.level1bgn  a{
	font-size: 100%;
	background-color:fff;
	font-weight:bold;
text-align:left;
line-height:120%;
	color: #2A5F05;
	margin: 0 ;
	display:block;}
	
	
.level1bg3  a{
	font-size: 100%;
	font-weight:bold;
text-align:left;
line-height:120%;
	color: #2A5F05;
	margin: 0 ;
	display:block;}
.level1bg3 img  {width:20%;
	float:left;
	margin:0 0.5em 0 0;}
.level1bg .level1bg3 img  {width:20%;}


.center50{
	text-align:center;
	margin-bottom:0.1em;}

.centermega{
	text-align:center;
	margin:0.1em auto;}
.center{
	text-align:center;
	margin-bottom:0.1em;}
.space10 {clear: both;
	height: 10px;}	
.space05 {clear: both;
	height: 0.5%;}	
.space00 {clear: both;}	
  .clred {color: #F00;}
.clpurple {color: #7D2C97;}
.clgreen {color: #093;}
.clbk{ color:#2B2A2A;}
.clwt{ color:#fff;}
.clblue {color: #00F;}
.clgry { color:#C9C9C9;}

.rightl10 {float: none;
	width:auto;
	}

.leftnew {float: none;
		width:auto;
	}
.left728 {float: none;
	width:100%;
	margin-top:0.8em;}
.left {float: left;
	width:30%;
	margin-right: 0.8em;
	margin-bottom: 0;}

.leftt {float:left;
	width:25%;
	margin-right: 0.5em;
	margin-bottom: 0.1em;}


.left200 {width:200px;
		float: left;}
.right80 {width:80px;
		float: right;}
.right290 {float: none;
	width:290px;
	margin-top:1%;
	margin-left: auto;
	margin-right: auto;}

.right2  {float: none;
	width:98%;
	margin-left:auto;
	margin-right:auto;}
.left2 {float: none;
	width:98%;
	margin-left:auto;
	margin-right:auto;}
	
	
	.leftlate{margin-bottom:10px;
		float:left;
	width:49%;}
.rightlate{margin-bottom:10px;
	float:right;
width:49%;}


.right {float: right;}

#1{}
#2{}
#3{}
#4{}
#5{}
#6{}
.bgn{width:100%;
	height:auto;
	background-color: #33AEDB;}
.bg2{
	margin-top:0;
	padding-top:0.3em;
	width:100%;
	height:auto;
			background-color: #F4F4F4;}
.bg3{background-color:#FBE9FC;
color: #33AEDB;

	margin-top:0;}
	.bg1{background-color:#9966FF;


	margin-top:0;}
	

	
.bg4{width:100%;
font-weight:bold;
color:#848484;
text-align:center;
	padding:1em 0;
		border-top: 2px solid #000;}
		
		.bg5{width:100%;

	margin:0;
		border-top: 2px solid #000;}
			.bg6{width:100%;

	margin:0;
		border-top: 2px solid #837E7E;}
	
footer {width: 100%;
	margin: 0 auto ;
	background-color:#837E7E;

}

.footerbg{

	
	
}



.pad1em{
	color:#837E7E;
	padding:0 1em 0;
	
	}
small {

}
	small p{
		clear:both;
	text-align:center;
line-height:120%;
padding:0.5em 0;


		  }
		  
	.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
		 
@media only screen and ( min-width:479px )
{
	#he1 img{
	
	width:70%;}
}

@media only screen and ( min-width:481px )
{
	
	
.he4{margin:0.3em auto ;
width:50%;
float:right;
	text-align:right;

}
 
 .he4 ul li{
 float:left;
  background-color:#fff;
width:33.33333%;
line-height:120%;

	
}
 

  .he4 ul li a{
	  font-size:100%;
	  font-weight:bold;
	  color:#C9C9C9;
	  margin-top:0.3em;
	
	  
	  display:block;
	   }
 
#he1{width:45%;
float:left;
		margin:0.2em}
		
		#he1 img{

	width:100%;}
.rightl10 {float: right;
	margin-left: 0.5em;}

	
		.leftnew   {float: left;
	margin-right: 0.5em;}
		.nav1 {font-size: medium;
font-weight:bold;
	margin-bottom:0;}

		 .level1bg {
	padding : 0.3em;

	}	
		.level1bgt {
	padding : 0.8em;


}
  .main4{ 
width:70%;
margin:0 auto;
}
		
			.level1bgv {clear: both;
padding :20px 0 0 0;
	margin-bottom: 0;
		background-image: url(hasabgb.jpg);
	background-position:top center;
	background-repeat: no-repeat;

	overflow:hidden;


}

			.level1bge {clear: both;
padding :20px 0 0 0;
	margin-bottom: 0;
		background-image: url(hasabg2b.jpg);
	background-position:top center;
	background-repeat: no-repeat;

	overflow:hidden;


}

.level1bg3 {
	width:47.5%;
	float:left;
	
	
	clear: none;
	padding : 0.5%;
	margin-bottom: 0.2em;
		margin-left: 1%;
	border: 0.1em solid #C4C2C2;}

.owak{
		margin:0.3em 0 0 0  ;
	width:49.5%;
	float:left;
	
}
	
	.owak2{
		clear:none;
			
		margin:0.3em 0 0 0  ;
	width:49.5%;
	float:right;
}
	
.wak{
	margin:0  ;
	width:49.5%;
	float:left;
}

	.wak2{
margin:0  ;
	width:49.5%;
	float:right;
}

.owakt{
		margin:0  ;
	width:49.5%;
	float:left;
	
}
	
	.owak2t{
	margin:0  ;
	width:49.5%;
	float:right;
}



.right2 {float: right;
	width:49%;}
.left2 {float: left;
	width:49%;}
	
	.left2 .level1bg3{width:95%;
	}
		.right2 .level1bg3{width:95%;}
	

			.nav1 {

			}
.sub2{ 
line-height:160%;
margin-top: 0;
width:50%;
height:auto;

padding:0;
background-image:url(../image/haikei/sub2bg.gif);
background-position:bottom right;
background-repeat:no-repeat;
	     float:left;
}

#nav1 ul li { width :33.333333%; float : left} 

	small p{
		clear:none;

		  }
	
 .centermega{
	text-align:center;
	width:50%;} 

.center50{
	width:50%;
	text-align:center;
	margin:0.1em auto;}


}

@media only screen and ( min-width:769px )
		{

	header {width:100%;
margin: 0 auto;
}		
	
  
#he1{width:45%;
}
		
		  .wrap1028{width:99%;
		margin-right: auto;
	margin-left: auto;
	clear:both;}	
		
  .main{ 
width:68%;
	     float:left}	
		 
		   .main2{ 
width:68%;
	     float:left}	

  .sub{margin-top: 10px;
	width:31%;
	float:right}
	
	

	.level1bgn {
	background-position:left bottom;
	
}

  .main4{ 
width:70%;
margin:0 auto;
}
		

	
	.level1bg3 {
	width:auto;
	float:none;
	clear: both;
	padding : 0.3em;
	margin-bottom: 0.2em;
		margin-left: 0;
	border: 0.1em solid #C4C2C2;}
	
	
	
.owak{
		margin:0.3em 0 0 0  ;
	width:49.5%;
	float:left;
	
}
	
	.owak2{
		margin:0.3em 0 0 0  ;
	width:49.5%;
	float:right;
}


.wak{
	margin:0  ;
	width:49%;
	float:left;
}
	
	.wak2{
margin:0  ;
	width:49%;
	float:right;
}

.owakt{
		margin:0  ;
	width:100%;
	float:none;	
}
	
	.owak2t{
	margin:0  ;
	width:100%;
	float:none;
}
	.left {float: left;
	width:100%;
	margin-right: 0;
	margin-bottom: 0.5em;}
	.leftt {float:left;
	width:25%;
	margin-right: 0. 5em;
	margin-bottom: 0.2em;}
	
 .centermega{
	text-align:center;
	width:100%;} 

}



	@media only screen and ( min-width:1024px )
		{
html{font-size: 100%; }

header {width: 1010px;
margin: 3px auto 0;
}
#he1 img{
	margin: 0 auto;
	
	width:100%;}

#he1{width:40%;
float:left;
 }
 
  .he4{
	 width:45%;
float:right;
 }

header h1  {margin:0;
  text-align:none;
    line-height:100%;
}
  
  .main4{ 
width:70%;
margin:0 auto;
}
			

  .main{ 
width:68%;
	     float:left}	
		 
		   .main2{ 
width:68%;
	     float:left}	
		 
   .sub3{
width:337px;
  float:right} 	
  
  .sub{margin-top: 0;
	width:31%;
	float:right}
	
	 .sub2{ 
 margin-top: 0;
height:auto;
padding:10px;
background-image:url(../image/haikei/sub2bg.gif);
background-position:bottom;
background-repeat:no-repeat; 
 }
 
 
 
 

  .wrap1028{width:1010px;
		margin-right: auto;
	margin-left: auto;
	clear:both;}	
	
h1{font-size: 150%;

	}
h2 {

	font-size:130%;
	color: #837E7E;
margin-top: 0;
	margin-bottom: 0;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	




}
h3 {font-size: 105%;
}



.a2  ul li { width :90%; float : none; text-align:left;margin-bottom:0.4em;} 

.level1bg h3 {
	text-align:left;
width:78%;
margin:0 auto;}

.level1bg p {
	text-align:left;
width:78%;
margin:0 auto;}


.level1bg {
	clear: both;
	padding : 0.4em;
	margin-bottom:1em;
	
}

.level1bg img {
	width:78%;
}

.level1bg2 {
	clear: both;
	padding : 0.5em;
	margin-bottom: 0.5em;
	border: thin solid #C4C2C2;}
.level1bg3 {
	
	}
.level1bg3  a{
	display:block;}
.level1bg3  img{
	width:30%;
	float:right;
	margin:0  0 0 0.3em;}

.under2 {
	height: 30px;
	border-bottom: 8px solid #F4F4F4;
	clear: both;
	margin:30px 0 10px 0;}

	.leftt {
	width:20%;
}
	
.right2 {float: right;
	width:49%;}
.left2 {float: left;
	width:49%;}
	

	
	
	.pager li{float:left;
	width:auto;


}
.pager li a {padding:0.7em 1.2em;
margin-right: 0.5em;
display:block;
border: 2px solid #f4f4f4;
font-size:90%;}
.pager li p{padding:0.7em 1.2em;
margin-right: 0.5em;
display:block;
border: 2px solid #f4f4f4;
background-color:#EEF9FA;}
.leftlate{
float:none;
	width:auto;}
.rightlate{
float:none;
	width:auto;}
	
	
.bg4{width:100%;
text-align:center;
	border-top: 4px solid #000;}
		

	.nav1 {
	
		width:1010px;
		height:auto;
	
	
		margin:0 auto;
			border-left:1px solid #fff;
			border-right: 1px solid #fff;}
			
			
			
			.nav1 ul {
			
				border-left:1px solid #fff;
			border-right: 1px solid #fff;}
			
		.nav1 ul li a { 
padding:0.4em  0;} 	
			
			
	small p{
	text-align:right;



		  }
}