@charset "utf-8";

@import url(default.css);
@import url(base.css?style=ver20250609);


	#contentheader{		
		height:178px;
		background-image:url(../ecodanday/images/bg_content-menu.png);
		border-bottom:1px dotted #cceb8d;
	}
	.fixedHeader #contentheader{border-bottom:none;}

	#contentheader{
		height:auto;
		border-bottom:none;
	}


	#innerwrapper{
		background-image:url(../ecodanday/images/bg_content-menu.png);
		/*border-bottom:1px dotted #e6bea1;*/
	}

@media screen and (max-width:640px){
	
	#innerwrapper{
		height:auto;
		background-color:#cceb8d;
		background-image:none;
	}
	
}



			#contentheader-inner h2{
				margin-right:40px;
				float:left;
			}

		@media screen and (max-width:1020px){
		
			#contentheader-inner h2 img{
				width:242px;
				height:auto;
				margin-top:13px;
			}
		
		}

	
			#contentheader-inner #catch-header{
				margin-top:30px;
				float:right;
			}

				#cotentmenu li a,
				#cotentmenu li span{
					color:#558000;
				}

				
				#index #cotentmenu li span{background-color:#effcd6;}


			@media screen and (max-width:640px){

				#cotentmenu li span{
					-moz-box-shadow:0 0 0 1px #558000 inset;
					-webkit-box-shadow:0 0 0 1px #558000 inset;
					box-shadow:0 0 0 1px #558000 inset;
				}

				#cotentmenu li a{
					color:#fff;
					background-color:#558000;
				}

			}

			@media screen and (max-width:640px){
				
				#cotentmenu li a:hover{
					color:#558000;
					-moz-box-shadow:0 0 0 1px #558000 inset;
					-webkit-box-shadow:0 0 0 1px #558000 inset;
					box-shadow:0 0 0 1px #558000 inset;
				}

			}


		#sidebar li a{color:#558000;}


/*********************  エコダンデーとは？  ********************/
				
	 #imagemain{
		background-image:url(../ecodanday/images/bg_mainimage.png);
		background-repeat:repeat-x;
		background-position:0 0;
	}
				
	.fixedHeader#index #imagemain{
		padding-top:130px;
		background-position:0 130px;
	}
	
		#imagemain-inner{
			position:relative;
			max-width:1200px;
			width:100%;
			height:300px;
			margin:0 auto;
			background-image:url(../ecodanday/images/img_ecodanday.png);
			background-repeat:no-repeat;
			background-position:50% 50%;
			z-index:2;
		}

	@media screen and (max-width:1000px){
	
		#imagemain-inner{
			background-size: 1000px auto;
		}

	}

	@media screen and (max-width:840px){
	
		#imagemain-inner{
			background-size: 890px auto;
		}

	}

	@media screen and (max-width:770px){
	
		#imagemain-inner{
			height:200px;
			background-size:770px auto;
		}

	}

	@media screen and (max-width:640px){
	
		#imagemain-inner{
			background-image:url(../ecodanday/images/img_ecodanday2.png);
			background-size:600px auto;
		}

	}

	@media screen and (max-width:640px){
	
		#imagemain-inner{
			background-image:url(../ecodanday/images/img_ecodanday2.png);
			background-size:600px auto;
		}

	}

	@media screen and (max-width:560px){
	
		#imagemain-inner{
			background-size:500px auto;
		}

	}

	@media screen and (max-width:480px){
	
		#imagemain-inner{
			height:120px;
			background-size:400px auto;
		}

	}

	@media screen and (max-width:400px){
	
		#imagemain-inner{
			background-size:370px auto;
		}

	}

	@media screen and (max-width:370px){
	
		#imagemain-inner{
			height:100px;
			background-size:320px auto;
		}

	}


			#cap-main{
				width:510px;
				margin-top:25px;
				float:right;
			}


		
			#maincatch{
				max-width:946px;
				width:90%;
				margin:0 0 30px 15px;
			}
			#maincatch img{width:100%;}

			#maincatch2{
				display:none;			
			}
			#maincatch2 img{width:100%;}

		@media screen and (max-width:980px){

			#maincatch{
				margin:0 auto 30px;	
			}
			
		}




	.content{
		width:780px;
		float:right;
	}

