@CHARSET "UTF-8";
@CHARSET "UTF-8";
@import url(html5-doctor-reset-stylesheet.min.css);

* {
	box-sizing: border-box;
}
html,body {
	width: 100%;
	height: 100%;
}
ul {list-style: none;}
a {text-decoration: none;}
img {vertical-align: middle;}
em{font-style:normal;}
* {font-family: sans-serif;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix { display: inline-table; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/******************************************************************************
 * 涼温な家概要ページ
******************************************************************************/
	body>article * { color:#333;}
	body>article{ margin-left:10px; margin-right:10px;}
	body>article>h1{
		background:#fff;
		text-align:center;
		font-weight:normal;
	}
	body>article>h1>img{
		width:90%;
		max-width: 500px;
		height:auto;
	}
	body>article>h1+figure {
		margin: 10px auto 0;
		text-align:center;
	}
	body>article>h1+figure>img {
		width: 100%;
		max-width: 286px;
	}


/******************************************************************************
 * section#blockC ※共通設定
******************************************************************************/
	body>article>section#blockC {
		max-width: 577px;
		margin:30px auto 0;
	}
	#blockC>h2 {
		text-align: center;
		color: #555;
		font-size: 22px;
		line-height: 1.3;
		margin-bottom: 20px;
	}
	#blockC>h3 {
		color: #00786F;
		font-size: 18px;
		margin-bottom: 20px;
		line-height: 1.3;
		text-align: center;
	}
	#blockC h3 span{
		color:#e60012;
	}
	#blockC figure {
		text-align: center;
	}
	#blockC img {
		height: auto;
	}
	#blockC figcaption {
		font-size: 13px;
		line-height: 1.7;
		letter-spacing: 1px;
		text-indent: 0;
		margin-top: 2px;
	}
	#blockC p{
		text-indent: 1em;
		font-size: 16px;
		line-height: 1.6;
		letter-spacing: 1px;
		font-weight: bold;
	}

/******************************************************************************
 * section#blockC>div#C_box01 メーカーも驚く
******************************************************************************/
	body>article>section#blockC>div#C_box01 {
		margin-bottom: 40px;
	}
	#C_box01>figure {
		margin-bottom: 15px;
	}
	#C_box01>figure>img {
		width: 80%;
		max-width: 200px;
	}
	#C_box01>p{
		border: 2px solid #555;
		border-radius: 10px;
		background-color: #FFF;
		text-align: center;
		font-size: 16px;
		padding: 8px 0;
		margin: 15px auto 0;
		text-indent:0;
	}
	#C_box01>p>em{ color:#F00; padding-right:5px;}


/******************************************************************************
 * section#blockC>div#C_box02 給気ダクト・外気浄化装置
******************************************************************************/
	body>article>section#blockC>div#C_box02 {
		margin-bottom: 40px;
	}
	#C_box02>div {
		width: 100%;
		margin-bottom: 25px;
	}
	#C_box02>div>h4 {
		font-size:16px;
		letter-spacing: 1px;
		font-weight:bold;
		border-radius: 15px;
		background-color: #138566;
		color: #FFF;
		line-height:1.3;
		text-align: center;
		padding: 8px 0 8px;
		text-indent:0;
	}
	#C_box02>div>figure>figcaption{
		text-align: center;
		line-height:1.2;
		margin-top:3px;
	}
	#C_box02>div>figure {
		margin: 15px auto 0;
		text-align: center;
	}
	#C_box02>div>figure>img {
		width:100%;
		max-width:400px;
	}
	#C_box02>div>figure:nth-of-type(2)>img {
		width:70%;
		max-width:320px;
	}

/******************************************************************************
 * section#blockC>div#C_box02_more 外気浄化装置と第一種全熱交換型換気装置のフィルター
******************************************************************************/
	body>article>section#blockC>div#C_box02_more {
		margin-bottom: 40px;
	}
	#C_box02_more>div {
		width: 100%;
		margin-bottom: 25px;
	}
	#C_box02_more>div>h4 {
		font-size:16px;
		letter-spacing: 1px;
		font-weight:bold;
		border-radius: 15px;
		background-color: #138566;
		color: #FFF;
		line-height:1.3;
		text-align: center;
		padding: 8px 0 8px;
		text-indent:0;
	}
	#C_box02_more>div>figure>figcaption{
		text-align: center;
		line-height:1.2;
		margin-top:3px;
	}
	#C_box02_more>div>figure {
		margin: 15px auto 0;
		text-align: center;
	}
	#C_box02_more>div>figure>img {
		width:100%;
		max-width:400px;
	}


