@charset "utf-8";
 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,

 blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,

 img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,

 b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,

 caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,

 footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video

 {

	margin:0;padding:0;border:0;font-size:100%;

	background-position:0 0;background-repeat:no-repeat;background-color:transparent;

}



input {margin:0;padding:0;border:0;outline:0;}

select,textarea {margin:1px;padding:3px;outline:0;-webkit-appearance: none;}


article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}

ol,ul {list-style:none;}

table {border-collapse:collapse;border-spacing:0}



h1,h2,h3,h4,h5 {font-weight:700;line-height:normal; text-indent: 0px;}

h1 {font-size:2em }

h2 {font-size:1.5em}

h3 {font-size:1.17em}

h4 {font-size:1em}

h5 {font-size:0.83em}

h6 {font-size:0.67em}



html{ height:100%;}

body {height:100%; font:12px Arial,Tahoma,Verdana;text-align:left;color:#0E1D29;background:#F7F8FD;min-width:970px;line-height:1; background-image:url(img/line.png);}

a {color:#0a82a8;text-decoration:underline}

a:hover {text-decoration:none}

p {
    padding: 10px;
	text-indent: 20px; 
	letter-spacing: 1px;
	word-spacing: 3px;
	font:  19px Georgia;
	margin: 5px 0;
	color:#0E1D29;
	
    
   }

.top {padding: 10px;
	text-indent: 0px; 
	letter-spacing: 1px;
	word-spacing: 3px;
	font:  19px Georgia;
	margin: 5px 0;
	color:#0E1D29;} 

   .left, .right {
    float: left; 
    width: 50%, 50%; 
	text-indent: 0px;
   }
   .left { margin: 0 50px;
   }
   .right {
    text-align: left; 
	margin: 0 20px;
   }
   
   .pr { 
    text-indent: 0px; color:#0E1D29;
	letter-spacing: 1px;
	word-spacing: 3px;
	font:  19px Georgia;
	margin: 5px 0;
	
   }
   
   .table_2 
  td { border: 0px;
	border-collapse: collapse;
   }
   

	


   
   
   hr {
    border: none; 
    background-color: steelblue; 
    color: steelblue; 
    height: 2px; 
	width: 820px;
	align: center;
	opacity: 0.3;

   } 
   
   
   
   }
th {padding:6px;}
td {font-family: Georgia; font-size:11pt; margin:10px; border: 1px solid #0E1D29; color:#0E1D29;padding:6px;}
table {
    border: 1px solid #0E1D29;
	border-collapse: collapse;
   }
   
   





#basic {
width:960px; 
min-height:750px; 
margin: 5px auto; 
margin-bottom: 10px; 
padding:5px 0px 0px 0px;  
background:#fff;
    
    text-align: center;
	border: 1px solid gray;
}

#menu{
	

        align: center;

	 text-align: center;

	display: inline-block;
    margin-left: auto;
    margin-right: auto;

    white-space: normal;
    vertical-align: middle;
text-align:center;
	}
	
	
#footer {
    width:960px; 
    margin: 0 auto;
    background:#fff;
    color: #000000;
border: 1px solid gray;
display: flex;
  justify-content: center;
  align-items: center;
  }
  
#text{width:880px; min-height:200px; margin:0; padding:20px 40px;  background:#fff; color:#0E1D29;}




.content{ margin: 0 auto; }

.navi-main{


	float: left;
         text-align: center;


	-moz-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

	-webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);

	border-bottom: 1px solid #D2DBE3;

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

   
}



.navi-main li{



	float: left;

        border-right: 1px solid #D2DBE3;
	
	    /*padding: 0 4px 0 4px;*/
		

	text-align: center;

	text-transform:uppercase;

	position:relative;

	transition:all 0.15s ease-in-out;

}

.navi-main li:hover{box-shadow:inset 0 -3px 0 #09A6FF;}

.navi-main li:last-child{

	border-right: none;

	padding-right: 0;

}

.navi-main li:last-child a{ width:68px;}

.navi-main li.inside_menu{

	box-shadow:inset 0 -3px 0 #09A6FF;

	}

.navi-main li.inside_menu:before{

	content:"";

	width:7px;

	height:4px;

	position:absolute;

	z-index:2;

	left:50%;

	margin-left:-3px;

	bottom:-4px;

	}

.navi-main li > a{

	display:block;

	padding:6px 16px 6px 16px;

	color: #355770;

    float: left;

    font: 12px arial;

    text-decoration: none;

	position:relative;

	z-index:12;

	transition:all 0.2s ease-in-out;

	border-bottom:1px dashed transparent;

	text-align:center;

}

.navi-main li.active > a{

	cursor:default;

	color: #355770 !important;

	border-bottom:1px dashed transparent !important;

	}

.navi-main li > a:hover{

	color: #1cacfe;

}

.navi-main li nav{

	display:none;

	position:absolute;

	width:160px;

	z-index:20;

	left:0;

	top:100%;

	padding-top:5px;

	}

.navi-main li:hover nav{

	display:block;

	}

.navi-main li nav > div{

	background-color:#fafdff;

	background-color: rgba(250,253,255,0.89);

	border:1px solid #C7CCD4;

	border-radius:4px;

	text-align:left;

	padding:9px 12px;

	}

.navi-main li nav div a{

	display:block;

	color:#577E9C;

	text-transform:none;

	padding-left:8px;


	margin:0 -10px 10px 0;

	text-decoration:none;
	
	line-height: 15px;

	}

.navi-main li nav div a:hover{

	
	color:#0AA6FF;

	}

.navi-main li nav div a:active{

	background-position:2px 2px;

	transition:all 0.1s ease-in-out;}

.navi-main li:nth-child(4){}
.navi-main li:nth-child(4){}