/* 

リフォーム関西

施工事例詳細用css

Last Updated: 2013-03-12


*/
section#contents h1{
	background:url('../../images/markup/reform-detail-h1.png') no-repeat;
	width:690px;height:92px;
	text-indent:-9999px;
	margin:0 0 12px 0;
}
section#contents　h2{
}




/* ナイスの確認画面メッセージ*/
article#reform-nice-conform{

	border:1px solid #666;
	padding:12px;

}


/* 事例上部 イメージと説明文ブロック*/
article#reform-detail-head{
	padding-bottom:25px;
}
div#reform-detail-head-image{
	float:left;
	margin-right:12px;
	margin-bottom:28px;
	width:417px;
	height:317px;
	text-align:left;
	position:relative;
}
div#reform-detail-head-image div.icon{
	position:absolute;top:5px;left:5px;
}


div#reform-detail-head-info{
	float:left;	
	line-height:1.3em;
	width:260px;
}
div#reform-detail-head-info h2{
	color:#8FC41E;
	font-size:1.1em;
	margin:0 0 12px 0;
}

/* 事例　写真ブロック*/		
article#reform-detail-images{
	width:690px;	
}

article#reform-detail-images div{
	/*width:223px;*/
	/*border:1px #999 solid;*/	
	position:relative;
	float:left;
	margin:0 5px 10px 0;
	font-size:0.8em;
	color:#666;
}

article#reform-detail-images div.image-text{
	margin-top:5px;
	line-height:1.3em;
	width:10em;
	height:3.8em;
	overflow:hidden;
	font-size:1.0em;
}


article#reform-detail-images div div.icon{
	position:absolute;top:15px;left:5px;
}

article#reform-detail-images .thums_wrap{
	width: 223px;
	height: 225px;
	padding:10px 0 10px;
	text-align: center;
	border:solid 1px #DDD;
	cursor:pointer;	
}
article#reform-detail-images .thums_wrap .image-text{
	text-align: left;
}

/* テーブル定義 */
table.info{
	width:690px;;
}
table.info tr th h2{
	font-size:1.0em;
	font-weight:bold;
	color:#FAF9F5;
}
table.info tr th h2 img{
	vertical-align: middle;
}

table.info tr th{
	background-color:#8FC41E;
	border:1px #999999 solid;
	padding:5px;
	text-align:left;
	white-space: nowrap;
}
table.info tr td{
	background-color:#fff;
	border:1px #999999 solid;	
	padding:5px;
	text-align:left;
	line-height:1.5em;
}


table.inner{
	border:none;
	width: 100%;
}
table.inner tr th{
	vertical-align:top;	
	border:none;
}
table.inner tr td{
	vertical-align:top;
	border:none;
}
table.inner tr td.to-company{
	text-align: right;
	vertical-align: bottom;
}


div#estimate{
	text-align:center;
	width:690px;
	margin:22px 0 22px 0;
}


/* ナイスリフォーム部分レイアウト */
div.input-nice{
	width:200px;
	height:40px;
	float:left;
	line-height:24px;
}
div.radio-txt{
	float:right;
	width:70px;
	margin-right:20px;
	text-align:left;
}

input.rdo{
	margin-bottom:16px
}
/* ナイス表示の数値*/
span#nice{
	font-weight:bold;
	color:#f00;
	font-size:16px;
}


div.nice-comment-total{
	background:url('../../images/background/reform-detail-nice-comment-bk-00.png');
	width:57px;
	height:106px;
	float:left;
	text-align:center;
}	
div.nice-comment-total div{
	color:#f00;
	font-weight:bold;
	margin-top:60px;
	font-size:10px;
}
div.nice-comment-total div span{
	font-size:18px;
}
div.nice-comment-box{
	float:right;
}

div.nice-comment-head{
	background:url('../../images/background/reform-detail-nice-comment-bk-01.png');
	width:624px;
	height:37px;
}	
div.nice-comment-head div{
	padding:16px 0 0 40px;		
}
div.nice-comment-middle{
	background:url('../../images/background/reform-detail-nice-comment-bk-02.png') repeat-y;		
	width:624px;
}

div.nice-comment-middle div{
	padding:10px 0 0 40px;
}
div.nice-comment-bottom{
	background:url('../../images/background/reform-detail-nice-comment-bk-03.png') repeat-y;
	width:624px;		
	height:8px;
	margin-bottom:12px;
}	




/* 新着リフォーム事例 (pickup)*/

div.toppage-rightcontents {
    background: url("../../images/common/toppage-rightcontents-box.png") repeat-y scroll 0 0 transparent;
    width: 711px;
}
div.toppage-rightcontents article#pickup-contents {
    padding: 5px 0 0 15px;
}

div.toppage-rightcontents-bottom {
    background: url("../../images/common/toppage-rightcontents-bottom.png") no-repeat scroll 0 0 transparent;
    height: 12px;
    width: 711px;
}
article#pickup{
	width:712px;
	margin-bottom:6px;
	margin-left:-19px;
	position:relative;
}
article#pickup .title{
	/*background:url('../../images/common/toppage-pickup-head.png');*/
	background:url('../../images/common/reform-detail-pickup-head.png');
	width:711px;
	height:68px;
	position:relative;
	text-indent:-9999px;
}
article#pickup h1{
	/*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 h2{
	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 p.text{
	height:80px;
	overflow: auto;
	margin-bottom:12px;
}
article#pickup-contents div.contents div p.company{
	height:40px;
}