@charset "UTF-8";

#biz-header {
	height:126px;
	background:url(/bizhousing_news/img/head_bg01.gif) repeat-x 0 0;
	position:relative;
}
#biz-header h1{
	position:absolute;
	top:25px; left:25px;
}
#biz-header h2{
	position:absolute;
	top:31px; left:128px;
}
#biz-header p{
	position:absolute;
	top:78px; left:128px;
}

#biz-header p.update{
	position:absolute;
	top:12px; left:806px;
	
	font-size:12px;
	line-height:14px;
	color:#fff;
}

#biz-header a.btn1{
	position:absolute;
	bottom:0; right:26px;
}
#biz-header a.btn2{
	position:absolute;
	bottom:0; right:144px;
}

#pankuzu{
	position:absolute;
	left:140px; top:14px;
	
	color:#fff;
	border-bottom:none;
}
#pankuzu li{
	padding:0 5px 0 13px;
  background:url(/bizhousing_news/img/head_arrow01.gif) no-repeat left center;	
}
#pankuzu a,
#pankuzu a:hover{ color:#fff;}

#biz-content{
	border-left:1px solid #969696;
	border-right:1px solid #969696;
	padding:25px 0 29px 0;
}

#biz-content #main{
	width:890px;
	margin:0 auto;
	
	position:relative;
}
#footer {
	margin-top:0;
	border-top:1px solid #969696;
}

#main h1.copy{
	margin:15px 0 0 0;
	padding-bottom:30px;	
}
#biz-detail #main p.date{
	font-size:13px;
	/* [disabled]line-height:15px; */
	position:absolute;
	top:-12px;
	left:0;
}

#main #detail{
	width:297px;
	float:right;
	font-size:14px;
	line-height:20px;
}

#main #detail .header{
	border-bottom:1px solid #c8c8c8;
	position:relative;
	padding-bottom:2px;
}
#main #detail .header img{
	position:absolute;
	top:0; right:0;
}
#main #detail .header h2{
	color:#506187;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
#main #detail .header h2 span{
	font-size:14px;
	vertical-align:1px;
}
#main #detail table{
	margin:10px 0 0 0;
}
#main #detail table th,
#main #detail table td{
	white-space: nowrap;
	font-size:14px;
	text-align:left;
}
#main #detail table span{
	color:#8897b7;
}
#main #detail table th{
	padding-right:14px;
	color:#506187;
	display:inline;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	/font-family:'ＭＳ ゴシック', sans-serif;
}
#main #detail a.hover img{
	margin:10px 0 0 0;
}
#main #detail .section{
	margin:20px 0 0 0;
}
#main #detail .section0{
	margin:30px 0;
	padding:15px 0;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}
#main #detail .section p{
	font-size:13px;
	line-height:24px;
	margin:5px 0 0 0;
}
#main #detail .section0 p{
	color:#506187;
	margin:0;
}

#main #detail .section0 h4{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 8px 0;
}
#main #detail .section0 p.concept{
	line-height:20px;
	margin:0 0 8px 0;
}
#main #detail .section0 p span{
	vertical-align:2px;
	font-size:8px;
}
#main #detail .section0 h3{
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 0;
}

#main #detail .outline{
	border-top:1px solid #c8c8c8;
	margin-top:40px;
	padding-top:40px;
}
#main #detail .outline h3{
	color:#506187;
	font-size:16px;
	line-height:24px;
}
#main #detail .outline p{
	font-size:14px;
	line-height:24px;
}
#main #photo{
	width:566px;
	float:left;
}
#main #photo img{
	/float:left;
}

#main #photo .left{
	float:left;
}
#main #photo .right{
	float:right;
}



#main .detail{
	width:297px;
	float:right;
	font-size:14px;
	line-height:20px;
}