@media screen and (max-width:1020px){

	.content{
		max-width:780px;
		width:90%;
		margin:0 auto;
		float:none;
	}

}


		.contentlabel{
			color:#fff;
			background-color:#558000;
		}


	/* 特徴 */

	#feature{
		background:#fff;
		max-width:980px;
		width:100%;
		margin:0 auto;
		padding-top:10px;
	}

		#feature-inner{
			position:relative;
			max-width:980px;
			width:100%;
			margin:0 auto;
			padding-bottom:70px;
		}

		#feature-inner .subtitle{
			position:relative;
		}


			#feature .stdtable th{
				padding:5px;
				color:#800000;
				font-weight:normal;
				background:#fff5e6;
			}

			#feature .stdtable td{
				text-align:center;
				background:#fff;
			}


		.maincatch{
			margin-bottom: 0;
			color:#c33;
			font-size:1.9em;
			font-weight: bold;
			text-align: center;
			line-height: 1.4em;
		}

	@media screen and (max-width:770px){

		.maincatch{
			font-size:1.5em;
		}

	}

	@media screen and (max-width:480px){

		.maincatch{
			font-size:1.2em;
		}

	}


		#featurelist{
			width:420px;
			padding:0 0 0 30px;
			float:right;
		}

	@media screen and (max-width:1020px){

		#featurelist{
			max-width:430px;
			width:50%;
		}

	}

	@media screen and (max-width:770px){

		#featurelist{
			max-width:430px;
			width:100%;
			margin:0 auto 30px;
			padding:0;
			float:none;
		}

	}


		#featurelist + img{
			max-width:300px;
			width:45%;
		}
	
	@media screen and (max-width:770px){

		#featurelist + img{
			display:block;
			max-width:300px;
			width:100%;
			margin:0 auto;
		}
	
	}
	
			#featurelist li{
				margin-bottom: 15px;
				padding:0 0 0 30px;
				list-style:none;
				background-repeat:no-repeat;
				background-image: url("../ecodanday/images/ico_check.png");
			}
			

				#featurelist li h3{
					color:#e63556;
					font-size:1.2em;
					font-weight:bold;
				}
	
				#featurelist li p{
					margin:3px 0 0;
					font-size:0.9em;
					line-height:1.6em;
				}



		.rightnote{
			width:330px;
			float:right;
		}
	
	@media screen and (max-width:770px){

		.rightnote{
			width:100%;
			margin:0 auto 30px;
			float:none;
		}

	}

	@media screen and (max-width:770px){
		
		.rightnote img{
			display:block;
			max-width:330px;
			width:100%;
			margin:15px auto;
			float:none;
		}
		
	}
	
	
		.rightnote + img{
			max-width:400px;			
			width:45%;
		}
	
	@media screen and (max-width:770px){

		.rightnote + img{
			display:block;
			max-width:400px;			
			width:100%;
			margin:0 auto 10px;
		}
	

	}


		.heatpump .leftnote{
			width:360px;
			float:left;
		}
		.heatpump .leftnote img{
			display:block;
			max-width: 330px;
			width:90%;
			height: auto;
			margin: 0 auto 15px;
		}

	@media screen and (max-width:770px){
		
		.heatpump .leftnote{
			display:block;
			width:100%;
			margin:15px auto;
			float:none;
		}
		
	}
	
		.heatpump .leftnote + img{
			max-width:400px;			
			width:50%;
			height: auto;
			float: right;
		}
	
	@media screen and (max-width:770px){

		.heatpump .leftnote + img{
			display:block;
			max-width:400px;			
			width:90%;
			margin:0 auto 10px;
			float:none;
		}

	}




		.remarkstext{
			font-size:0.9em;
			line-height:1.6em;
		}
	
	@media screen and (max-width:480px){

		.remarkstext br{
			display: none;
		}
		
	}


		.remarkstext ul{
			margin-bottom: 20px;
		}
		.remarkstext ul li{
			margin: 5px 5px 5px 20px;
			font-size:1.1em;
		}
			
			
			
			
		#featurenote li{
			width:calc(45% - 2px);
			margin:25px 0;
			padding:15px 2%;
			list-style:none;
			line-height:1.3em;
			border:2px solid #ccc;
			border-radius:16px;
			float:left;
		}
		#featurenote li:nth-of-type(2){
			float:right;
		}
	
	@media screen and (max-width:770px){
		
		#featurenote li,
		#featurenote li:nth-of-type(2){
			max-width:400px;
			width:96%;
			margin:25px auto;
			padding:15px 2%;
			float:none;
		}

	}
	
	

			#featurenote li h3{
				float:left;
				margin:0 20px 0 5px;
			}
	
				.rcostimage{
					margin:10px 0;
					padding:10px 0 0;
					text-align:center;
					border:1px solid #ccc;
					border-radius:10px;					
				}
				.rcostimage img{width:96%;}
	
			@media screen and (max-width:770px){
	
				.rcostimage{
					max-width:360px;
					width:94%;
					margin:10px auto;
				}
				
			}

			#featurenote li h4{
				margin:0 0 5px;
				font-size:85%;
				font-weight:bold;
			}




	/***********  床暖房パネル  **********/


	#panel #content-wrapper{
		width:980px;
		margin:0 auto;
		padding:10px 0 50px;
	}
	.fixedHeader#panel  #content-wrapper{padding-top:188px;}

