@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　00. file import　　！！！インポートファイルは一番初めに記述のこと！！！
　01. 住まいの診断メニュー共通
　02. 住まいの診断メニュー
　03. 住まいの健康診断
　04. 木造住宅 一般耐震診断
  05. 夏も冬も快適に 断熱診断
  

******************************************************************************* */



/* ==

　00. file import

=============================================================================== */
@import url("/css/style.css");


/* ==

　01. 住まいの診断メニュー共通

=============================================================================== */
.clear { clear:both; }

.main h4{ margin-bottom:10px; }
.main h5{ margin-bottom:5px; }

.main p{
	margin-bottom:10px;
	line-height:1.5;
}


/* ==

　02. 住まいの診断メニュー

=============================================================================== */
.main .shindan p{
	margin-bottom:10px;
	line-height:1.5;
}

.shindan{ margin-bottom:20px; }
.shindan ul{ margin:4px 0 0; }
.shindan li{
	width:353px;
	margin:0 8px 8px 0;
	padding:4px;
	background-color:#f3f3f3;
	line-height:1.3;
	float:left;
	clear:none;
}
.shindan li.taishin{ margin-right:0; }

.shindan li a{
	width:191px;
	height:107px;
	margin:0;
	padding:10px 150px 0 10px;
	background-color:#fff;
	background-position:right top;
	background-repeat:no-repeat;
	border:1px solid #d9d9d9;
	color:#666;
	display:block;
}
.shindan li a:link, .shindan li a:visited{ border:1px solid #dadada; color:#666; text-decoration:none; }
.shindan li a:hover, .shindan li a:active{ border:1px solid #ff6600; color:#666; }

.shindan li a img{ margin-bottom:8px; }

.shindan li.sumai a{ background-image:url(/guide/shindan/images/index_p_sumai.jpg); }
.shindan li.taishin a{ background-image:url(/guide/shindan/images/index_p_taishin.jpg); }
.shindan li.dannetsu a{ background-image:url(/guide/shindan/images/index_p_dannetsu.jpg); }


.shindan ul.otherConstruction {
	margin-bottom:10px;
	width:728px;
	}
.shindan ul.otherConstruction li {
	list-style:none;
	width:auto;
	display:inline;
	margin:0 0 5px 0;
	padding:0 0 0 8px;
	background:url(..//images/li_disc.gif) left 5px no-repeat #fff;
	line-height:1.4;
	}
.shindan ul.otherConstruction li img{ vertical-align:middle; }

/* ==

　03. 住まいの健康診断

=============================================================================== */
.main div.sumai{ padding-top:0; }
* html .main h3{ height:30px; }


.main .sumai p{
	margin-bottom:10px;
	line-height:1.5;
}

.main .sumai p.img{ width:220px; float:right; }
.main .sumai div.txt{ width:490px; margin-bottom:0; float:left; }

.main .sumai strong { color:#ed1a3d; font-weight:bold; }

.main .sumai .arrow { text-align:center; }
.main .sumai .report {
	margin:0;
	width:730px;
	height:140px;
	background:url(/guide/shindan/images/sumai_img11.jpg) no-repeat;
	}
.main .sumai .report h3 {
	background:none;
	padding:10px;
	}
.main .sumai .report p {
	width:480px;
	margin:0 0 0 10px;
	padding:0;
	}
	
/* ==

　04. 木造住宅 一般耐震診断

=============================================================================== */
.main div.taishin{ padding-top:0; }
* html .main h3{ height:30px; }

.main .taishin p{
	margin-bottom:10px;
	line-height:1.5;
}

.main .taishin p.img{ width:220px; float:right; }
.main .taishin div.txt{ width:490px; margin-bottom:0; float:left; }


.main .taishin .qa-section {
	margin-bottom:20px;
	padding-bottom:10px;
	background:url(/guide/images/dotline730.gif) no-repeat left bottom;
	}
.main .taishin .qa-section-lastChild {
	margin-bottom:10px;
	padding-bottom:10px;
	background:url(/guide/images/dotline730.gif) no-repeat left bottom;
	}
.main .taishin p.ques{
	margin-bottom:10px;
	}
.main .taishin p.ans{
	margin-bottom:20px;
	}
.main .taishin .qa-section .detail {
	background:#f2f2f2;
	padding:10px;
	margin-bottom:10px;
	}
.main .taishin .qa-section .detail:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.main .taishin .qa-section .detail p.img {
	float:right;
	width:108px;
	}
.main .taishin .qa-section .detail div.txt {
	width:582px;
	float:left;
	}



/* ==

　05. 夏も冬も快適に 断熱診断

=============================================================================== */
.main div.dannetsu { padding-top:0; }
* html .main h3{ height:30px; }

.main .dannetsu ol.no {
	margin-bottom:5px;
	}
.main .dannetsu ol.no li {
	list-style-type:none;
	margin:0 0 5px 0;
	padding-left:35px;
	line-height:1.5;
	}
.main .dannetsu ol.no li.no1 { background:url(/guide/shindan/images/dannetsu_no01.gif) no-repeat; }
.main .dannetsu ol.no li.no2 { background:url(/guide/shindan/images/dannetsu_no02.gif) no-repeat; }
.main .dannetsu ol.no li.no3 { background:url(/guide/shindan/images/dannetsu_no03.gif) no-repeat; }

.main .dannetsu ol.no p {
	margin-top:5px;
	width:300px;
	text-align:center;
	}
.main .dannetsu .notes {
	background:url(/guide/images/dotline730.gif) no-repeat left top;
	padding-top:10px;
	margin-bottom:10px;
	font-size:86%;
	}
.main .dannetsu .notes h4 {
	font-size:100%;
	font-weight:normal;
	margin-bottom:5px;
	}
.main .dannetsu .notes ul {
	margin-bottom:8px;
	}
.main .dannetsu .notes ul li {
	margin-bottom:3px;
	list-style:none;
	}
.main .dannetsu .notes p.txt {
	margin-bottom:5px;
	}
