/* CSS Document */
h1{
	background:url(http://www.hana-re.jp/assets/images/works/title.jpg) no-repeat;
	width:675px;
	height:134px;
	font-size:1px;
	text-indent:-9999px;
	margin:0px;
	padding:0px;
}
#main_contents {
	width:675px;
}
#main_contents .read{
	margin:10px 10px 15px;
}
/**************************************************
ul.contents_works
***************************************************/	
ul.contents_works{
	margin:0 0 20px 8px;
	width:667px;
	list-style-type:none;
	}
ul.contents_works li{
	float:left;
	margin:0 0 10px 0;
	width:216px;
	height:239px;
}
ul.contents_works li h2{
	padding:0;
	margin:0;
	width:200px;
	height:221px;
}
ul.contents_works li a{
	background:url(http://www.hana-re.jp/assets/images/works/works_listing_frame_off.gif) no-repeat;
	display:block;
	text-decoration:none;
	width:200px;
	height:221px;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:0;
}
ul.contents_works li a:visited{
	background:url(http://www.hana-re.jp/assets/images/works/works_listing_frame_off.gif) no-repeat;
}
ul.contents_works li a:hover{
	background:url(http://www.hana-re.jp/assets/images/works/works_listing_frame_on.gif) no-repeat;
}
.icon_new{
	display:block;
	background:url(http://www.hana-re.jp/assets/images/works/new.gif) no-repeat;text-indent:-9999px;display:block;
	width:38px;
	height:13px;
	margin:5px 0 5px 0;
}
ul.contents_works li span{
	display:block;
}
.icon_none{
	width:38px;
	height:13px;
	margin:5px 0 5px 0;
}
.list_img{
	display:block;
	padding:17px 0 0 0;
}
.list_title{
	text-align:center;
	padding:3px 0 0 0;
	width:194px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	line-height:18px;
	letter-spacing: -0.1em;
}
.list_title p{
	margin: 12px 0 12px 0;
}

/*
#vnav_1,#vnav_2,#vnav_3,#vnav_4,#vnav_5,#vnav_6,#vnav_7,#vnav_8,#vnav_9,#vnav_10,#vnav_11,#vnav_12,#vnav_13,#vnav_14,#vnav_15{width:216px;height:239px;}
a#vnav_1 {background:url(http://www.hana-re.jp/assets/images/works/v1.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_1:hover {background:url(http://www.hana-re.jp/assets/images/works/v1_f2.jpg) no-repeat;}
a#vnav_2 {background:url(http://www.hana-re.jp/assets/images/works/v2.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_2:hover {background:url(http://www.hana-re.jp/assets/images/works/v2_f2.jpg) no-repeat;}
a#vnav_3 {background:url(http://www.hana-re.jp/assets/images/works/v3.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_3:hover {background:url(http://www.hana-re.jp/assets/images/works/v3_f2.jpg) no-repeat;}
a#vnav_4 {background:url(http://www.hana-re.jp/assets/images/works/v4.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_4:hover {background:url(http://www.hana-re.jp/assets/images/works/v4_f2.jpg) no-repeat;}
a#vnav_5 {background:url(http://www.hana-re.jp/assets/images/works/v5.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_5:hover {background:url(http://www.hana-re.jp/assets/images/works/v5_f2.jpg) no-repeat;}
a#vnav_6 {background:url(http://www.hana-re.jp/assets/images/works/v6.jpg) no-repeat;text-indent:-9999px;display:block;}
a#vnav_6:hover {background:url(http://www.hana-re.jp/assets/images/works/v6_f2.jpg) no-repeat;}
*/


/*********************
xx.html
*********************/
/* 080820 追加 */
/* 店舗紹介 */
			table#tbl_floorinfo{
				width:529px;
				border-right:1px solid #cccccc;
				border-top:1px solid #cccccc;
				border-collapse:collapse;
				}
				table#tbl_floorinfo th,
				table#tbl_floorinfo td{
					padding:10px 10px 10px 10px;
					border-bottom:1px solid #cccccc;
					border-left:1px solid #cccccc;
					text-align:left;
					}

/* データ */
			table.tbl_floordata2{
				float:left;
				width:252px;
				border-right:1px solid #cccccc;
				border-top:1px solid #cccccc;
				border-collapse:collapse;
				}
				table.tbl_floordata2 th{
					width:85px;
					font-weight:normal;
					}
				table.tbl_floordata2 th,
				table.tbl_floordata2 td{
					padding:5px 5px 5px 11px;
					border-bottom:1px solid #cccccc;
					border-left:1px solid #cccccc;
					text-align:left;
					}
				.mr20{ margin-right:20px !important; }
				.mr10{ margin-right:10px !important; }
				.mt15{ margin-top:15px !important; }




.read{
	margin:10px 10px 15px/*25px*/ 10px;
	}


.pagetop a{
	float:left;
	background:url(http://www.hana-re.jp/assets/images/works/gotop.gif) no-repeat;
	width:103px;
	height:26px;
	display:block;font-size:1px;text-indent:-9999px;
	margin-left:15px;padding:0px;
	}
	
.pagetop a:hover{
	background:url(http://www.hana-re.jp/assets/images/works/gotop_f2.gif) no-repeat;
	}
	
.pageback a{
	float:left;
	background:url(http://www.hana-re.jp/assets/images/works/gomae.gif) no-repeat;
	width:81px;
	height:26px;
	display:block;font-size:1px;text-indent:-9999px;
	margin:0px;padding:0px;
	}
	
.pageback a:hover{
	background:url(http://www.hana-re.jp/assets/images/works/gomae_f2.gif) no-repeat;
	}
	
.pagenext a{
	float:left;
	background:url(http://www.hana-re.jp/assets/images/works/goshita.gif) no-repeat;
	width:81px;
	height:26px;
	display:block;font-size:1px;text-indent:-9999px;
	margin:0px;padding:0px;
	}
	
.pagenext a:hover{
	background:url(http://www.hana-re.jp/assets/images/works/goshita_f2.gif) no-repeat;
	}
	
.workstitle{
	clear:both;
	margin-left:15px;
}

#worksmain{
width:535px;
/*display:inline;*/
	margin:20px auto 0px auto;

	text-align:center;
	}
#worksmain .wmain{
	margin-bottom:20px;
	}
	
#worksmain table tr td{
	vertical-align:middle;
		}
		
#worksmain table tr td p{
	margin-left:10px;
	margin-right:10px;
		}
		
.topmargin{
	margin-top:20px;
	}






/**************************************************
div#casestudy
***************************************************/
#mainpic-txt{
	display:table;
	margin:0 0 20px 0;
	width:530px;
	line-height:150%;
}



/**************************************************
div#casestudy-data
***************************************************/
div#casestudy-data{
			margin:0px 0px 30px 0px;
			float:left;
			}
			table#tbl_floordata{
				float:left;
				width:275px;
				margin:0 30px 0 0;
				border-right:1px solid #cccccc;
				border-top:1px solid #cccccc;
				border-collapse:collapse;
				}
				table#tbl_floordata th{
					width:70px;
					font-weight:normal;
					}
				table#tbl_floordata th,
				table#tbl_floordata td{
					padding:5px 5px 5px 11px;
					/*background-color:#ffffff;*/
					border-bottom:1px solid #cccccc;
					border-left:1px solid #cccccc;
					text-align:left;
					}
					sup{
						vertical-align:top;
						line-height:8px;
						}
			div#casestudy-before{
				float:left;
				width:220px;
				margin:0px;
				background-color:#e8e8e8;
				}
				/*forIE6*/
				*html div#casestudy-before div.left{
					float:left;
					display:table;
					/* Mac IE6 以外 */
					margin:0 0 0 7px;
					/* */
					padding:10px 0 0 0;
					width:190px;
					text-align:center;
					}
				div#casestudy-before div.left{
					float:left;
					width:190px;
					margin:0 0 0 15px;
					padding:15px 0 0 0;
					text-align:center;
					}
				/*for mac IE6 */
				div#casestudy-before div.left{
					float:left;
					width:190px;
					margin:0px;
					padding:15px 0 0 15px;
					text-align:center;
					}
				/* */
					div#casestudy-before div.left img{
						margin:0 0 5px 0;
						}
					div#casestudy-before div.left p{
						font-size:90%;
						color:#666666;
						padding:0px;
						text-align:center;
						}

