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

	body {
		text-align : center ;
	}

	@media only screen and (max-width:960px){
		img { 
			max-width:100%;
			height:auto;
		}
	}
	
	a:link , a:visited {
		color : #555555 ;
		text-decoration : underline ;
	}
	a:hover , a:active {
		color : #55E0F8 ;
		text-decoration : underline ;
	}
	
	small {
		font-size : 10pt ;
	}
	
	.blue {
		color: #00A0E8 ; 
	}
	
	.bg-darkblue { background : #076EB8 ; }
	.bg-blue { background : #00A0E8 ; }
	
	.bd-white { border-color : white ;} 
	.bd-darkblue { border-color : #076EB8 ; }
	.bd-blue { border-color : #00A0E8 ; }
		
	.sec-darkblue {
		background : #076EB8 ; 
		color : white ;
	}
	
	.sec-blue {
		background : #00A0E8 ; 
		color : white ;
	}

	.sec-white {
		background : white ; 
		color : #00A0E8 ;
	}
	
	.sec-lightgray {
		background : #DCDDDD ; 
		color : #555555 ;
	}
	
	.sec-darkbrawn {
		background : #746C61 ;
		color : white ;
	}

	.sec-brawn {
		background : #9D9187 ;
		color : white ;
	}
	
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	
	.r10 {
		border-radius: 10px; 
			-webkit-border-radius: 10px;  
			-moz-border-radius: 10px; 
	}
	
	.MgR0  {
		margin-right : 0px ;
	}

	.gray { color : #888888 ; }

	small {
		color : #CCCCCC ; 
		font-size : 10pt ;
	}
	
	.underline {
		border-bottom : 1px dotted ; 
	}
	
	ul.arrow1 li { margin-top : 15px ;padding-left : 30px ;background : url(../img/f_arrow1.png) 2px 2px no-repeat ; }
	ul.circle1 li { margin-top : 15px ;padding-left : 30px ;background : url(../img/f_circle1.png) 2px 2px no-repeat ; }
	ul.circle2 li { margin-top : 15px ;padding-left : 30px ;background : url(../img/f_circle2.png) 2px 2px no-repeat ; }
	dl.circle1 dt { margin-top : 15px ;padding-left : 30px ;background : url(../img/f_circle1.png) 2px 2px no-repeat ; }
	ul li.plus {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_plus.png) 2px 2px no-repeat ; }
	ul li.minus {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_minus.png) 2px 2px no-repeat ; }
	
	ol.num1 li.olitem1 {padding-left : 30px ;background : url(../img/f_n_w_1.png) 2px 2px no-repeat ;}
	ol.num1 li.olitem2 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_w_2.png) 2px 2px no-repeat ;}
	ol.num1 li.olitem3 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_w_3.png) 2px 2px no-repeat ;}
	ol.num1 li.olitem4 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_w_4.png) 2px 2px no-repeat ;}
	ol.num1 li.olitem5 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_w_5.png) 2px 2px no-repeat ;}

	ol.num2 li.olitem1 {padding-left : 30px ;background : url(../img/f_n_b_1.png) 2px 2px no-repeat ;}
	ol.num2 li.olitem2 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_b_2.png) 2px 2px no-repeat ;}
	ol.num2 li.olitem3 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_b_3.png) 2px 2px no-repeat ;}
	ol.num2 li.olitem4 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_b_4.png) 2px 2px no-repeat ;}
	ol.num2 li.olitem5 {margin-top : 15px ;padding-left : 30px ;background : url(../img/f_n_b_5.png) 2px 2px no-repeat ;}

	.scale-t {
		background-image : url(../img/f_scale_t.png)  ;
		background-position : left top ;
		background-repeat : repeat-x ;
	}
	
	.scale-b {
		background-image : url(../img/f_scale_b.png)  ;
		background-position : left bottom ;
		background-repeat : repeat-x ;
	}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
		
	.eacherapper {
		width : 100% ;
		text-align : center ;
	}
	

	
	header  ,
	footer  ,
	section  , 
	nav {
		text-align : left ;	
		margin : 0px auto ;
		width : 720px ;
		position : relative ;
	}
	section , footer {
		padding : 45px 0px ;		
	}

	@media only screen and (max-width:640px){
		section , footer {
			width : 95% ;
			margin : 0 auto ;
		}
	}
	
	
	header {
		z-index : 100 ;
		position : absolute ;
		width : 200px ;
		top : 0 ; left : 30px ;
	}
	nav {
		z-index : 100 ;
		text-align : right ;
		position : absolute ;
		top : /*47px*/ 20px  ; right : 30px ;
	}
		nav ul li {
			display : inline ;
			padding : 0px 10px 0 10px ;
		}
	#fixed {
		z-index : 90 ;
		background : white ;
		position : fixed ;
		top : 0 ; left : 0 ;
		width : 100% ;
		height : 50px ;
	}
	
	@media only screen and (max-width:640px){
		nav { 
			display : none ;
		}
	}
	
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#gotop {
		position : fixed ;
		bottom : -10px ; right : 10px ;
	}
	
	@media only screen and (max-width:640px){
		#gotop {
			display : none ;
		}
	}
	
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
		#s0200 h2 , #s0300 h2 , #s0400 h2 , #s0500 h2 {
			margin-left : 100px ;
		}
		
		@media only screen and (max-width:640px){
			#s0200 h2 , #s0300 h2 , #s0400 h2 , #s0500 h2 {
				margin-left : 0px ;
			}
		}
		
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0000 { position : relative ; height : 340px; margin-bottom : -30px ;}
		#s0000 img {
			position :absolute ;
		}
		#s0000  #mainbg {
			left : 0 ; top : 60px ;
			z-index : 50 ;
			background : #00A0E8 ;
		}
		@media only screen and (max-width:640px){
			#s0000  #mainbg {
				position :static ;
				height : 338px ;
				width : 98% ;
			}
			#s0000  #mainbg img {
				display : none ;
			}
		}
		#s0000  #main4 {
			left : 260px ; top : 160px ;
			z-index : 60 ;
		}
		@media only screen and (max-width:640px){
			#s0000  #main4 {
				display : none ;
			}
		}
		#s0000  #main3 {
			left : 195px ; top : 160px ;
			z-index : 60 ;
		}
		#s0000  #main2 {
			/*left : 30px ; top : 160px ;*/
			left : -50px ; top : 120px ;
			z-index : 60 ;
		}
		#s0000  #main1 {
			left : 30px ; top : 110px ;
			z-index : 60 ;
		}
		@media only screen and (max-width:640px){
			#s0000  #main3 { left : 205px }
			#s0000  #main2 { left : -10px }
			#s0000  #main1 { left : 50px }
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0110 , #s0120 , #s0130 {
		/*min-height : 120px ; */
	}
	#s0110 {
		background : url(../img/bg_4method.gif)  100% 130% no-repeat ;
	}
	#s0130 {
		background : url(../img/bg_graph.gif)  100% 160% no-repeat ;
	}
		#s0130 #fm01Wrapper {
			position : relative ;
			overflow : hidden ;
			width : 100% ;
			height : 0px ;
		}
		#s0130 #fm01 {
			background : white ;
			padding : 15px ;
			z-index : 5 ;
			position : absolute ;
			top : -700 ; left : 0 ;
		}
		#s0130 #fm01 h4 {
			margin : 20px 0 ;
		}
		#s0130 #fm01 figure {
			margin : 10px 0 ;
			width :  100% ;
			text-align : center ;
		}
		#s0130 .blue-gd {
			position : absolute ;
			z-index : 10 ;
			width :  100% ;
			background : url(../img/f_gd-blue.png)  top left  repeat-x ;
			height : 38px ;
		}
		
	#s0130 ol ul {
		margin-left : 20px; 
	}
	
	
	@media only screen and (max-width:640px){
		#s0110 , #s0120 , #s0130 { background : none ; }
	}
		#s0110 h2 , #s0120 h2 , #s0130 h2 {
			position : absolute ;
			top : 37px ; left : 100px ;
		}	
		#s0110 h3 , #s0120 h3 , #s0130 h3 {
			padding : 0 0 0 0 ;
			margin : 0 0 20px 0 ;
		}
		#s0110 h3 , #s0120 h3 , #s0130 h3 , #s0110 ul , #s0110 ol , #s0120 ul , #s0120 ol , #s0130 ul , #s0130 ol {
			margin-left : 230px ;
		}
		@media only screen and (max-width:640px){
			#s0110 h2 , #s0120 h2 , #s0130 h2 {
				position : static ;
				text-align : center ;
			}
			#s0110 h3 img.text {
				max-width : 45% ;
				height : auto ;
			}
			#s0110 h3 , #s0120 h3 , #s0130 h3 {
				padding : 0 0 0 0 ;
				text-align : center ;
				margin : 0 0 20px 0 ;
			}
			#s0110 h3 , #s0120 h3 , #s0130 h3 , #s0110 ul , #s0110 ol , #s0120 ul , #s0120 ol , #s0130 ul , #s0130 ol {
				margin-left : 0 ;
			}
		}
	
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0200 {}
		#s0200 .table {
			text-align : center ;
			margin : 20px 0 ;
		}
		#s0200 .tr {
			padding : 8px 0 ;
			width : 100% ; 
			margin : 0 auto ;
		}
		#s0200 .th {
			width : 210px ;
			color : #888 ;
			font-weight : bold ;
			text-align : right ;
			float : left ;
			padding-right : 20px ;
		}
		#s0200 .td {
			width : auto ;
			text-align : left;
			float : left ;
		
		}
		
		#s0200 .td ol {
			width : 450px ;
			font-size : 80%;
		}
		
		@media only screen and (max-width:640px){
			#s0200 .th {
				width : auto ;
				float : none ;
				text-align : left ;
				padding : 0 10px  ;
			}
			#s0200 .td {
				width : auto ;
				text-align : left ;
				float : none ;
				padding : 0 10px  ;
			}
			#s0200 .td ol {
				width : auto ;
			}
		}
		
		#s0200 .odd {
			background : white ;
			border-bottom : 1px dotted #888 ; 
			border-top : 1px dotted #888 ; 
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */	
	#s0300 {}
		#s0300 ul {
			margin: 20px 0 0 100px ;
		}
	#s0400 {}
		#s0400 ul {
			margin: 20px 0 0 100px ;
		}
		@media only screen and (max-width:640px){
			#s0300 ul {
				margin: 20px 0 0 0px ;
			}
			#s0400 ul {
				margin: 20px 0 0 0px ;
			}
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0500 {}
		#s0500 h3 {
			position : relative ;
		}
		#s0500 ol {
			margin: 20px 0 0 100px ;
		}
		@media only screen and (max-width:640px){
			#s0500 ol {
				margin: 20px 0 0 0px ;
			}
		}
		
		
		#s0500 .point {
			margin-top : 30px ;
			background : #595757;
			padding : 25px 0 ;
		}
			#s0500 .point h3 {
				margin: 0px 100px 0 100px ;
				border-bottom : 2px dotted #ffffff ;
			}
			#s0500 .point dl {
				margin: 0px 0 0 100px ;
			}
			#s0500 .point dd {
				margin: 0px 0 0 50px ;
				color : #DDDDDD ;
			}
		
		@media only screen and (max-width:640px){
			#s0500 .point {
				width : auto ;
				padding : 20px 20px ;
			}
			#s0500 .point h3 ,
			#s0500 .point dl ,
			#s0500 .point dd {
				margin  : 0  ;
			}
		}
			
		#s0500 #conceptscale {
			position : absolute ;
			top : -30px ; left :30px ;
			display : none ;
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0600  {}
		#s0600 h2 {
			width : 100% ;
			text-align : center ;
			margin-bottom : 40px ;
		}
		#s0600 ol li  {
			margin-top : 15px ;
		}
		#s0600 ol li .l {
			float : left ;
			text-align : right ;
			padding-right : 30px  ;
			width : 100px ;
		}
		#s0600 ol li .r {
			margin-left : 130px ;
		}
		
		@media only screen and (max-width:640px){
			#s0600 ol li .l {
				 float : none ; text-align : center ; width : 100% ;
				 padding : 0 0 10px 0 ;
			}
			#s0600 ol li .r { margin : 0 ;}
		}
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	#s0700  {}
	#s0800  {}
	
		#s0700 h2 ,
		#s0800 h2 {
			float : left ;
			text-align : right ;
			padding-right : 20px  ;
			width : 170px ;
		}
		#s0700 ol , #s0700 p , #s0800 ol , #s0800 p {
			margin-left : 190px ;
		}
		
		#s0700 p , #s0800 p {
			margin-top : 20px ;
		} 
		
		@media only screen and (max-width:640px){
			#s0700 h2 , #s0800 h2 {
				 float : none ; text-align : center ; width : 100% ;
				 padding : 0 0 30px 0 ;
			} 
			#s0700 ol , #s0700 p , #s0800 ol , #s0800 p {
				margin-left : 0px ;
			}
		}
		
	/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
	footer {
		padding-top : 80px ;
		padding-bottom : 50px ;
		font-size : 10pt ;
		color : #FFFFFF ;
		text-align : center ;
	}
		footer  a:link {
			color  : #ffffff ;
		}
		footer address { 
			margin : 15px 0 0 0 ;
		}
		footer #copyright { }