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


/* @group reset */
* {margin: 0;padding: 0}

a { text-decoration:none;
}
ul, ol { list-style:none}
img { vertical-aligin:middle;
         
		 }


/* @end */

/* @group Fluid-img */
img { max-width : 100%;
        }
/* @end */

/* @group html */
html { 
font-family : verdana, sans-serif;
font-size : 100%;
line-height : 160%;
}


header {

	margin-left: auto;
	margin-right: auto;
	background-color:#000;
	padding-bottom:0.2em;
	margin-bottom:0;


}

header h1  {margin-bottom:0px;


                   }
		
header img  {width:20%;
	margin-top:2px;
   display:block;
	margin-left: auto;
	margin-right: auto;
 position:relative;
 z-index:999;
                   }
				   
			
footer {
	width: 100%;
	margin: 0 auto 0;
	background-color:#000;
    
	text-align: left;
}


small { float:right;
color:#FFFFFF;
		  padding-right:10px ;
		  padding-top:30px ;
}



#contents {
                margin:10px auto ;
			
				clear:both;
				}

.firstad{ margin-top: 0.5em;

	width:336px;
	float:right}
	
	.san{ margin-top: 0.5em;

	width:32%;
	float:left;
	margin-right:2%}
	

	
		.sanl{ margin-top: 0.5em;
	width:32%;
	float:left;
	}
	

#main{ margin-top: 0.5em;
width:600px;
	     float:left}
		 
#main p{margin:0 1% 1% 1%}
		 
		 
#sub{margin-top: 5px;
	width:416px;
	float:right}
	


	.underline {
	height: 5px;
	border-bottom-color: #990000;
	border-style: none none solid;
	clear: both;
	border-bottom-width: 1px;
	margin-bottom: 5px;
}

.pan {

	margin-top: 0px;
	margin-bottom: 0px;
	padding:0.3em;
	font-size: 80%;
	float:right;




	
}
.a1{

font-size:large;
margin:0.3em 0 ;
	padding:1em;

		background-color:#F5CDF4;
		line-height:160%;
		
	
}
.a2{

font-size:large;
text-align:center;
margin:0.3em 0 ;
	padding:1em;
		background-color:#F4F4F4;
		line-height:160%;
		
	
}

.newslink{
	font-size: medium;
	float:right;
	color:#0D6403;
	line-height:100%;
	font-style:italic;
	}
.fontl{
	font-size: large;
	
	padding-bottom:0.2em;
	}
.fontxl{
	font-size: x-large;
	line-height:150%;
	
	padding-bottom:0.2em;
	}
.fonts{
	font-size: small;

	line-height:150%;
	clear:both;
	}


.boxl1{width:336px;
          float: left;
          margin-bottom:0.5em;}

.boxr1{width:322px;
           float: right;
		
           margin-bottom:0.5em;}
	
	#nav
		{
				; /* 1000 */
	
			margin:0 auto 0;
	
		
			

		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #fff;
					display: block;
				}
				#nav li a:active
				{
					background-color: #c00 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #efa585;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				padding-top:0.1em;
				padding-bottom:0.1em;
				height:1.8em; /* 60 */
				background-color:#928C8C;
			}
				#nav > ul > li
				{
					width: 25%;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
					
						height: 100%;
						font-size: 0.8em; /* 24 */
					
						text-align: center;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 1px solid #fff;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #33AEDB;
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
				}
								#nav > ul > li > ul 
				{
					width:150%;
					
				
					
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.2em; /* 20 */
							border-top: 1px solid #e15a1f;
							padding: 0.5em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}

#nav11 {
	text-align: center;

	margin-bottom:0;
	
}

#nav1 {
	float:right;

	text-align: center;
 margin-top:0;
	margin-bottom:0;
	
}
header p { 
font-size:80%;
 color:#7D7D7D;
 float:left;
 margin-top:0.8em;
  margin-left:0.8em;
margin-bottom:0;
}
#nav1 > a { display : block ;
width:40%;
float:right; 
 color:#7d7d7d;
 font-weight:bold;

}
#nav1 ul {overflow:hidden}
#nav1 ul li { width :25%; float : left} 
#nav1 ul li a { display : block ; 
padding:0.1em  1em;
font-size : 90%; 
 color:#39F;
 font-weight:bold;

 background-color:#fff} 
 
				  
