@charset "UTF-8";

body{font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	width:100%;
	height:100%;}


h1 {
	margin:100px 0 0;
  display: block;
  font-size: 50px;
  font-weight: bold;
  text-shadow: 5px 5px 5px #d3d3d3;}
h2 {
  display: block;
  font-size: 1.5em;
  font-weight: bolder;
  margin: .83em 0;
}

h3 {
  display: block;
  font-size: 1.17em;
  font-weight: bold;
  margin: 3em 0 1em 0;
}

h4 {
  display: block;
  font-weight: bold;
  margin: 1.33em 0;
}

h5 {
  display: block;
  font-size: 0.83em;
  font-weight: bold;
  margin: 1.67em 0;
}

h6 {
  display: block;
  font-size: 0.67em;
  font-weight: bold;
  margin: 2.33em 0;
}
a.blocklink {
   display:block;
   width:100%;
   }
 a.blocklink:hover {
   opacity:0.7;
   }
/*font*/
.green a:link { color: #87D37C; }
.green a:visited { color: #87D37C; }
.green a:hover { color: #87D37C; }
.green a:active { color: #87D37C; }
.green{color:#87D37C;}	

#header_inner a:link { color: #555;}
#header_inner a:visited { color: #555; }
#header_inner a:hover { color: #555; }
#header_inner a:active { color: #555; }
#header_inner a{text-decoration: none;}

.toppage_submenu a:link { color: #7C858E; }
.toppage_submenu a:visited { color: #7C858E; }
.toppage_submenu a:hover { color: #7C858E; }
.toppage_submenu a:active { color: #7C858E; }
.toppage_submenu a{text-decoration: none;}

#footer_inner a:link { color: #7C858E; }
#footer_inner a:visited { color: #7C858E; }
#footer_inner a:hover { color: #7C858E; }
#footer_inner a:active { color: #7C858E; }
#footer_inner a {text-decoration: none;}	


#wrapper{
		color:#686868;
		width:100%;
		background-color:#ffffff;
		text-align: center; }
		

@media screen and (min-width: 980px){
body{font-size: 15px;}

	/*header section*/	
	#header_inner{
		width:980px;
		margin:0px auto;
		font-size:18px;
		
		color:#171717;}
						
		@keyframes frog{
		0%{background-position:95% 30%;}
		100%{background-position:85% 0%;;}
		}			
						
			@-webkit-keyframes frog{
		0%{background-position:93% 40%;}
		10%{background-position:93% 40%;}
		15%{background-position:91% 30%;}
		60%{background-position:91% 30%;}
		70%{background-position:88% 20%;}
		98%{background-position:88% 20%;}
		100%{background-position:93% 40%;}
		}			
						
						
						
		#logo{margin:20px auto;
			width: 300px;
			height: 105px;
			background-image:url(image/frog.png);
			background-repeat:no-repeat;
			background-size:30px 30px;
			-webkit-animation: frog 30s ease-in-out infinite ;}	
								
		#logo_image{
			width:300px;
			
			}
		
		#globalnavi{
		
			width: 975px;
			margin:0 auto 10px;}
			
			#globalnavi li{
				
				display:inline-block;
				margin:0 30px;
				border-bottom: medium solid rgba(110,189,9,0);
				transition: all .3s;
				-webkit-transition: all .5s;}
				
				#globalnavi li:hover{
					border-bottom: medium solid rgba(110,189,9,1);}
		
		#breadcrumbs ol{					
			font-size:12px;}
				
			#breadcrumbs li{
				display:inline;
				margin-left:10px;}
				
				
				
			#breadcrumbs li:first-child{
				margin:0}
				
	/*contents COMMON*/
	#contents{
		width:100%;
		margin:0;
		padding:0 0 100px;
		border-style:solid none;
		border-color:#E1D3D3;
		border-width:1px 0;
		background-image:url(image/PNG/ricepaper-2.png);
		color:#7C858E;}
		
		
		@keyframes fadeInDown {
 					0%	{opacity: 0;}
			 		100%{opacity: 1;}}
					
				@-webkit-keyframes fadeInDown {
 			 		0% 	{-webkit-opacity: 0;}
			 		100%{-webkit-opacity: 1;}}
						
				@-moz-keyframes fadeInDown {
  					0% 	{-moz-opacity: 0;}
					100%{-moz-opacity: 1;}}
					
				@-o-keyframes fadeInDown {
  					0% 	{-o-opacity: 0;}
					100%{-o-opacity: 1;}}
		
				@-ms-keyframes fadeInDown {
  					0% 	{-ms-opacity: 0;}
					100%{-ms-opacity: 1;}}
			
		#leftside_contents{
			width:960px;
			margin:0 auto;
			animation: fadeInDown 1s ease-in;
				-webkit-animation: fadeInDown 1s ease-in 0s;
				-moz-animation: fadeInDown 2s ease-in 0s;
				-o-animation: fadeInDown 2s ease 0s;
				-ms-animation: fadeInDown 2s;}
					
				#leftside_contents p:last-child{
					margin:0 auto 100px;}
			
				
					
		#rightside_contents{
			width:960px;
			margin:0 auto ;
			padding:50px 0;
			background-image:url(image/border.png),url(image/border.png);
			background-position:bottom,top;
			background-repeat:no-repeat,no-repeat;
			background-size:840px 30px,840px 30px;
				-webkit-background-size:840px 30px,840px 30px;
				-moz-background-size:840px 30px,840px 30px;
				-o-background-size:840px 30px,840px 30px;
				-ms-background-size:840px 30px,840px 30px;}
				
		/*toppage*/	
		#topimage{
			width:960px;
			height:320px;
			margin:30px auto;
			border-radius: 10px 10px 10px 10px;
			background-color:#FFFFFF;}
		
			#topimage img{
				width:100%;}
				
		.toppage_submenu{
			margin:0 9px;
			float:left;
			background-color:#ffffff;
			border-style:solid;
			border-width:1px;
			border-color:#E1D3D3;
			border-radius: 10px 10px 10px 10px;
			width:300px;
			
			overflow: hidden;}
			
		.toppage_submenu_image{
			width:310px;}
		
		#update{		
			width:100%;
			margin:50px auto 50px;}
		
			#update dl{
				margin:0 auto;
				width:640px;}
				
				#update dt{
					margin:0 0 0 10px;
					float:left;}
			
				#update dd{
					margin:3px auto;
					border-bottom:dashed;
					border-bottom-width:1px;}
		
		/*policy page*/
		
		/*jisseki page*/
		.jisseki_table{
				margin:0 auto;}
		
			.jisseki_table tr{
				border-width: 1px 0;
				border-style: solid;
				border-color: #7C858E;}
			
			.jisseki_table_left{
				width:400px;}
			
			.jisseki_table_center{
				width: 150px;}
			
			.jisseki_table_right{
				width: 100px;}
						 
		/*class page*/
		input[type="checkbox"].on-off{
    			display: none;}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(-180deg);
					transform: rotate(-180deg);}
					
			input[type="checkbox"].on-off ~ #shougakusei_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #shougakusei_contents{
    				height: 1300px;}
				
			#shougakusei label{
				position: relative;
				display: block;}
		
			#shougakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#shougakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
		
		
		
		input[type="checkbox"].on-off ~ #kobetsu_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #kobetsu_contents{
    				height: 600px;}
				
			#kobetsu label{
				position: relative;
				display: block;}
		
			#kobetsu label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#kobetsu_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
		
		
		
		
		
		
		
		
		
		
		
		
		
				
					
			input[type="checkbox"].on-off ~ #chugakusei_contents{
    				height: 0;
    				overflow: hidden;}

				input[type="checkbox"].on-off:checked ~ #chugakusei_contents{
    				height:1350px;}		

				
			#chugakusei label{
				position: relative;
				display: block;}
		
			#chugakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#chugakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			
			input[type="checkbox"].on-off ~ #eiken_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #eiken_contents{
    				height:400px;}			
				
				
			#eiken label{
				position: relative;
				display: block;}
		
			#eiken label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#eiken_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
				
				
			
				.class_description{
					
					margin:70px 0px;
					position: relative;
					width:100%;}
								
					.class_table{
						margin:30px auto;}
						
					.class_table td{
						border-width: 1px 0;
						border-style: solid;
						border-color: #7C858E;}
						
					.class_table_left{
						width:120px;}
						
					.class_table_right{
						vertical-align:middle;
						width:210px;}
		
		/*gessha*/
		.gessha_table{
			margin:10px auto;}
		
				.gessha_table tr{
					border-width: 1px 0;
					border-style: solid;
					border-color: #7C858E;}
		
				.gessha_table_left{
					vertical-align:middle;
					width:250px;}
		
				.gessha_table_center{
					width:200px;}
		
				.gessha_table_right{
					width:150px;}
			
		/*access page*/
		#access_map{
			width:768px;
			height:500px;}
			
		/*kyouzai*/
		
			.kyouzai{
			margin:100px auto;}
			.kyouzai_contents{
			margin:100px auto;
			width:480px;
			
			
			}
			
			/*.kyouzai_contents:nth-of-type(3n+1){
				float:left;
			}
			.kyouzai_contents:nth-of-type(3n+2){
				float:right;
			}
			.kyouzai_contents:nth-of-type(3n){
				clear:both;
				margin:0px auto;
			}*/
			
			.kyouzai_list{text-align:center;			
					margin:20px auto;
					width:100%;
					
					font-size:13px;
					}
					
			.kyouzai_list dt{
					width:50px;
					float:left;}
					
			.kyouzai_list dd{border-bottom:dashed;
							border-bottom-width:1px;
					margin:0px 0 0 ;
			}
			
	/*footer*/
	#footer_inner{
		margin:0 auto;
		width:980px;
		font-size:12px;}
			
		.footer_contents{
			width:320px;}
				
			.footer_contents ul{
				list-style-type:none;}
						
			.footer_contents li{
				margin-bottom: 5px;}
				
		#footer_contents_right{
			float:right;
			text-align:right;}	
				
			.fb-like{margin:0 14px 0 0;}
				
		#footer_contents_left{
			float:left;
			padding-top:15px;}
				
		#footer_contents_center{
			padding-top:15px;
			margin:0 auto;}
								
		#copyright{
			font-size:10px;}
}

