@charset "utf-8";

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


	#contentheader{
		/*height:178px;*/		
		border-bottom:1px dotted #006ab3;
	}
	.fixedHeader#index #contentheader{
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
	}


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

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





	
	#index #contentheader{
		height:130px;
		border-bottom:none;
		/*border-bottom:1px dotted #e6bea1;*/
	}
	
	.fixedHeader #contentheader{border-bottom:none;}

@media screen and (max-width:1020px){
	
	#index #contentheader{
		height:auto;
	}
		
}
	

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

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


	
				#cotentmenu li a{color:#006ab3;}
				#cotentmenu li span{color:#006ab3;}
				
				#cotentmenu li a:hover{color:#006ab3;}




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

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

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

			}

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

			}


				

		#sidebar li a{color:#006ab3;}
		#sidebar li a:hover{color:#c00;}


/*********************  フィルムダンデーの特徴  ********************/


	#index #imagemain{
		background:#fff;
	}
				
	.fixedHeader#index #imagemain{
		padding-top:130px;
	}
	
		#imagemain-inner{
			position:relative;
			max-width:980px;
			width:100%;
			height:260px;
			margin:0 auto;
			padding-top:24px;
			background-image:url(../panel-heater/images/image_panel-heater.jpg);
			background-repeat:no-repeat;
			background-position:100% 100%;
			z-index:2;
		}

	@media screen and (max-width:1020px){
	
		#imagemain-inner{
			background-position:300px 100%;
		}

	}

	@media screen and (max-width:640px){
	
		#imagemain-inner{
			background-position:200px 100%;
		}

	}

	@media screen and (max-width:420px){
	
		#imagemain-inner{
			background-position:100px 100%;
		}

	}
		
			#maincatch{
				max-width:684px;
				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 5% 30px;	
			}
			
		}

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

			#maincatch{
				display:none;				
			}

			#maincatch2{
				display:block;
				max-width:300px;
				width:90%;
				margin:20px auto 0;	
				position:relative;
				top:0;			
			}
			
		}



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

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

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

}


		.contentlabel{
			color:#006ab3;
			background:#e5e5e5;
		}


	/* 特徴 */

	#feature{
		background:url(../panel-heater/images/bg_content.png) repeat-x;
		padding-bottom:40px;
	}

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

		#roomimage{
			position:relative;
			margin:0 0 -70px;
			text-align:center;
			top:-38px;
			z-index:10
		}
		#roomimage img{width:100%;}

		#feature-inner .subtitle{
			position:relative;
			margin-bottom:-30px;
			top:-30px;
			z-index:10;
		}

	@media screen and (max-width:1020px){
	
		#feature-inner .subtitle{
			margin-bottom:10px;
		}
	
	}


		#feature .imagebox{
			width:270px;
			float:right;
		}

	@media screen and (max-width:640px){
	
		#feature .imagebox{
			display:block;
			margin:0 auto 10px;
			float:none;			
		}
	
	}
			#feature .stdtable th{
				padding:5px;
				color:#800000;
				font-weight:normal;
				background:#fff5e6;
			}

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











