@charset "utf-8";

@import url("../../../../../css/common.css");
@import url("../common.css");
@import url("common.css");

/*===========================================

    product
	
	technical_guide
	
	steel.css
		
===========================================*/
div#contents div.top_area h4 {
	padding-bottom: 10px;
	color: #000;
	font-size: 38px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
	div#contents div.top_area h4 small{ font-size: 20px;}
	div#contents div.top_area h4 + p {
		margin-bottom: 40px;
		color: #000;
		line-height: 150%;
		font-size: 23px;
		font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
div#contents  h5 {
	color: #0078be;
	font-size: 16px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}



div#contents div.main_contents {
	width: 890px;
}

/* second_area */
div.second_area div.left {
	float: left;
	width: 475px;
}

div.second_area p.right {
	float: right;
	width: 400px;
	margin:25px 0 0 0;
}

div#contents h5.taikyusei {
	padding-top: 35px;
}

/* bottom_area */
div.bottom_area {
	padding-top: 47px;
	padding-bottom: 30px;
}

div.bottom_area div.left {
	float: left;
	width: 220px;
	padding-right: 30px;
}

div.bottom_area div.middle {
	float: left;
	width: 220px;
}

div.bottom_area p.right {
	float: right;
	width: 400px;
	margin:25px 0 0 0;
}

div.bottom_area div.long {
	float: left;
	width: 475px;
}



/*	重量鉄骨造
===================================================================*/

/* 耐震性・耐風性 */
div#cozo div p img {
	float: right;
	margin-left: 30px;
	padding-top: 35px;
	padding-right: 8px;
}




/*-------------------------*/
/* デバイスサイズ 889px*/
/*-------------------------*/
@media screen and (max-device-width: 889px) {

div#contents div.main_contents{ width: auto; padding-top: 0;}
div#contents div.main_contents+.main_contents{ margin-top: 50px;}

div#contents div.top_area h4 { font-size: 28px;}
	div#contents div.top_area h4 small{ font-size: 18px;}
	div#contents div.top_area h4 + p { font-size: 18px;}
div#contents  h5 { font-size: 18px;}

div.bottom_area div.left,
div.bottom_area div.middle,
div.bottom_area div.long,
div.second_area div.left{
	float: none;
	width: auto;
	padding-right: 0;
}
div.bottom_area div.middle{ margin-top: 25px;}
div.bottom_area p.right,
div.second_area p.right{
	float: none;
	width: auto;
}

div.bottom_area {
	padding-top: 0;
	padding-bottom: 0;
}
div.bottom_area h5{ margin-top: 35px;}

}