/******************************************************************************
 * section#blockC>div#C_box03 きれいな空気への進化
******************************************************************************/
	body>article>section#blockC>div#C_box03 {
		margin-bottom: 40px;
	}
	#C_box03>div.layout_block {
		margin: 0 0 20px;
	}
	#C_box03>div.type01>h4 {
		border: 1px solid #A5A5A5;
		border-radius: 15px;
		line-height: 1.7;
		background-color: #FFF1D2;
		padding: 2px 0 0;
		margin-bottom: 15px;
		text-align: center;
		text-indent:0;
	}
	#C_box03>div.type01>figure {
		padding-top: 20px;
	}
	#C_box03>div.layout_block span {
		color: #F00;
	}
	#C_box03>div.type02>h4 {
		line-height: 1.7;
		text-align: center;
		border-radius: 15px;
		background-color: #9CCDE2;
		padding: 2px 0 0;
		margin-bottom: 10px;
	}	
	#C_box03>div.type02>ul>li {
		background: url(../img/sashe/listImg.gif) no-repeat left 6px;
		padding-left: 15px;
		font-size: 16px;
		line-height: 1.7; /*リスト背景画像を表示させるため、リストのみ1.7で設定*/
		letter-spacing: 1px;
		font-weight:bold;
	}
	#C_box03>div.type03>h4 {
		color: #F00;
		font-size: 18px;
		text-align: center;
		text-indent: 0;
		margin: 20px auto 10px;
		line-height:1.2;
	}
	#C_box03>div.type03>p {
		color: #F00;
		font-size: 18px;
		text-align: center;
		text-indent: 0;
		margin: 20px auto 10px;
	}
	#C_box03>div.type03>figure>figcaption {
		text-align: center;
		font-size: 14px;
		margin-bottom: 15px;
	}
	#C_box03>div.type03>div.shiroari {
		padding: 0 0 30px;
	}
	#C_box03>div.type03>div.shiroari>figure {
		margin-top: 10px;
	}
	#C_box03>div.type03>div.shiroari>figure>figcaption {
		letter-spacing: 0;
		margin-bottom: 10px;
	}
	#C_box03>div.type03>div.shiroari>p:last-of-type {
		display:table;
		margin:0 auto;
		text-align: center;
		color: #F00;
		padding-left: 1em;
		text-indent: -1em;
		text-align:left;
	}

/******************************************************************************
 * section#blockC>div#C_box04 エアコンの快適革命！
******************************************************************************/
	body>article>section#blockC>div#C_box04 {
		margin-bottom: 40px;
	}
	#C_box04>h4 {
		text-align: center;
		border-radius: 15px;
		line-height: 1.7;
		background-color: #9CCDE2;
		padding: 2px 0 2px;
		margin-bottom: 10px;
	}	
	#C_box04>ul:first-of-type {
		margin-bottom: 30px;
	}
	#C_box04>ul>li {
		background: url(../img/sashe/listImg.gif) no-repeat left 6px;
		padding-left: 15px;
		font-size: 16px;
		line-height: 1.7; /*リスト背景画像を表示させるため、リストのみ1.7で設定*/
		letter-spacing: 1px;
		font-weight:bold;
	}
	#C_box04>p {
		text-align: center;
		color: #00786F;
	}
	#C_box04>p>span {
		color: #F00;
	}
	#C_box04>figure {
		text-align: center;
		margin: 10px 0 0;
	}
	#C_box04>figure>img {
		width: 100%;
		max-width: 575px;
		height: auto;
	}
	#C_box04>figure>figcaption {
		text-align: center;
		font-weight:bold;
		margin-top: 8px;
		font-size: 13px;
		letter-spacing: 1px;
	}


/******************************************************************************
 * section#blockC>div#C_box05 空気は見える？！
******************************************************************************/
	body>article>section#blockC>div#C_box05 {
		margin-bottom: 40px;
	}
	#C_box05>div.notClean>p {
		color: #00786F;
		margin-bottom: 5px;
		background: url(../img/sashe/listImg.gif) no-repeat left 6px;
	}
	#C_box05>p:first-of-type {
		border-radius: 10px;
		background-color: #0099BD;
		color: #FFF;
		text-align: center;
		font-size: 16px;
		padding: 10px 0;
		margin: 10px auto 20px;
	}
	#C_box05>p>span {
		color: #F00;
	}
	#C_box05>div.example {
		border: 1px solid #69B1CC;
		padding: 10px;
		margin: 20px auto 0;
		text-align: center;
	}
	#C_box05>div.example>figure {
		margin: 0 auto 10px;
	}
	#C_box05>div.example>figure>img {
		width: 100%;
		max-width: 512px;
	}
	#C_box05>div.example>figure>figcaption {		
		text-align: right;
	}
	#C_box05>div.example>p {
		text-align: left;
	}


/******************************************************************************
 * section#blockD 注意事項
******************************************************************************/
	body>article>section#blockD {
		max-width: 577px;
		margin:0 auto 40px;
	}
	#blockD>h2 {
		border-radius: 10px;
		background-color: #905632;
		color: #FFF;
		text-align: center;
		padding: 10px 0;
		font-size: 16px;
		line-height: 1.2;
	}
	#blockD>div {
		background-color: #FFF1D2;
		border: 1px solid #D5B345;
		padding: 16px;
		margin: 20px auto 10px;
		font-size: 14px;
		line-height: 1.7;
		font-weight:bold;
	}
	#blockD>div>p {
		font-size: 16px;
	}
	#blockD>div>div {
		border-radius: 10px;
		background-color: #FFF;
		border: 1px solid #A0A0A0;
		padding: 12px;
		margin: 15px auto 0;
		text-align: left;
	}
	#blockD>div>div:last-of-type {
		margin-bottom: 15px;
	}
	#blockD>div>div>p:first-of-type {
		color: #8B334D;
		font-size: 16px;
		margin-bottom: 8px;
		font-weight:bold;
	}
	#blockD>p {
		font-size: 13px;
		line-height: 1.7;
		font-weight:bold;
	}