@media screen and (min-width: 760px) and (max-width: 979px){
body{font-size: 14px;}		





	

	
	
		
			
			
	/*header section*/	
	#header_inner{
		width:760px;
		margin:0px auto;
		font-size:16px;
		color:#171717;}
												
		#logo_image{
			margin:10px auto;
			width: 255px;
			}
		
		#globalnavi{
			width: 755px;
			margin:10px auto 10px;}
					
			#globalnavi li{
				display:inline;
				margin:0 18px;}
					
		#breadcrumbs ol{					
			font-size:12px;}
				
			#breadcrumbs li{
				display:inline;
				margin-left:10px;}
				
			#breadcrumbs li:first-child{
				margin:0}
				
		/*contents COMMON*/
	#contents{
		width:100%;
		margin:0;
		padding:0 0 100px;
		border-style:solid none;
		border-color:#E1D3D3;
		border-width:1px 0;
		background-image:url(image/PNG/ricepaper-2.png);
		color:#7C858E;}
			
		#leftside_contents{
			width:739.2px;
			margin:0 auto;
			animation: fadeInDown 1s ease-in;
				-webkit-animation: fadeInDown 1s ease-in 0s;
				-moz-animation: fadeInDown 2s ease-in 0s;
				-o-animation: fadeInDown 2s ease 0s;
				-ms-animation: fadeInDown 2s ease 0s;}
					
				#leftside_contents p:last-child{
					margin:0 auto 100px;}
			
				@keyframes fadeInDown {
 					0% {
   			 		opacity: 0;}
			 		100% {
   			 		opacity: 1;}}
					
				@-webkit-keyframes fadeInDown {
 			 		0% {
   			 		opacity: 0;}
			 		100% {
   			 		opacity: 1;}}
						
				@-moz-keyframes fadeInDown {
  					0% {
    				opacity: 0;}
					100% {
    				opacity: 1;}}
					
				@-o-keyframes fadeInDown {
  					0% {
    				opacity: 0;}
					100% {
    				opacity: 1;}}
		
				@-ms-keyframes fadeInDown {
  					0% {
    				opacity: 0;}
					100% {
    				opacity: 1;}}
					
		#rightside_contents{
			width:744px;
			margin:0 auto ;
			padding:50px 0;
			background-image:url(image/border.png),url(image/border.png);
			background-position:bottom,top;
			background-repeat:no-repeat,no-repeat;
			background-size:740px 25.5px,740px 25.5px;
				-webkit-background-size:740px 25.5px,740px 25.5px;
				-moz-background-size:740px 25.5px,740px 25.5px;
				-o-background-size:740px 25.5px,740px 25.5px;
				-ms-background-size:740px 25.5px,740px 25.5px;}
				
		/*toppage*/	
		#topimage{
		background-color:#FFFFFF;
		margin:30px auto;
		width:740px;
		
		border-radius: 10px 10px 10px 10px;
		}
		#topimage img{
		width:100%;}
		.toppage_submenu{
		margin:0 8px;
		float:left;
		background-color:#ffffff;
		opacity:1;
		border-radius: 10px 10px 10px 10px;
		border-color:#E1D3D3;
			border-style:solid;
			border-width:1px;
			width:230px;
			height:230px;
			overflow: hidden;
			}
			
		.toppage_submenu_image{
		width:100%;
		}
		
		#update{border-radius: 10px 10px 10px 10px;
		/*background-color: rgba(250,250,255,0.6);*/
		width:100%;
		margin:50px auto 50px;
						}
				#update dl{
				margin:0 auto;
				width:516px;}
				
				#update dt{
				margin:0 0 0 10px;
					float:left;}
				
						#update dd{
							margin:3px auto;
							
							border-bottom:dashed;
							border-bottom-width:1px;}
		
		/*policy page*/
		
		/*jisseki page*/
		.jisseki_table{
				margin:0 auto;}
		
			.jisseki_table tr{
				border-width: 1px 0;
				border-style: solid;
				border-color: #7C858E;}
			
			.jisseki_table_left{
				width:400px;}
			
			.jisseki_table_center{
				width: 100px;}
			
			.jisseki_table_right{
				width: 100px;}
						 
		/*class page*/
		input[type="checkbox"].on-off{
    			display: none;}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(-180deg);
					transform: rotate(-180deg);}
					
			input[type="checkbox"].on-off ~ #shougakusei_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #shougakusei_contents{
    				height: 1200px;}
				
			#shougakusei label{
				position: relative;
				display: block;}
		
			#shougakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#shougakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
		
		
		
				input[type="checkbox"].on-off ~ #kobetsu_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #kobetsu_contents{
    				height: 600px;}
				
			#kobetsu label{
				position: relative;
				display: block;}
		
			#kobetsu label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#kobetsu_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
		
		
				
					
			input[type="checkbox"].on-off ~ #chugakusei_contents{
    				height: 0;
    				overflow: hidden;}

				input[type="checkbox"].on-off:checked ~ #chugakusei_contents{
    				height:1350px;}		

				
			#chugakusei label{
				position: relative;
				display: block;}
		
			#chugakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#chugakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			
			input[type="checkbox"].on-off ~ #eiken_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #eiken_contents{
    				height:400px;}			
				
				
			#eiken label{
				position: relative;
				display: block;}
		
			#eiken label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#eiken_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
				
				
			
				.class_description{
					
					margin:70px 0px;
					position: relative;
					width:100%;}
								
					.class_table{
						margin:30px auto;}
						
					.class_table td{
						border-width: 1px 0;
						border-style: solid;
						border-color: #7C858E;}
						
					.class_table_left{
						width:120px;}
						
					.class_table_right{
						vertical-align:middle;
						width:210px;}
		
		/*gessha*/
		.gessha_table{
			margin:10px auto;}
		
				.gessha_table tr{
					border-width: 1px 0;
					border-style: solid;
					border-color: #7C858E;}
		
				.gessha_table_left{
					vertical-align:middle;
					width:250px;}
		
				.gessha_table_center{
					width:200px;}
		
				.gessha_table_right{
					width:150px;}
			
		/*access page*/
		#access_map{
			width:768px;
			height:500px;}
			
		/*kyouzai*/
		
			.kyouzai{
			margin:100px auto;}
			.kyouzai_contents{
			margin:100px auto;
			width:480px;
			
			
			}
			
			/*.kyouzai_contents:nth-of-type(3n+1){
				float:left;
			}
			.kyouzai_contents:nth-of-type(3n+2){
				float:right;
			}
			.kyouzai_contents:nth-of-type(3n){
				clear:both;
				margin:0px auto;
			}*/
			
			.kyouzai_list{text-align:center;			
					margin:20px auto;
					width:100%;
					
					font-size:13px;
					}
					
			.kyouzai_list dt{
					width:50px;
					float:left;}
					
			.kyouzai_list dd{border-bottom:dashed;
							border-bottom-width:1px;
					margin:0px 0 0 ;
			}
			
	/*footer*/
	#footer_inner{
		margin:0 auto;
		width:760px;
		font-size:12px;
		}
			
		.footer_contents{
			width:370px;}
				
			.footer_contents ul{
				list-style-type:none;}
						
			.footer_contents li{
				margin-bottom: 5px;}
				
		#footer_contents_right{
			margin:0 auto;}	
				
			.fb-like{margin:0 14px 0 0;}
				
		#footer_contents_left{
			float:left;
			padding-top:15px;}
				
		#footer_contents_center{
			float:left;
			padding-top:15px;}
								
		#copyright{
		clear:both;
			font-size:10px;}
		}	
			