@media screen and (max-width:1020px){
	
	#panel #content-wrapper{
		width:100%;
	}

}



	#panel .subtitle{
		z-index:10;
	}

		
		
		#panel #catchpanel{
			margin-top:60px;
		}
	
	@media screen and (max-width:1020px){
		
		#panel #catchpanel{
			display:block;
			max-width:300px;
			width:90%;
			margin-bottom:140px;
			position:relative;
			top:80px;
		}
	
	}
	
	@media screen and (max-width:640px){
		
		#panel #catchpanel{
			margin:0 auto 270px;
			top:240px;
		}
	
	}



		#panel1 h3,
		#panel3 h3,
		#panel #outline .rightnote h3,
		#panel #outline .leftnote h3{
			height:26px;
			margin-bottom:20px;
			font-size:1.2em;
			text-align:center;
			color:#fff;
			background:#f6ab00;
			line-height:26px;
			letter-spacing:0.1em;
		}



		#panel #outline{margin-top:35px;}

		#panel1 .leftnote{
			width:48%;
			margin:0;
			float:left;
		}
		#panel1 .leftnote img{
			width:100%;
			height:auto;
		}
		#panel1 .leftnote p{
			margin: 10px 0 0;
			line-height: 1.7em;
		}
		
		#panel1 .rightnote{
			width:48%;
			margin:0;
			float:right;
		}
		#panel1 .rightnote img{
			display: block;
			width:90%;
			height:auto;
			margin: 0 auto;
		}
		#panel1 .rightnote p{
			margin:0;
			text-align: center;
		}

	
	@media screen and (max-width:640px){
		
		#panel1 .leftnote,
		#panel1 .rightnote{
			width:100%;
			float:none;
		}
		
		#panel1 .leftnote img,
		#panel1 .rightnote img{
			display: block;
			max-width:360px;
			width:100%;
			margin:0 auto;
		}
		
	}




		#panel2 .leftnote{
			width:48%;
			margin:0;
			padding-bottom: 30px;
			float:left;
		}
		#panel2 .leftnote img{width:92%;}
		
		#panel2 .rightnote{
			width:48%;
			margin:0;
			padding-bottom: 30px;
			float:right;
		}


	@media screen and (max-width:640px){
		
		#panel2 .leftnote{
			width:100%;
			margin-bottom: 30px;
			float:none;
		}
		
		#panel2 .leftnote img{
			max-width:370px;
			width:100%;
			margin:0 auto;
		}
		
		#panel2 .rightnote{
			width:100%;
			float:none;
		}
		
		#panel2 .rightnote img{
			max-width:370px;
			width:100%;
			margin:0 auto;
		}
		#panel2 .rightnote img{width:100%;}
		
	}


		#panel #panel2 .leftnote img{
			display: block;
			max-width:370px;
			width:90%;
			height: auto;
			margin:0 auto;
		}

		#panel2 .leftnote img{
			display: block;
			max-width:370px;
			width:90%;
			height: auto;
			margin:0 auto;
		}
		
		#panel2 .rightnote img{
			max-width:370px;
			width:90%;
			height: auto;
			margin:15px auto 0;
		}
		
		#panel2 .leftnote p{
			margin: 10px 0 0;
			line-height: 1.5em;
		}
		
		#panel2 .rightnote h4{
			margin: 10px 0 0;
			padding-left: 5px;
			font-weight:700;
			border-bottom: 1px solid #ccc;
		}
		
		#panel2 .rightnote ol{
			margin: 10px 0 0 20px;
			line-height: 1.5em;
		}

			#panel2 .rightnote ol li{
				margin-bottom: 10px;
				line-height: 1.7em;
			}


		#panel3 .leftnote{
			width:48%;
			margin:0;
			float:left;
		}
		#panel3 .leftnote h4{
			margin-bottom:10px;
			font-weight: bold;
		}
		#panel3 .leftnote img{
			width:100%;
			height:auto;
		}
		
		#panel3 .rightnote{
			width:48%;
			margin:0;
			float:right;
		}
		#panel3 .rightnote h4{
			margin-bottom:10px;
			font-weight: bold;
		}
		#panel3 .rightnote img{
			display: block;
			width:100%;
			height:auto;
			margin: 0 auto;
		}

	
	@media screen and (max-width:640px){
		
		#panel3 .leftnote,
		#panel3 .rightnote{
			width:100%;
			float:none;
		}
		#panel3 .leftnote{
			margin-bottom: 20px;
		}
		
		#panel3 .leftnote img,
		#panel3 .rightnote img{
			display: block;
			max-width:360px;
			width:100%;
			margin:0 auto;
		}
		
	}


		

		#panel #outline #panelimage{
			margin:0 10px 0 30px;
			background:#f1ecce;
		}

	@media screen and (max-width:640px){

		#panel #outline #panelimage{
			margin:0 auto 30px;
		}

	}
	

			#panel #outline .rightnote div{
				padding:0 5px 10px 15px;
			}

			#panel #outline .rightnote div h2{
				margin-left:5px;
				font-weight:bold;
				font-size:0.9em;
			}

			#panel #outline .rightnote ul{
				margin:5px 10px 10px 20px;
			}

			#panel #outline .rightnote ul li{
				line-height:1.6em;
				margin-bottom:10px;
				font-size:0.8em;
			}


	@media screen and (max-width:640px){

		#outlinelist{
			max-width:480px;
			width:100%;
			margin:0 auto 30px;
		}

	}

		#outlinelist li{
			list-style:none;
			margin-bottom:20px;
		}



			#outlinelist li h3{
				width:160px;
				height:24px;
				margin-bottom:10px;
				padding-left:80px;
				background-color:#cceb8d;
				background-repeat:no-repeat;
				color:#558000;
				line-height:24px;
			}

			#outlinelist li h3#p1{background-image:url(../ecodanday/images/lbl_panel1_1.gif);}
			#outlinelist li h3#p2{background-image:url(../ecodanday/images/lbl_panel1_2.gif);}
			#outlinelist li h3#p3{background-image:url(../ecodanday/images/lbl_panel1_3.gif);}


			.shiyouzu{
				padding:20px 0 16px 22px;
				border:1px solid #ccc;				
			}

			#panel #outline .rightnote table{
				border-collapse:collapse;
				width:100%;
				font-size:0.8em;
				line-height:1.5em;
			}

				#panel #outline .rightnote th{
					border:1px solid #ccc;
					padding:8px 15px;
					text-align:left;
					font-weight:normal;
				}
				#panel #outline .rightnote th:nth-last-of-type(2){
					padding:5px;
					text-align:center;
				}

				#panel #outline .rightnote td{
					border:1px solid #ccc;
					padding:8px 10px;
					text-align:center;
				}


	
			/*********************  価格表  ********************/


			#price table{
				width:760px;
				margin:30px auto 0;
				border-collapse:collapse;
			}

		@media screen and (max-width:1020px){

			.pricewrapper{
				width:100%;
				margin: 0 auto;
				overflow-x:auto;
			}

			#price table{
				max-width:760px;
				width:100%;
				min-width:480px;
			}

		}

		@media screen and (max-width:770px){

			#price table{
				font-size:0.9em;
			}

		}
	
	

				#price th,
				#price td{
					border:1px solid #ccc;
				}
		
				#price th{
					padding:2px 0;
					font-weight:normal;
					font-size:0.85em;
					line-height:1.3em;
					background:#ffdb66;
				}

			@media screen and (max-width:640px){
		
				#price th{
					padding:2px 0;
					font-size:0.7em;
				}

			}
		
				#price td{
					padding:5px 1%;
					text-align:center;
					line-height:140%;
				}
				#price td span{font-size:0.8em;}

				#price td:nth-last-of-type(1){
					white-space: nowrap;
				}
		

			@media screen and (max-width:640px){
		
				#price td{
					padding:5px;
					font-size:0.85em;
				}

			}

			@media screen and (max-width:480px){
		
				#price td{
					padding:5px 2px;
					font-size:0.8em;
				}

			}

			@media screen and (max-width:370px){
		
				#price td{
					padding:5px 1px;
					font-size:0.70em;
				}

			}

		
					#price td{background:#fff8b0;}
					#price tr:nth-of-type(2n) td{background:#fff;}
					#price td[rowspan]{background:#fff;}
					#price td.bgcwhite{background:#fff;}
		



			/***********  寸法  **********/


				#panel #sunpo ul{
					margin: 30px 0 50px;
					padding: 15px 10px 10px;
					background-color: #f2f2f2;
				}

					#panel #sunpo ul li{
						width:calc((100% / 4) - 10px);
						margin: 0 5px 10px;
						padding: 10px 0 0;
						list-style: none;
						float: left;
						text-align: center;
						background-color: #fff;
					}

				@media screen and (max-width:770px){

					#panel #panel #sunpo ul li{
						width:calc((100% / 3) - 10px);
						margin: 0 5px 10px;
					}

				}

				@media screen and (max-width:640px){

					#panel #sunpo ul li{
						width:calc((100% / 2) - 10px);
						margin: 0 5px 10px;
					}

				}

				@media screen and (max-width:370px){

					#panel #sunpo ul li{
						width:calc(100% - 10px);
						margin: 0 5px 10px;
						float: none;
					}

				}




					#panel #sunpo ul li h3{
						width:90%;
						margin:0 auto;
						background-color: #fde7bc;
					}

				@media screen and (max-width:770px){

					#panel #sunpo ul li h3{
						font-size:0.9em;
					}

				}

				@media screen and (max-width:770px){

					#panel #sunpo ul li h3{
						font-size:0.9em;
					}

				}
					
					#panel #sunpo ul li img{
						max-width: 150px;
						width:100%;
						height:auto;
					}




			/***********  レイアウト  **********/
		

				#layout .stdtext{
					padding-bottom:10px;
					border:1px solid #ccc;
				}
				#layout .stdtext:first-child{margin-top:30px;}
					
					#layout h3{
						height:30px;
						margin-bottom:20px;
						padding:0 15px;
						color:#558000;
						font-size:1.2em;
						font-weight:bold;
						line-height:30px;
						background:#effcd6;
					}

						#layout h3 span{
						}
		
						.layoutimage{
							width:calc(90% - 400px);
							margin:0 0 10px 3%;
							float:left;
						}
				
						#layout .stdtext.last .layoutimage{
							width:446px;
						}

						.layoutimage img{
							display: block;
							width:300px;
							height:auto;
						}
				
						#layout .stdtext.last .layoutimage img{
							width:100%;
						}

				@media screen and (max-width:1020px){
		
						.layoutimage{
							max-width:300px;
							width:84%;
							margin:0 auto 20px;
							float:none;
						}
	
						.layoutimage img{
							width:100%;
							height: auto;
						}
				
						#layout .stdtext.last .layoutimage{
							max-width:446px;
							width:94%;
						}

						#layout .stdtext.last .layoutimage img{
							width:100%;
							height: auto;
						}

	
				}






						#layout table{
							float:right;
							width:400px;
							margin-right:3%;
							font-size:0.9em;
							line-height:1.3em;
							border-collapse:collapse;
						}

						#layout .stdtext.last table{
							clear:both;
						}
	
					@media screen and (max-width:1020px){

						#layout table{
							float:none;
							max-width:400px;
							width:94%;
							margin:0 auto;
						}
	
					}
				
							#layout th,
							#layout td{
								border:1px solid #ccc;
							}
			
							#layout th{
								font-size:85%;
								font-weight:normal;
								padding:5px;
								color:#35576b;
								background:#ecf8ff;
							}
			
							#layout td{
								padding:3px 7px;
							}
			
							#layout td:nth-type(3),
							#layout td:nth-last-type(1){
								padding:3px 7px 3px 0;
							}
		
							#layout td:nth-of-type(2){text-align:center;}

							#layout td:nth-of-type(3),
							#layout td:nth-of-type(4){
								text-align:right;
								white-space:nowrap;					
							}
							#layout td span{
								display: block;
								font-size:0.8em;
							}
	
						@media screen and (max-width:480px){
							#layout td span{
								margin: 2px 0;
								font-size:0.7em;
								text-align:center;
								line-height: 1.2em;
							}
						}

							#layout .total td{
								color:#000;
								background:#f5ab18;
								text-align:right;
							}
							#layout .total td:first-child{
								padding:3px 7px !important;
								text-align:center;
							}
							#layout .total td:nth-last-of-type(1){
								padding-left: 0 !important;
							}
			
						#layout .stdtext .remarkstext{
							width:390px;
							margin:10px 5px 0 0;
							font-size:0.8em;
							float:right;
						}
						
						#layout .stdtext .remarkstext li{
							margin-bottom:5px;
						}
	
					@media screen and (max-width:1020px){
			
						#layout .stdtext .remarkstext{
							width:90%;
							margin:20px 20px 0 40px;
							float:none;
						}
						
					}
	
					@media screen and (max-width:480px){
			
						#layout .stdtext .remarkstext{
							margin:10px 20px 0;
							position: relative;
							left:5px;
						}
						
					}
					
					
					.lastnote{
						width:calc(100% - 50px);
						margin-left:10px;
						font-size:0.9em;
						line-height:1.7em;
					}
					
					

	/***********  温水熱源機  **********/


	#netsugenki #content-wrapper{
		max-width:980px;
		width:100%;
		margin:0 auto;
		padding:10px 0 50px;
	}
	.fixedHeader#netsugenki  #content-wrapper{padding-top:188px;}


	
