@charset "utf-8";
/* CSS danger-page */

/*** [Ｈ４] タイトル ****/
/*** @group h4.categoryTitle ****************************************************************************/

h4.itemTitle_02 {
	padding: 0px 0px 0px 84px;
	height: 24px;
	width: 549px;
	margin: 0px 0px 3px 6px;
	overflow: hidden;
	background: url(../images/danger/ico-01.gif)  no-repeat left center;
}

.item-moji01 {
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 18px;
	color: #323232;
	padding: 0px;
	height: auto;
	width: auto;
	margin: 2px 11px 0px 0px;
	display: inline;
	float: left;
}

.item-mark01 {
	padding: 0px 0px 0px 0px;
	height: 24px;
	width: 24px;
	margin: 0px 0px 0px 0px;
	background: url(../images/danger/ico-02.gif) no-repeat top left;
	display: inline;
	float: left;
}

/*** [について] 文字 ****/
/*** @group case-moji ****************************************************************************/

.danger-moji01 {
	padding: 0px;
	margin: 0px auto 12px auto;
	height: auto;
	width: 613px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #404040;
	line-height: 130%;
}

/*** ライン ****/
/*** @group Line ****************************************************************************/

.Line-01 {
	margin: 0px 0px 12px 6px;
	padding: 0px;
	height: 1px;
	width: 633px;
	display: block;
}

.Line-02 {
	margin: 2px 0px 0px 4px;
	padding: 0px;
	height: 8px;
	width: 306px;
	display: block;
}

/*** 階層メニュー【屋根リフォーム】 ****/
/*** @group navi ****************************************************************************/

div#hierarchicalnav {
	padding: 0px;
	height: 31px;
	width: 645px;
	margin: 0px auto 12px auto;
	background: url(../images/danger/bg-hierarchicalnav.gif) no-repeat;
	overflow: hidden;
}

div#hierarchicalnav ul {
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 645px;
	list-style-type: none;
	font-size: 0px;
}

div#hierarchicalnav ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#hierarchicalnav ul li a {
	display: block;
	height: 31px;
	width: 161px;
	float: left;
	text-decoration: none;
	background: url(../images/roof/hierarchicalnav-old.gif) no-repeat;
	border: 0px;
}

div#hierarchicalnav ul li.pagenav-01 a {
	background-position: left top;
}

div#hierarchicalnav ul li.pagenav-01 a:hover {
	background-position: left -31px;
}

div#hierarchicalnav ul li.pagenav-02 a {
	background-position: -161px top;
}

div#hierarchicalnav ul li.pagenav-02 a:hover {
	background-position: -161px -31px;
}

div#hierarchicalnav ul li.pagenav-03 a {
	background-position: -322px top;
}

div#hierarchicalnav ul li.pagenav-03 a:hover {
	background-position: -322px -31px;
}

div#hierarchicalnav ul li.pagenav-04 a {
	background-position: -483px top;
}

div#hierarchicalnav ul li.pagenav-04 a:hover {
	background-position: -483px -31px;
}

/*** 階層メニュー【屋根リフォーム】 ****/
/*** @group navi ****************************************************************************/

div#hierarchicalnav01 {
	padding: 0px;
	height: 31px;
	width: 645px;
	margin: 0px auto 12px auto;
	background: url(../images/danger/bg-hierarchicalnav.gif) no-repeat;
	overflow: hidden;
}

div#hierarchicalnav01 ul {
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 645px;
	list-style-type: none;
	font-size: 0px;
}

div#hierarchicalnav01 ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#hierarchicalnav01 ul li a {
	display: block;
	height: 31px;
	width: 92px;
	float: left;
	text-decoration: none;
	background: url(../images/roof/hierarchicalnav.gif) no-repeat;
	border: 0px;
}

div#hierarchicalnav01 ul li.pagenav-01 a {
	background-position: left top;
}

div#hierarchicalnav01 ul li.pagenav-01 a:hover {
	background-position: left -31px;
}

div#hierarchicalnav01 ul li.pagenav-02 a {
	background-position: -92px top;
}

div#hierarchicalnav01 ul li.pagenav-02 a:hover {
	background-position: -92px -31px;
}

div#hierarchicalnav01 ul li.pagenav-03 a {
	background-position: -184px top;
}

div#hierarchicalnav01 ul li.pagenav-03 a:hover {
	background-position: -184px -31px;
}

div#hierarchicalnav01 ul li.pagenav-04 a {
	background-position: -276px top;
}

div#hierarchicalnav01 ul li.pagenav-04 a:hover {
	background-position: -276px -31px;
}

div#hierarchicalnav01 ul li.pagenav-05 a {
	background-position: -368px top;
}

div#hierarchicalnav01 ul li.pagenav-05 a:hover {
	background-position: -368px -31px;
}

div#hierarchicalnav01 ul li.pagenav-06 a {
	background-position: -460px top;
}

div#hierarchicalnav01 ul li.pagenav-06 a:hover {
	background-position: -460px -31px;
}

div#hierarchicalnav01 ul li.pagenav-07 a {
	background-position: -552px top;
}

div#hierarchicalnav01 ul li.pagenav-07 a:hover {
	background-position: -552px -31px;
}

