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

ul#navi {
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	margin:0% 0px 2%;
	display:block;
}
ul#navi li {
	float:left;
	width:20%;
	list-style-type:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FFFFFF), color-stop(0.51, #EAE3DF), color-stop(0.00, #0A51A1 ));
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #EAE3DF 51%, #F4F1F0 100%);
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EAE3DF 51%, #F4F1F0 100%);
	background: -o-linear-gradient(top, #FFFFFF 0%, #EAE3DF 51%, #F4F1F0 100%);
	background: -ms-linear-gradient(top, #FFFFFF 0%, #EAE3DF 51%, #F4F1F0 100%);
	background: linear-gradient(top, #FFFFFF 0%, #EAE3DF 51%, #F4F1F0 100%);
	padding:0px;
	border-top:1px #CCC solid;
	border-bottom:1px #CCC solid;
	border-left:1px #CCC solid;
	font-weight:bold;
	font-size:90%;
}
ul#navi li:last-child {
	border-right:1px #CCC solid;
}

ul#navi li a:after {
	content: "\66";
	font-family: 'icomoon';
	font-size: 8px;
	font-weight: normal;
	transition-duration: 0.3s;
	margin:0px 0px 0px 10px;
	color:#F36;
}
ul#navi li a:link:after,
ul#navi li a:visited:after{
	margin-left: 5px;
	transition-duration: 0.3s;
}
ul#navi li a:hover:after,
ul#navi li a:active:after{
	margin-left: 8px;
	transition-duration: 0.3s;
}

.flexnav li ul li a:hover {
	background-color:#F4E1D9;
	
}

ul#navi a {
	width:100%;
	height:50px;
	color:#000;
	border:none;
	text-decoration:none;
	display:block;
}
ul#navi a:hover {
	color:#39F;
	text-decoration:none;
}



#nenkan_list img{margin:0px 5px 0px 0px;}

dl#nenkan_list{
                width:100%;
				margin:1% 0px;
	padding:2%;
	border:1px solid #D0BEB3;}

#nenkan_list dt{width:100%;
margin:0px 0px 2% 0%;
padding:0% 1%;
border-left:3px solid #F36;
font-weight:bold;}

#nenkan_list dd{
				display:block;
				margin:0px 0px 1% 0%;
				padding:0px;
				border-bottom:#CCC dotted 1px;}

#nenkan_list dd:last-child{border-bottom:none;
margin:0px;}


dl#nenkan_list2{
                width:100%;
				margin:1% 0px;
	padding:2%;
	border:1px solid #D0BEB3;}

#nenkan_list dt{width:100%;
margin:0px 0px 2% 0%;
padding:0% 1%;
border-left:3px solid #F36;
font-weight:bold;}

#nenkan_list2 dt{width:100%;
margin:0px 0px 2% 0%;
padding:0% 1%;
border-left:3px solid #06C;
font-weight:bold;}

#nenkan_list2 dd{
				display:block;
				margin:0px 0px 1% 0%;
				padding:0px;
				border-bottom:#CCC dotted 1px;}


#nenkan_list2 dd:before{
	content: "\66";
	font-family: 'icomoon';
	font-size: 8px;
	font-weight: normal;
	transition-duration: 0.3s;
	margin:0px 1% 0px 0px;
	color:#06C;
}

#nenkan_list2 dd:last-child{border-bottom:none;
margin:0px;}
			
#mainbox table{width:100%;
               font-size:90%;
			   border:#CCC solid 1px;
			   border-collapse:collapse;
			   }
			   
#mainbox .br{border-bottom:#CCC solid 2px;}

<!-- Q&A -->

#q_list{width:100%;
		clear:both;
		margin:0px 0px 5%;}

#q_list ul.left{float:left;
	          width:49%;
			  margin:0px 1% 2% 0%;
			  display:block;}
			  
#q_list ul.right{float:right;
	           width:50%;
			   display:block;
			   text-align:left;}
			  
#q_list li{margin:5px 0px;
           padding:0px 0px 0px 2%;
		   display:block;
		   background-image:url(img/nenkan_icon2.gif);
		   background-repeat:no-repeat;
		   background-position:0px 5px;
		   list-style-type:none;}
		   
<!-- ご加入方法　-->			  

#kanyu_dl{width:100%;}

#kanyu_dl li .bottom{border-top:none;} 

.pdf_icon{margin:0px 5px;}

#kanyu_dl dl{width:100%;
		  border-collapse:collapse;
		  margin:0% 0% 2%;
		  padding:0px;
		  display:block;
		  list-style-type:none;
          border-bottom:#CCC solid 1px;}

#kanyu_dl dt{width:100%;
          background-image:url(img/dl_back.gif);
		  background-repeat:no-repeat;
		  border:#CCC solid 1px;
		  border-bottom:none;
		  margin:0px 0px 0px;
		  padding:10px 30px;
		  display:block;
		  font-size:100%;}	  
		  	  
#kanyu_dl dd{width:100%;
		  border:#CCC solid 1px;
		  border-bottom:none;
		  margin:0px;
		  padding:1%;
		  font-size:90%;}			  		  

/*印刷ページ---------------------------------*/


#nenkan_p{width:800px;
         margin:0px;
		 background-color:#FFF;
		 font-size:90%;
		 color:#333;
		 line-height:130%;}


#nenkan_p h3{margin:0px 0px 10px;}
		 
		 
#nenkan_p p{width:760px;
           margin:20px 0px;
		   font-size:100%;
		   background-color:#FAF2E7;
		   padding:10px;}


#nenkan_p #nenkan_list {margin-bottom:10px;}

#nenkan_p #nenkan_list dl{display:block;
                width:800px;
				margin:5px 0px;
				padding:3px 0px;
				border-bottom:#666 dotted 1px;
				clear:both;}

#nenkan_p #nenkan_list dt{float:left;
	            width:17px;
				height:17px;
				display:block;
				margin-bottom:auto;}


#nenkan_p #nenkan_list dd{float:right;
                width:778px;
				display:block;
				margin:0px 0px 0px 5px;
				padding:0px;}


<!-- Q&A　-->			  

#nenkan_p  #nenkan_situmon{width:800px;
                margin:0px;
				padding:0px;}

#nenkan_p .nenkan_qa{width:800px;
           height:20px;
           display:block;
		   clear:both;
	       border-bottom:#666 dotted 1px;
		   margin:20px 0px 0px;
		   padding:3px 0px;}
		   
		   
#nenkan_p .nenkan_qa img{float:left; margin:0px 5px 0px 0px;}	

@media only screen and (max-width: 800px) {
	ul#navi{margin:0px 0px 2%;}
	
	ul#navi li {
	display:block;
	width:100%;
	list-style-type:none;
	border-left:none;
	border-top:none;
	border-bottom:#333 dotted 1px;
	background:#FEEFE9;
	padding:0%;
	
}
ul#navi li:last-child {
	border-right:none;
	margin:0px 0px 2%;
}
	}