@media screen and (max-width:1020px){
	
	#cat-netsugenki{
		display:block;
		max-width:300px;
		width:100%;
		margin:0 auto;
	}

}

		#netsugenki #mainimage{
			width:58%;
			margin:0;
			float: right;
		}
		#netsugenki #mainimage img{
			width:100%;
			height:auto;
		}

	@media screen and (max-width:870px){

		#netsugenki #mainimage{
			width:50%;
		}

	}

	@media screen and (max-width:640px){

		#netsugenki #mainimage{
			max-width:340px;
			width:100%;
			margin: 0 auto;
			float: none;
		}

	}

		#netsugenki .featurenote{
			width:40%;
			float: left;
		}

	@media screen and (max-width:870px){

		#netsugenki .featurenote{
			width:45%;
		}
		
	}

	@media screen and (max-width:640px){

		#netsugenki .featurenote{
			width:100%;
			text-align: center;
			float: none;
		}
		/*#netsugenki .featurenote br{
			display: none;
		}*/

	}


			#netsugenki .featurenote h3{
				margin: 30px 0 20px;
				color:#558000;
				font-weight:bold;
				font-size:2.0em;
			}

			#netsugenki .featurenote h3 + p{
				font-size:1.3em;
				line-height: 1.7em;
			}

		@media screen and (max-width:770px){

			#netsugenki .featurenote h3{
				margin: 30px 0 15px;
				font-size:1.7em;
			}

			#netsugenki .featurenote h3 + p{
				font-size:1.0em;
			}

		}

		@media screen and (max-width:640px){

			#netsugenki .featurenote h3{
				margin:0 0 15px;
				font-size:1.5em;
			}

			#netsugenki .featurenote h3 + p{
				font-size:1.0em;
			}

		}

	
	#netsugenki img.image1{
		width:100%;
		height:auto;
	}
	#netsugenki img.image2{
		display: none;
	}
	