/*** 階層メニュー【外壁リフォーム】 ****/
/*** @group navi ****************************************************************************/

div#hierarchicalnav02 {
	padding: 0px;
	height: 31px;
	width: 645px;
	margin: 0px auto 12px auto;
	background: url(../images/danger/bg-hierarchicalnav.gif) no-repeat;
	overflow: hidden;
}

div#hierarchicalnav02 ul {
	margin: 0px;
	padding: 0px;
	height: 31px;
	width: 645px;
	list-style-type: none;
	font-size: 0px;
}

div#hierarchicalnav02 ul li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: inline;
}

div#hierarchicalnav02 ul li a {
	display: block;
	height: 31px;
	width: 129px;
	float: left;
	text-decoration: none;
	background: url(../images/wall/hierarchicalnav.gif) no-repeat;
	border: 0px;
}

div#hierarchicalnav02 ul li.pageLink-01 a {
	background-position: left top;
}

div#hierarchicalnav02 ul li.pageLink-01 a:hover {
	background-position: left -31px;
}

div#hierarchicalnav02 ul li.pageLink-02 a {
	background-position: -129px top;
}

div#hierarchicalnav02 ul li.pageLink-02 a:hover {
	background-position: -129px -31px;
}

div#hierarchicalnav02 ul li.pageLink-03 a {
	background-position: -258px top;
}

div#hierarchicalnav02 ul li.pageLink-03 a:hover {
	background-position: -258px -31px;
}

div#hierarchicalnav02 ul li.pageLink-04 a {
	background-position: -387px top;
}

div#hierarchicalnav02 ul li.pageLink-04 a:hover {
	background-position: -387px -31px;
}

div#hierarchicalnav02 ul li.pageLink-05 a {
	background-position: -516px top;
}

div#hierarchicalnav02 ul li.pageLink-05 a:hover {
	background-position: -516px -31px;
}


/*** [枠] 症例 ****/
/*** @group danger-waku ****************************************************************************/

.danger-waku {
	padding: 0px;
	height: auto;
	width: 633px;
	margin: 0px auto 24px auto;
	overflow: hidden;
}

/*** [枠] 写真 ****/
/*** @group photoBox ****************************************************************************/

.photoBox {
	padding: 0px;
	height: auto;
	width: 312px;
	margin: 0px auto 0px auto;
	background: url(../images/danger/photo-center.gif) repeat-y left top;
	display: inline;
	float: left;
	overflow: auto;
}

.photo-top {
	padding: 0px;
	height: 21px;
	width: 312px;
	margin: 0px;
	background: url(../images/danger/photo-top.gif) no-repeat;
}

.photo-bottom {
	padding: 0px;
	height: 16px;
	width: 312px;
	margin: 0px;
	background: url(../images/danger/photo-bottom.gif) no-repeat;
}

.photo-bg {
	padding: 0px;
	height: auto;
	width: 280px;
	margin: 0px auto 0px auto;
	display: block;
	border: 1px solid #CCCCCC;
}

/*** [枠] 事例 ****/
/*** @group caseBox ****************************************************************************/

.caseBox {
	padding: 0px;
	width: 310px;
	height: auto;
	margin: 0px 0px 0px 0px;
	display: inline;
	float: right;
}

.case-hako01 {
	padding: 0px;
	width: 310px;
	height: auto;
	margin: 0px 0px 0px 0px;
}


/*** ポップ ****/
/*** @group pop ****************************************************************************/

.pop-01 {
	padding: 0px;
	width: 157px;
	height: 53px;
	margin: 2px 0px 0px 0px;
	background: url(../images/danger/illust-01.gif) no-repeat;
}

/*** [Ｈ５] タイトル ****/
/*** @group h5.nameTitle ****************************************************************************/

h5.nameTitle_01 {
	padding: 0px;
	margin: 3px 0px 0px 9px;
	height: auto;
	width: 295px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 18px;
	color: #404040;
	font-weight: bold;
}

/*** [詳細] 文字 ****/
/*** @group case-moji ****************************************************************************/

.case-moji01 {
	padding: 0px;
	margin: 11px auto 0px auto;
	height: auto;
	width: 290px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #404040;
	line-height: 130%;
}

/*** ボタン ****/
/*** @group mojiBox ****************************************************************************/

.button-contact a {
	padding: 0px;
	margin: 60px 0px 0px 0px;
	height: 41px;
	width: 273px;
	background: url(../images/danger/button-contact.gif) no-repeat;
	display: block;
}

.button-contact a:hover {
	padding: 0px;
	margin: 60px 0px 0px 0px;
	height: 41px;
	width: 273px;
	background: url(../images/danger/button-contact_over.gif) no-repeat;
	display: block;
}


/* ５個表示したら次のページへ */
/*** check ****************************************************************************/

.check-waku {
	padding: 0px;
	width: 623px;
	height: auto;
	margin: 0px auto 16px auto;
}

.check-moji {
	padding: 0px;
	width: 623px;
	height: auto;
	margin: 0px 0px 0px 0px;
	font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", Arial, sans-serif;
	font-size: 13px;
	color: #404040;
	line-height: 130%;
}