.wrap1028{
		width:1028px;
		margin-right: auto;
	margin-left: auto;
	margin-top: 0;
	clear:both;}

.left730{
	width:67.592592592%;
	float:left;
	text-align:left;
}

.right340{
	width: 31.481481481%;
	float:right;
	text-align:left;

}
.level1bg {
	background-color: #FFF;
	clear: both;
	padding : 0.5em;
	margin-bottom: 1em;
	border: 0.7em solid #F4F4F4;
	
	
}

.level2bg {
	background-color: #FFFFCC;
    padding : 0.8em;
	margin-bottom: 0.8em;
	border: thin solid #9966FF;
		font-size:90%;

}
.level2bg img{width:40%;}



.level3bg {
    padding : 0.8em;
	margin-bottom: 0.8em;
	background-color: #EEF9FA;
	font-size:100%;

}




.infofromsite {
	padding: 0.3em 0;
	color: #666666;

	background-color: #AEEBFA;
	text-align: center;
	margin-bottom:  0.3em;
	margin-top: 0px;
}

	.center{
	text-align:center;
	margin-bottom:1em;
}
	.space10 {
	clear: both;
	height: 10px;
}	

	.space05 {
	clear: both;
	height: 0.5%;
}	


  .clred {
	color: #F00;
}
.clpurple {

	color: #90F;
}

.clgreen {
	color: #093;
}
.clgreen {
	color: #093;
}
.clwt{ color:#fff;
}
.clblue {
	color: #00F;
}

	    


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

.lead{
	width:49%;
	
	float:left;}

.right {
	width:49%;
	float: right;

}
.left2 {
	float: left;
	width:49%;

	
}
.right2 {
	float: right;
	width:49%;

	
}



.bg2{
	width:100%;
	height:auto;
			background-color:#EDEDED;
			margin-bottom:0;
			padding-top:0.5em;
			



	}
	
.bg3{
	margin:0.3em 0 ;
	padding:1em;

	height:auto;
			background-color:#EDEDED;
	
			



	}
	.bg4{
	width: 100%;
	padding: 0.8em 0;

	}
		.bg5{
	width: 100%;
	background-image:url(img/magbg.jpg);
	background-repeat: repeat-y;
	background-position:top center;
	padding: 0.8em 0;

	}
			.bg6{
	width: 100%;
	background-image:url(img/topbg2jpg);
	
	background-repeat: repeat-y;
	background-position:top center;
	padding: 0.8em 0;

	}
	
.underlist{ width : 25%; float : left;
                 color:#FFFFFF} 
				 
		.right728 {
	float: right;
	width:728px;

	margin-top:0.5em;
	
}
	
				 
	.left728 {
	float: left;
	width:728px;
	
}
.left200 {
	    width:200px;
	
		float: left;
}
.right80 {
	    width:80px;
		float: right;
}

.right290 {
	float: right;
	width:290px;
	
}			 
				 
	.leftrakuten {
	float: left;
	width: 600px;
	margin-right: 10px;
	
	padding: 10px 10px 6px;
	background-color: #CCCCCC;
}



.r350 {
	float: right;
	width: 316px;
	height: 175px;
	background-image: url(../image/haikei/recom396.jpg);
	padding: 45px 40px 0 40px;
	font-size: 13px;
	font-weight:bold;
	line-height:140%;
	
}
.recol {
	width: 150px;
	float: left;
	
}
.recor {
	width: 150px;
	float: right;
}
			 
				 

				 
				 
		@media only screen and ( max-width: 800px ) 
		{
	
			
			header {
	width: 100%;
margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	background-color:#000;

	   text-align:center;
	 

}
header h1  {margin:0 auto;
     
			   	margin-left: auto;
	margin-right: auto;
	float:none;
	z-index:3;
                   }
	
				   
  header img  {
	  width:20%;
       float:none;
			 text-align:center ;
			    	margin-left: auto;
	margin-right: auto;
                   }
				   header p { 
font-size:80%;
 color:#7D7D7D;
 float:none;
 margin-bottom:0;
  margin-top:0;
  margin-left:0;
}
	.firstad{ margin-top: 0.5em;
	width:100%;
	float:none;
	   	margin-left: auto;
	margin-right: auto}

	.san{ margin-top: 0.5em;
	width:32%;
	float:left;
	margin-right:1%}
		.sanl{ margin-top: 0.5em;
	width:32%;
	float:left;
	}

#main{ margin: 0.5em auto;
width:668px;
	     float:none}
#sub{margin: 0.5em auto;
width:100%;
	float:none;
	clear:both;}
	
	
	#contents {width:100%;
                margin:0 auto ;
			
			
				clear:both;
				}
			
	
	.wrap1028{
		width:100%;
	
		}