#main .detail .header{
	border-bottom:1px solid #c8c8c8;
	position:relative;
	padding-bottom:2px;
}
#main .detail .header img{
	position:absolute;
	top:0; right:0;
}
#main .detail .header h2{
	color:#506187;
	font-size:18px;
	line-height:22px;
	font-weight:bold;
}
#main .detail .header h2 span{
	font-size:14px;
	vertical-align:1px;
}
#main .detail table{
	margin:10px 0 0 0;
}
#main .detail table th,
#main .detail table td{
	white-space: nowrap;
	font-size:14px;
	text-align:left;
}
#main .detail table span{
	color:#8897b7;
}
#main .detail table th{
	padding-right:14px;
	color:#506187;
	display:inline;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ ゴシック', sans-serif;
	/font-family:'ＭＳ ゴシック', sans-serif;
}
#main .detail a.hover img{
	margin:10px 0 0 0;
}
#main .detail .section{
	/*margin:20px 0 0 0;*/
}
#main .detail .section0{
	margin:30px 0;
	padding:15px 0;
	border-top:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}
#main .detail .section p{
	font-size:13px;
	line-height:24px;
	margin:5px 0 0 0;
}
#main .detail .section0 p{
	color:#506187;
	margin:0;
}

#main .detail .section0 h4{
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	margin:0 0 8px 0;
}
#main .detail .section0 p.concept{
	line-height:20px;
	margin:0 0 8px 0;
}
#main .detail .section0 p span{
	vertical-align:2px;
	font-size:8px;
}
#main .detail .section0 h3{
	font-size:15px;
	font-weight:bold;
	margin:0 0 5px 0;
}
#main .detail .secTit {
    color: #506187;
    font-size: 16px;
    line-height: 24px;
}
#main .detail .secTit span {
    color: #8897b7;
}

#main .detail .outline{
	border-top:1px solid #c8c8c8;
	margin-top:40px;
	padding-top:40px;
}
#main .detail .outline h3{
	color:#506187;
	font-size:16px;
	line-height:24px;
}
#main .detail .outline p{
	font-size:14px;
	line-height:24px;
}
#main .photo{
	width:566px;
	float:left;
}
#main .photo img{
	float:left;
}

#main .photo .left{
	float:left;
	max-width: 270px;
}
#main .photo .right{
	float:right;
	max-width: 270px;
}

#main #zumen{
	clear:both;
}

#main #top{
	position:relative;
	margin-bottom:30px;
}
#main #top .spec{
	position:absolute;
	bottom:0; left:14px;
	/* width:363px; */ width:470px;
	height:59px;
	background-color:#fff;	
}
#main #top .spec img{
	position:absolute;
	bottom:6px; left:14px;
}
#main #top .spec p{
	position:absolute;
	bottom:4px; left:94px;
	
	font-size:14px;
	line-height:16px;
}

#main .list{
	border:1px solid #969696;
	padding:10px;
	margin-top:10px;
	position:relative;
}
#main .list a.hover{
	position:absolute;
	top:10px; right:10px;
}
#main .list h2{
	position:absolute;
	top:10px; left:398px;
	width:480px;
	
	font-size:24px;
	line-height:34px;
	font-weight:bold;
}

#main .list a{
	color:#35415e;
}
#main .list a:hover{
	color:#5B6FB3;
}

#main .list p.date{
	font-size:13px;
	line-height:15px;
	
	position:absolute;
	top:10px; left:398px;
}

#main .list .spec{
	width:auto;
	position:absolute;
	bottom:10px; left:398px;
}
#main .list .spec img{
	position:absolute;
	bottom:0; left:0;
}
#main .list .spec p{
	position:absolute;
	bottom:-2px; left:80px;	
	
	font-size:14px;
	line-height:16px;
	width:400px;
}

#biz-detail #top,
#biz-detail #list{
	display:none;
}

#biz-home .list a.hover{
	display:none;
}

a.pagetop{
	position:absolute;
	bottom:0; right:0;
}

@media screen and (max-width:767px){
	body #biz-content #main .detail,
	body #biz-content #main .photo {
	    width: 100%;
	    float: none;
	}
	#main .detail .section {
	    margin: 30px 0 0 0;
	}
	#main .photo img,
	#main .photo .left,
	#main .photo .right{
		width: 100%;
    	height: auto;
    	max-width: inherit;
	}
}