@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 : verdana, sans-serif;
font-size : 100%;
line-height : 150%;}

      
 #headerfix
{
    position: fixed;        
    top: 0px;                
    left: 0px;                 
    width: 100%;  
	height:40px;            
z-index:999;           
}
#headerbg
{
      
    width: 100%;  
	height:40px;  
		background-color:#fff;     
		
           
}
 
		
         

header {width: 100%;

	height:40px;
    margin-left: auto;
	margin-right: auto;
	margin-bottom:0;
		
	background-color:#fff;
}
 
 header h1 {margin:0;
 padding:0;

}

#headerline
{
padding :40px 0 0 0;       
}

 
#he1 img{
	 position:relative;
		z-index:100;
	margin: 0 auto 0;
	width:135px;}
#he1{float:left;


}
#he1 a{
		 position:relative;
	z-index:100;
}

#he11{float:right;
width:40%;


}

.tag2
{font-size:90%;
}
.tag2 a
{background-color:#F1F1F1;
display:block;
padding:0.3em;
color:#5C5858;
width:auto;
float:right;
margin-right:1%;
margin-top:2px


}


	.level1bgt {clear: both;
	padding : 0;
	margin-bottom: 0;

background-color: #F4F4F4;
}
	
.bg4{
background-color:#F4F4F4;
	color:#F4F4F4;

		padding:0.25em 0;
		font-size:80%;

	}
.bg4 a{background-color:#C0A9CB;
display:block;
padding :0 0.5em;


color:#fff;
width:auto;
float:left;
margin-right:1%;
margin-bottom:2px}

.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 {
	z-index:100;
padding-bottom:0;
padding-top:0.5em;
color: #7D2C97;
}
	h2 {
	font-size:110%;
	color: #5C5858;
	line-height:110%;

	

padding:0.9em 0.5em;
	text-align: left;

}
h3 {font-size: 75%;
text-align:left;
line-height:120%;
	color: #5C5858;
	margin: 0 ;}		
h4 {font-size: 100%;}

.infofromsite {padding: 0.5em 0;
font-weight:bold;
	color: #7D2C97;
background-color:#F4F4F4;
	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;}
.yaji li{float:left;
	text-align:center;
width:50%;
	height:auto;
margin-bottom: 0;
}	
.yaji li a {
	font-size:90%;
	color:#FFFFFF;
padding-bottom:15px;
padding-top:10px;
width: 50px;
display:block;
}
.yaji{
		background-image:url(../image/haikei/yajibg.jpg);
		background-position:left;
		background-repeat:no-repeat;
		float:right;
height:50px;}	
.yajilast{background-image:url(../image/haikei/yajibg.jpg);
		background-position:right;
		background-repeat:no-repeat;}



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

.fontb{
	font-size:100%;
	font-weight:bold;
	line-height:130%;
	
	
}


#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;
font-size:small; 

color:#7D2C97;
padding:0.2em  0;
margin:0.1em;
background-color:#F4F4F4} 

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

.owakt{
	
}
	
	.owak2t{
	
}



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


.level1bg {clear: both;
	padding : 0.4em;
	margin-bottom: 0.2em;
	}
	
	.bg2 .level1bg {clear: both;
	padding : 0.3em;
	margin-bottom: 0.2em;
	border: 0 solid #C4C2C2;}

	
	
	


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

	
.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;}
.center51{
	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;}