.wrap1080{
	width:100%;
}



.level2bg {
	width:30%;
	background-color: #FFFFCC;
    padding : 1%;
	line-height:130%;
	margin-bottom: 0.8em;
	margin-right:1.2%;
	border: thin solid #9966FF;
		font-size:80%;
		float:left;

}
.level2bg img{width:50%;}



.level3bg {
    padding : 0.8em;
	margin-bottom: 0.8em;
	background-color: #EEF9FA;
	font-size:100%;


}
.level6bg {
	width:97.5%;
	margin-bottom: 0.8em;
	margin-right:1.2%;
	margin-left:1.2%;
		float:left;

}

.right {
	float: right;

	
}




.left728 {
	float: none;
	width:100%;
	margin-top:0.8em;
	
}
.right728 {
	float: none;
	width:100%;
	margin-top:0.8em;
	
}
.left200 {
	    width:200px;
		float: left;
}
.right80 {
	    width:80px;
		float: right;

}

.right290 {
	float: none;
	width:290px;

	margin-top:1%;
	margin-left: auto;
	margin-right: auto;
	
	
}
.leftrakuten {
	float: none;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	padding: 10px 10px 6px;
	background-color: #CCCCCC;
}



.r350 {
	float: none;
	width: 316px;
	height: 175px;
	margin:10px auto;
	
	background-image: url(../image/haikei/recom396.jpg);
	padding: 45px 40px 0 40px;
	font-size: 80%;
	font-weight:bold;
	line-height:140%;
	
}
.recol {
	width: 150px;
	float: left;
	
}
.recor {
	width: 150px;
	float: right;
}
			#nav
			{
				font-size:75%;
				width:100%;
				position: absolute;
				top:0.8em;
				left: 0.2em;
				    z-index:2;
			}
				#nav > a
				{
					width: 3.125em; /* 50 */
					height: 3.125em; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #928C8C;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				width:80%;
				background-color:#928C8C;
				height: auto;
				display: none;
				position: absolute;
				left: 0;
				right: 0;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					padding-top:0.5em;
					padding-bottom:1em;
					height:2.2em;
					width: 100%;
					float: none;
				}
					#nav > ul > li > ul 
				{
					width:90%;
					
				
					
				}
					#nav > ul > li > a
					{
				font-size: 1em;
						height: auto;
						text-align: left;
						padding: 0.5em 0.833em 0.5em; /* 20 (24) */
					}
				
		#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #33AEDB;
						}

				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
			 
			
#nav1 {
	float:none;

	text-align: center;