@media screen and (max-width:759px){
body{font-size: 14px;}
		
	h1{	margin:15px auto 15px;
   		font-size: 30px;
		text-shadow:none}

	h2{	font-size:1.1em;
		margin:0.5em auto;}

	h3{	margin:0.5em auto;}
	
#wrapper{
		text-align: left; }
			
	/*header section*/
		
	#header_inner{
		width:100%;
		min-width:320px;
		background-color:rgba(255,255,255,0.9);
		position:fixed;
		top:0px;
		left:0px;
		z-index: 1;
		box-shadow: 0px 2px 10px rgba(0,0,0,0.3);
		border-bottom-color:#E1D3D3;
		border-bottom-style:solid;
		border-bottom-width:1px;}
				
		#logo_image{
			width:150px;
			margin:0 auto;}
		
		#globalnavi{
			min-width:320px;
			margin:0 auto;
			text-align:center;
			list-style-type:none;}
	
			#globalnavi li {
				float:left;
				width:33%;
				margin:10px auto;}
						
		#breadcrumbs{display:none;}
				
	/*contents COMMON*/
	
	#contents{
		width:100%;
		margin:0 auto 0;
		padding:130px 0 20px 0;
		background-image:url(image/PNG/ricepaper-2.png);
		color:#7C858E;
		border-style:solid none;
		border-color:#E1D3D3;
		border-width:1px 0;}
			
		#contents p {
			margin:15px 10px;}
			
		@keyframes fadeInDown {
 			0%	{opacity: 0;}
			100%{opacity: 1;}}
					
			@-webkit-keyframes fadeInDown {
 				0% 	{-webkit-opacity: 0;}
				100%{-webkit-opacity: 1;}}
						
			@-moz-keyframes fadeInDown {
  				0% 	{-moz-opacity: 0;}
				100%{-moz-opacity: 1;}}
					
			@-o-keyframes fadeInDown {
  				0% 	{-o-opacity: 0;}
				100%{-o-opacity: 1;}}
		
			@-ms-keyframes fadeInDown {
  				0% 	{-ms-opacity: 0;}
				100%{-ms-opacity: 1;}}
			
		#leftside_contents{
			width:90%;
			margin:50px auto 0;
			animation: fadeInDown 1s ease-in;
				-webkit-animation: fadeInDown 1s ease-in 0s;
				-moz-animation: fadeInDown 2s ease-in 0s;
				-o-animation: fadeInDown 2s ease 0s;
				-ms-animation: fadeInDown 2s;}
					
		#rightside_contents{
			width:90%;
			min-width:300px;
			padding:15px 0;
			margin:0 auto;
			background-image:url(image/border.png),url(image/border.png);
			background-position:bottom,top;
			background-repeat:no-repeat,no-repeat;
			background-size:contain,contain;
				-webkit-background-size:contain,contain;
				-moz-background-size:contain,contain;
				-o-background-size:contain,contain;
				-ms-background-size:contain,contain;}
				
			.contents_text{
				min-width:300px;
				margin:0 auto;}
					
			.green {
				text-align:right;}
		
		/*toppage*/
		
		#topimage{
			width:98%;
			background-color:#FFFFFF;
			margin:10px auto 0;
			border-radius: 10px 10px 10px 10px;
			overflow: hidden;}
		
			#topimage img{
				width:100%;}
		
			
		
		.toppage_submenu{
			margin:5px auto;
			background-color:#ffffff;
			border-radius: 10px 10px 10px 10px;
			border-color:#E1D3D3;
			border-style:solid;
			border-width:1px;
			width:48%;
			min-height:100px;
			text-align:center;
			overflow: hidden;}
			
			.toppage_submenu:nth-child(1){float:left;}
			.toppage_submenu:nth-child(2){float:right;}
			.toppage_submenu:nth-child(3){clear:both;}
					
			.toppage_submenu_image{
				max-width:100%;}
		
		#update{
			width:100%;
			border-radius: 10px 10px 10px 10px;
			margin:50px auto 50px;}
			
			#update dl{
				width:320px;
				margin:0 auto;}
				
				#update dd{
					margin:3px auto ;
					padding:0 0 0 10px;
					border-bottom:dashed;
					border-bottom-width:1px;}
					
		/*policy page*/
		
		
		
		/*jisseki page*/
		
		.jisseki_table{
			margin:0 auto;}
		
			.jisseki_table td{
				font-size:12px;
				padding:0 0 0 1rem;
				text-align:left;
				border-width: 1px 0;
				border-style: solid;
				border-color: #7C858E;}
			
				.jisseki_table_left{
					width:190px;}
			
				.jisseki_table_center{
					width: 90px;}
			
				.jisseki_table_right{
					width: 40px;}
						 
		/*class page*/
		
		input[type="checkbox"].on-off{
    			display: none;}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(0deg);
					transform: rotate(0deg);}
				
			input[type="checkbox"]:checked + label::after {
					-webkit-transform-origin:center center;
					-webkit-transform: rotate(-180deg);
					transform: rotate(-180deg);}
					
			input[type="checkbox"].on-off ~ #shougakusei_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #shougakusei_contents{
    				height: 1200px;}
				
			#shougakusei label{
				position: relative;
				display: block;}
		
			#shougakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#shougakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
						input[type="checkbox"].on-off ~ #kobetsu_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #kobetsu_contents{
    				height: 600px;}
				
			#kobetsu label{
				position: relative;
				display: block;}
		
			#kobetsu label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#kobetsu_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
		
		
		
					
			input[type="checkbox"].on-off ~ #chugakusei_contents{
    				height: 0;
    				overflow: hidden;}

				input[type="checkbox"].on-off:checked ~ #chugakusei_contents{
    				height:1350px;}		

				
			#chugakusei label{
				position: relative;
				display: block;}
		
			#chugakusei label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#chugakusei_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			
			input[type="checkbox"].on-off ~ #eiken_contents{
    				height: 0;
    				overflow: hidden;}

			input[type="checkbox"].on-off:checked ~ #eiken_contents{
    				height:300px;}			
				
				
			#eiken label{
				position: relative;
				display: block;}
		
			#eiken label:after{
				position: absolute;
				top: 0px;
				right: 0px;
				display: block;
				content:url(image/arrow.png);
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
			
			#eiken_contents{
				margin: 0;
    			padding: 0;
				transition: all 0.5s ease-in;
					-webkit-transition: all 0.5s ease-in;
 					-moz-transition: all 0.5s ease-in;
   					-ms-transition: all 0.5s;
    				-o-transition: all 0.5s;}
				
				
			
				.class_description{
					border-bottom-color:#E1D3D3;
					border-bottom-style:solid;
					border-bottom-width:1px;
					margin:0px 0px;
					position: relative;
					width:100%;}
								
					.class_table{
						margin:30px auto;}
						
					.class_table td{
						border-width: 1px 0;
						border-style: solid;
						border-color: #7C858E;}
						
					.class_table_left{
						width:120px;}
						
					.class_table_right{
						vertical-align:middle;
						width:210px;}
		
		/*gessha*/
		
		.gessha_table{
			margin:10px auto;}
		
			.gessha_table td{
				border-width: 1px 0;
				border-style: solid;
				border-color: #7C858E;}
		
				.gessha_table_left{
					vertical-align:middle;
					width:250px;}
		
				.gessha_table_center{
					width:200px;}
		
				.gessha_table_right{
					width:150px;}
			
		/*access page*/
		
		#access_map{
			width:100%;
			min-width:310px;
			height:200px;
			margin:0 auto;}
			
		/*footer*/
		
		#footer_inner{
			width:100%;
			max-width:350px;
			font-size:12px;
			text-align:center;
			margin:10px auto 0 auto;}
			
			.footer_contents ul{
				list-style-type:none;}
						
			.footer_contents li{
				margin-bottom: 5px;}
				
			#footer_contents_right{
				width:100%;
				max-width:350px;
				margin:0 auto;}	
				
				.fb-like{margin:0}
				
			#footer_contents_left{
				width:49%;
				float:left;}
				
			#footer_contents_center{
				width:49%;
				float:right;}
								
		#copyright{
			text-align:center;
			font-size:10px;}
			
}