.clgreen {color: #093;}
.clwt{ color:#fff;}
.clblue {color: #00F;}

.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:30%;
	margin-right: 0.8em;
	margin-bottom: 0.2em;}


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

.tag1
{
	width:75%;
	font-size:90%;
	margin:0 auto;
	clear:both;



}
.tag1 a{
	background-color:#C0A9CB;
	padding:0.5em;
display:block;
color:#fff;}


.bgn{width:100%;
	height:auto;
	background-color: #33AEDB;}

		
				.bg0{background-color:#f4f4f4;
		margin:0.2em 0;
		padding:0.3em 0.1em 0.6em;
}
.bg1{background-color:#FAFCED;
margin:0.2em 0;
	padding:0.3em 0.1em 0.6em;
}
.bg2{background-color:#EEF9FA;
		margin:0.2em 0;
		padding:0.3em 0.1em 0.6em;
	
	}
.bg3{background-color:#F1F1F1;


	margin-top:0;}
	.bg33{background-color:#ffff66;
padding:2.5em 0;


	margin-top:0;}
	
.bg5{background-color:#5ed0c5;


	margin-top:0;}
		
	.bg6{background-color:#dada76;


	margin-top:0;}
.bg7{background-color:#51b6ea;

	margin-top:0;}
		
	.bg8{background-color:#7edf37;


	margin-top:0;}
	
	.bg9{background-color:#fad152;


	margin-top:0;}	
	
		.bg10{background-color:#d087eb;


	margin-top:0;}	
	
		.bg11{background-color:#ff6666;
padding:2em 0;

	margin-top:0;}	
	
			.bg12{background-color:#9cdd67;
padding:1.5em 0;

	margin-top:0;}	
	
	.bg13{background-color:#95defd;
padding:1.5em 0;

	margin-top:0;}	
	
	
			.bg2 p{
text-align:left;
	}
			

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

	overflow:hidden;


}
			

footer {width: 100%;
	margin: 0 auto ;
	background-color:#5ec9dc;

}

.footerbg{
	
	
	
	
}
.footerbg a{
		background-image:url(../image/haikei/carlogo2.png);
	background-position:center top;
	background-repeat:no-repeat;
	
	padding: 240px 1em 0;
	display:block;}

.pad1em{
	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:410px )
{
	#he1 img{
width:140px;}



		.bg0{
		margin:0.2em 0;
		padding:0.4em 0.5em 0.8em;
}
	.bg1{
		margin:0.2em 0;
		padding:0.4em 0.5em 0.8em;
}
	.bg2{
		margin:0.2em 0;
		padding:0.4em 0.5em 0.8em;
}


}

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

#he1{width:29%;
}
		
	h2 {
		font-size:120%;
		text-align:center;}

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

	
		.leftnew   {float: left;
	margin-right: 0.5em;}
	

		 .level1bg {
	padding : 0.3em;

	}	
		.level1bgt {
	padding : 0.8em;


}


			.level1bgv {
	
	margin: 0 auto;
	background-image:url(../image/fc2/lpbg5.jpg);
	background-position:top center;
	background-repeat: no-repeat;

	overflow:hidden;

}


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





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

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



	small p{
		clear:none;

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

.center50{
	width:50%;
	text-align:center;
	margin:0.1em auto;}
.center51{
		width:47%;
	float:left;
	text-align:center;
	margin:0.1em 0 0.1em 2% ;}
	
			.bg0{
		margin:0.3em 0;
		padding:0.2em 0.2em 0.4em;
}
	.bg1{
		margin:0.3em 0;
		padding:0.2em 0.2em 0.4em;
}
	.bg2{
		margin:0.3em 0;
		padding:0.2em 0.2em 0.4em;
}



}

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

#headerfix
{
    position: fixed;        
    top: 0px;                
    left: 0px;                 
    width: 100%;  
	height:50px;            
z-index:999;           
}
#headerbg
{
      
    width: 100%;  
	height:50px;  
		background-color:#fff;     
		
           
}


 
	header {width:100%;
		height:50px;
margin: 0 auto;
}		
	
#headerline
{

		padding :50px 0 0 0; 
		
           
}	
  
#he1{width:20%;
float:left;
		margin:0 auto 0;}
		
#he1 img{
	margin: 0 auto;
	float:left;
	width:160px;}


 #he11{width:70%;
float:right;
 }






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

 .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{
	clear:both;
		margin:0  ;
	width:100%;
	float:none;	
}
	
	.owak2t{
		clear:both;
	margin:0  ;
	width:100%;
	float:none;
}
	.left {float: left;
	width:100%;
	margin-right: 0;
	margin-bottom: 0.5em;}
	.leftt {float: left;
	width:38%;
	margin-right: 0.8em;
	margin-bottom: 0.2em;}
	
 .centermega{
	text-align:center;
	width:100%;} 


.tag1
{
	width:50%;
	font-size:100%;
}



.tag2
{font-size:100%;
}
.tag2 a
{

margin-right:0.5%;
margin-top:4px;
padding:0.5em;


}


			.bg0{
		margin:0.3em 0 0.6em;
		padding:0.2em 0.4em 0.8em;
}
		.bg1{
		margin:0.3em 0 0.6em;
		padding:0.2em 0.4em 0.8em;
}
		.bg2{
		margin:0.3em 0 0.6em;
		padding:0.2em 0.4em 0.8em;
}



}



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

header {width: 1010px;
margin: 0 auto 0;
}


#he1{width:20%;
float:left;
 }
 


header h1  {margin:0;
  text-align:none;
    line-height:100%;
}
  
  

			

  .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: #5C5858;
	text-align:center;
	margin-bottom: 0;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	




}
h3 {font-size: 90%;
}



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


.level1bg {clear: both;
	padding : 0.4em;
}

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


	
.right2 {float: right;
	width:49%;}
.left2 {float: left;
	width:49%;}
	.pager li{float:left;
	width:auto;


}
.pager li a {padding:0.3em;
margin-right: 0.2em;
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{
	padding:0.1em 0;}


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



		  }
}