margin-top:0.2em;
	margin-top:0;
	
}	
			
	
#nav1 ul {overflow:hidden}
#nav1 ul li { width : 25%; float : left} 
#nav1 ul li a { display : block ; 
                  padding:0.2em 0 0.2em ;
				 color: #fff;
			
                  font-size : 80%; 
                  background-color:#0186F5} 		
		

			.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 ( max-width:480px )
		{
		html
			{
				font-size: 100%; /* 12 */
			}
			
header {
	width: 100%;
	height:auto;

	margin-left: auto;
	margin-right: auto;
	background-color:#000;
	border-bottom:none;
	
	
	   text-align:left;
	 

}
header h1  {margin:0;
      
			   text-align:center;
                   }
				   
  header img  {
margin-top: 0;
       float:none;
	   width:50%;
	   position:relative;
	   z-index:3;
}
header p{
	font-size:70%;
	text-align:center;
	  margin-top:0;
  margin-left:0;
  line-height:160%;}

#nav1 > a { display : block ;
width:60%;
float:right; 

padding:0.2em;
background-color:#EFF1CB;
 color:#7D7D7D;
 font-weight:bold;}

	
		.pan {
	width:95%;
	margin-top: 0px;
	margin-bottom: 0px;
	padding:0.3em;
	font-size: 80%;
	float:right;




	
}			
		.san{ margin-top: 0.5em;
	width:98%;
	float:none;
	margin-right:auto;
	margin-left:auto}
		.sanl{ margin-top: 0.5em;
	width:98%;
	float:none;
	margin-right:auto;
	margin-left:auto}
	
	.san img{
		width:40%;
		margin-right:0.8em;
		float:left;}
		
			.sanl img{
		width:40%;
		margin-right:0.8em;
		float:left;}
		
#main{ margin-left:auto;
	margin-right:auto;
width:99%;
	     float:none}
		 
#sub{margin-top: 1em;
	width:100%;
	float:none}
	
	#contents {width:98%;
                margin:0 auto ;
				padding-left::1%;
			
				clear:both;
				}
	.pan{
		width:95%;
		margin-left:2%;}		
	.wrap1028{
		margin-left:auto;
		margin-right:auto;
	
		}
		
	.bg3{
	width:95%;
	height:auto;
	padding:0 0.3em 0;
	background-color: #EDEDED;
	}	
.level2bg {
	width:45%;
	background-color: #FFFFCC;
    padding : 1%;
	margin-bottom: 0.8em;
	margin-right:1.2%;
	border: thin solid #9966FF;
		font-size:100%;
		float:left;

}
.level2bg img{width:100%;}



.level3bg {
    padding : 0.8em;
	margin-bottom: 0.8em;
	background-color: #EEF9FA;
	font-size:100%;

	text-align:left;


}
.level6bg {
	width:100%;
	margin-bottom: 0.8em;
	margin-right:1.2%;
	margin-left:2%;
		float:none;
		text-align:center;
			

}

.boxl1{width:100%;
          float: none;
          margin-bottom:0.5em;
		  text-align:center;
		  }

.boxr1{width:100%;
           float: none;
		
           margin-bottom:0.5em;}
.left {
	float: none;
	width:90%;
		margin-left:auto;
		margin-right:auto;

	
}
.lead{
		width:95%;
	float: none;
			margin-left:auto;
		margin-right:auto;
		margin-top:0.8em;}


.left img{width:40%;

	
}

.right {
	width:95%;
	float: none;
			margin-left:auto;
		margin-right:auto;
		margin-top:0.8em;

}
.left2 {
	float: none;
	width:94%;
	margin-left:3%;
	margin-bottom:20px;
	margin-top:10px;

	
}
.right2 {
	float: none;
	width:94%;
	margin-left:3%;
	margin-bottom:20px;

	
}


.rightl10 {
	float: none;
	width:90%;
	margin-left: 5%;
}
.left728 {
	float: none;
	width:100%;
	margin-top:0.8em;
	
}
.leftnew {
	float: none;
	width:100%;

}
.left200 {
	    width:200px;
		float: left;
}
.right80 {
	    width:80px;
		float: right;
		
}

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



.leftrakuten {
	float: none;
	margin-right: 0;
	padding:0;
	width: 0;
	height:0;
	visibility:hidden;
	overflow:hidden;

}

.r350 {
	float: none;
	width: 260px;
	height: 136px;
	background-image: url(../image/haikei/recom320.jpg);
	padding: 40px 30px 0 30px;
	font-size: 11px;
	line-height:130%;
	
}
.recol {
	width: 125px;
	float: left;
	
}
.recor {
	width: 125px;
	float: right;
}
	
		}