﻿@charset "UTF-8";
/* ===================================================================
	空気清浄機　mt_doc
=================================================================== */
.h220 {
	height:220px;
}
.ttlImgTxt {
	font-size:0.9em;
}
.ttlImgTxt img {
	vertical-align:bottom;
}
.bdb_dot01 {
	border-bottom:1px dotted #999;
}
.boxWash dt, .memoTtl {
	padding:5px 10px;
	background:url("/support/air_purifier/images/img_care_01.gif") no-repeat 0 0;
}
.boxWash dd {
	padding:10px 10px 0 10px;
}
.boxBlue {
	clear:both;
	padding:10px;
	background:#dbeef4;
	font-weight:bold;
}
.pointBox {
	padding:10px;
	background:#dbeef4;
	font-weight:normal;
}
.lampBox {
	clear:both;
	padding:10px;
	background-color:#e6e6e7;
	border:1px #000000 solid;
	font-weight:normal;
}
/* 交換ユニット */
.boxUnit {
	width:680px;
	margin-bottom:15px;
	padding:10px;
	border:1px solid #ccc;
	font-weight:normal;
}
.boxUnit .unitImg {
	float:left;
	width:120px;
}
.boxUnit .unitTxt {
	float:left;
	width:560px;
}
/* 交換ランプ点滅 */
.boxLamp {
	padding:10px;
	border:1px dotted #555;
	font-weight:normal;
}
.boxLamp .lampImg {
	padding:10px 0;
}
/* 使用禁止 */
.unavailableBox {
	float:left;
	width:550px;
	padding:15px 0 0 15px;
	border:1px dotted #999;
}
.unavailableList {
	margin-top:15px;
}
.unavailableList li {
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}
.fCarePoint {
	float:right;
	width:250px;
	padding:15px;
	background:#eee;
}
.fCarePoint2 {
	float:right;
	width:220px;
	padding:15px;
	background:#eee;
}
.fCarePoint p {
	margin-top:15px;
}
/* 使用禁止 */
.unavailableBox02 {
	width:550px;
	padding:15px 0 0 15px;
	border:1px dotted #999;
}
.unavailableList02 {
	margin-top:15px;
}
.unavailableList02 li {
	float:left;
	padding-right:15px;
	padding-bottom:15px;
}
/* ------------------------------------------------
　ユニット交換ランプ点滅の目安　テーブル
------------------------------------------------ */
#care .careTbl {
	margin:10px 30px 0 30px;
}
#care .tblTtl {
	margin:20px 30px 10px 30px;
	margin-bottom:5px;
	padding-left:10px;
	font-weight:bold;
	border-left:5px solid #999;
}
#care .careTbl caption {
	margin-bottom:5px;
	padding-left:10px;
	font-weight:bold;
	border-left:5px solid #999;
}
#care .careTbl th {
	padding:10px 15px;
	border:1px solid #999;
	background:#f0f0f0;
	font-weight:normal;
}
#care .careTbl td {
	padding:10px 15px;
	border:1px solid #999;
}
#care .careTbl .tTtl {
	border-right:3px double #999;
}
table .attention .ttlImg {
	width:50px !important;
	padding:5px !important;
}
/* ===================================================================
	clearfix
=================================================================== */
.unavailableList:after, .fCarePoint:after, #care .careTbl:after, .boxUnit:after, .boxLamp:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .unavailableList, * html .fCarePoint, * html #care .careTbl, * html .boxUnit, * html .boxLamp {
	height: 1%;
}
.unavailableList, .fCarePoint, #care .careTbl, .boxUnit, .boxLamp {
	zoom: 100%;
	min-height: 1%;
}
/* ----------------------------------------------------- */
/* マグネットの交換方法（取り付けかた・はずしかた） */
/* ----------------------------------------------------- */
#magPosi {
}
#magPosi #magSearch {
	margin:20px 20px 0;
}
#magPosi #magSearch table {
	margin-top:20px;
	border:1px solid #999;
}
#magPosi #magSearch table th, #magPosi #magSearch table td {
	border:1px solid #999;
	padding:5px;
	text-align:center;
}
#magPosi #magSearch table th {
	background:#f0f0f0;
}
#magPosi #magSearch #magSearch_form {
	padding: 20px;
	border: 1px solid #ccc;
	background: #efefef;
	text-align:center;
}
#magPosi #magSearch input[type="text"] {
	width:300px;
	height:20px;
	line-height:20px;
	padding:2px;
	border:2px solid #ccc;
}
#magPosi #magSearch input[type="button"] {
	margin-left:10px;
	width:50px;
	height:28px;
	border:2px solid #ccc;
	padding:0;
	background:#fff;
	color:#000;
}
#magPosi #magSearch #noDate {
	padding-top:10px;
	display:none;
}
.pagetitle03 h3 {
	padding: 8px;
	margin: 15px 0 20px 0;
	font-size: 1.1em;
	font-weight: bold;
}
/* ----------------------------------------------------- */
/* 幅 */
/* ----------------------------------------------------- */

.w610 {
	width:610px;
 !important;
}
.w75p {
	width:75%;
}
.w90p {
	width: 90% !important;
}
/* ----------------------------------------------------
	Icon
---------------------------------------------------- */
/* 背景画像『緑●』 */
.icoDot5 {
	padding-left:20px;
	background:url("/support/images/ico_circle_gr.gif") no-repeat 3px 4px;
}
/* ----------------------------------------------------- */
/* よごれやニオイが気になるとき（枠バージョン）
/* ----------------------------------------------------- */

#dirt_Box {
	margin-top:2em;
	padding:5px 15px;
}
#dirt_Box .Ttl_LeftGray {
	border-left:8px solid #666;
	font-size:110%;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:20px;
	padding:3px 5px;
}
#dirt_Box .flex-container {
	display:flex;
}
#dirt_Box .w400px {
	width: 400px !important;
}
/* テーブル */
#dirt_Box .careTable {
	margin-top:30px;
}
#dirt_Box .careTable th {
	padding:10px;
	border:1px solid #999;
	background:#f0f0f0;
	text-align:center;
}
#dirt_Box .careTable td {
	padding:10px;
	border:1px solid #999;
}
#dirt_Box .careTable .tTtl {
	border-right:3px double #999;
}
#dirt_Box .gray_Box {
	background-color:#f0f0f0;
	margin-top:30px;
	margin-bottom:10px;
	padding:10px;
}
#dirt_Box .imgCol2 {
	display: flex;
}
#dirt_Box .Black_ttl {
	display: inline-block!important;
	background-color:#000;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
}
#dirt_Box .Red_ttl {
	display: inline-block;
	background-color:#F00;
	color:#fff;
	font-weight:bold;
	margin-top:5px;
	width:80px;
	height:25px;
	line-height:25px;
	text-align:center;
}
#dirt_Box .listDot_B li {
	margin-left:30px;
	list-style:disc;
}
#dirt_Box .w90p {
	width: 90% !important;
}
 @media only screen and (max-width: 767px) {
#dirt_Box .flex-container {
	display:block;
}
#dirt_Box .w400px {
	width: 100% !important;
}
#dirt_Box .w90p {
	width: 100% !important;
}
#dirt_Box .imgCol2 {
	display:block;
}
#dirt_Box .Black_ttl, #dirt_Box .Red_ttl {
	margin-bottom:5px;
}
}