@media screen and (max-width:640px){

	#netsugenki{
		max-width:470px;
		width:100%;
		margin:40px auto 0;
	}
	
	#netsugenki img.image1{display: none;}
	
	#netsugenki img.image2{
		display: block;
		width:100%;
		height:auto;
	}

}





		#netsugenki h3.sectioncat{
			margin:40px auto 40px;
			width:100%;
			padding:10px 0;
			font-weight:bold;			
			font-size:1.8em;
			color:#fff;
			text-align:center;
			background-color:#c00;
			border-radius: 5px;
		}

	@media screen and (max-width:770px){
	
		#netsugenki h3.sectioncat{
			margin:40px 0 30px;
			padding:5px 0;
			font-size:1.2em;
			border-radius:3px;
		}

	}

	@media screen and (max-width:480px){
	
		#netsugenki h3.sectioncat{
			font-size:1.1em;
		}

	}

	@media screen and (max-width:370px){
	
		#netsugenki h3.sectioncat{
			font-size:1.0em;
		}

	}

	#netsugenki .areaimage{
		max-width:640px;
		width:100%;
		margin:50px auto 0;
		margin-bottom: 0;
		text-align: center;
	}


		#netsugenki .areaimage + ul{
			margin: 0 0 0 20px;
		}

			#netsugenki .areaimage + ul li h4{
				margin: 0;
				font-size:1.2em;
				font-weight:bold;
				color:#369;
			}

		@media screen and (max-width:640px){

			#netsugenki .areaimage + ul li h4{
				font-size:1.0em;
			}

		}

		#netsugenki .areaimage + ul + p{
			margin: 0;
		}


			#netsugenki .areaimage + ul li p{
				margin:5px 0 20px;
			}


	
			#netsugenki #feature .spbox{
				width:730px;
				margin:30px auto 0;
				padding:5px 2% 5px 5px;
				font-size:0.8em;
				line-height:1.6em;
				border:5px solid #99d2ef;
				border-radius:25px;
			}
		
		@media screen and (max-width:1020px){
	
			#netsugenki #feature .spbox{
				width:96%;
				margin:30px auto 0;
				padding:5px 2% 5px 5px;
			}
		
		}
			

				#netsugenki #feature .spbox h4{
					display:flex;
					justify-content:center;
					align-items:center;
					width:100px;
					height: 30px;
					margin:0;
					color:#fff;
					font-size:1.2em;
					font-weight:bold;
					float: left;
					text-align: center;
					border-radius: 15px;
					background-color: #369;
				}
	
				#netsugenki #feature .spbox h4 + p{
					width:calc(100% - 110px);
					margin:5px 0;
					float: right;
				}
		
			@media screen and (max-width:1020px){

				#netsugenki #feature .spbox h4 + p{
					margin: 0;
				}

			}
			

	
			#netsugenki #feature .spbox3{
				max-width:640px;
				width:90%;
				margin:30px auto 40px;
				padding:20px 5% 10px;
				font-size:0.9em;
				line-height:1.7em;
				border:1px solid #c33;
				border-radius:10px;
			}
			

				#netsugenki #feature .spbox3 h4{
					margin-bottom: 15px;
					padding-bottom: 5px;
					font-size:1.2em;
					font-weight:bold;
					color:#c33;
					border-bottom: 2px solid #c33;
				}

				#netsugenki #feature .teishutsuryoku + .spbox3 h4{
					padding: 5px 15px;
					color:#fff;
					background-color: #c33;
					border-bottom: none;
				}

					#netsugenki #feature .spbox3 ul{
						margin-left:20px;
					}

						#netsugenki #feature .spbox3 li{
							margin-bottom:10px;
						}
	
				#netsugenki #feature .spbox3 h5{
					width:80px;
					padding: 1px 0;
					text-align: center;
					border:1px solid #ccc;
					position: relative;
					top:5px;
				}




				.teishutsuryoku{
					max-width: 640px;
					width:100%;
					margin: 0 auto 30px;
				}
				.teishutsuryoku img{
					width:100%;
					height:auto;
				}



		#netsugenki #outline{
			margin:100px 0 70px;
		}

			#netsugenki #outline h3.sectioncat{
				background-color:#558000;
				margin:40px auto 0;
			}

		@media screen and (max-width:770px){

			#netsugenki #outline h3.sectioncat{
				margin:40px 0 0;
			}

		}

			#netsugenki #outline .sectiontitle{
				width:calc(100% - 20px) !important;
				margin:0 0 10px;
				color:#c00;
				font-size:1.2em;
				font-weight:bold;
				line-height:1.4em;
			}
	
		@media screen and (max-width:1020px){
		
			#netsugenki #outline .sectiontitle{
				width:100% !important;
				margin:0!important;
			}
	
		}
	
		@media screen and (max-width:640px){
		
			#netsugenki #outline .sectiontitle{
				width:calc(100% - 20px) !important;
				font-size:1.1em;
			}
	
		}
	
		@media screen and (max-width:480px){
		
			#netsugenki #outline .sectiontitle{
				font-size:1.0em;
			}
	
		}
		
	
	
			#outline .boxleft{
				float:left;
				max-width:370px;
				width:48%;
				margin:30px 0;
				
			}

			#outline .boxleft img{
				display:block;
				max-width:370px;
				width:100%;
				height:auto;
				margin:15px 0 0;
			}
	
		@media screen and (max-width:770px){
	
			#outline .boxleft{
				float:none;
				width:100%;
				margin:30px auto
			}

			#outline .boxleft img{
				width:100%;
				margin:15px 0 0;
			}
	
		}
	
			#outline .boxright{
				max-width:370px;
				width:48%;
				margin:30px 0;
				float: right;
			}

			#imgboxright1{
				display:block;
				max-width:370px;
				width:100%;
				height:auto;
				margin:0 0 20px;
			}
	
		@media screen and (max-width:770px){
	
			#outline .boxright{
				float:none;
				max-width:370px;
				width:100%;
				margin:0 auto 30px;
			}

			#imgboxright1{
				width:100%;
				margin:15px 0;
			}
	
		}
		
			#netsugenki #outline .sectiontitle{
				margin:0 0 10px;
				color:#c33;
				line-height:1.4em;
			}
	
		@media screen and (max-width:1020px){
		
			#netsugenki #outline .sectiontitle{
				max-width:600px;
				width:90%;
				height:auto;
				margin:0 auto 10px;
				padding:5px 0;
				border-radius:15px;
			}
	
		}
		
	
	
			
			#outline .boxright ul{
				margin:0 0 10px 0;
			}
			
			#outline .boxright li{
				margin-bottom: 10px;
				list-style:none;
				font-size:0.8em;
				line-height: 1.7em;
			}
			
				#outline .boxright li img{
					float:left;
					margin-right:20px;
				}


		#outline .boxright .remarkstext{
			padding:3px 0;
		}




		
				.serialnum{
					font-size:1.8em;
				}
	
				.price{
					font-size:1.8em;
					color:#e50012;
					position: relative;
					top:2px;
				}
	
				#outline .boxright li .short{
					font-size:0.8em;
					letter-spacing: 0;
					position: relative;
					line-height: 1.2em;
				}

					#outline .boxright > li{
						color:#fff;
						font-weight: bold;
						list-style: none;

					}

						#outline .boxright > ul > li > img{
							display:block;
							width:126px;
							margin: 0;
							float: left;
						}

						#outline .boxright > ul > li > .note{
							width:calc(100% - 140px);
							float:right;
						}

						#outline .boxright > ul > li > .note ul.taiou{
							height:18px;
						}

								#outline .boxright > ul > li > .note ul.taiou li{
									padding: 1px 0;
									color:#fff;
									text-align: center;
									float: left;
									border-radius: 3px;
								}

								#outline .boxright > ul > li > .note ul.taiou li.iot{
									width:50px;
									margin-right: 5px;
									background-color: #2faf58;
								}

								#outline .boxright > ul > li > .note ul.taiou li.r32{
									width:30px;
									background-color: #0068b7;
								}

								#outline .boxright > ul > li > .note .pricewrapper{
									margin-bottom: -10px;
									position: relative;
									top:-10px;
								}

	
			.spbox2{
				padding:5px 10px;
				border:1px solid #ccc;				
				font-size:0.8em;
				line-height:1.5em;
			}
	
			#outline .boxright .spbox2 li{
				margin-bottom:3px;
				font-size:1.0em;
				line-height: 1.3em;
			}
	
				#outline .boxright .spbox2 li h4{
					margin: 0;
					float:left;
				}
	
				#outline .boxright .spbox2 li p{
					width:140px;
					margin: 0;
					float: right;
					text-align: right;
				}

