/* 

リフォーム関西

トップページ用css

Last Updated: 2013-03-12


*/

/* トップページ最上部のブロック*/
section#toppage-head{
	width:1003px;
	margin:0 auto;
}
section#toppage-head .left-block{
    margin: 10px 10px 10px 16px;
    width: 685px;
	float:left;
}
section#toppage-head .right-block{
	width:278px;
	margin-left: 12px;
	float:left;
}





/* コンテンツブロック*/
div.toppage-rightcontents{
	background:url('../../images/common/toppage-rightcontents-box.png') repeat-y;	
	width:711px;
}
/* コンテンツブロック内の記事 */
div.toppage-rightcontents article{
	padding:10px 0 0 35px;
}

/* コンテンツブロック→カテゴリブロックの画像位置 */
div.toppage-rightcontents article.category img{
	margin-bottom:6px;
}

/* コンテンツブロック→ピックアップコンテンツブロック内の記事（padding調整） */
div.toppage-rightcontents article#pickup-contents{
	padding:5px 0 0 15px;
}

/* コンテンツブロック→人気企業コンテンツブロック内の記事（padding調整） */
div.toppage-rightcontents article#best-contents{
	padding:5px 0 0 15px;
}



/* コンテンツブロック*/
div.toppage-rightcontents-bottom{
	background:url('../../images/common/toppage-rightcontents-bottom.png') no-repeat;	
	width:711px;
	height:12px;
}


/* 施工事例部位の選択 */
article#seach-part{
	width:712px;
	margin-bottom:6px;
	position:relative;
}
article#seach-part .title{
	background:url('../../images/common/toppage-seach-part-head.png');
	width:711px;
	height:48px;
	position:relative;
}
article#seach-part h2{
	background:url('../../images/common/toppage-seach-part-h1.png') no-repeat;
	width:155px;
	height:16px;
	position:absolute;
	top:18px;
	left:54px;
	text-indent:-9999px;
}




/* リフォームカテゴリの選択 */
article#seach-category{
	width:712px;
	margin-bottom:6px;
	position:relative;
}

article#seach-category .title{
	background:url('../../images/common/toppage-seach-category-head.png');
	width:711px;
	height:48px;
	position:relative;
}

article#seach-category h2{
	background:url('../../images/common/toppage-seach-category-h1.png') no-repeat;
	width:218px;
	height:16px;
	position:absolute;
	position:absolute;
	top:18px;
	left:54px;
	text-indent:-9999px;

}

/* 新着リフォーム事例 (pickup)*/
article#pickup{
	width:712px;
	margin-bottom:6px;
	position:relative;
}
article#pickup .title{
	background:url('../../images/common/toppage-pickup-head.png');
	width:711px;
	height:68px;
	position:relative;
}
article#pickup h2{
	background:url('../../images/common/toppage-pickup-h1.png') no-repeat;
	width:151px;
	height:16px;
	position:absolute;
	top:26px;
	left:74px;
	text-indent:-9999px;

}
article#pickup-contents div.contents{
	float:left;
	width:210px;
	background-color:#FFFFE6;
	border:1px #99CC00 solid;	
	margin-left:12px;
}
/* 各表示領域のpadding調整*/
article#pickup-contents div.contents div{
	padding:14px;
	line-height:1.1em;
}

/* アイコン表示 */
article#pickup-contents div.contents div.icon_wrap{
	padding:0px;
	line-height:1.1em;
	height:60px;
	overflow: hidden;
}
article#pickup-contents div.contents div.icon_wrap img{
	margin-right:3px;
}

article#pickup-contents div.contents div div.photo{
	padding:0;
	margin-bottom:15px;
	text-align:center;
	background:#fff;
}
article#pickup-contents div.contents div img.button{
	margin-top:10px;
}
article#pickup-contents div.contents div h3{
	font-size:1.01em;
	font-weight:bold;
	color:#EF657A;
	margin-bottom:4px;
	height:32px;
	overflow: hidden;
}
article#pickup-contents div.contents div hr{
	border-top:1px #333 dashed;
}

article#pickup-contents div.contents div.nice-box{
	padding:0;
	height:33px;
}
article#pickup-contents div.contents div.nice{
    background: url("/images/icon/icon-nice-background.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 0;
    margin-right: 10px;
    padding-right: 5px;
    text-align: left;
    text-indent: 57px;
    /*width: 87px;*/
	float:right;
}
article#pickup-contents div.contents div p.text{
	height:80px;
	overflow: auto;
	margin-bottom:12px;
}
article#pickup-contents div.contents div p.company{
	height:40px;
}






/* アクセス人気企業ピックアップ */
/* 新着リフォーム事例 */
article#best{
	width:712px;
	margin-bottom:6px;
	position:relative;
}
article#best .title{
	background:url('../../images/common/toppage-best-head.png');
	width:711px;
	height:68px;
	position:relative;
}
article#best h2{
	background:url('../../images/common/toppage-best-h1.png') no-repeat;
	width:388px;
	height:16px;
	position:absolute;
	top:26px;
	left:74px;
	text-indent:-9999px;

}
article#best-contents div.contents{
	float:left;
	width:210px;
	background-color:#FFFFE6;
	border:1px #99CC00 solid;	
	margin-left:12px;
}
/* 各表示領域のpadding調整*/
article#best-contents div.contents div{
	padding:14px;
	line-height:1.1em;
}
article#best-contents div.contents div img.photo{
	margin-bottom:15px;
}
article#best-contents div.contents div img.button{
	margin-top:10px;
}
article#best-contents div.contents div h2{
	font-size:1.01em;
	font-weight:bold;
	color:#979359;
	margin-bottom:4px;
	height:32px;
}
article#best-contents div.contents div hr{
	border:1px #333 dashed;
}
article#best-contents div.contents div p.text{
	height:80px;
}