@charset "utf-8";
@import "common/0-import.css";

#globalNavi li.navi01 a {
	background: none;
}

#globalNavi li.navi01 a:hover {
	background: none;
}

#globalNavi li.navi01 a img {
	visibility: hidden;
}

#main {
	padding-bottom: 20px;
	+padding-bottom: 18px;
}

#main .top {
	height: 432px;
	background: url(/parts/index/back01.jpg) no-repeat right top;
	width: 869px;
	position: relative;
}

#main .top a.img01 { /*よりハイグレードな*/
	display:block;
	width:142px;
	height:68px;
	top: 48px;
	left: 470px;
	position: absolute;
	z-index: 20;
}

#main .top div.img02 { /*家を原価で建てる*/
	width:335px;
	height:308px;
	top: 50px;
	left:41px;
	position: absolute;
	z-index: 5;
	overflow:hidden;
}

#main .top a.img03 { /*社長肩書き*/
	display:block;
	width:110px;
	height:30px;
	top: 370px;
	left: 459px;
	position: absolute;
}

#main .top a.man { /*社長イラスト*/
	display:block;
	width:261px;
	height:311px;
	top: 59px;
	left: 289px;
	position: absolute;
	z-index: 10;
}

#main .top ul.ul01 {
	top: 371px;
	left: 27px;
	position: absolute;
}

#main .top ul.ul01 li {
	float: left;
	margin-right: 4px;
}

#main .top ul.ul01 li a {
	float: left;
}

#main .top ul.ul01 img {
	display: block;
}

#main .top ul.ul01 li.li01 a{
	width: 105px;
	background: url(/parts/index/btn01_over.jpg) no-repeat;
}

#main .top ul.ul01 li.li02 a{
	width: 99px;
	background: url(/parts/index/btn02_over.jpg) no-repeat;
}

#main .top ul.ul01 li.li03 a{
	width: 102px;
	background: url(/parts/index/btn03_over.jpg) no-repeat;
}

#main .top ul.ul01 li.li04 a{
	width: 102px;
	background: url(/parts/index/btn04_over.jpg) no-repeat;
}

#main .top ul.ul01 li a:hover{
	background-color: #FFF;
}

#main .top ul.ul01 li a:hover img{
	visibility: hidden;
}

#conts {
	margin: 57px 0 0 107px;
	width: 592px;
	float: left;
	display: inline;
	background-color:#FFFFFF; /**/
}

#conts img {
	display: block;
}

#conts h2 {
	margin-bottom: 14px;
}

#conts .box {
	height: 45px;
	position: relative;
}

#conts .box h3 {
	top: 0;
	left: 0;
	position: absolute;
	z-index: 5;
}

#conts .box ul {
	top: 1px;
	right: 7px;
	position: absolute;
	z-index: 10;
}

#conts .box ul li {
	float: left;
	display: inline;
	margin-left: 11px;
}

#conts .box ul li a {
	float: left;
}

#conts .box ul li.back01 a {
	width: 61px;
	background: url(/parts/index/img01_over.jpg) no-repeat;
}

#conts .box ul li.back02 a {
	width: 55px;
	background: url(/parts/index/img02_over.jpg) no-repeat;
}

#conts .box ul li a:hover {
	background-color: #FFF;
}

#conts .box ul li a:hover img {
	visibility: hidden;
}

#conts .box01 {
	background: url(/parts/index/box_back01.jpg) no-repeat left bottom;
}

#conts .box01 dl{
	padding: 6px 20px 14px 27px;
	line-height: 1.5;
}

#conts .box01 dl dt{
	margin-bottom: 6px;
	padding-left: 12px;
	float: left;
	clear: left;
	color: #909090;
	background: url(/parts/index/icon01.gif) no-repeat left 5px;
}

#conts .box01 dl dd {
	margin-bottom: 6px;
	padding-left: 80px;
	_padding-left: 77px;
}

#conts .box01 dl dd a {
	color: #0f8bd9;
}

#sideBar {
	width: 203px;
	margin: 13px 70px 0 0;
	_margin: 13px 55px 0 0;
	padding-top:0;
	background:none;
	float: right;
	display: inline;
}

#sideBar h3 {
padding:0;
}

#sideBar .sub {
	margin: 0 1px 14px 0;
	background: url(../parts/index/sideBar_back01.jpg) no-repeat left bottom;
	overflow: hidden;
	zoom: 1;
}

#sideBar .sub p {
	padding: 5px 14px 6px 14px;
	+padding: 4px 14px 6px 14px;
	_padding: 5px 14px 5px 14px;
	line-height: 1.4;
	color: #717171;
}

#sideBar ul.ul02{
	margin-left: 1px;
	padding:0;
}

#sideBar ul.ul02 li {
	margin-bottom: 9px;
	+margin-bottom: 8px;
	_margin-top: -14px;
	_margin-bottom:-8px;

}


	*html #sideImg {
		height: 150px;
		width: 77px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideImg01.png,sizingMethod=crop);
	}

	*html #sideMenu ul li.menu01 a {
		height: 102px;
		width: 42px;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu01_out.png,sizingMethod=crop);
	}
	
	*html #sideMenu ul li.menu02 a {
		height: 102px;
		width: 42px;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu02_out.png,sizingMethod=crop);
	}
	
	*html #sideMenu ul li.menu03 a {
		height: 109px;
		width: 42px;
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu03_out.png,sizingMethod=crop);
	}
		
	*html #sideMenu ul li.menu01 a:hover {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu01_over.png,sizingMethod=crop);
	}
	
	*html #sideMenu ul li.menu02 a:hover {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu02_over.png,sizingMethod=crop);
	}
	
	*html #sideMenu ul li.menu03 a:hover {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=parts/sideMenu03_over.png,sizingMethod=crop);
	}
	

@media all and (min-width: 0px){
	#sideBar .sub p {
		padding: 5px 14px 8px 14px;
	}
	
	#sideBar ul.ul02 li {
		margin-bottom: 8px;
	}

}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	
	#sideBar ul.ul02 li {
		margin-bottom: 7px;
	}
	
	#sideBar ul.ul02 li a {
		padding: 21px 0 20px 21px;
	}
}