#outline .boxright .spbox2 li{zoom:1;}
#outline .boxright .spbox2 li:after{
  content: ""; 
  display: block; 
  clear: both;
}





		/* リモコン */

		.remote-controller h3.sectioncat{
			margin:0 auto 40px !important;
			width:100%;
			padding:10px 0;
			font-weight:bold;			
			font-size:1.8em;
			color:#fff;
			text-align:center;
			background-color:#558000 !important;
			border-radius: 5px;
		}

	@media screen and (max-width:770px){
	
		.remote-controller h3.sectioncat{
			margin:0 0 30px;
			padding:5px 0;
			font-size:1.2em;
			border-radius:3px;
		}

	}

	@media screen and (max-width:480px){
	
		.remote-controller h3.sectioncat{
			margin:0;
			font-size:1.1em;
		}

	}

	@media screen and (max-width:370px){
	
		.remote-controller h3.sectioncat{
			font-size:1.0em;
		}

	}


	.r-controller1{
		max-width:760px;
		width:100%;
		margin:30px auto 0;
	}

@media screen and (max-width:480px){
	
	.r-controller1{
		margin:15px auto 0;
	}

}



		.r-controller1 + .remarkstext{
			max-width:760px;
			width:100%;
			margin:15px auto;
		}


	.r-controller2{
		max-width:760px;
		width:100%;
		margin:10px auto 0;
	}
	.r-controller2 img.image3{
		width:100%;
		height:auto;
	}

		.r-controller2 table{
			width:48%;
			margin:30px 0;
			border-collapse:collapse;
			float: left;
		}

	@media screen and (max-width:770px){

		.r-controller2 table{
			max-width: 640px;
			width:90%;
			margin:30px auto;
			float:none;
		}
		.r-controller2 table br{display: none;}

	}

	@media screen and (max-width:480px){

		.r-controller2 table{
			max-width: 360px;
			width:100%;
			margin:20px auto;
		}
		.r-controller2 table br{display: inline;}

	}


			.r-controller2 table th{
				padding: 3px;
				color:#fff;
				border:1px solid #369;
				background-color: #369;
			}

			.r-controller2 table td{
				padding:10px 20px 10px 10px;
				border:1px solid #369;
			}
			.r-controller2 table td p{
				margin: 0;
				line-height: 1.5em;
			}

	
			.r-num{
				margin-right: 20px;
				position: relative;
				left:20px;
			}

			.r-num:before{
				margin-right:-16px;
				color:#369;
				position:relative;
				left:-20px;
			}
			.r-num1:before{content:"❶"}
			.r-num2:before{content:"❷"}
			.r-num3:before{content:"❸"}
			.r-num4:before{content:"❹"}
			.r-num5:before{content:"❺"}


		.ouchikaiteki{
			width:48%;
			margin:30px 0;
			border:1px solid #666;
			float:right;
		}

	@media screen and (max-width:770px){

		.ouchikaiteki{
			max-width: 640px;
			width:90%;
			margin:30px auto;
			float:none;
		}

	}

	@media screen and (max-width:480px){

		.ouchikaiteki{
			max-width: 360px;
			width:100%;
			margin:20px auto;
		}

	}


			.ouchikaiteki h4{
				padding:4px;
				color:#fff;
				font-weight:700;
				text-align:center;
				background-color: #666;
			}

			.ouchikaiteki img{
				width:60px;
				height:auto;
			}


			.ouchikaiteki .note{
				padding:0 15px 10px;
			}

				.ouchikaiteki .note h5{
					color:#369;
					font-weight:bold;
				}

				.ouchikaiteki .note ul{
					margin-left:20px;
				}

					.ouchikaiteki .note li{
						line-height: 1.5em;
						color: #c33;
					}

					.ouchikaiteki .note .remarkstext{
							margin:10px 0;
					}

						.ouchikaiteki .note .remarkstext p{
							margin: 3px 0;
						}







	/***********  施工関連資料  **********/


	#sekoushiryo #content-wrapper{
		width:980px;
		margin:0 auto;
		padding:10px 0 50px;
	}
	.fixedHeader#sekoushiryo  #content-wrapper{padding-top:188px;}



		#graph img:nth-of-type(1){
			max-width:758px;
			width:100%;
			margin:0 auto;
		}

		#graph img:nth-of-type(2){
			display:none;
		}

	@media screen and (max-width:640px){

		#graph img:nth-of-type(1){
			display:none;
		}

		#graph img:nth-of-type(2){
			display:block;
			max-width:480px;
			width:100%;
			margin:0 auto;
		}

	}
	
	
		#secchi h3{
			font-weight:bold;
			margin-bottom:5px;
			font-size:1.1em;
		}
	
			.tablestyle1{
				width:100%;
				margin-bottom:20px;
				border-collapse:collapse;
			}
	
				.tablestyle1 th,
				.tablestyle1 td{
					padding:5px;
					border:1px solid #ccc;
					font-weight:normal;
					text-align:center;
					line-height:1.4em;
				}	
	
			@media screen and (max-width:640px){
	
				.tablestyle1 th,
				.tablestyle1 td{
					font-size:0.9em;
				}	
	
			}
	
			@media screen and (max-width:480px){
	
				.tablestyle1 th,
				.tablestyle1 td{
					font-size:0.8em;
				}	
	
			}
	
				.tablestyle1 th{
					background:#eee;
				}
	
				.tablestyle1 td{
					padding:10px;
				}
	
			@media screen and (max-width:420px){
	
				.tablestyle1 td{
					padding:10px 5px;
				}	
	
			}
	
	
			#secchi h4{
				width:60px;
				height:18px;
				padding-top:2px;
				color:#fff;
				text-align:center;
				font-size:0.8em;
				line-height:18px;
				letter-spacing:0.1em;
				background:#e84729;
				
			}
	
			#secchi ul{
				margin:10px 0 20px 20px;
			}
	
				#secchi li{
					margin-bottom:10px;
					line-height: 1.7em;
				}
	


			#suetsuke{
				font-size:0.9em;
			}
	
				#suetsuke img:nth-of-type(1){
					width: 230px;
					height: auto;
					margin-right:20px;
					float:left;
				}
	
			@media screen and (max-width:640px){
	
				#suetsuke img:nth-of-type(1){
					display:block;
					margin:0 auto 20px;
					float:none;
				}
	
			}


				#suetsuke .stdtext .floatright{
					max-width:120px;
					width:20%;
					margin-left:20px;
				}

				#suetsuke .stdtext .floatright img{
					width:100%;
				}
			
			
				#suetsuke .spbox{
					width:560px;
					border:1px solid #ccc;
					padding:10px 20px;
				}
		
			@media screen and (max-width:1020px){

				#suetsuke .stdtext .floatright{
					min-width:80px;
					margin-left:10px;
				}

			
				#suetsuke .spbox{
					width:73%;
				}
		
			}
			
				#suetsuke li{
					margin:0 0 10px 20px;
					line-height: 1.7em;
				}

			#haikan{
				font-size:0.9em;
			}

				#haikan table{
					width:100%;
					border-collapse: collapse;
				}

					#haikan table th{
						border:1px solid #ccc;
						background-color: #f2f2f2;
						line-height: 1.4em;
					}
		
				@media screen and (max-width:770px){

					#haikan table th{
						font-size:0.9em;
						letter-spacing: 0;
					}
		
				}

						#haikan table th:nth-of-type(1){
							width:20px;
							padding:0;
						}

						#haikan table th:nth-last-of-type(1){
							width:190px;
							padding:0 10px;
							text-align: left;
						}

					@media screen and (max-width:770px){

						#haikan table th:nth-last-of-type(1){
							width:160px;
						}

					}

					@media screen and (max-width:480px){

						#haikan table th:nth-last-of-type(1){
							width:90px;
							padding:5px 5px;
							padding:10 5px;
					}

					}


					#haikan table tr:nth-of-type(1) th,
					#haikan table tr:nth-of-type(2) th{
						width:auto !important;
						padding:5px 0;
						background-color: #fce2ba;
						text-align: center;
					}



					#haikan table td{
						width:calc((100% - 230px) / 3);
						padding: 10px 0;
						text-align: center;
						line-height: 1.4em;
						border:1px solid #ccc;
					}

				@media screen and (max-width:770px){

					#haikan table td{
						width:calc((100% - 200px) / 3);
					}
					
				}

				@media screen and (max-width:480px){

					#haikan table td{
						width:calc((100% - 120px) / 3);
						padding:5px 0;
					}
					
				}

				#haikan ol{
					margin:30px 0 20px;
				}

					#haikan ol li{
						width:calc(32% - 30px);
						margin-right:2%;
						margin-bottom: 15px;
						padding: 15px 15px 5px;
						list-style: none;
						float:left;
						background-color: #f2f2f2;
					}
					#haikan ol li:nth-of-type(3n){
						margin-right: 0;
					}

				@media screen and (max-width:640px){

					#haikan ol li{
						width:calc(49% - 30px);
						margin-right:2%;
						margin-bottom: 10px;
					}
					#haikan ol li:nth-of-type(3n){margin-right:2%;}
					#haikan ol li:nth-of-type(2n){margin-right: 0;}

				}

				@media screen and (max-width:480px){

					#haikan ol li{
						max-width: 300px;
						width:90%;
						margin:0 auto 10px;
						float:none;
					}
					#haikan ol li:nth-of-type(2n){margin:0 auto 10px;}
					#haikan ol li:nth-of-type(3n){margin:0 auto 10px;}

				}


						#haikan ol li .image{
							max-width: 160px;
							width:100%;
							margin: 0 auto;
						}
						#haikan ol li .image img{
							width:100%;
							height:auto;
						}

						#haikan ol li h4{
							margin-bottom: 5px;
							color:#558000;
							font-weight:bold;
							line-height: 1.5em;
						}

						#haikan ol li h4 + p{
							margin: 0 0 5px;
							line-height: 1.6em;
							letter-spacing: 0.03em;
						}

							#haikan ol li h4 + p + .spbox{
								margin: 0 0 5px;
								padding: 3px 10px;
								font-size:0.9em;
								border:1px solid #ccc;
								line-height: 1.3em;
							}

				#haikan ol + img{
					display: block;
					max-width: 480px;
					width:100%;
					height:auto;
					margin: 0 auto 50px;
				}


				#haikanzairyo{
				}

				#haikanzairyo td img.sekoushiryo{
					width:90%;
					margin:10px auto;	
					padding-bottom: 30px;
				}

					#haikanzairyo + .spbox{
						padding: 15px 15px 10px;
						border:1px solid #f08300;
					}

						#haikanzairyo + .spbox h3{
							padding: 5px;
							margin-bottom: 15px;
							color:#fff;
							font-size:1.4em;
							font-weight: bold;
							text-align: center;
							background-color: #f08300;
						}

						#haikanzairyo + .spbox ul{
							margin-left: 20px;
						}

							#haikanzairyo + .spbox ul li{
								margin-bottom: 10px;
								line-height: 1.7em;
							}






				#sekoushiryo1{max-width:55px;}
				#sekoushiryo2{max-width:72px;}
				#sekoushiryo3{max-width:79px;}
				#sekoushiryo4{max-width:84px;}
				#sekoushiryo5{max-width:104px;}
				#sekoushiryo6{
					max-width:114px;
					margin: 0;
					padding-right: 15px;
					float:left;
				}
				#sekoushiryo6 img{
					width:100%;
					height:auto;;
				}
				#sekoushiryo7{
					max-width:84px;
					margin: 0;
					padding-left:10px;
					float:right;
				}
				#sekoushiryo7 img{
					width:100%;
					height:auto;;
				}
				#sekoushiryo8{max-width:145px;}
				#sekoushiryo9{max-width:145px;}
				#sekoushiryo10{max-width:151px;}				
				#sekoushiryo11{max-width:62px;}

	
			@media screen and (max-width:770px){
				
				#sekoushiryo6{
					display:block;
					width:40% !important;
					margin:0 auto;
					float:none;
				}
				#sekoushiryo7{
					display:block;
					width:50% !important;
					margin:0 auto;
					float:none;
				}
				
			}




				.tablestyle2,
				.table-btop0{
					width:100%;
					margin:0;
					border-collapse:collapse;
				}

				.tablestyle2 td,
				.table-btop0 td{
					border:1px solid #ccc;
					padding:15px 0;
					font-size:0.8em;
					text-align:center;
					line-height:1.3em;
					vertical-align:top;
				}
				
				.table-btop0 td{
					border-top:none;
				}
		
			@media screen and (max-width:770px){
				
				.table-btop0 td{
					width:25%;
				}
		
			}

			.tablestyle2.freon{
				margin-bottom:40px;
			}

				.tablestyle2.freon td{
					text-align: left;
					padding: 15px 20px;
				}


				.w20 td{width:20%;}
				.w25 td{width:25%;}


				.tablestyle2 td h3,
				.table-btop0 td h3{
					margin-bottom:5px;
					font-size:1.1em;
					font-weight:bold;
				}

				.tablestyle2.freon td h3{
					margin-bottom: 5px;
					padding: 5px 10px;
					font-size:1.4em;
					background-color: #94c7e1;
				}
				.tablestyle2.freon td h3 span{
					font-size: 0.8em;
				}
		
			@media screen and (max-width:1000px){

				.tablestyle2.freon td h3{
					text-align: center;
				}

				.tablestyle2.freon td h3 span{
					display: block;
					margin-top: 5px;
				}
		
			}


				.tablestyle2 td h3.fb,
				.table-btop0 td h3.fb{
					font-size:1.5em;
					color:#ad7b49;
				}
			
			@media screen and (max-width:480px){

				.tablestyle2 td h3.fb,
				.table-btop0 td h3.fb{
					font-size:1.0em;
				}
			
			}
			
			@media screen and (max-width:370px){

				.tablestyle2 td h3.fb,
				.table-btop0 td h3.fb{
					font-size:0.9em;
				}
			
			}


				.tablestyle2 td img,
				.table-btop0 td img{
					margin-top:10px;
				}
				.tablestyle2 td img.floatleft,
				.tablestyle2 td img.floatright,
				.table-btop0 td img.floatleft,
				.table-btop0 td img.floatright{
					margin-top:0;
				}

				.tablestyle2 td img.margintop0,
				.table-btop0 td img.margintop0{
					margin-top:0;
				}

				.tablestyle2 td img.margintop3,
				.table-btop0 td img.margintop3{
					margin-top:15px;
				}

				.tablestyle2 td img.margintopM,
				.table-btop0 td img.margintopM{
					margin-top:20px;
				}

				.tablestyle2 td img.margintopL,
				.table-btop0 td img.margintopL{
					margin-top:30px;
				}

				.tablestyle2.freon td img{
					float: right;
					max-width: 300px;
					width:40%;
					min-width: 240px;
					height:auto;
					margin:13px 0 10px 20px;
				}
		
			@media screen and (max-width:640px){

				.tablestyle2.freon td img{
					display: block;
					float: none;
					margin:15px auto 15px;
				}
		
			}


				.tablestyle2.freon td p{
					font-size:1.2em;
					line-height: 1.6em;
				}

					.tablestyle2.freon td table{
						border-collapse: collapse;
						width:50%;
						min-width: 270px;
					}
		
				@media screen and (max-width:640px){

					.tablestyle2.freon td table{
						margin: 0 auto;
					}
		
				}

					.tablestyle2.freon td table th{
						border:1px solid #ccc;
						width:70%;
						padding: 8px 0;
						text-align: center;
						font-weight: normal
						
					}
					.tablestyle2.freon td table th:nth-of-type(2){
						width:30%;
					}

					.tablestyle2.freon td table td{
						padding: 8px 0;
						text-align: center;
						font-size: 1.2em;
					}


				.tablestyle2:nth-of-type(1) tr:nth-of-type(2) td{
					padding:15px 2%;
				}

			@media screen and (max-width:640px){

				#sunpo .tablestyle2 img{
					min-width:300px;
					width: 90%;
					height:auto;
				}
				
			}

		
				#sunpo .table-btop0 img{
					max-width: 220px;
					width: 96%;
					height:auto;
				}


				.shako{
					margin:0 0 -5px;
					position:relative;
					top:-7px;
				}
				.shako img{margin:0;}


			#other1,
			#other3{
				width:380px;
				float:left;
			}

			#other2,
			#other4{
				width:380px;
				float:right;
			}

			#sunpo table:nth-of-type(2){margin-bottom: 30px;}

			#other4 p{
				width:calc(100% - 180px);
			}

	@media screen and (max-width:1020px){

			#other1,
			#other3{
				width:100%;
				margin:0 auto;
				float:none;
			}
			
			#other1 img{
				max-width:326px;
				width:90%;
				margin:0 auto;
			}

			#other2,
			#other4{
				width:100%;
				margin:0 auto;
				float:none;
			}
		
			#sunpo table:nth-of-type(2){margin-bottom: 30px;}

		#sunpo table:nth-of-type(1) img:nth-of-type(1){
			max-width:372px;
			width:90%;
			margin:5px auto;
		}
	
		#sunpo table:nth-of-type(1) img:nth-of-type(2){
			max-width:385px;
			width:90%;
			margin:5px auto;
		}

	}

	@media screen and (max-width:480px){
		
			#other4 p{
				width:90%;
			}
	
		#other4 img{
			display: block;
			margin:10px auto 0;
			float: none;				
		}
		
	}

	@media screen and (max-width:420px){
	
		#sunpo table:nth-of-type(2) img:nth-of-type(1){
			max-width:151px;
			width:90%;
			margin:5px auto;
		}

	}


		#sunpo .spbox{
			padding: 15px 15px 10px;
			border:1px solid #c00;
			border-radius: 10px;
		}

		#sunpo .spbox ul{
			margin-left: 20px;
		}

			#sunpo .spbox li{
				margin-bottom: 8px;
				line-height: 1.4em;
			}


		#shiyoichiran{
			padding-bottom: 30px;
			/*border-bottom: 1px solid #ccc;*/
		}

			#shiyoichiran ul{
				margin:20px 0 0 20px;
			}

			#shiyoichiran li{
				margin-bottom:5px;
				font-size:0.9em
			}

			#shiyoichiran .remarkstext{
				font-size:0.8em;
			}

			.shiyolist{
				max-width:780px;
				width:100%;
				margin:0 auto;
			}
			.shiyolist img{
				width:100%;
				height:auto;
			}

		@media screen and (max-width:640px){

			.shiyolist{
				width:100%;
				overflow:auto;
			}
			.shiyolist img{
				width:640px;
				height:auto;
			}

		}

			.shiyolist + ul{
				line-height: 1.7em;
			}

			.shiyolist + ul + p,
			.shiyolist + ul + p + p,
			.shiyolist + ul + p + p + p{
				font-size:0.85em;
				line-height: 1.7em;
			}






		#bousetsu{
			position:relative;
			left:30px;
		}

			#bousetsu-setsumei{
				margin-bottom:-59px;
				text-align:left;
				position:relative;
				top:-130px;
				left:30px;
			}

		@media screen and (max-width:580px){

			#bousetsu-setsumei{
				width:130px;
				margin-bottom:-59px;
				text-align:left;
				position:relative;
				top:-130px;
				left:30px;
			}

		}