/*********************  商品概要  ********************/


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

		.outline #content-wrapper .content{
			padding:0 0 60px;
		}



	/***********  オプション  **********/


	#option #content-wrapper{
		padding-bottom:20px;
	}

		#option #content-wrapper .content{
			padding-top:50px;
		}

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

		#option #content-wrapper .content{
			padding-top:0;
		}

	}
	
	
		#option .contentlabel{margin:20px 0 28px;}


			#option .sublabel{
				margin: 0 0 20px 20px;
				font-weight:700;
			}

			#option .imagelist{
				max-width:400px;
				width:100%;
				margin:0 auto;
			}
					
				#option .imagelist li{
					width:50%;
					float:left;
					text-align:center;
					list-style:none;
					font-size:85%;
				}

				#option .imagelist li div{
					width:151px;
					height: 160px;
					margin: 0 auto;
					background-repeat: no-repeat;
					background-size:100% auto;
				}

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

				#option .imagelist li div{
					width:120px;
					height:113px;
				}

			}


				#option #tci84eco{
					background-image: url("../panel-heater/images/tci84-eco.png")
				}
				#option #tci842eco{
					background-image: url("../panel-heater/images/tci84-2-eco.png")
				}


				#option #tci84{
					width: 156px;
					height: 160px;
					background-image: url("../panel-heater/images/img_option1.png")
				}
				#option #tci842{
					width: 156px;
					height: 160px;
					background-image: url("../panel-heater/images/img_option2.png")
				}

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

				#option #tci84,
				#option #tci842{
					width:120px;
					height:117px;
				}

			}

				#option .imagelist li p{
					margin-top: 5px;
				}



					
				/*#option .imagelist li img{width:78%;}*/

						
	
		#option #table1,
		#option #table1_2{
			max-width:760px;
			width:100%;
			margin:0 auto 30px;
		}

		#option #table2{
			max-width:500px;
			width:100%;
			margin-right:10px;
			float:right;
		}

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

		#option #table2{
			margin:0 auto;
			float:none;
		}

	}

		#option #table1 table,
		#option #table1_2 table,
		#option #table2 table{
			width:100%;
			border-collapse:collapse;
		}
		
			#img-danday1{
				width:82px;
				height:102px;
				position:relative;
				margin:0 0 -102px;
				top:-88px;
				left:685px;
			}
	
			#option #table1 th,
			#option #table1_2 th,
			#option #table2 th{
				padding:10px 0;
				color:#072400;
				font-weight:normal;
				background:#e3f1ff;
				line-height:130%;
				font-size:85%;
			}
			#option #table2 th{
				background:#e7f2e0;
				color:#1e4d00;
			}

			#option #table2 tr:first-child td{
				background:#e7f2e0;
				color:#1e4d00;			}

			#option #table1 .tableheader th,
			#option #table1_2 .tableheader th{
				color:#444;
				background:#94cff7;
				font-weight:bold;
			}
			#option #table1 .tableheader th:nth-of-type(1){background:#e3f1ff;font-weight:normal;}
			#option #table1 .tableheader th:nth-last-of-type(1){border-left:1px solid #fff;}
			#option #table1 .tableheader th:nth-last-of-type(2){border-right:1px solid #fff;}
			#option #table1_2 .tableheader th:nth-of-type(1){background:#e3f1ff;font-weight:normal;}
			#option #table1_2 .tableheader th:nth-last-of-type(1){border-left:1px solid #fff;}
			#option #table1_2 .tableheader th:nth-last-of-type(2){border-right:1px solid #fff;}



			#option #table1 .tableheader th:first-child,
			#option #table1_2 .tableheader th:first-child{
				background-image:url(../shared/line_naname.png);
				background-repeat:no-repeat;
				background-size:100% 100%;
				padding:5px 5px 2px;
				font-weight:normal;
				border-bottom:none;
				border-right:none;
			}
			#option #table1 .tableheader th:first-child p,
			#option #table1_2 .tableheader th:first-child p{
				width:50%;
				float:right;
				margin:0;
			}
			#option #table1 .tableheader th:first-child p:last-child,
			#option #table1_2 .tableheader th:first-child p:last-child{
				clear:right;
				float:left;
			}


			#option #table2 tr:first-child th{
				background-image:url(../shared/line_naname.png);
				background-repeat:no-repeat;
				background-size:100% 100%;
				padding:5px 5px 2px;
				font-weight:normal;
				border-bottom:none;
				border-right:none;
			}
			#option #table2 tr:first-child p{
				width:50%;
				float:right;
				margin:0;
			}
			#option #table2 tr:first-child p:last-child{
				clear:right;
				float:left;
			}


	
			#option #table1 td,
			#option #table1_2 td,
			#option #table2 td{
				padding:10px 0;
				font-size:90%;
				text-align:center;
				line-height:130%;
			}
			#option #table1 td,
			#option #table1_2 td{width:35%;}

		@media screen and (max-width:640px){
			#option #table1 td,
			#option #table1_2 td{width:40%;}
		}

	
		#image3{
			width:calc(100% - 520px);
			float:left;
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
		}
		#image3 .inner{
			width: 100%;
			text-align: center;
		}

	@media screen and (max-width:980px){
		
		#image3{
			margin-left:0;
		}

	}

	@media screen and (max-width:770px){
		
		#image3{
			display:block;
			width:auto;
			margin:0 auto 20px;
			float:none;
		}

	}


	/***********  パネルヒーター詳細  **********/


	#detail #content-wrapper{
	}

		.detailcatch{
			padding-top:20px;
			color:#006ab3;
			font-size:1.4em;
			font-weight:bold;
			letter-spacing:1px;
			left:0;
		}
		.detailcatch + .detailcatch{
			padding-top: 0;
			position: relative;
			top:-10px;
		}

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

		.detailcatch{
			padding-top:0;
			font-size:1.2em;
		}

	}

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

		.detailcatch{
			font-size:1.1em;
		}

	}
		
			#detail1A{
				display:block;
				max-width:780px;
				width:100%;
				margin:0 auto;
			}
			#detail1B{display:none;}

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

			#detail1A{
				display:none;
			}
			#detail1B{
				display:block;
				max-width:376px;
				width:100%;
				margin:0 auto;
			}

		}
		
		#detail .contentlabel{margin:40px 0 28px;}

	
		#detail #table1 table{
			max-width:760px;
			width:100%;
			margin:0 auto 20px;
			border-collapse:collapse;
		}
		
			#detail .stdtable th{
				padding:10px 0;
				color:#072400;
				font-weight:400;
				background:#e3f1ff;
				line-height:1.3em;
				font-size:0.85em;
			}

		@media screen and (max-width:640px){
			
			#detail .stdtable th{
				font-size:0.8em;
			}
			
		}

			#detail .stdtable .tableheader th{
				color:#444;
				background:#94cff7;
				font-weight:700;
				border-left:1px solid #fff;
				border-right:1px solid #fff;
			}
			#detail .stdtable .tableheader th:nth-of-type(1){border-left:1px solid #ccc;}
			#detail .stdtable .tableheader th:nth-last-of-type(1){border-right:1px solid #ccc;}


			#detail .stdtable th:nth-of-type(1){
				width:80px !important;
			}
	
			#detail .stdtable td{
				padding:10px 0;
				font-size:0.9em;
				text-align:center;
				line-height:130%;
			}


			#detail #table1 td{
				width:calc((100% - 80px) / 4) !important;
			}

			#detail #table2 td{
				width:calc((100% - 80px) / 3) !important;
			}



		#detail .imagebox{
			width:200px;
			float:left;
			text-align:center;
		}


		#detail2{
			display:block;
			max-width:713px;
			width:100%;
			margin:50px auto 0;
		}


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


	#layout .item-wrapper{
		position:relative;
		margin:20px 0 -215px;
		padding-top:215px;
		top:-215px;
	}

	#layout .item-wrapper:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html #layout .item-wrapper{display: inline-table;}
	/* no ie mac \*/
	* html #layout .item-wrapper{height:1%;}
	#layout .item-wrapper{display: block; min-height:0;}
	/* */

	
			#layout #sidebar li{
				color:#800000;
			}

				#layout #sidebar li.flgc{background-position:100% 50%;}
	
				#layout #sidebar li a{
					height:auto;
					padding:12px 0 12px 12px;
				}
				#layout #sidebar li span{
					width:158px;
					height:auto;
					padding:7px 0 0 12px;
					border-top:1px solid #ccc;
					background-image:url(../shared/dot_box-red.gif);
					background-repeat:no-repeat;
					background-position:0 27px;
				}

				#layout #sidebar li div{margin:3px 0 7px;}

				#layout #sidebar li div a{
					width:auto;
					height:auto;
					padding:0;
					background-image:none;
					background-repeat:none;
					background-position:none;
					border:none;
				}

				#layout #sidebar li div div{
					width:36px;
					height:36px;
					margin:0 3px 3px 0;
					padding:0;
					float:left;
					background:none;
				}


		#layout .content h2{
			color:#f60;
			font-size:140%;
			font-weight:bold;
			letter-spacing:1px;
		}

		#layout .contentlabel{margin:0 0 18px;}


			.layoutitem{
				max-width:770px;
				width:100%;
				margin:0 auto;
				text-align:center;
			}
		
			.layoutitem:after{
				content: "";
				display: block;
				visibility: hidden;
				clear: both;
				height: 0px;
			}
			* html .layoutitem{display: inline-table;}
			/* no ie mac \*/
			* html .layoutitem{height:1%;}
			.layoutitem{display: block; min-height:0;}
			/* */
				
				.itemimage{
					max-width:400px;
					width:52%;
					text-align:center;
					float:left;
				}
				.itemimage img:nth-of-type(1){
					position:relative;
					z-index: 10;
				}
				.itemimage img:nth-of-type(2){
					position:relative;
					z-index: 5;
				}

				.longly .itemimage img:nth-of-type(2){top:-40px;}
				.shortly .itemimage img:nth-of-type(2){top:15px;}

			@media screen and (max-width:770px){
				
				.itemimage{
					max-width:388px;
					width:100%;
					margin:0 auto 30px;
					float:none;	
				}
				.itemimage img:lth-of-type(2){width:100%;}

			}

				.layoutitem table{
					max-width:350px;
					width:45%;
					margin-right:3%;					
					float:right;
					border-collapse:collapse;
				}

			@media screen and (max-width:770px){
				
				.layoutitem table{
					width:90%;
					margin:0 auto;					
					float:none;
				}

			}


					.layoutitem th,
					.layoutitem td{
						border:1px solid #ccc;
					}

					.layoutitem th{
						font-size:85%;
						font-weight:normal;
						padding:5px;
						color:#35576b;
						background:#ecf8ff;
					}

					.layoutitem th:nth-last-of-type(2){
						width:10%;
						padding:0 5px;
						line-height:120%;
					}

					.layoutitem .tableheader th{font-weight:bold;}

					.layoutitem .total th{
						color:#fff;
						font-weight:bold;
						background:#f5ab18;
					}

					.layoutitem td{
						width:40%;
						padding:5px 10px;
						text-align:right;
					}

					.layoutitem .tableheader td{
						font-weight:bold;
						font-size:120%;
						color:#c30;
					}

					.layoutitem .total td{
						font-weight:bold;
						font-size:120%;
					}
					
					.layoutnote{
						max-width:350px;
						width:45%;
						float:right;
						text-align:left;
						padding-top:10px;
						font-size:85%;
						line-height: 1.4em;
					}
					.layoutnote + .layoutnote{
						margin-top: 5px;
					}

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

					.layoutnote{
						width:90%;
						margin:0 auto;					
						float:none;
					}

				}

					.layoutnote li{
						list-style: none;
					}
	
					.layoutnote li.kome{
						width:calc(100% - 15px);
						left:15px;
					}

					.layoutnote li.kome:before{
						margin-right:-13px;
						left:-15px;
					}





		#layout #j6 .itemimage img:last-child,
		#layout #j8 .itemimage img:last-child,
		#layout #j10 .itemimage img:last-child,
		#layout #t .itemimage img:last-child{
			top:-65px;
			margin-bottom:-65px;
		}

		#j6 .layoutitem table{margin:245px auto 0;}
		#j8 .layoutitem table{margin:222px auto 0;}
		#j10 .layoutitem table{margin:250px auto 0;}
		#j12 .layoutitem table{margin:280px auto 0;}
		#k .layoutitem table{margin:160px auto 0;}
		#ke .layoutitem table{margin:0 auto 0;}
		#lab .layoutitem table{margin:115px auto 0;}
		#t .layoutitem table{margin:110px auto 0;}
	
	@media screen and (max-width:770px){

		#j6 .layoutitem table{margin:0 auto 0;}
		#j8 .layoutitem table{margin:0 auto 0;}
		#j10 .layoutitem table{margin:0 auto 0;}
		#j12 .layoutitem table{margin:0 auto 0;}
		#k .layoutitem table{margin:0 auto 0;}
		#lab .layoutitem table{margin:0 auto 0;}
		#t .layoutitem table{margin:0 auto 0;}
	
	}



	/***********  施工例  **********/


	#samples #content-wrapper .content{
		padding:0 0 80px;
	}


	#samples .item-wrapper{
		position:relative;
		margin:20px 0 -215px;
		padding-top:215px;
		top:-215px;
	}

	#samples .item-wrapper:after{
		content: "";
		display: block;
		visibility: hidden;
		clear: both;
		height: 0px;
	}
	* html #samples .item-wrapper{display: inline-table;}
	/* no ie mac \*/
	* html #samples .item-wrapper{height:1%;}
	#samples .item-wrapper{display: block; min-height:0;}
	/* */

		
		#samples .contentlabel{margin:20px 0 28px;}


	#samples .item-wrapper li{
		width:48%;
		margin:0 1%;
		padding-bottom:20px;
		list-style:none;
		text-align:center;
		float:left;
	}

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

	#samples .item-wrapper li{
		width:100%;
		margin:0;
		float:none;
	}

}
	
	
		#samples .item-wrapper h3{
			max-width:360px;
			width:100%;
			margin:0 auto 24px;
			padding:2px 0;
			background:#006ab3;
			color:#fff;
			font-weight:700;
			border-radius:5px;
		}

		#samples .item-wrapper img{
			max-width:315px;
			width:94%;
			margin:0;
		}

	#samples .item-wrapper .imagebox{
		margin:5px 40px 0 0;
		text-align:center;
	}		




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


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

		#price #content-wrapper .content{
			padding:15px 0 80px;
		}
	
	@media screen and (max-width:1020px){

		#price #content-wrapper .content{
			margin-top:-30px;
			padding:0 0 80px;
		}
	
	}

		
			#price .content h2{
				margin-bottom:15px;
				color:#072400;
				font-size:140%;
				font-weight:bold;
				letter-spacing:1px;
			}


			#price .stdtable th,
			#price .stdtable td{
				border:1px solid #ccc;
			}

			#price .stdtable th{
				padding:7px 0;
				font-size:0.85em;
				line-height:130%;
				background:#cceaff;
			}

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

			#price .stdtable th{
				font-size:0.70em;
			}

		}
	
			#price .stdtable td{
				padding:10px 10px;
				text-align:center;
				line-height:140%;
			}
			
				#price #table1{margin-bottom:30px;}

				#price #table1 td:nth-last-of-type(5){background:#eee;}
				#price #table1 td:nth-of-type(1){width:12%}

				#price #table1 th:nth-of-type(2),
				#price #table1 th:nth-of-type(3){width:20%}
				#price #table1 th:nth-of-type(4){width:15%}

				#price #table1 th:nth-of-type(5){width:28%;}


				#price #table2 td:nth-last-of-type(1){
					text-align:left;
				}

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

			#price .stdtable td{
				font-size:0.9em;
			}
			#price .stdtable td:nth-last-of-type(5){
				padding:10px 1px;
				font-size:0.7em;
			}

		}

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

			#price .stdtable td{
				padding:10px 3px;
			}

		}
	

		#cautionlist{
			margin-top:50px;
		}

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

		#cautionlist p{
			font-size:1.0em;
		}

	}
	
			#cautionlist h2{
				padding:7px 0 3px 60px;
				background:url(../panel-heater/images/ico_caution.png) no-repeat 15px 4px #ffe6e6;
				border-radius:5px;
			}
			
			#cautionlist ul{
				margin:5px 0 30px 20px;
			}






	.iotflow{margin-bottom: 50px;}

		.iotflow .image1{
			width:100%;
			height:auto;
			
		}
		.iotflow .image2{display: none;}

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

		.iotflow .image1{display: none;}
		.iotflow .image2{
			display: block;
			max-width: 360px;
			width:100%;
			height:auto;
			margin: 0 auto;
		}

	}




		.iotflow + table{
			max-width:640px;
			width:100%;
			margin:0 auto;
			border-collapse:collapse;
		}

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

		.iotflow + table br{display: none;}

	}

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

		.iotflow + table{
			max-width: 360px;
			width:100%;
			margin:0 auto;
		}
		.iotflow +  table br{display: inline;}

	}


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

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


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

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

			.linkfh-call{
				margin:0 auto 20px;
			}
		}


			.link-ban{
				max-width: 640px;
				width: 100%;
				margin:30px auto 50px;
				position: relative;
			}
				.link-ban img{
					width: 100%;
					height: auto;
				}
				.link-ban p{
					margin: 0 0 3px;
					color:#c33;
				}

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

			.link-ban{
				margin:30px auto;
			}
			
		}


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

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


		.iotflow + table + ul{
			margin: 30px auto;
		}

			.iotflow + table + ul li{
				margin-left: 20px;
				margin-bottom: 5px;
			}

			#option ol.remarkstext{
				margin:0 0 0 20px;
			}

				#option ol.remarkstext li{
					margin-bottom:5px;
				}

				#option ol.remarkstext ul{
					margin:0 0 0 20px;
				}
			
		.iotflow + table + ul + .iotflow{
			margin-bottom:20px;
		}
	


		#tableiot{
			width:500px;
			margin-right:10px;
			float:right;
		}

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

		#tableiot{
			width:100%;
			margin:0 auto;
			float:none;
		}

	}

		#tableiot table{
			width:100%;
			border-collapse:collapse;
		}
	
			#tableiot th{
				padding:10px 0;
				color:#072400;
				font-weight:normal;
				background:#e3f1ff;
				line-height:130%;
				font-size:85%;
			}
			#tableiot th{
				background:#e7f2e0;
				color:#1e4d00;
			}

			#tableiot tr:first-child td{
				background:#e7f2e0;
				color:#1e4d00;
			}

			#tableiot tr:first-child th{
				background-image:url(../shared/line_naname.png);
				background-repeat:no-repeat;
				background-size:100% 100%;
				padding:5px 5px 2px;
				font-weight:normal;
				border-bottom:none;
				border-right:none;
			}
			#tableiot tr:first-child p{
				width:50%;
				float:right;
				margin:0;
			}
			#tableiot tr:first-child p:last-child{
				clear:right;
				float:left;
			}
	
			#tableiot td{
				padding:10px 0;
				font-size:90%;
				text-align:center;
				line-height:130%;
			}

		
		#iotimage{
			width:calc(100% - 520px);
			float:left;
			display:-webkit-flex;
			display:flex;
			justify-content: center;
			-webkit-align-items:center;
			align-items:center;
		}
		#iotimage .inner{
			width: 100%;
		}

	@media screen and (max-width:770px){
		
		#iotimage{
			width:100%;
			float:none;
			margin: 0 auto;
		}

	}
		
		#iotimage p{
			margin-top:5px;
			font-size: 0.98em;
			text-align: center;
			line-height: 1.4em;
			position: relative;
		}
		
		#iotimage img{
			display:block;
			margin:0 auto;
		}