@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%;}

/* オブジェクト設定 */
embed,
iframe,
object{
	max-width: 100%;
}
body  {
background-color:#000;}
header {width: 100%;
	height:auto;
    margin-left: auto;
	margin-right: auto;
	margin-top:1em;
	background-color:#000;
 text-align:center;}
 
 header h1 {margin:0;
 padding:0;
}


#he1 img{
	margin: 0.1em auto 0;
	width:80%;}
#he1{margin:0 auto;
	text-align:center;
}



.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%;
	     }	   
			   		   
.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: #323131;
	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{

	
	width: 60%;
	margin:0.3em auto ;
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%;
	
	
}



.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;
	}
	

		.level1bg h3 {
	text-align:left;


margin:0 auto;}

.level1bg p {
	text-align:left;

margin:0.3em auto;}

	


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


}


	
#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:#000;

}




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

}
	small p{
		color:#FFF;
		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 )
{
	
	

#he1{width:50%;

		margin:0.1em auto }
		
		#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;


}



.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 {

			}



	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;
	
}

	.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: 15px auto 0;
}
#he1 img{
	margin: 0 auto;
	  text-align:center;
	width:100%;}

#he1{width:40%;
margin: 0 auto;
	  text-align:center;
 }
 
  .he4{
	 width:45%;
float:right;
 }

header h1  {margin:0;
  text-align:center;
    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}

 
 
 

  .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.5em;
	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;} 	
			
			

}