/**************************************************
div#casestudy/more
***************************************************/
			div.casestudy-more{
				width:529px;
				margin:25px 0px 0px 0px;
				line-height:150%;
				}
			div.casestudy-more:after{
				display:block;
				clear:both;
				content:url(../img/pixel.gif);
				height:0px;
				}
			/* macIE safari Opera[IE7 IE6]*/
			div.casestudy-more{
				display:inline-block;
				}
			
			/*IE5 firefox*/
			div.casestudy-more{
				display:block;
				}
				div.casestudy-more div.left{
					float:left;
					width:252px;
					margin:0 25px 0 0;
					text-align:center;
					}
				div.casestudy-more div.right{
					float:left;
					width:252px;
					text-align:center;
					}
					div.casestudy-more div.left img,
					div.casestudy-more div.right img{
						margin-bottom:0px;
						}

					div.casestudy-more div.left p,
					div.casestudy-more div.right p{
						text-align:left;
						}
					.right p,.left p{ margin:5px; padding:0px; }


/**************************************************
div#customersvoice
***************************************************/
			div#customersvoice{
				width:529px;
				margin:0px;
				padding:0px;
				background:url(../works/img/impress_bg.gif) repeat-y;
				}
				p#voice-ttl{
					min-height:90px;
					padding:0px 0px 0px 140px;/*170px;*/
					background:url(../works/img/impress_head.gif) no-repeat;
					}
					/* IE6 */
					* html p#voice-ttl{
						height:90px;
						}
					p#voice-ttl strong{
					display:block;
					padding:40px 0 0 0;
					width:330px;/*360px;*/
					font-size:medium;
					color:#4D891F;
					line-height:135%;
					text-align:center;
					}
					div#customersvoice p#voice-txt{
						width:460px;
						margin:0px;
						padding:0px 35px 10px 30px;
						line-height:150%;
						}



/**************************************************
div#contactinfo
***************************************************/
				p#contactinfotxt{
					width:529px;
					margin:20px 0 10px 0px;
					padding:10px 0 10px 5px;
					background:url(../works/img/red_bg.gif);
					text-align:center;
					font-size:medium;
					font-weight:bold;
					line-height:150%;
					}
					p#contactinfotxt a{
						color:#e50000;
						font-weight:bold;
						font-size:small;
						}
					p#contactinfotxt a:hover{
						color:#ff7777;
						}
					p#contactinfotxt a:active{
						color:#071346;
						}